@multiplatform.one/table 7.4.1 → 7.5.0

package/dist/cjs/components/DataTable/DataTableMobileCards.cjs

@@ -34,6 +34,7 @@ var import_tamagui = require("tamagui");
 var import_react_i18next = require("react-i18next");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
 var import_withInterp = require("../../utils/withInterp.cjs");
+var import_dataTableChrome = require("./dataTableChrome.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function getColumnLabel(cell) {
   const columnDef = cell.column.columnDef;
@@ -66,7 +67,10 @@ function DataTableMobileCards({
   } = (0, import_react_i18next.useTranslation)();
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "DataTable",
+    compact
+  });
   const tableZebraOn = knobProps.tableZebra === "on";
   const renderMobileCard = (0, import_react2.useCallback)((row, index) => {
     const rowData = row.original;
@@ -86,6 +90,7 @@ function DataTableMobileCards({
         "data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
       },
       ...(getRowPressProps ? getRowPressProps(row, index, "card") : {}),
+      ...(0, import_dataTableChrome.rowIntentProps)(rowData),
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         alignItems: "center",
         gap: "$2",

package/dist/cjs/components/DataTable/DataTableMobileCards.native.js

@@ -37,6 +37,7 @@ var import_tamagui = require("tamagui");
 var import_react_i18next = require("react-i18next");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
 var import_withInterp = require("../../utils/withInterp.native.js");
+var import_dataTableChrome = require("./dataTableChrome.native.js");
 function getColumnLabel(cell) {
   var _columnDef_meta;
   var columnDef = cell.column.columnDef;
@@ -70,7 +71,10 @@ function DataTableMobileCards(param) {
   } = (0, import_react_i18next.useTranslation)();
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "DataTable",
+    compact
+  });
   var tableZebraOn = knobProps.tableZebra === "on";
   var renderMobileCard = (0, import_react2.useCallback)(function (row, index) {
     var _ref;
@@ -91,6 +95,7 @@ function DataTableMobileCards(param) {
         "data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
       },
       ...(getRowPressProps ? getRowPressProps(row, index, "card") : {}),
+      ...(0, import_dataTableChrome.rowIntentProps)(rowData),
       children: [/* Card header: selection + primary-column title + row number + delete */
       /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         alignItems: "center",

package/dist/cjs/components/DataTable/DataTableMobileCards.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableMobileCards_exports","__export","DataTableMobileCards","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_table_primitives","import_withInterp","getColumnLabel","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","tableZebraOn","tableZebra","renderMobileCard","useCallback","row","index","_ref","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","jsxs","View","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","XStack","alignItems","gap","length","paddingBottom","marginBottom","hairline","bottom","borderBottomColor","jsx","Checkbox","checked","getIsSelected","onChange","toggleSelected","checkboxProps","withInterp","flex","minWidth","TableCellContext","Provider","inTableCell","isHeader","Text","fontSize","sizeToken","color","fontWeight","Button","chromeless","circular","size","icon","TrashIcon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","EmptyState","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAiBAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,4BAAA;AAC1B,IAAAK,kBAAA,GAA2BC,OAAA;AAC3B,IAAAC,YAAA,GAAiCD,OAAA;AACjC,IAAAE,iBAA2C,GAAAF,OAAA;AAE3C,IAAAG,YAAA,GAAAH,OAA4B;AAC5B,IAAAI,YAAA,GAAAJ,OAAmC;AACnC,IAAAK,aAAA,GAAAL,OAA+B;AAC/B,IAAAM,cAAA,GAAAN,OAAA,UAAiC;AAEjC,IAAAO,oBAA2B,GAAAP,OAAA;AA2Gb,IAAAQ,uBAAA,GAAAR,OAAA;AAnGd,IAAAS,iBAAS,GAAeT,OAAmB;AACzC,SAAMU,cAAYA,CAAAC,IAAK;EACvB,IAAAC,eAAkB;EAClB,IAAIC,SAAO,GAAAF,IAAA,CAAAG,MAAc,CAAAD,SAAY;EACrC,IAAAE,SAAO,GAAO,CAAAH,eAAU,GAAWC,SAAA,CAAAG,IAAW,UAAU,IAAAJ,eAAmB,KAAM,KAAK,SAAO,IAAAA,eAAA,CAAAK,KAAA;EAC/F,WAAAF,SAAA,iBAAAA,SAAA,SAAAA,SAAA;EAmCO,OAAS,OAAAF,SAAA,CAAAK,MAAwD,gBAAAL,SAAA,CAAAK,MAAA,GAAAL,SAAA,CAAAM,EAAA,IAAAR,IAAA,CAAAG,MAAA,CAAAK,EAAA;AAAA;AACtE,SACAvB,oBAAqBA,CAAAwB,KAAA;EACrB;IAAAC,SAAA;IAAAC,kBAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,gBAAA;IAAAC,iBAAA;IAAAC,WAAA;IAAAC,gBAAA;IAAAC,sBAAA;IAAAC,iBAAA;IAAAC,OAAA;IAAAC,cAAA;IAAAC,gBAAA;IAAAC,aAAA;EAAA,IAAAlB,KAAA;EACA;IAAAmB;EAAA,QAAAhC,oBAAA,CAAAiC,cAAA;EACA;IAAAC;EAAA,QAAArC,YAAA,CAAAsC,gBAAA;EACA,IAAAC,YAAW,GAAAF,SAAA,CAAAG,UAAA;EACX,IAAAC,gBAAA,OAAAxC,aAAA,CAAAyC,WAAA,YAAAC,GAAA,EAAAC,KAAA;IACA,IAAAC,IAAA;IACA,IAAAC,OAAA,GAAAH,GAAA,CAAAI,QAAA;IACA,IAAAC,YAAA,GAAAL,GAAA,CAAAM,eAAA;IACA,KAAAC,SAAA,KAAAC,WAAA,IAAAH,YAAA;IACA,IAAAI,UAAA,GAAmBhC,aAAA,KAAAC,QAAA;IACnB,sBAAyB,IAAA1B,kBAAA,CAAA0D,IAAA,EAAAnD,cAAA,CAAAoD,IAAA;MACzBC,MAAA;MACA,GAAAlB,SAAU,CAAAmB,OAAA;MACV,GAAAnB,SAAA,CAAAoB,WAAA;MACAC,SAAA,EAAArB,SAAA,CAAAqB,SAAA;MACAC,WAAA,EAAgB;MACmB,IAAApB,YAAA,IAAAK,KAAA;QAC7BgB,eAAQ;MACd,IAAQ;MACR,GAAM;QAEA,oBAAArB,YAAmB,GAAAK,KAAA;MACtB;MACC,IAAAX,gBAAgB,GAAIA,gBAAA,CAAAU,GAAA,EAAAC,KAAA;MACpBiB,QAAM,GACN;MACA,eAAM,CAAa,GAAAlE,kBAAkB,CAAA0D,IAAA,EAAAnD,cAAA,CAAA4D,MAAA;QAErCC,UACE;QAACC,GAAA;QAAA,IAAAb,WAAA,CAAAc,MAAA;UAECC,aAAO;UACNC,YAAa;UACb,GAAGnE,YAAU,CAAAoE,QAAA,CAAAC,MAAA;UACdC,iBAAW,EAAU;QACrB;QACCT,QAAI,GACJ3C,kBAAI,uBAAAvB,kBAAA,CAAA4E,GAAA,EAAAxE,YAAA,CAAAyE,QAAA;UACHC,OAAA,EAAA9B,GAAA,CAAA+B,aAAoB;UACtBC,QAAA,WAAAA,SAAAF,OAAA;YACK,IAAAnD,QAAA;YAGLqB,GAAA,CAAAiC,cAAA,GAAAH,OAAA;UAAA;UAACnD,QAAA;UAAAuD,aAAA;YACC,YAAW,GAAAhC,IAAA,GAAAb,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAAW,GAAA,EAAAC,KAAA,eAAAC,IAAA,cAAAA,IAAA,OAAAxC,iBAAA,CAAAyE,UAAA,EAAA3C,CAAA;cACXQ,GAAI,EAAAC,KAAA;YACH,IAAI;cAECD,GAAA,EAAAC,KAAA;YAAe;UACD;UACFb;QACO,IAEpBmB,SAEJ,sBAAAvD,kBAAA,CAAA4E,GAAA,EAAArE,cAAA,CAAAoD,IAAA;UAAAyB,IAAA;UACCC,QAAC;UAAA,cAAA1E,cAAA,CAAA4C,SAAA;UAAA;YAC4B,gBACjB,EAAC;UACT;UACAW,QAAA,iBAAI,IAAgBlE,kBAAQ,CAAA4E,GAAA,EAAAnE,uBAAA,CAAA6E,gBAAA,CAAAC,QAAA;YAAA7F,KAAA,EAC9B;cAAA8F,WACA;cAAAC,QACA;YAAe;YAG6CvB,QAAA,EACtDnC,iBAAa,CAAAwB,SAAA,EAAAN,KAAA,EAAAE,OAAA;UAAA;QACd,oBACL,IAAAnD,kBAAA,CAAA4E,GAAA,EAAArE,cAAA,CAAAoD,IAAA;UAAAyB,IAAA;QACA,IAAA5D,cACF,uBAAAxB,kBAAA,CAAA0D,IAAA,EAAAnD,cAAA,CAAAmF,IAAA;UAAAC,QAED,EAAAjD,SACC,CAAAkD,SAAA;UAAAC,KAAA,EAAC;UAAAC,UAAA;UAAA5B,QACC,GAAM,KACIjB,KAAA,GACV;QACiC,IAIjCQ,UAAA,uBAAAzD,kBAAA,CAAA4E,GAAA,EAAAxE,YAAA,CAAA2F,MAAA;UAAAC,UAGF;UAAeC,QAEhB;UACwEC,IAAA;UAAAC,IAAA,EACnEjG,YAAQ,CAAAkG,SAAA;UAAAzE,QACZ,EAAAA,QAAA,IAAAC,UAAA,IAAAC,OAAA;UAAAwE,OAED,WACCA,QAAA;YAAA,OAACrE,WAAA,CAAAiB,KAAA;UAAA;UAAA,YACC,MAAAvC,iBAAU,CAAAyE,UAAA,EAAA3C,CAAA;YAAAQ,GAAA,EAAAC,KACV;UAAQ;YACHD,GAAA,EAAAC,KACL,GAAM;UAAA;QAC8B;MAEgC,IACrD;MACdO,WAAA,CAAA8C,GAAA,WAAA1F,IAAA;QAAA,sBACH,IAAAZ,kBAAA,CAAA0D,IAAA,EAAAnD,cAAA,CAAAoD,IAAA;UAAA4C,aAAA;UAAAnC,UAAA;UAEJoC,eAAA;UAGCnC,GAAA;UACCH,QAAC,sBAAAlE,kBAAA,CAAA4E,GAAA,EAAArE,cAAA,CAAAmF,IAAA;YAECC,QAAA,EAAAjD,SAAc,CAAAkD,SAAA;YACdC,KAAA,YAAW;YACXC,UAAA,OAAgB;YAChBW,KAAI;YAEJC,UAAA;YAAAxC,QAAA,EAAAvD,cAAA,CAAAC,IAAA;UAAA,IAAC,mBAAAZ,kBAAA,CAAA4E,GAAA,EAAArE,cAAA,CAAAoD,IAAA;YAAAyB,IAAA,EACC;YAAoBC,QACpB;YAAMnB,QACN,iBAAW,IAAAlE,kBAAA,CAAA4E,GAAA,EAAAnE,uBAAA,CAAA6E,gBAAA,CAAAC,QAAA;cAAA7F,KACX;gBAAM8F,WACN,MAAY;gBAAAC,QAEX;cAAmB;cACtBvB,QAAA,EAAAnC,iBAAA,CAAAnB,IAAA,EAAAqC,KAAA,EAAAE,OAAA;YAAA;UAKA;QAAA,GAAAvC,IAnBK,CAAAQ,EAAK;MAAA;IAqBb,MAAA4B,GAAA,CAAA5B,EAAA,IAAA6B,KAAA;EAAA,IArGsB1B,kBAsGzB,EAEJC,cAAA,EACAC,aAAA,EAAAC,QACE,EAAAC,QACA,EAAAC,UACA,EAAAC,OACA,EAAAE,iBACA,EAAAC,WACA,EAAAI,OACA,EAAAM,SACA,EAAAE,YACA,EAAAJ,CAAA,EACAH,cACA,EAAAC,gBACA;EACA,OACA,mBAAAtC,kBAAA,CAAA0D,IAAA,EAAAnD,cAAA,CAAAoD,IAAA;IAAA4C,aACA;IACF,GAAA7D,SAAA,CAAA2B,GAAA;IACFT,MAAA;IAEA;IACG;IAAA,IAAAtB,gBAAA;MACC,sBAAc;IAAA,IACb,CAAG;IAAU4B,QACd,EAAO,CAGN3C,kBAAI,IAAoBD,SAAE,CAAAgD,MAAA,uBAA4C,IAAAtE,kBAAA,CAAA0D,IAAA,EAAAnD,cAAA,CAAA4D,MAAA;MAEtEC,UAAA;MAAAC,GAAA;MAEGE,aAAA;MAAAL,QAAC,sBAAAlE,kBAAA,CAAA4E,GAAA,EAAAxE,YAAA,CAAAyE,QAAA;QAAAC,OACC,EAAA5C,sBAAS,kBAAyB,GAAAD,gBAAkB;QAAA+C,QACpD,WAAWA,QAAYA,CAAAF,OAAA;UACrB,IAAAnD,QAAI,IAAAmD,OAAY,oBAAY;UAC5B,IAAA6B,YAAM,GAAA7B,OAAe,SAAY;UACjC,IAAA6B,YAAI,KAAA1E,gBAAiB,EAAAE,iBAAkB,KAAoB,QAAAA,iBAAA,uBAAAA,iBAAA;QAAA;QAC7DR,QACA;QAAAuD,aACA;UACA,cAAA1C,CAAA;QAAA;QACFJ;MACA,IAEA,eACF,IAAApC,kBAAA,CAAA4E,GAAA,EAAArE,cAAA,CAAAmF,IAAA;QAEDC,QAAU,EAAAjD,SAAW,CAAAkD,SACpB;QACGC,KAAA;QAAA3B,QAAA,EAAA1B,CAAA;MAAA,EACC;IACgB,IACFlB,SACd,CAAAgD,MAAA,KAAU,IAAA/B,aAAA,6BAAAvC,kBAAA,CAAA4E,GAAA,EAAAzE,iBAAA,CAAAyG,UAAA;MAAAxE,OACV,MAAO;MAAgE6B,eAAA;MACzE,GAAAvB,SAGF,CAAAmE,YAAyB;MAA8C;MAAAC,KAAA,EAAAhF,gBAAA,GAAAU,CAAA,uBAAAA,CAAA;IAE3E,KAAAlB,SAAA,CAAAgF,GAAA,WAAAtD,GAAA,EAAAC,KAAA;MAEJ,OAAAH,gBAAA,CAAAE,GAAA,EAAAC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableMobileCards_exports","__export","DataTableMobileCards","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_table_primitives","import_withInterp","import_dataTableChrome","getColumnLabel","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","useTranslation","knobProps","useResolvedKnobs","component","tableZebraOn","tableZebra","renderMobileCard","useCallback","row","index","_ref","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","jsxs","View","testID","surface","cardSurface","elevation","borderColor","backgroundColor","rowIntentProps","children","XStack","alignItems","gap","length","paddingBottom","marginBottom","hairline","bottom","borderBottomColor","jsx","Checkbox","checked","getIsSelected","onChange","toggleSelected","checkboxProps","withInterp","flex","minWidth","TableCellContext","Provider","inTableCell","isHeader","Text","fontSize","sizeToken","color","fontWeight","Button","chromeless","circular","size","icon","TrashIcon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","EmptyState","borderRadius"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTable/DataTableRoot.cjs

@@ -62,6 +62,7 @@ var import_DataTableCardControls = require("./DataTableCardControls.cjs");
 var import_DataTableMobileCards = require("./DataTableMobileCards.cjs");
 var import_DataTableDocumentList = require("./DataTableDocumentList.cjs");
 var import_DataTableVirtualized = require("./DataTableVirtualized.cjs");
+var import_dataTableChrome = require("./dataTableChrome.cjs");
 var import_rowStateChrome = require("./rowStateChrome.cjs");
 var import_columnAlign = require("../../utils/columnAlign.cjs");
 var import_filterFields = require("../../utils/filterFields.cjs");
@@ -70,7 +71,6 @@ var import_rowPress = require("../../utils/rowPress.cjs");
 var import_withInterp = require("../../utils/withInterp.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react3 = require("react");
-const SELECTION_COL_WIDTH = 40;
 function getColumnField(column) {
   return column.field ?? "input";
 }
@@ -83,7 +83,6 @@ function resolveColumnAlign(column) {
     meta: column.meta
   });
 }
-const rowHeightPx = 40;
 function DataTableRoot({
   data,
   columns,
@@ -148,6 +147,10 @@ function DataTableRoot({
   size,
   compact = false,
   disabled = false,
+  accent,
+  error,
+  warning,
+  success,
   children,
   "aria-label": ariaLabel,
   "aria-describedby": ariaDescribedBy,
@@ -161,14 +164,23 @@ function DataTableRoot({
   } = (0, import_tamagui.useMedia)();
   const showList = layout === "list";
   const showCards = !showList && (layout === "cards" || layout === "auto" && sm === false);
+  const intent = (0, import_dataTableChrome.resolveDataTableIntent)({
+    accent,
+    error,
+    warning,
+    success
+  });
   const {
     knobProps,
     disabledState
   } = (0, import_theme.useResolvedKnobs)({
-    intent: void 0,
+    intent,
     component: "DataTable",
     compact
   });
+  const chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
+  const rowHeightPx = chrome.rowPx;
+  const selectionColWidth = chrome.selectionCol;
   const isRTL = (0, import_components.useDirection)() === "rtl";
   const ExpandCaretIcon = isRTL ? import_react.CaretLeftIcon : import_react.CaretRightIcon;
   const expandedCaretRotation = isRTL ? "rotate(-90deg)" : "rotate(90deg)";
@@ -607,9 +619,9 @@ function DataTableRoot({
         const col = table.getColumn(leftPinned[i]);
         if (col) leftOffset += col.getSize();
       }
-      if (enableRowSelection) leftOffset += SELECTION_COL_WIDTH;
-      if (enableRowExpansion) leftOffset += 32;
-      if (showRowNumbers) leftOffset += 50;
+      if (enableRowSelection) leftOffset += selectionColWidth;
+      if (enableRowExpansion) leftOffset += chrome.expandCol;
+      if (showRowNumbers) leftOffset += chrome.rowNumberCol;
       return {
         position: "sticky",
         insetInlineStart: leftOffset,
@@ -623,7 +635,7 @@ function DataTableRoot({
         const col = table.getColumn(rightPinned[i]);
         if (col) rightOffset += col.getSize();
       }
-      if (showDeleteRow && !readOnly) rightOffset += 60;
+      if (showDeleteRow && !readOnly) rightOffset += chrome.deleteCol;
       return {
         position: "sticky",
         insetInlineEnd: rightOffset,
@@ -654,7 +666,7 @@ function DataTableRoot({
       children: [enableRowSelection && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
         ...cellRenderProps,
         ...cellNavProps(),
-        cellWidth: SELECTION_COL_WIDTH,
+        cellWidth: selectionColWidth,
         cellHeight,
         cellLocation: "first",
         justifyContent: "center",
@@ -676,7 +688,7 @@ function DataTableRoot({
       }), showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
         ...cellRenderProps,
         ...cellNavProps(),
-        cellWidth: 50,
+        cellWidth: chrome.rowNumberCol,
         cellHeight,
         cellLocation: enableRowSelection ? "middle" : "first",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
@@ -687,7 +699,7 @@ function DataTableRoot({
       }), enableRowExpansion && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
         ...cellRenderProps,
         ...cellNavProps(),
-        cellWidth: 32 + row.depth * 20,
+        cellWidth: chrome.expandCol + row.depth * chrome.indent,
         cellHeight,
         cellLocation: enableRowSelection || showRowNumbers ? "middle" : "first",
         paddingLeft: 0,
@@ -700,11 +712,11 @@ function DataTableRoot({
             flexDirection: "row",
             alignItems: "center",
             height: "100%",
-            width: row.depth * 20,
+            width: row.depth * chrome.indent,
             children: Array.from({
               length: row.depth
             }).map((_, i) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-              width: 20,
+              width: chrome.indent,
               height: "100%",
               alignItems: "center",
               justifyContent: "center",
@@ -713,13 +725,13 @@ function DataTableRoot({
                 width: 1,
                 height: "100%",
                 backgroundColor: "$color6",
-                left: 10
+                left: chrome.indent / 2
               }), i === row.depth - 1 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
                 position: "absolute",
                 height: 1,
-                width: 10,
+                width: chrome.indent / 2,
                 backgroundColor: "$color6",
-                left: 10
+                left: chrome.indent / 2
               })]
             }, i))
           }), row.getCanExpand() ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
@@ -745,14 +757,13 @@ function DataTableRoot({
             },
             borderRadius: "$2",
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ExpandCaretIcon, {
-              size: 14,
+              size: chrome.iconPx,
               style: {
-                transform: row.getIsExpanded() ? expandedCaretRotation : "none",
-                transition: "transform 0.15s ease"
+                transform: row.getIsExpanded() ? expandedCaretRotation : "none"
               }
             })
           }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            width: 22
+            width: chrome.expandCol
           })]
         })
       }), row.getVisibleCells().map((cell, cellIndex) => {
@@ -794,7 +805,7 @@ function DataTableRoot({
       }), showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
         ...cellRenderProps,
         ...cellNavProps(),
-        cellWidth: 60,
+        cellWidth: chrome.deleteCol,
         cellHeight,
         cellLocation: "last",
         justifyContent: "center",
@@ -1054,10 +1065,10 @@ function DataTableRoot({
                 y: "center"
               },
               cellHeight,
-              borderTopLeftRadius: hasToolbar ? 0 : knobProps.borderRadius.borderRadius,
-              borderTopRightRadius: hasToolbar ? 0 : knobProps.borderRadius.borderRadius,
-              borderBottomLeftRadius: knobProps.borderRadius.borderRadius,
-              borderBottomRightRadius: knobProps.borderRadius.borderRadius,
+              borderTopLeftRadius: hasToolbar ? 0 : knobProps.borderRadiusOuter.borderRadius,
+              borderTopRightRadius: hasToolbar ? 0 : knobProps.borderRadiusOuter.borderRadius,
+              borderBottomLeftRadius: knobProps.borderRadiusOuter.borderRadius,
+              borderBottomRightRadius: knobProps.borderRadiusOuter.borderRadius,
               marginBottom: 0,
               "aria-label": resolvedAriaLabel,
               "aria-rowcount": computed.totalPages * state.pagination.pageSize,
@@ -1084,14 +1095,14 @@ function DataTableRoot({
                       background: true,
                       backgroundColor: "$color2",
                       rowLocation: rowCounter.current === 0 ? "first" : rowCounter.current === allRowsLength - 1 ? "last" : "middle",
-                      borderTopRightRadius: hasToolbar ? "$0" : knobProps.borderRadius.borderRadius,
-                      borderTopLeftRadius: hasToolbar ? "$0" : knobProps.borderRadius.borderRadius,
+                      borderTopRightRadius: hasToolbar ? "$0" : knobProps.borderRadiusOuter.borderRadius,
+                      borderTopLeftRadius: hasToolbar ? "$0" : knobProps.borderRadiusOuter.borderRadius,
                       borderBottomLeftRadius: "$0",
                       borderBottomRightRadius: "$0",
                       "aria-rowindex": rowCounter.current
                     },
                     children: [enableRowSelection && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
-                      cellWidth: SELECTION_COL_WIDTH,
+                      cellWidth: selectionColWidth,
                       cellHeight,
                       cellLocation: "first",
                       justifyContent: "center",
@@ -1110,16 +1121,16 @@ function DataTableRoot({
                         compact: isCompact
                       })
                     }), showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
-                      cellWidth: 50,
+                      cellWidth: chrome.rowNumberCol,
                       cellHeight,
                       cellLocation: enableRowSelection ? "middle" : "first",
                       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                        fontSize: "$4",
+                        fontSize: knobProps.sizeToken,
                         fontWeight: "600",
                         children: "#"
                       })
                     }), enableRowExpansion && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
-                      cellWidth: 32,
+                      cellWidth: chrome.expandCol,
                       cellHeight,
                       cellLocation: enableRowSelection || showRowNumbers ? "middle" : "first",
                       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
@@ -1199,7 +1210,7 @@ function DataTableRoot({
                             flex: isRightAligned ? void 0 : 1,
                             justifyContent: isRightAligned ? "flex-end" : void 0,
                             children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                              fontSize: "$4",
+                              fontSize: knobProps.sizeToken,
                               userSelect: "none",
                               children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
                             }), isSortableHeader && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
@@ -1208,17 +1219,17 @@ function DataTableRoot({
                                 "aria-hidden": true,
                                 role: "presentation",
                                 children: [sortDirection === "asc" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
-                                  size: 14,
+                                  size: chrome.iconPx,
                                   color: sortDirection ? "var(--color10)" : "var(--color8)"
                                 }), sortDirection === "desc" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
-                                  size: 14,
+                                  size: chrome.iconPx,
                                   color: sortDirection ? "var(--color10)" : "var(--color8)",
                                   style: {
                                     transform: "rotate(180deg)"
                                   }
                                 }), sortDirection === false && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretUpDownIcon, {
-                                  size: 14,
-                                  color: "var(--color8)"
+                                  size: chrome.iconPx,
+                                  color: "$color8"
                                 })]
                               })
                             })]
@@ -1268,7 +1279,7 @@ function DataTableRoot({
                         })]
                       }, header.id);
                     }), showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
-                      cellWidth: 60,
+                      cellWidth: chrome.deleteCol,
                       cellHeight,
                       cellLocation: "last"
                     })]
@@ -1326,6 +1337,7 @@ function DataTableRoot({
                       extraColumnsAfter,
                       table,
                       hasInfiniteTail,
+                      rowHeightPx,
                       ...(rowPressActive ? {
                         getRowPressProps
                       } : {})
@@ -1337,7 +1349,7 @@ function DataTableRoot({
                     const isLastRow = index === displayRows.length - 1;
                     if (enableGrouping && row.getIsGrouped?.()) {
                       const colSpan = table.getVisibleLeafColumns().length + extraColumnsBefore + extraColumnsAfter;
-                      const indent = (row.depth ?? 0) * 16;
+                      const indent = (row.depth ?? 0) * chrome.indent;
                       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
                         backgroundColor: "$color3",
                         flexShrink: 0,
@@ -1403,7 +1415,8 @@ function DataTableRoot({
                       ...{
                         "data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
                       },
-                      ...getRowPressProps(row, index)
+                      ...getRowPressProps(row, index),
+                      ...(0, import_dataTableChrome.rowIntentProps)(row.original)
                     }, renderRowContent(row, index, isLastRow));
                     const subRow = enableRowExpansion && renderSubComponent && row.getIsExpanded() && !row.subRows?.length ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
                       backgroundColor: "$color2",
@@ -1426,17 +1439,17 @@ function DataTableRoot({
                     flexBasis: 0,
                     minHeight: 0,
                     children: [enableRowSelection && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
-                      cellWidth: SELECTION_COL_WIDTH,
+                      cellWidth: selectionColWidth,
                       cellLocation: "first",
                       padding: 0,
                       minHeight: 0
                     }), showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
-                      cellWidth: 50,
+                      cellWidth: chrome.rowNumberCol,
                       cellLocation: enableRowSelection ? "middle" : "first",
                       padding: 0,
                       minHeight: 0
                     }), enableRowExpansion && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
-                      cellWidth: 32,
+                      cellWidth: chrome.expandCol,
                       cellLocation: enableRowSelection || showRowNumbers ? "middle" : "first",
                       padding: 0,
                       minHeight: 0
@@ -1452,7 +1465,7 @@ function DataTableRoot({
                         minHeight: 0
                       }, header.id);
                     }), showDeleteRow && !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
-                      cellWidth: 60,
+                      cellWidth: chrome.deleteCol,
                       cellLocation: "last",
                       padding: 0,
                       minHeight: 0