@dynatrace/strato-components 3.1.1 → 3.1.3

package/esm/tables/DataTable/components/DataTableBody.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableBody.tsx"],
-  "sourcesContent": ["import { Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { useCallback, useRef, type ReactElement, type JSX } from 'react';\n\nimport { DataTableRow } from './DataTableRow.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../features/RowDetails/RowDetailsElement.js';\nimport { RowOrderingDragAndDropContext } from '../features/RowOrder/RowOrder.js';\nimport { type Row } from '../hooks/useTable/types.js';\nimport type { DataTableRowData } from '../public.api.js';\nimport * as styles from './DataTableBody.sty.js';\nimport {\n  DATA_TABLE_DETAILS_ROW_IDENTIFIER,\n  DATA_TABLE_DETAILS_ROW_PARITY,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../constants.js';\n\nexport function DataTableBody<TData extends DataTableRowData>(\n  props: Readonly<{\n    rows: Row<TData>[];\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): ReactElement | null {\n  const { rows, rowVirtualizer, columnVirtualizer } = props;\n  const table = useDataTable();\n\n  // Keep a list of all rows that are currently measured by the virtualizer\n  const queuedMeasurementRowIdRef = useRef(new Set());\n\n  const rowMeasure = useCallback(\n    (node: Element | null): void => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      const rowId = node.getAttribute('data-rowid');\n      if (rowId === null || queuedMeasurementRowIdRef.current.has(rowId)) {\n        return;\n      }\n      queuedMeasurementRowIdRef.current.add(rowId);\n      requestAnimationFrame(() => {\n        rowVirtualizer.measureElement(node);\n        // If the measurement is done, remove the row from the measurements set\n        queuedMeasurementRowIdRef.current.delete(rowId);\n      });\n    },\n    [rowVirtualizer],\n  );\n\n  const columnMeasure = useCallback(\n    (node: Element | null) => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      columnVirtualizer.measureElement(node);\n    },\n    [columnVirtualizer],\n  );\n\n  const firstRenderedRowIndex = rows.at(0)?.index;\n  const rowSeparation = table.getVisualVariantOptions().rowSeparation;\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n  const draggingRowId = table.getState().draggingRowInfo?.id;\n  const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;\n\n  const rowElements: JSX.Element[] = rowVirtualizer\n    .getVirtualItems()\n    .map((virtualRow, index) => {\n      const originalRow = rows[virtualRow.index];\n      let parity: 'even' | 'odd' = virtualRow.index % 2 === 0 ? 'even' : 'odd';\n      const isDraggedRow =\n        draggingRowId === undefined\n          ? false\n          : originalRow.id === draggingRowId ||\n            originalRow.id === draggingRowIdExpanded;\n\n      // If the row parity is set in the row, use this one as it\n      // could change via row details expansion.\n      const detailsParity = originalRow[DATA_TABLE_DETAILS_ROW_PARITY];\n      if (detailsParity !== undefined) {\n        parity = detailsParity;\n      }\n\n      // Need to run this through the symbol accessor instead of the\n      // feature, as the feature does not get the information from the\n      // extended row model, as the row model runs later.\n      if (originalRow[DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {\n        return (\n          <RowDetailsElement\n            key={originalRow.id}\n            originalRow={originalRow}\n            virtualRow={virtualRow}\n            virtualItemIndex={index}\n            rowSeparation={rowSeparation}\n            rowParity={parity}\n            isLastRowOnPage={virtualRow.index === rows.length - 1}\n            rowMeasure={rowMeasure}\n            isDraggedRow={isDraggedRow}\n          >\n            {table.options.rowDetailsTemplate?.({\n              row: originalRow.original,\n            })}\n          </RowDetailsElement>\n        );\n      }\n\n      return (\n        <DataTableRow\n          key={`row-${virtualRow.key}`}\n          row={originalRow}\n          virtualRow={virtualRow}\n          virtualItemIndex={index}\n          rowCount={rows.length}\n          virtualColumns={virtualColumns}\n          isDraggedRow={isDraggedRow}\n          isInDragOverlay={false}\n          rowParity={parity}\n          rowMeasure={rowMeasure}\n          columnMeasure={\n            // For columns, only measure the first rendered row.\n            // All other rows will have the same column widths.\n            firstRenderedRowIndex === virtualRow.index\n              ? columnMeasure\n              : undefined\n          }\n          scrollToIndex={rowVirtualizer.scrollToIndex}\n        />\n      );\n    });\n\n  const bodyContent = table.options.enableRowOrderDragAndDrop ? (\n    <RowOrderingDragAndDropContext<TData>\n      rows={rows}\n      virtualColumns={virtualColumns}\n      rowSeparation={rowSeparation}\n    >\n      {rowElements}\n    </RowOrderingDragAndDropContext>\n  ) : (\n    // If row order drag and drop is not enabled then don't use the RowOrderingDragAndDropContext\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    (<>{rowElements}</>)\n  );\n\n  return (\n    <div\n      role=\"rowgroup\"\n      data-rowgroup=\"body\"\n      className={clsx(styles.body, {\n        [styles.loading]: table.getState().loading,\n      })}\n    >\n      {bodyContent}\n    </div>\n  );\n}\n\nDataTableBody.displayName = 'DataTableBody';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { useCallback, useRef, type ReactElement, type JSX } from 'react';\n\nimport { DataTableRow } from './DataTableRow.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../features/RowDetails/RowDetailsElement.js';\nimport { RowOrderingDragAndDropContext } from '../features/RowOrder/RowOrder.js';\nimport { type Row } from '../hooks/useTable/types.js';\nimport type { DataTableRowData } from '../public.api.js';\nimport * as styles from './DataTableBody.sty.js';\nimport {\n  DATA_TABLE_DETAILS_ROW_IDENTIFIER,\n  DATA_TABLE_DETAILS_ROW_PARITY,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../constants.js';\n\nexport function DataTableBody<TData extends DataTableRowData>(\n  props: Readonly<{\n    rows: Row<TData>[];\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): ReactElement | null {\n  const { rows, rowVirtualizer, columnVirtualizer } = props;\n  const table = useDataTable();\n\n  // Keep a list of all rows that are currently measured by the virtualizer\n  const queuedMeasurementRowIdRef = useRef(new Set());\n\n  const rowMeasure = useCallback(\n    (node: Element | null): void => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      const rowId = node.getAttribute('data-rowid');\n      if (rowId === null || queuedMeasurementRowIdRef.current.has(rowId)) {\n        return;\n      }\n      queuedMeasurementRowIdRef.current.add(rowId);\n      requestAnimationFrame(() => {\n        // Ensure the virtualizer only measures element that are still connected to the DOM. Detached elements will be ignored.\n        if (node.isConnected) {\n          rowVirtualizer.measureElement(node);\n        }\n        // Remove the row from the queued measurement list, so it can be measured again in the future.\n        queuedMeasurementRowIdRef.current.delete(rowId);\n      });\n    },\n    [rowVirtualizer],\n  );\n\n  const columnMeasure = useCallback(\n    (node: Element | null) => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      columnVirtualizer.measureElement(node);\n    },\n    [columnVirtualizer],\n  );\n\n  const firstRenderedRowIndex = rows.at(0)?.index;\n  const rowSeparation = table.getVisualVariantOptions().rowSeparation;\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n  const draggingRowId = table.getState().draggingRowInfo?.id;\n  const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;\n\n  const rowElements: JSX.Element[] = rowVirtualizer\n    .getVirtualItems()\n    .map((virtualRow, index) => {\n      const originalRow = rows[virtualRow.index];\n      let parity: 'even' | 'odd' = virtualRow.index % 2 === 0 ? 'even' : 'odd';\n      const isDraggedRow =\n        draggingRowId === undefined\n          ? false\n          : originalRow.id === draggingRowId ||\n            originalRow.id === draggingRowIdExpanded;\n\n      // If the row parity is set in the row, use this one as it\n      // could change via row details expansion.\n      const detailsParity = originalRow[DATA_TABLE_DETAILS_ROW_PARITY];\n      if (detailsParity !== undefined) {\n        parity = detailsParity;\n      }\n\n      // Need to run this through the symbol accessor instead of the\n      // feature, as the feature does not get the information from the\n      // extended row model, as the row model runs later.\n      if (originalRow[DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {\n        return (\n          <RowDetailsElement\n            key={originalRow.id}\n            originalRow={originalRow}\n            virtualRow={virtualRow}\n            virtualItemIndex={index}\n            rowSeparation={rowSeparation}\n            rowParity={parity}\n            isLastRowOnPage={virtualRow.index === rows.length - 1}\n            rowMeasure={rowMeasure}\n            isDraggedRow={isDraggedRow}\n          >\n            {table.options.rowDetailsTemplate?.({\n              row: originalRow.original,\n            })}\n          </RowDetailsElement>\n        );\n      }\n\n      return (\n        <DataTableRow\n          key={`row-${virtualRow.key}`}\n          row={originalRow}\n          virtualRow={virtualRow}\n          virtualItemIndex={index}\n          rowCount={rows.length}\n          virtualColumns={virtualColumns}\n          isDraggedRow={isDraggedRow}\n          isInDragOverlay={false}\n          rowParity={parity}\n          rowMeasure={rowMeasure}\n          columnMeasure={\n            // For columns, only measure the first rendered row.\n            // All other rows will have the same column widths.\n            firstRenderedRowIndex === virtualRow.index\n              ? columnMeasure\n              : undefined\n          }\n          scrollToIndex={rowVirtualizer.scrollToIndex}\n        />\n      );\n    });\n\n  const bodyContent = table.options.enableRowOrderDragAndDrop ? (\n    <RowOrderingDragAndDropContext<TData>\n      rows={rows}\n      virtualColumns={virtualColumns}\n      rowSeparation={rowSeparation}\n    >\n      {rowElements}\n    </RowOrderingDragAndDropContext>\n  ) : (\n    // If row order drag and drop is not enabled then don't use the RowOrderingDragAndDropContext\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{rowElements}</>\n  );\n\n  return (\n    <div\n      role=\"rowgroup\"\n      data-rowgroup=\"body\"\n      className={clsx(styles.body, {\n        [styles.loading]: table.getState().loading,\n      })}\n    >\n      {bodyContent}\n    </div>\n  );\n}\n\nDataTableBody.displayName = 'DataTableBody';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableBody.sty.js

@@ -1,6 +1,6 @@
 import "./DataTableBody.css";
-var body = "_51sfnf0-3-1-1";
-var loading = "_51sfnf1-3-1-1";
+var body = "_51sfnf0-3-1-3";
+var loading = "_51sfnf1-3-1-3";
 export {
   body,
   loading

package/esm/tables/DataTable/components/DataTableBody.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableBody.css.ts"],
-  "sourcesContent": ["import './DataTableBody.css';\nexport var body = '_51sfnf0-3-1-1';\nexport var loading = '_51sfnf1-3-1-1';"],
+  "sourcesContent": ["import './DataTableBody.css';\nexport var body = '_51sfnf0-3-1-3';\nexport var loading = '_51sfnf1-3-1-3';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,UAAU;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableCell.css

@@ -1,4 +1,4 @@
-._1ons7qu2-3-1-1 {
+._1ons7qu2-3-1-3 {
   border: 0;
   color: inherit;
   display: flex;
@@ -9,19 +9,19 @@
   background-color: transparent;
   box-sizing: border-box;
 }
-._1ons7qu2-3-1-1._14sp6az3-3-1-1 {
+._1ons7qu2-3-1-3._14sp6az3-3-1-3 {
   pointer-events: initial;
 }
-._1ons7qu2-3-1-1._14sp6az4-3-1-1 {
+._1ons7qu2-3-1-3._14sp6az4-3-1-3 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-button[data-trigger="useraction"] + ._1ons7qu2-3-1-1 {
+button[data-trigger="useraction"] + ._1ons7qu2-3-1-3 {
   cursor: pointer;
 }
-button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
+button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-3 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-[data-columntype="gantt"]._1ons7qu2-3-1-1:not(:first-child)::before, [data-columntype="gantt"] + ._1ons7qu2-3-1-1::before {
+[data-columntype="gantt"]._1ons7qu2-3-1-3:not(:first-child)::before, [data-columntype="gantt"] + ._1ons7qu2-3-1-3::before {
   content: "";
   display: block;
   position: absolute;
@@ -31,25 +31,25 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
   bottom: var(--dt-spacings-size-0, 0);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj0-3-1-1 ~ ._1ons7qu2-3-1-1:hover {
+._15silbj0-3-1-3 ~ ._1ons7qu2-3-1-3:hover {
   cursor: pointer;
 }
-._1ons7qu3-3-1-1 {
+._1ons7qu3-3-1-3 {
   width: fit-content;
 }
-._1ons7qu4-3-1-1 {
+._1ons7qu4-3-1-3 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1ons7qu5-3-1-1 {
+._1ons7qu5-3-1-3 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-._1ons7qu6-3-1-1 {
+._1ons7qu6-3-1-3 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-default-size, 14px);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
@@ -57,7 +57,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: var(--dt-typography-text-base-default-text-transform, none);
 }
-._1ons7qu7-3-1-1 {
+._1ons7qu7-3-1-3 {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-base-default-size, 14px);
   font-weight: var(--dt-typography-code-base-default-weight, 400);
@@ -65,52 +65,52 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
   text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
   text-transform: var(--dt-typography-code-base-default-text-transform, none);
 }
-._1ons7qu9-3-1-1 {
+._1ons7qu9-3-1-3 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-right: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-0, 0);
 }
-._1ons7qua-3-1-1 {
+._1ons7qua-3-1-3 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._1jrjqrd1-3-1-1 ._1ons7qua-3-1-1:first-child {
+._1jrjqrd1-3-1-3 ._1ons7qua-3-1-3:first-child {
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1ons7qua-3-1-1[data-columntype='sparkline'] {
+._1ons7qua-3-1-3[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._1ons7qub-3-1-1 {
+._1ons7qub-3-1-3 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1jrjqrd1-3-1-1 ._1ons7qub-3-1-1:first-child {
+._1jrjqrd1-3-1-3 ._1ons7qub-3-1-3:first-child {
   padding-left: calc(var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-4, 4px));
 }
-._1ons7qub-3-1-1[data-columntype='sparkline'] {
+._1ons7qub-3-1-3[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
 }
-._1ons7quc-3-1-1 {
+._1ons7quc-3-1-3 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
 }
-._1jrjqrd1-3-1-1 ._1ons7quc-3-1-1:first-child {
+._1jrjqrd1-3-1-3 ._1ons7quc-3-1-3:first-child {
   padding-left: var(--dt-spacings-size-20, 20px);
 }
-._1ons7quc-3-1-1[data-columntype='sparkline'] {
+._1ons7quc-3-1-3[data-columntype='sparkline'] {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1ons7qud-3-1-1:where(:not(:first-child,._14sp6az3-3-1-1))::before {
+._1ons7qud-3-1-3:where(:not(:first-child,._14sp6az3-3-1-3))::before {
   content: "";
   display: block;
   position: absolute;
@@ -121,15 +121,15 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._1ons7qug-3-1-1:where(:not(._1ons7qug-3-1-1 + ._1ons7qug-3-1-1, ._1jrjqrd1-3-1-1))::before {
+._1ons7qug-3-1-3:where(:not(._1ons7qug-3-1-3 + ._1ons7qug-3-1-3, ._1jrjqrd1-3-1-3))::before {
   content: unset;
 }
-._1ons7quh-3-1-1 {
+._1ons7quh-3-1-3 {
   position: sticky;
   z-index: 2;
-  left: var(--resizing-leftPosition, var(--_1ons7qu0-3-1-1));
+  left: var(--resizing-leftPosition, var(--_1ons7qu0-3-1-3));
 }
-._1ons7quh-3-1-1:where(:not(:has(~ ._1ons7quh-3-1-1)))::after {
+._1ons7quh-3-1-3:where(:not(:has(~ ._1ons7quh-3-1-3)))::after {
   content: "";
   display: block;
   position: absolute;
@@ -140,69 +140,69 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._1y5fzv3-3-1-1._1y5fzv4-3-1-1 ._1ons7quh-3-1-1 {
+._1y5fzv3-3-1-3._1y5fzv4-3-1-3 ._1ons7quh-3-1-3 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv3-3-1-1._1y5fzv5-3-1-1 ._1ons7quh-3-1-1 {
+._1y5fzv3-3-1-3._1y5fzv5-3-1-3 ._1ons7quh-3-1-3 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._15silbj0-3-1-1:hover > ._1ons7quh-3-1-1:where(:not(:has(~ ._1ons7quh-3-1-1)))::after,
-          ._15silbj4-3-1-1 > ._1ons7quh-3-1-1:where(:not(:has(~ ._1ons7quh-3-1-1)))::after,
-          ._15silbj1-3-1-1 > ._1ons7quh-3-1-1:where(:not(:has(~ ._1ons7quh-3-1-1)))::after {
+._15silbj0-3-1-3:hover > ._1ons7quh-3-1-3:where(:not(:has(~ ._1ons7quh-3-1-3)))::after,
+          ._15silbj4-3-1-3 > ._1ons7quh-3-1-3:where(:not(:has(~ ._1ons7quh-3-1-3)))::after,
+          ._15silbj1-3-1-3 > ._1ons7quh-3-1-3:where(:not(:has(~ ._1ons7quh-3-1-3)))::after {
   top: var(--dt-borders-width-default, 1px);
   bottom: var(--dt-borders-width-default, 1px);
 }
-._15silbj3-3-1-1 > ._1ons7quh-3-1-1._1ons7quh-3-1-1._1ons7quh-3-1-1:where(:not(:has(~ ._1ons7quh-3-1-1)))::after {
+._15silbj3-3-1-3 > ._1ons7quh-3-1-3._1ons7quh-3-1-3._1ons7quh-3-1-3:where(:not(:has(~ ._1ons7quh-3-1-3)))::after {
   top: var(--dt-borders-width-emphasized, 2px);
   bottom: var(--dt-borders-width-emphasized, 2px);
 }
-:is(._ytdpswb-3-1-1, ._ytdpswd-3-1-1)
-          ._15silbj5-3-1-1._14sp6az6-3-1-1 > ._1ons7quh-3-1-1:first-child {
+:is(._ytdpswb-3-1-3, ._ytdpswd-3-1-3)
+          ._15silbj5-3-1-3._14sp6az6-3-1-3 > ._1ons7quh-3-1-3:first-child {
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj0-3-1-1:hover > ._1ons7quh-3-1-1,
-      ._15silbj4-3-1-1 > ._1ons7quh-3-1-1 {
+._15silbj0-3-1-3:hover > ._1ons7quh-3-1-3,
+      ._15silbj4-3-1-3 > ._1ons7quh-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj0-3-1-1:hover > ._1ons7quh-3-1-1:first-child,
-      ._15silbj4-3-1-1 > ._1ons7quh-3-1-1:first-child {
+._15silbj0-3-1-3:hover > ._1ons7quh-3-1-3:first-child,
+      ._15silbj4-3-1-3 > ._1ons7quh-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj0-3-1-1:hover > ._1ons7quh-3-1-1:last-child,
-      ._15silbj4-3-1-1 > ._1ons7quh-3-1-1:last-child {
+._15silbj0-3-1-3:hover > ._1ons7quh-3-1-3:last-child,
+      ._15silbj4-3-1-3 > ._1ons7quh-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj1-3-1-1 > ._1ons7quh-3-1-1 {
+._15silbj1-3-1-3 > ._1ons7quh-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-1-1 > ._1ons7quh-3-1-1:first-child {
+._15silbj1-3-1-3 > ._1ons7quh-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-1-1 > ._1ons7quh-3-1-1:last-child {
+._15silbj1-3-1-3 > ._1ons7quh-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-1-1:hover > ._1ons7quh-3-1-1,
-      ._15silbj1-3-1-1._15silbj4-3-1-1 > ._1ons7quh-3-1-1 {
+._15silbj1-3-1-3:hover > ._1ons7quh-3-1-3,
+      ._15silbj1-3-1-3._15silbj4-3-1-3 > ._1ons7quh-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-1-1:hover > ._1ons7quh-3-1-1:first-child,
-      ._15silbj1-3-1-1._15silbj4-3-1-1 > ._1ons7quh-3-1-1:first-child {
+._15silbj1-3-1-3:hover > ._1ons7quh-3-1-3:first-child,
+      ._15silbj1-3-1-3._15silbj4-3-1-3 > ._1ons7quh-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj1-3-1-1:hover > ._1ons7quh-3-1-1:last-child,
-      ._15silbj1-3-1-1._15silbj4-3-1-1 > ._1ons7quh-3-1-1:last-child {
+._15silbj1-3-1-3:hover > ._1ons7quh-3-1-3:last-child,
+      ._15silbj1-3-1-3._15silbj4-3-1-3 > ._1ons7quh-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj3-3-1-1 > ._1ons7quh-3-1-1._1ons7quh-3-1-1 {
+._15silbj3-3-1-3 > ._1ons7quh-3-1-3._1ons7quh-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-1-1 > ._1ons7quh-3-1-1._1ons7quh-3-1-1:first-child {
+._15silbj3-3-1-3 > ._1ons7quh-3-1-3._1ons7quh-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
@@ -210,7 +210,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-1-1 > ._1ons7quh-3-1-1._1ons7quh-3-1-1:last-child {
+._15silbj3-3-1-3 > ._1ons7quh-3-1-3._1ons7quh-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
@@ -218,14 +218,14 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-1-1._15silbj1-3-1-1 > ._1ons7quh-3-1-1._1ons7quh-3-1-1 {
+._15silbj3-3-1-3._15silbj1-3-1-3 > ._1ons7quh-3-1-3._1ons7quh-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj3-3-1-1._15silbj1-3-1-1 > ._1ons7quh-3-1-1._1ons7quh-3-1-1:first-child {
+._15silbj3-3-1-3._15silbj1-3-1-3 > ._1ons7quh-3-1-3._1ons7quh-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce),
@@ -233,7 +233,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-1-1._15silbj1-3-1-1 > ._1ons7quh-3-1-1._1ons7quh-3-1-1:last-child {
+._15silbj3-3-1-3._15silbj1-3-1-3 > ._1ons7quh-3-1-3._1ons7quh-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce),
@@ -241,12 +241,12 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7qui-3-1-1 {
+._1ons7qui-3-1-3 {
   position: sticky;
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_1ons7qu1-3-1-1));
+  right: var(--resizing-rightPosition, var(--_1ons7qu1-3-1-3));
 }
-._1ons7qui-3-1-1:where(:not(._1ons7qui-3-1-1 + ._1ons7qui-3-1-1))::before {
+._1ons7qui-3-1-3:where(:not(._1ons7qui-3-1-3 + ._1ons7qui-3-1-3))::before {
   content: "";
   display: block;
   position: absolute;
@@ -257,69 +257,69 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
   max-width: 100%;
 }
-._1y5fzv3-3-1-1._1y5fzv4-3-1-1 ._1ons7qui-3-1-1 {
+._1y5fzv3-3-1-3._1y5fzv4-3-1-3 ._1ons7qui-3-1-3 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv3-3-1-1._1y5fzv5-3-1-1 ._1ons7qui-3-1-1 {
+._1y5fzv3-3-1-3._1y5fzv5-3-1-3 ._1ons7qui-3-1-3 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._15silbj0-3-1-1:hover > ._1ons7qui-3-1-1:where(:not(._1ons7qui-3-1-1 + ._1ons7qui-3-1-1))::before,
-          ._15silbj4-3-1-1 > ._1ons7qui-3-1-1:where(:not(._1ons7qui-3-1-1 + ._1ons7qui-3-1-1))::before,
-          ._15silbj1-3-1-1 > ._1ons7qui-3-1-1:where(:not(._1ons7qui-3-1-1 + ._1ons7qui-3-1-1))::before {
+._15silbj0-3-1-3:hover > ._1ons7qui-3-1-3:where(:not(._1ons7qui-3-1-3 + ._1ons7qui-3-1-3))::before,
+          ._15silbj4-3-1-3 > ._1ons7qui-3-1-3:where(:not(._1ons7qui-3-1-3 + ._1ons7qui-3-1-3))::before,
+          ._15silbj1-3-1-3 > ._1ons7qui-3-1-3:where(:not(._1ons7qui-3-1-3 + ._1ons7qui-3-1-3))::before {
   top: var(--dt-borders-width-default, 1px);
   bottom: var(--dt-borders-width-default, 1px);
 }
-._15silbj3-3-1-1 > ._1ons7qui-3-1-1._1ons7qui-3-1-1._1ons7qui-3-1-1:where(:not(._1ons7qui-3-1-1 + ._1ons7qui-3-1-1))::before {
+._15silbj3-3-1-3 > ._1ons7qui-3-1-3._1ons7qui-3-1-3._1ons7qui-3-1-3:where(:not(._1ons7qui-3-1-3 + ._1ons7qui-3-1-3))::before {
   top: var(--dt-borders-width-emphasized, 2px);
   bottom: var(--dt-borders-width-emphasized, 2px);
 }
-._ytdpswb-3-1-1
-          ._15silbj5-3-1-1._14sp6az6-3-1-1 > ._1ons7qui-3-1-1:last-child {
+._ytdpswb-3-1-3
+          ._15silbj5-3-1-3._14sp6az6-3-1-3 > ._1ons7qui-3-1-3:last-child {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj0-3-1-1:hover > ._1ons7qui-3-1-1,
-      ._15silbj4-3-1-1 > ._1ons7qui-3-1-1 {
+._15silbj0-3-1-3:hover > ._1ons7qui-3-1-3,
+      ._15silbj4-3-1-3 > ._1ons7qui-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj0-3-1-1:hover > ._1ons7qui-3-1-1:first-child,
-      ._15silbj4-3-1-1 > ._1ons7qui-3-1-1:first-child {
+._15silbj0-3-1-3:hover > ._1ons7qui-3-1-3:first-child,
+      ._15silbj4-3-1-3 > ._1ons7qui-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj0-3-1-1:hover > ._1ons7qui-3-1-1:last-child,
-      ._15silbj4-3-1-1 > ._1ons7qui-3-1-1:last-child {
+._15silbj0-3-1-3:hover > ._1ons7qui-3-1-3:last-child,
+      ._15silbj4-3-1-3 > ._1ons7qui-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._15silbj1-3-1-1 > ._1ons7qui-3-1-1 {
+._15silbj1-3-1-3 > ._1ons7qui-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-1-1 > ._1ons7qui-3-1-1:first-child {
+._15silbj1-3-1-3 > ._1ons7qui-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-1-1 > ._1ons7qui-3-1-1:last-child {
+._15silbj1-3-1-3 > ._1ons7qui-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-1-1:hover > ._1ons7qui-3-1-1,
-      ._15silbj1-3-1-1._15silbj4-3-1-1 > ._1ons7qui-3-1-1 {
+._15silbj1-3-1-3:hover > ._1ons7qui-3-1-3,
+      ._15silbj1-3-1-3._15silbj4-3-1-3 > ._1ons7qui-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-1-1:hover > ._1ons7qui-3-1-1:first-child,
-      ._15silbj1-3-1-1._15silbj4-3-1-1 > ._1ons7qui-3-1-1:first-child {
+._15silbj1-3-1-3:hover > ._1ons7qui-3-1-3:first-child,
+      ._15silbj1-3-1-3._15silbj4-3-1-3 > ._1ons7qui-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset var(--dt-borders-width-default, 1px) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj1-3-1-1:hover > ._1ons7qui-3-1-1:last-child,
-      ._15silbj1-3-1-1._15silbj4-3-1-1 > ._1ons7qui-3-1-1:last-child {
+._15silbj1-3-1-3:hover > ._1ons7qui-3-1-3:last-child,
+      ._15silbj1-3-1-3._15silbj4-3-1-3 > ._1ons7qui-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-default, 1px) 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3), inset 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce), inset calc(var(--dt-borders-width-default, 1px) * -1) 0 0 0 var(--dt-colors-border-primary-accent-hover, #3431b3);
 }
-._15silbj3-3-1-1 > ._1ons7qui-3-1-1._1ons7qui-3-1-1 {
+._15silbj3-3-1-3 > ._1ons7qui-3-1-3._1ons7qui-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-1-1 > ._1ons7qui-3-1-1._1ons7qui-3-1-1:first-child {
+._15silbj3-3-1-3 > ._1ons7qui-3-1-3._1ons7qui-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
@@ -327,7 +327,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-1-1 > ._1ons7qui-3-1-1._1ons7qui-3-1-1:last-child {
+._15silbj3-3-1-3 > ._1ons7qui-3-1-3._1ons7qui-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
         inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-neutral-accent, #595a7d),
@@ -335,14 +335,14 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(calc(var(--dt-borders-width-emphasized, 2px) * -1) - 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-1-1._15silbj1-3-1-1 > ._1ons7qui-3-1-1._1ons7qui-3-1-1 {
+._15silbj3-3-1-3._15silbj1-3-1-3 > ._1ons7qui-3-1-3._1ons7qui-3-1-3 {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj3-3-1-1._15silbj1-3-1-1 > ._1ons7qui-3-1-1._1ons7qui-3-1-1:first-child {
+._15silbj3-3-1-3._15silbj1-3-1-3 > ._1ons7qui-3-1-3._1ons7qui-3-1-3:first-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset var(--dt-borders-width-emphasized, 2px) 0 0 0 var(--dt-colors-border-primary-accent, #464cce),
@@ -350,7 +350,7 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc(var(--dt-borders-width-emphasized, 2px) + 1px) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._15silbj3-3-1-1._15silbj1-3-1-1 > ._1ons7qui-3-1-1._1ons7qui-3-1-1:last-child {
+._15silbj3-3-1-3._15silbj1-3-1-3 > ._1ons7qui-3-1-3._1ons7qui-3-1-3:last-child {
   box-shadow: inset 0 var(--dt-borders-width-emphasized, 2px) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset 0 calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 var(--dt-colors-border-primary-accent, #464cce),
         inset calc(var(--dt-borders-width-emphasized, 2px) * -1) 0 0 0 var(--dt-colors-border-primary-accent, #464cce),
@@ -358,42 +358,42 @@ button[data-trigger="useraction"]:hover + ._1ons7qu2-3-1-1 {
         inset 0 calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 var(--dt-colors-border-neutral-default, #dadbe4),
         inset calc((var(--dt-borders-width-emphasized, 2px) + 1px) * -1) 0 0 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ons7quk-3-1-1 {
+._1ons7quk-3-1-3 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1ons7qul-3-1-1 {
+._1ons7qul-3-1-3 {
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
 }
-._1ons7qum-3-1-1 {
+._1ons7qum-3-1-3 {
   width: 100%;
 }
-._1ons7qun-3-1-1 {
+._1ons7qun-3-1-3 {
   white-space: normal;
   text-overflow: initial;
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1ons7quo-3-1-1 {
+._1ons7quo-3-1-3 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   max-width: 100%;
   min-width: 0;
 }
-._1ons7qup-3-1-1 {
+._1ons7qup-3-1-3 {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-body:not([data-scroll-locked]) ._1ons7qu2-3-1-1 button, body:not([data-scroll-locked]) ._1ons7qu2-3-1-1 a, body:not([data-scroll-locked]) ._1ons7qu2-3-1-1 [tabindex="0"], body:not([data-scroll-locked]) ._1ons7qu2-3-1-1 input, body:not([data-scroll-locked]) ._1ons7qu2-3-1-1 label {
+body:not([data-scroll-locked]) ._1ons7qu2-3-1-3 button, body:not([data-scroll-locked]) ._1ons7qu2-3-1-3 a, body:not([data-scroll-locked]) ._1ons7qu2-3-1-3 [tabindex="0"], body:not([data-scroll-locked]) ._1ons7qu2-3-1-3 input, body:not([data-scroll-locked]) ._1ons7qu2-3-1-3 label {
   pointer-events: auto;
 }
-._1ons7qu2-3-1-1._1ons7qu5-3-1-1 .prism-code.language-log {
+._1ons7qu2-3-1-3._1ons7qu5-3-1-3 .prism-code.language-log {
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 @media (pointer: coarse) {
-  ._1ons7qu2-3-1-1 {
+  ._1ons7qu2-3-1-3 {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     user-select: none;

package/esm/tables/DataTable/components/DataTableCell.sty.js

@@ -7,11 +7,11 @@ import "./DataTableRow.css";
 import "../features/Thresholds/Thresholds.css";
 import "./DataTableCell.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var activeInteraction = "_1ons7qup-3-1-1";
-var innerCell = _7a468({ defaultClassName: "_1ons7qum-3-1-1", variantClassNames: { lineWrap: { true: "_1ons7qun-3-1-1", false: "_1ons7quo-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
-var leftPositionVar = "var(--_1ons7qu0-3-1-1)";
-var outerCell = _7a468({ defaultClassName: "_1ons7qu2-3-1-1", variantClassNames: { prefixColumn: { true: "_1ons7qu3-3-1-1" }, lineWrap: { true: "_1ons7qu4-3-1-1", false: "_1ons7qu5-3-1-1" }, fontStyle: { text: "_1ons7qu6-3-1-1", code: "_1ons7qu7-3-1-1", inherit: "_1ons7qu8-3-1-1" }, rowDensity: { customCellRenderer: "_1ons7qu9-3-1-1", "default": "_1ons7qua-3-1-1", condensed: "_1ons7qub-3-1-1", comfortable: "_1ons7quc-3-1-1" }, verticalDividers: { true: "_1ons7qud-3-1-1", false: "_1ons7que-3-1-1" }, interactiveRows: { false: "_1ons7quf-3-1-1" }, pinnedColumn: { false: "_1ons7qug-3-1-1", left: "_1ons7quh-3-1-1", right: "_1ons7qui-3-1-1" }, background: { false: "_1ons7quj-3-1-1", contained: "_1ons7quk-3-1-1", uncontained: "_1ons7qul-3-1-1" } }, defaultVariants: { fontStyle: "text", rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
-var rightPositionVar = "var(--_1ons7qu1-3-1-1)";
+var activeInteraction = "_1ons7qup-3-1-3";
+var innerCell = _7a468({ defaultClassName: "_1ons7qum-3-1-3", variantClassNames: { lineWrap: { true: "_1ons7qun-3-1-3", false: "_1ons7quo-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
+var leftPositionVar = "var(--_1ons7qu0-3-1-3)";
+var outerCell = _7a468({ defaultClassName: "_1ons7qu2-3-1-3", variantClassNames: { prefixColumn: { true: "_1ons7qu3-3-1-3" }, lineWrap: { true: "_1ons7qu4-3-1-3", false: "_1ons7qu5-3-1-3" }, fontStyle: { text: "_1ons7qu6-3-1-3", code: "_1ons7qu7-3-1-3", inherit: "_1ons7qu8-3-1-3" }, rowDensity: { customCellRenderer: "_1ons7qu9-3-1-3", "default": "_1ons7qua-3-1-3", condensed: "_1ons7qub-3-1-3", comfortable: "_1ons7quc-3-1-3" }, verticalDividers: { true: "_1ons7qud-3-1-3", false: "_1ons7que-3-1-3" }, interactiveRows: { false: "_1ons7quf-3-1-3" }, pinnedColumn: { false: "_1ons7qug-3-1-3", left: "_1ons7quh-3-1-3", right: "_1ons7qui-3-1-3" }, background: { false: "_1ons7quj-3-1-3", contained: "_1ons7quk-3-1-3", uncontained: "_1ons7qul-3-1-3" } }, defaultVariants: { fontStyle: "text", rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
+var rightPositionVar = "var(--_1ons7qu1-3-1-3)";
 export {
   activeInteraction,
   innerCell,

package/esm/tables/DataTable/components/DataTableCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableCell.css.ts"],
-  "sourcesContent": ["import '../DataTable.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var activeInteraction = '_1ons7qup-3-1-1';\nexport var innerCell = _7a468({defaultClassName:'_1ons7qum-3-1-1',variantClassNames:{lineWrap:{true:'_1ons7qun-3-1-1',false:'_1ons7quo-3-1-1'}},defaultVariants:{},compoundVariants:[]});\nexport var leftPositionVar = 'var(--_1ons7qu0-3-1-1)';\nexport var outerCell = _7a468({defaultClassName:'_1ons7qu2-3-1-1',variantClassNames:{prefixColumn:{true:'_1ons7qu3-3-1-1'},lineWrap:{true:'_1ons7qu4-3-1-1',false:'_1ons7qu5-3-1-1'},fontStyle:{text:'_1ons7qu6-3-1-1',code:'_1ons7qu7-3-1-1',inherit:'_1ons7qu8-3-1-1'},rowDensity:{customCellRenderer:'_1ons7qu9-3-1-1','default':'_1ons7qua-3-1-1',condensed:'_1ons7qub-3-1-1',comfortable:'_1ons7quc-3-1-1'},verticalDividers:{true:'_1ons7qud-3-1-1',false:'_1ons7que-3-1-1'},interactiveRows:{false:'_1ons7quf-3-1-1'},pinnedColumn:{false:'_1ons7qug-3-1-1',left:'_1ons7quh-3-1-1',right:'_1ons7qui-3-1-1'},background:{false:'_1ons7quj-3-1-1',contained:'_1ons7quk-3-1-1',uncontained:'_1ons7qul-3-1-1'}},defaultVariants:{fontStyle:'text',rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var rightPositionVar = 'var(--_1ons7qu1-3-1-1)';"],
+  "sourcesContent": ["import '../DataTable.css';\nimport './DataTableVirtualizationContainer.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var activeInteraction = '_1ons7qup-3-1-3';\nexport var innerCell = _7a468({defaultClassName:'_1ons7qum-3-1-3',variantClassNames:{lineWrap:{true:'_1ons7qun-3-1-3',false:'_1ons7quo-3-1-3'}},defaultVariants:{},compoundVariants:[]});\nexport var leftPositionVar = 'var(--_1ons7qu0-3-1-3)';\nexport var outerCell = _7a468({defaultClassName:'_1ons7qu2-3-1-3',variantClassNames:{prefixColumn:{true:'_1ons7qu3-3-1-3'},lineWrap:{true:'_1ons7qu4-3-1-3',false:'_1ons7qu5-3-1-3'},fontStyle:{text:'_1ons7qu6-3-1-3',code:'_1ons7qu7-3-1-3',inherit:'_1ons7qu8-3-1-3'},rowDensity:{customCellRenderer:'_1ons7qu9-3-1-3','default':'_1ons7qua-3-1-3',condensed:'_1ons7qub-3-1-3',comfortable:'_1ons7quc-3-1-3'},verticalDividers:{true:'_1ons7qud-3-1-3',false:'_1ons7que-3-1-3'},interactiveRows:{false:'_1ons7quf-3-1-3'},pinnedColumn:{false:'_1ons7qug-3-1-3',left:'_1ons7quh-3-1-3',right:'_1ons7qui-3-1-3'},background:{false:'_1ons7quj-3-1-3',contained:'_1ons7quk-3-1-3',uncontained:'_1ons7qul-3-1-3'}},defaultVariants:{fontStyle:'text',rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var rightPositionVar = 'var(--_1ons7qu1-3-1-3)';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChL,IAAI,kBAAkB;AACtB,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,MAAK,mBAAkB,SAAQ,kBAAiB,GAAE,YAAW,EAAC,oBAAmB,mBAAkB,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,GAAE,kBAAiB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,iBAAgB,EAAC,OAAM,kBAAiB,GAAE,cAAa,EAAC,OAAM,mBAAkB,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,OAAM,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,YAAW,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/wB,IAAI,mBAAmB;",
   "names": []
 }