@dynatrace/strato-components 3.7.0 → 3.7.1

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.css

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-7-0 {
+._1ku1w3z0-3-7-1 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   z-index: 4;
   overflow: hidden;
 }
-._1ku1w3z1-3-7-0::after {
+._1ku1w3z1-3-7-1::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-7-0::after {
+._1ku1w3z2-3-7-1::after {
   left: 0;
 }
-._1ku1w3z3-3-7-0::after {
+._1ku1w3z3-3-7-1::after {
   right: 0;
 }
-._1ku1w3z4-3-7-0::before {
+._1ku1w3z4-3-7-1::before {
   content: "";
   display: block;
   position: absolute;
@@ -29,12 +29,12 @@
   bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z5-3-7-0 {
+._1ku1w3z5-3-7-1 {
   display: none;
 }
-._1ku1w3z6-3-7-0 {
+._1ku1w3z6-3-7-1 {
   cursor: grab;
 }
-._1ku1w3z7-3-7-0 {
+._1ku1w3z7-3-7-1 {
   pointer-events: none;
 }

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.sty.js

@@ -1,9 +1,9 @@
 import "./ColumnOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var columnDndOverlay = "_1ku1w3z0-3-7-0";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-7-0", enabled: "_1ku1w3z6-3-7-0", inactive: "_1ku1w3z7-3-7-0" };
-var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-7-0", variantClassNames: { left: { true: "_1ku1w3z2-3-7-0", false: "_1ku1w3z3-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-7-0";
+var columnDndOverlay = "_1ku1w3z0-3-7-1";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-7-1", enabled: "_1ku1w3z6-3-7-1", inactive: "_1ku1w3z7-3-7-1" };
+var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-7-1", variantClassNames: { left: { true: "_1ku1w3z2-3-7-1", false: "_1ku1w3z3-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-7-1";
 export {
   columnDndOverlay,
   headerDragAndDrop,

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrder.css.ts"],
-  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-7-0';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-7-0',enabled:'_1ku1w3z6-3-7-0',inactive:'_1ku1w3z7-3-7-0'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-7-0',variantClassNames:{left:{true:'_1ku1w3z2-3-7-0',false:'_1ku1w3z3-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-7-0';"],
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-7-1';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-7-1',enabled:'_1ku1w3z6-3-7-1',inactive:'_1ku1w3z7-3-7-1'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-7-1',variantClassNames:{left:{true:'_1ku1w3z2-3-7-1',false:'_1ku1w3z3-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB;AACxG,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/useColumnOrder.js

@@ -2,7 +2,7 @@ import {
   functionalUpdate
 } from "@tanstack/react-table";
 import { isEqual } from "lodash-es";
-import { useCallback, useRef } from "react";
+import { useCallback, useLayoutEffect, useRef } from "react";
 import {
   extractColumnOrderAndGroups,
   validateColumnOrder
@@ -32,28 +32,41 @@ function useColumnOrder(props, options) {
       );
       if (!isEqual(nextState, columnOrder)) {
         setColumnOrder(nextState);
-        onColumnOrderChangeProp(nextState, trigger);
+        if (trigger !== "internal") {
+          onColumnOrderChangeProp(nextState, trigger);
+        }
       }
     },
     [setColumnOrder, onColumnOrderChangeProp, columnOrder, options]
   );
+  useLayoutEffect(() => {
+    if (!props.columnOrdering) {
+      return;
+    }
+    if (props.columnOrder === void 0 && !isEqual(lastColumnOrderFromDefinition.current, columnOrderFromDefinition)) {
+      lastColumnOrderFromDefinition.current = columnOrderFromDefinition;
+      setColumnOrder(columnOrderFromDefinition);
+      onColumnOrderChangeProp(columnOrderFromDefinition, "internal");
+      return;
+    }
+    if (!isEqual(columnOrder, lastValidColumnOrder.current)) {
+      const validColumnOrder = validateColumnOrder(
+        columnOrder,
+        columnOrderFromDefinition,
+        columnGroups
+      );
+      if (validColumnOrder === null) {
+        lastValidColumnOrder.current = columnOrder;
+      } else {
+        lastValidColumnOrder.current = validColumnOrder;
+        setColumnOrder(validColumnOrder);
+        onColumnOrderChangeProp(validColumnOrder, "internal");
+      }
+    }
+  });
   if (!props.columnOrdering) {
     return;
   }
-  if (props.columnOrder === void 0 && !isEqual(lastColumnOrderFromDefinition.current, columnOrderFromDefinition)) {
-    onColumnOrderChangeCallback(columnOrderFromDefinition, "internal");
-    lastColumnOrderFromDefinition.current = columnOrderFromDefinition;
-  } else if (!isEqual(columnOrder, lastValidColumnOrder.current)) {
-    const validColumnOrder = validateColumnOrder(
-      columnOrder,
-      columnOrderFromDefinition,
-      columnGroups
-    );
-    lastValidColumnOrder.current = columnOrder;
-    if (validColumnOrder !== null) {
-      onColumnOrderChangeCallback(validColumnOrder, "internal");
-    }
-  }
   options.enableColumnOrdering = true;
   options.state = {
     ...options.state,

package/esm/tables/DataTable/features/ColumnOrder/useColumnOrder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/useColumnOrder.ts"],
-  "sourcesContent": ["import {\n  type ColumnOrderState,\n  functionalUpdate,\n  type Updater,\n  type TableOptions_All,\n  type TableOptions_Plugins,\n  type TableState_All,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useRef } from 'react';\n\nimport type { DataTableColumnOrderProps } from './column-order-types.js';\nimport {\n  extractColumnOrderAndGroups,\n  validateColumnOrder,\n} from './column-order-validation.js';\nimport { useCallbackRef } from '../../../../core/hooks/useCallbackRef.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport type { DataTableColumnDef } from '../../public.api.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for the DataTable ColumnOrder feature.\n * @internal\n */\nexport function useColumnOrder<TData extends DataTableRowData>(\n  props: DataTableColumnOrderProps & {\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions_All<TDataTableFeatures, Exclude<TData, unknown>> &\n    TableOptions_Plugins<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnOrdering = false;\n\n  const { columnOrder: columnOrderFromDefinition, columnGroups } =\n    extractColumnOrderAndGroups<TData>(props.columns);\n\n  // save the last valid column order to be able to check the validity of a new one\n  const lastValidColumnOrder = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n  // save the column order inferred from the column definition to be able to check if it changed\n  const lastColumnOrderFromDefinition = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n\n  const [columnOrder, setColumnOrder] = useControllableState({\n    value: props.columnOrder,\n    // if no order was specified, initialize with column definition order\n    defaultValue: props.defaultColumnOrder || columnOrderFromDefinition,\n  });\n\n  const onColumnOrderChangeProp = useCallbackRef(props.onColumnOrderChange);\n\n  const onColumnOrderChangeCallback = useCallback(\n    (\n      updater: Updater<ColumnOrderState>,\n      trigger: 'user' | 'internal' = 'user',\n    ): void => {\n      const nextState = functionalUpdate(\n        updater,\n        (options.state as unknown as TableState_All)?.columnOrder ??\n          columnOrder,\n      );\n\n      if (!isEqual(nextState, columnOrder)) {\n        setColumnOrder(nextState);\n        onColumnOrderChangeProp(nextState, trigger);\n      }\n    },\n    [setColumnOrder, onColumnOrderChangeProp, columnOrder, options],\n  );\n\n  if (!props.columnOrdering) {\n    return;\n  }\n\n  // uncontrolled, column definition changed - update\n  if (\n    props.columnOrder === undefined &&\n    !isEqual(lastColumnOrderFromDefinition.current, columnOrderFromDefinition)\n  ) {\n    onColumnOrderChangeCallback(columnOrderFromDefinition, 'internal');\n    lastColumnOrderFromDefinition.current = columnOrderFromDefinition;\n  } else if (!isEqual(columnOrder, lastValidColumnOrder.current)) {\n    // Validate the column order when the current order is not equal\n    // with the last valid order or if the current order has different\n    // elements than the order extracted from the column definition.\n    const validColumnOrder = validateColumnOrder(\n      columnOrder,\n      columnOrderFromDefinition,\n      columnGroups,\n    );\n    // Track the processed input order to prevent re-validation of the same order\n    // on extra re-renders triggered by TanStack v9's store-based architecture.\n    lastValidColumnOrder.current = columnOrder;\n    // only notify if the order was invalid\n    if (validColumnOrder !== null) {\n      onColumnOrderChangeCallback(validColumnOrder, 'internal');\n    }\n  }\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnOrdering = true;\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnOrder,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnOrderChange = onColumnOrderChangeCallback;\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.originalColumnOrder =\n    props.defaultColumnOrder ?? lastValidColumnOrder.current;\n}\n"],
-  "mappings": "AAAA;AAAA,EAEE;AAAA,OAKK;AACP,SAAS,eAAe;AACxB,SAAS,aAAa,cAAc;AAGpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAS9B,SAAS,eACd,OAGA,SAEM;AAEN,UAAQ,uBAAuB;AAE/B,QAAM,EAAE,aAAa,2BAA2B,aAAa,IAC3D,4BAAmC,MAAM,OAAO;AAGlD,QAAM,uBAAuB;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,gCAAgC;AAAA,IACpC;AAAA,EACF;AAEA,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD,OAAO,MAAM;AAAA;AAAA,IAEb,cAAc,MAAM,sBAAsB;AAAA,EAC5C,CAAC;AAED,QAAM,0BAA0B,eAAe,MAAM,mBAAmB;AAExE,QAAM,8BAA8B;AAAA,IAClC,CACE,SACA,UAA+B,WACtB;AACT,YAAM,YAAY;AAAA,QAChB;AAAA,QACC,QAAQ,OAAqC,eAC5C;AAAA,MACJ;AAEA,UAAI,CAAC,QAAQ,WAAW,WAAW,GAAG;AACpC,uBAAe,SAAS;AACxB,gCAAwB,WAAW,OAAO;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,yBAAyB,aAAa,OAAO;AAAA,EAChE;AAEA,MAAI,CAAC,MAAM,gBAAgB;AACzB;AAAA,EACF;AAGA,MACE,MAAM,gBAAgB,UACtB,CAAC,QAAQ,8BAA8B,SAAS,yBAAyB,GACzE;AACA,gCAA4B,2BAA2B,UAAU;AACjE,kCAA8B,UAAU;AAAA,EAC1C,WAAW,CAAC,QAAQ,aAAa,qBAAqB,OAAO,GAAG;AAI9D,UAAM,mBAAmB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAGA,yBAAqB,UAAU;AAE/B,QAAI,qBAAqB,MAAM;AAC7B,kCAA4B,kBAAkB,UAAU;AAAA,IAC1D;AAAA,EACF;AAGA,UAAQ,uBAAuB;AAE/B,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAGA,UAAQ,sBAAsB;AAG9B,UAAQ,sBACN,MAAM,sBAAsB,qBAAqB;AACrD;",
+  "sourcesContent": ["import {\n  type ColumnOrderState,\n  functionalUpdate,\n  type Updater,\n  type TableOptions_All,\n  type TableOptions_Plugins,\n  type TableState_All,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useLayoutEffect, useRef } from 'react';\n\nimport type { DataTableColumnOrderProps } from './column-order-types.js';\nimport {\n  extractColumnOrderAndGroups,\n  validateColumnOrder,\n} from './column-order-validation.js';\nimport { useCallbackRef } from '../../../../core/hooks/useCallbackRef.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport type { DataTableColumnDef } from '../../public.api.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for the DataTable ColumnOrder feature.\n * @internal\n */\nexport function useColumnOrder<TData extends DataTableRowData>(\n  props: DataTableColumnOrderProps & {\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions_All<TDataTableFeatures, Exclude<TData, unknown>> &\n    TableOptions_Plugins<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnOrdering = false;\n\n  const { columnOrder: columnOrderFromDefinition, columnGroups } =\n    extractColumnOrderAndGroups<TData>(props.columns);\n\n  // save the last valid column order to be able to check the validity of a new one\n  const lastValidColumnOrder = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n  // save the column order inferred from the column definition to be able to check if it changed\n  const lastColumnOrderFromDefinition = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n\n  const [columnOrder, setColumnOrder] = useControllableState({\n    value: props.columnOrder,\n    // if no order was specified, initialize with column definition order\n    defaultValue: props.defaultColumnOrder || columnOrderFromDefinition,\n  });\n\n  const onColumnOrderChangeProp = useCallbackRef(props.onColumnOrderChange);\n\n  const onColumnOrderChangeCallback = useCallback(\n    (\n      updater: Updater<ColumnOrderState>,\n      trigger: 'user' | 'internal' = 'user',\n    ): void => {\n      const nextState = functionalUpdate(\n        updater,\n        (options.state as unknown as TableState_All)?.columnOrder ??\n          columnOrder,\n      );\n\n      if (!isEqual(nextState, columnOrder)) {\n        setColumnOrder(nextState);\n        if (trigger !== 'internal') {\n          onColumnOrderChangeProp(nextState, trigger);\n        }\n      }\n    },\n    [setColumnOrder, onColumnOrderChangeProp, columnOrder, options],\n  );\n\n  // Apply internal corrections (invalid order, or column definition changes). Calling\n  // setColumnOrder in render would notify every store subscriber synchronously,\n  // possibly causing \"Maximum update depth exceeded\" errors.\n  // useLayoutEffect runs before paint, so the brief invalid order is never visible.\n  useLayoutEffect(() => {\n    if (!props.columnOrdering) {\n      return;\n    }\n\n    // Column definitions changed while uncontrolled \u2014 adopt the new order.\n    if (\n      props.columnOrder === undefined &&\n      !isEqual(lastColumnOrderFromDefinition.current, columnOrderFromDefinition)\n    ) {\n      lastColumnOrderFromDefinition.current = columnOrderFromDefinition;\n      setColumnOrder(columnOrderFromDefinition);\n      onColumnOrderChangeProp(columnOrderFromDefinition, 'internal');\n      return;\n    }\n\n    // Validate the column order when the current order is not equal\n    // with the last valid order or if the current order has different\n    // elements than the order extracted from the column definition.\n    if (!isEqual(columnOrder, lastValidColumnOrder.current)) {\n      const validColumnOrder = validateColumnOrder(\n        columnOrder,\n        columnOrderFromDefinition,\n        columnGroups,\n      );\n      if (validColumnOrder === null) {\n        // Order is valid \u2014 track it so the same order does not get re-validated.\n        lastValidColumnOrder.current = columnOrder;\n      } else {\n        // Track the corrected order, so the same order does not get re-validated.\n        // Only notify if the order was invalid and has been corrected.\n        lastValidColumnOrder.current = validColumnOrder;\n        setColumnOrder(validColumnOrder);\n        onColumnOrderChangeProp(validColumnOrder, 'internal');\n      }\n    }\n  });\n\n  if (!props.columnOrdering) {\n    return;\n  }\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnOrdering = true;\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnOrder,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnOrderChange = onColumnOrderChangeCallback;\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.originalColumnOrder =\n    props.defaultColumnOrder ?? lastValidColumnOrder.current;\n}\n"],
+  "mappings": "AAAA;AAAA,EAEE;AAAA,OAKK;AACP,SAAS,eAAe;AACxB,SAAS,aAAa,iBAAiB,cAAc;AAGrD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAS9B,SAAS,eACd,OAGA,SAEM;AAEN,UAAQ,uBAAuB;AAE/B,QAAM,EAAE,aAAa,2BAA2B,aAAa,IAC3D,4BAAmC,MAAM,OAAO;AAGlD,QAAM,uBAAuB;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,gCAAgC;AAAA,IACpC;AAAA,EACF;AAEA,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD,OAAO,MAAM;AAAA;AAAA,IAEb,cAAc,MAAM,sBAAsB;AAAA,EAC5C,CAAC;AAED,QAAM,0BAA0B,eAAe,MAAM,mBAAmB;AAExE,QAAM,8BAA8B;AAAA,IAClC,CACE,SACA,UAA+B,WACtB;AACT,YAAM,YAAY;AAAA,QAChB;AAAA,QACC,QAAQ,OAAqC,eAC5C;AAAA,MACJ;AAEA,UAAI,CAAC,QAAQ,WAAW,WAAW,GAAG;AACpC,uBAAe,SAAS;AACxB,YAAI,YAAY,YAAY;AAC1B,kCAAwB,WAAW,OAAO;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,yBAAyB,aAAa,OAAO;AAAA,EAChE;AAMA,kBAAgB,MAAM;AACpB,QAAI,CAAC,MAAM,gBAAgB;AACzB;AAAA,IACF;AAGA,QACE,MAAM,gBAAgB,UACtB,CAAC,QAAQ,8BAA8B,SAAS,yBAAyB,GACzE;AACA,oCAA8B,UAAU;AACxC,qBAAe,yBAAyB;AACxC,8BAAwB,2BAA2B,UAAU;AAC7D;AAAA,IACF;AAKA,QAAI,CAAC,QAAQ,aAAa,qBAAqB,OAAO,GAAG;AACvD,YAAM,mBAAmB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,UAAI,qBAAqB,MAAM;AAE7B,6BAAqB,UAAU;AAAA,MACjC,OAAO;AAGL,6BAAqB,UAAU;AAC/B,uBAAe,gBAAgB;AAC/B,gCAAwB,kBAAkB,UAAU;AAAA,MACtD;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,CAAC,MAAM,gBAAgB;AACzB;AAAA,EACF;AAGA,UAAQ,uBAAuB;AAE/B,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAGA,UAAQ,sBAAsB;AAG9B,UAAQ,sBACN,MAAM,sBAAsB,qBAAqB;AACrD;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.css

@@ -1,9 +1,9 @@
-._17437gx0-3-7-0 {
+._17437gx0-3-7-1 {
   cursor: col-resize;
 }
-._17437gx0-3-7-0 > * {
+._17437gx0-3-7-1 > * {
   pointer-events: none;
 }
-._17437gx0-3-7-0 ._14sp6az0-3-7-0 * {
+._17437gx0-3-7-1 ._14sp6az0-3-7-1 * {
   pointer-events: none;
 }

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js

@@ -1,6 +1,6 @@
 import "../../DataTable.css";
 import "./ColumnSizing.css";
-var tableColumnResizing = "_17437gx0-3-7-0";
+var tableColumnResizing = "_17437gx0-3-7-1";
 export {
   tableColumnResizing
 };

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-7-0';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnTypes/ColumnTypes.css

@@ -1,4 +1,4 @@
-._19nyr521-3-7-0 {
+._19nyr521-3-7-1 {
   overflow: hidden;
   text-overflow: ellipsis;
 }

package/esm/tables/DataTable/features/ColumnTypes/ColumnTypes.sty.js

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-7-0", variantClassNames: { linewrap: { false: "_19nyr521-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-7-1", variantClassNames: { linewrap: { false: "_19nyr521-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

package/esm/tables/DataTable/features/ColumnTypes/ColumnTypes.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-7-0',variantClassNames:{linewrap:{false:'_19nyr521-3-7-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-7-1',variantClassNames:{linewrap:{false:'_19nyr521-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-7-0 {
+._1x1hmrh0-3-7-1 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttAnnotationsIndicators.css";
-var annotationIndicators = "_1x1hmrh0-3-7-0";
+var annotationIndicators = "_1x1hmrh0-3-7-1";
 export {
   annotationIndicators
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css.ts"],
-  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-7-0';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css

@@ -1,11 +1,11 @@
-._5jn5tp0-3-7-0 {
+._5jn5tp0-3-7-1 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-7-0 {
+._5jn5tp1-3-7-1 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-7-0:not(:has(._1udh2jz2-3-7-0)) {
+._5jn5tp1-3-7-1:not(:has(._1udh2jz2-3-7-1)) {
   padding-left: 0;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js

@@ -15,8 +15,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-7-0";
-var ganttChartDefaultCell = "_5jn5tp1-3-7-0";
+var ganttChartCell = "_5jn5tp0-3-7-1";
+var ganttChartDefaultCell = "_5jn5tp1-3-7-1";
 export {
   ganttChartCell,
   ganttChartDefaultCell

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-7-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-7-0';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-7-1';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css

@@ -1,4 +1,4 @@
-._evozey0-3-7-0 {
+._evozey0-3-7-1 {
   position: absolute;
   inset: 0;
   margin-left: auto;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-7-0";
+var ganttChartGrid = "_evozey0-3-7-1";
 export {
   ganttChartGrid
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css.ts"],
-  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-7-0';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css

@@ -1,14 +1,14 @@
-._10y95u40-3-7-0 {
+._10y95u40-3-7-1 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-7-0:not(._11pvd3z5-3-7-0) ._10y95u40-3-7-0 {
+._11pvd3zt-3-7-1:not(._11pvd3z5-3-7-1) ._10y95u40-3-7-1 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z5-3-7-0 ._10y95u40-3-7-0 {
+._11pvd3z5-3-7-1 ._10y95u40-3-7-1 {
   width: 100%;
 }
-._10y95u40-3-7-0 span {
+._10y95u40-3-7-1 span {
   margin-top: 0 !important;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -5,7 +5,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-7-0";
+var ganttChartHeader = "_10y95u40-3-7-1";
 export {
   ganttChartHeader
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-7-0';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/LoadingState/LoadingState.css

@@ -1,7 +1,7 @@
-._14flfjk2-3-7-0 {
+._14flfjk2-3-7-1 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: calc(var(--_14flfjk0-3-7-0) + var(--_14flfjk1-3-7-0));
-  bottom: calc(var(--_14flfjk1-3-7-0) * -1);
+  top: calc(var(--_14flfjk0-3-7-1) + var(--_14flfjk1-3-7-1));
+  bottom: calc(var(--_14flfjk1-3-7-1) * -1);
 }

package/esm/tables/DataTable/features/LoadingState/LoadingState.sty.js

@@ -1,7 +1,7 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-7-0)";
-var dataTableScrollOffset = "var(--_14flfjk1-3-7-0)";
-var loadingState = "_14flfjk2-3-7-0";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-7-1)";
+var dataTableScrollOffset = "var(--_14flfjk1-3-7-1)";
+var loadingState = "_14flfjk2-3-7-1";
 export {
   dataTableHeaderHeight,
   dataTableScrollOffset,

package/esm/tables/DataTable/features/LoadingState/LoadingState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.css.ts"],
-  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-7-0)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-7-0)';\nexport var loadingState = '_14flfjk2-3-7-0';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-7-1)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-7-1)';\nexport var loadingState = '_14flfjk2-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

package/esm/tables/DataTable/features/RowDetails/RowDetails.css

@@ -1,4 +1,4 @@
-._2twyod0-3-7-0::before {
+._2twyod0-3-7-1::before {
   content: "";
   display: block;
   top: 0;
@@ -8,10 +8,10 @@
   width: 100%;
   z-index: 4;
 }
-._or8s40-3-7-0 ._2twyod0-3-7-0::before, ._2twyod0-3-7-0:not(:first-child)::before {
+._or8s40-3-7-1 ._2twyod0-3-7-1::before, ._2twyod0-3-7-1:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-7-0 {
+._2twyod1-3-7-1 {
   position: relative;
   box-sizing: border-box;
   border-bottom-width: 1px;
@@ -19,40 +19,40 @@
   border-bottom-color: transparent;
   overflow: hidden;
 }
-._2twyod1-3-7-0:not(:has(+ ._2twyod0-3-7-0)) {
+._2twyod1-3-7-1:not(:has(+ ._2twyod0-3-7-1)) {
   border-bottom-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod4-3-7-0:not(._or8s40-3-7-0 ._2twyod4-3-7-0) {
+._2twyod4-3-7-1:not(._or8s40-3-7-1 ._2twyod4-3-7-1) {
   opacity: 0;
 }
-._2twyod6-3-7-0 {
+._2twyod6-3-7-1 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod7-3-7-0 {
+._2twyod7-3-7-1 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod8-3-7-0 {
+._2twyod8-3-7-1 {
   border-bottom-width: 0;
 }
-._2twyod9-3-7-0 {
+._2twyod9-3-7-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-7-0 {
+._2twyoda-3-7-1 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-7-0 {
+._2twyodc-3-7-1 {
   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);
 }
-._2twyodd-3-7-0 {
+._2twyodd-3-7-1 {
   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);
 }
-._2twyode-3-7-0 {
+._2twyode-3-7-1 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);

package/esm/tables/DataTable/features/RowDetails/RowDetails.sty.js

@@ -1,9 +1,9 @@
 import "../RowOrder/RowOrder.css";
 import "./RowDetails.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var rowDetailsExpandedRowCell = "_2twyod0-3-7-0";
-var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-7-0", variantClassNames: { rowParity: { even: "_2twyod2-3-7-0", odd: "_2twyod3-3-7-0" }, isDraggedRow: { true: "_2twyod4-3-7-0" }, rowSeparation: { none: "_2twyod5-3-7-0", horizontalDividers: "_2twyod6-3-7-0", zebraStripes: "_2twyod7-3-7-0" }, isLastRow: { true: "_2twyod8-3-7-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-7-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-7-0"]] });
-var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-7-0", variantClassNames: { rowDensity: { "default": "_2twyodc-3-7-0", condensed: "_2twyodd-3-7-0", comfortable: "_2twyode-3-7-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var rowDetailsExpandedRowCell = "_2twyod0-3-7-1";
+var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-7-1", variantClassNames: { rowParity: { even: "_2twyod2-3-7-1", odd: "_2twyod3-3-7-1" }, isDraggedRow: { true: "_2twyod4-3-7-1" }, rowSeparation: { none: "_2twyod5-3-7-1", horizontalDividers: "_2twyod6-3-7-1", zebraStripes: "_2twyod7-3-7-1" }, isLastRow: { true: "_2twyod8-3-7-1" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-7-1"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-7-1"]] });
+var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-7-1", variantClassNames: { rowDensity: { "default": "_2twyodc-3-7-1", condensed: "_2twyodd-3-7-1", comfortable: "_2twyode-3-7-1" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
 export {
   rowDetailsExpandedRowCell,
   rowDetailsRow,

package/esm/tables/DataTable/features/RowDetails/RowDetails.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowDetails/RowDetails.css.ts"],
-  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-7-0';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-7-0',variantClassNames:{rowParity:{even:'_2twyod2-3-7-0',odd:'_2twyod3-3-7-0'},isDraggedRow:{true:'_2twyod4-3-7-0'},rowSeparation:{none:'_2twyod5-3-7-0',horizontalDividers:'_2twyod6-3-7-0',zebraStripes:'_2twyod7-3-7-0'},isLastRow:{true:'_2twyod8-3-7-0'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-7-0'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-7-0']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-7-0',variantClassNames:{rowDensity:{'default':'_2twyodc-3-7-0',condensed:'_2twyodd-3-7-0',comfortable:'_2twyode-3-7-0'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
+  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-7-1';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-7-1',variantClassNames:{rowParity:{even:'_2twyod2-3-7-1',odd:'_2twyod3-3-7-1'},isDraggedRow:{true:'_2twyod4-3-7-1'},rowSeparation:{none:'_2twyod5-3-7-1',horizontalDividers:'_2twyod6-3-7-1',zebraStripes:'_2twyod7-3-7-1'},isLastRow:{true:'_2twyod8-3-7-1'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-7-1'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-7-1']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-7-1',variantClassNames:{rowDensity:{'default':'_2twyodc-3-7-1',condensed:'_2twyodd-3-7-1',comfortable:'_2twyode-3-7-1'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,4BAA4B;AAChC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kBAAiB,KAAI,iBAAgB,GAAE,cAAa,EAAC,MAAK,iBAAgB,GAAE,eAAc,EAAC,MAAK,kBAAiB,oBAAmB,kBAAiB,cAAa,iBAAgB,GAAE,WAAU,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,eAAc,gBAAe,WAAU,OAAM,GAAE,gBAAgB,GAAE,CAAC,EAAC,eAAc,gBAAe,WAAU,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACne,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.css

@@ -1,4 +1,4 @@
-._15silbj0-3-7-0 {
+._15silbj0-3-7-1 {
   box-sizing: border-box;
   appearance: none;
   outline: 0;
@@ -7,7 +7,7 @@
   position: relative;
   cursor: pointer;
 }
-._15silbj0-3-7-0::after {
+._15silbj0-3-7-1::after {
   content: "";
   position: absolute;
   top: 0;
@@ -20,44 +20,44 @@
   pointer-events: none;
   z-index: 4;
 }
-._15silbj1-3-7-0::after {
+._15silbj1-3-7-1::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-0:hover {
+._15silbj1-3-7-1:hover {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-7-0:hover::after {
+._15silbj1-3-7-1:hover::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj3-3-7-0 {
+._15silbj3-3-7-1 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-7-0::after {
+._15silbj3-3-7-1::after {
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-width: 0;
 }
-._15silbj4-3-7-0 {
+._15silbj4-3-7-1 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj4-3-7-0::after {
+._15silbj4-3-7-1::after {
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._ytdpswb-3-7-0 ._14sp6az6-3-7-0._15silbj5-3-7-0::after {
+._ytdpswb-3-7-1 ._14sp6az6-3-7-1._15silbj5-3-7-1::after {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpswd-3-7-0 ._14sp6az6-3-7-0._15silbj5-3-7-0::after {
+._ytdpswd-3-7-1 ._14sp6az6-3-7-1._15silbj5-3-7-1::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj6-3-7-0 {
+._15silbj6-3-7-1 {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-._15silbj7-3-7-0 {
+._15silbj7-3-7-1 {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj7-3-7-0::after {
+._15silbj7-3-7-1::after {
   border-width: 0;
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-primary-accent, #464cce), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.sty.js

@@ -3,7 +3,7 @@ import "../../components/DataTableVirtualizationContainer.css";
 import "../../DataTable.css";
 import "./RowInteractivity.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-7-0", variantClassNames: { active: { true: "_15silbj1-3-7-0", false: "_15silbj2-3-7-0" }, focus: { true: "_15silbj3-3-7-0" }, hovered: { true: "_15silbj4-3-7-0" }, contained: { true: "_15silbj5-3-7-0", false: "_15silbj6-3-7-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-7-0"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-7-1", variantClassNames: { active: { true: "_15silbj1-3-7-1", false: "_15silbj2-3-7-1" }, focus: { true: "_15silbj3-3-7-1" }, hovered: { true: "_15silbj4-3-7-1" }, contained: { true: "_15silbj5-3-7-1", false: "_15silbj6-3-7-1" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-7-1"]] });
 export {
   interactiveRow
 };

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/RowInteractivity.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-7-0',variantClassNames:{active:{true:'_15silbj1-3-7-0',false:'_15silbj2-3-7-0'},focus:{true:'_15silbj3-3-7-0'},hovered:{true:'_15silbj4-3-7-0'},contained:{true:'_15silbj5-3-7-0',false:'_15silbj6-3-7-0'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-7-0']]});"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-7-1',variantClassNames:{active:{true:'_15silbj1-3-7-1',false:'_15silbj2-3-7-1'},focus:{true:'_15silbj3-3-7-1'},hovered:{true:'_15silbj4-3-7-1'},contained:{true:'_15silbj5-3-7-1',false:'_15silbj6-3-7-1'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-7-1']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,MAAK,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }