@react-fabric/data 1.0.0-beta.52 → 1.0.0-beta.54

package/dist/cjs/table/Table.js

@@ -126,7 +126,7 @@ var Table = function Table(_ref) {
       ref: scrollerRef,
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         "data-ref": "tableHeader",
-        className: "bg-base font-medium sticky top-0 h-8 area-head border-b select-none flex flex-nowrap z-2",
+        className: "bg-base font-medium sticky top-0 h-8 area-head border-b select-none flex flex-nowrap z-3",
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: wrapperStart,
           children: [canExpand && /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -180,7 +180,7 @@ var Table = function Table(_ref) {
           return "__GROUP__" in data ? /*#__PURE__*/jsxRuntime.jsxs("div", {
             ref: measureElement,
             "data-index": index,
-            className: classNames("px-2 py-1 text-md bg-base border-y border-tint-100 cursor-pointer flex items-center gap-1 z-1", isActiveSticky(index) && "sticky top-8"),
+            className: classNames("px-2 py-1 text-md bg-base border-y border-tint-100 cursor-pointer flex items-center gap-1 z-2", isActiveSticky(index) && "sticky top-8"),
             role: "none",
             onClick: function onClick() {
               return toggleGroupExpand(data.key);

package/dist/cjs/tree/TreeNode.js

@@ -100,7 +100,7 @@ var TreeNode = function TreeNode(_ref) {
         canSelect ? onSelect(node.id) : canCheck ? onChecked(node.id) : onToggle(node.id);
       },
       children: [nodeIcon && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex-content w-6 self-center leading-none",
+        className: "flex-content max-w-6 me-1 self-center leading-none",
         children: [/*#__PURE__*/react.isValidElement(nodeIcon) && nodeIcon, utilities.isString(nodeIcon) && /*#__PURE__*/jsxRuntime.jsx(core.Icon, {
           icon: nodeIcon,
           bg: node.iconBg,

package/dist/esm/table/Table.js

@@ -126,7 +126,7 @@ var Table = function Table(_ref) {
       ref: scrollerRef,
       children: [/*#__PURE__*/jsxs("div", {
         "data-ref": "tableHeader",
-        className: "bg-base font-medium sticky top-0 h-8 area-head border-b select-none flex flex-nowrap z-2",
+        className: "bg-base font-medium sticky top-0 h-8 area-head border-b select-none flex flex-nowrap z-3",
         children: [/*#__PURE__*/jsxs("div", {
           className: wrapperStart,
           children: [canExpand && /*#__PURE__*/jsx("div", {
@@ -180,7 +180,7 @@ var Table = function Table(_ref) {
           return "__GROUP__" in data ? /*#__PURE__*/jsxs("div", {
             ref: measureElement,
             "data-index": index,
-            className: classNames("px-2 py-1 text-md bg-base border-y border-tint-100 cursor-pointer flex items-center gap-1 z-1", isActiveSticky(index) && "sticky top-8"),
+            className: classNames("px-2 py-1 text-md bg-base border-y border-tint-100 cursor-pointer flex items-center gap-1 z-2", isActiveSticky(index) && "sticky top-8"),
             role: "none",
             onClick: function onClick() {
               return toggleGroupExpand(data.key);

package/dist/esm/tree/TreeNode.js

@@ -100,7 +100,7 @@ var TreeNode = function TreeNode(_ref) {
         canSelect ? onSelect(node.id) : canCheck ? onChecked(node.id) : onToggle(node.id);
       },
       children: [nodeIcon && /*#__PURE__*/jsxs("div", {
-        className: "flex-content w-6 self-center leading-none",
+        className: "flex-content max-w-6 me-1 self-center leading-none",
         children: [/*#__PURE__*/isValidElement(nodeIcon) && nodeIcon, isString(nodeIcon) && /*#__PURE__*/jsx(Icon, {
           icon: nodeIcon,
           bg: node.iconBg,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-fabric/data",
-  "version": "1.0.0-beta.52",
+  "version": "1.0.0-beta.54",
   "description": "RUF: Data package",
   "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
   "license": "MIT",
@@ -35,9 +35,9 @@
     "watch": "npm-run-all -p watch:rollup watch:dts"
   },
   "dependencies": {
-    "@react-fabric/core": "^1.0.0-beta.52",
-    "@react-fabric/date": "^1.0.0-beta.52",
-    "@react-fabric/form": "^1.0.0-beta.52",
+    "@react-fabric/core": "^1.0.0-beta.54",
+    "@react-fabric/date": "^1.0.0-beta.54",
+    "@react-fabric/form": "^1.0.0-beta.54",
     "@react-fabric/utilities": "^1.0.0-beta.52",
     "@tanstack/react-virtual": "^3.13.9",
     "classnames": "^2.5.1",
@@ -54,5 +54,5 @@
     "node": ">=18.12.0",
     "npm": ">=8.19.0"
   },
-  "gitHead": "0eabb9d88d91af93d657bcc209b226fd576e8260"
+  "gitHead": "242f15e3de29d365cce6f41f4ef99ab36bb6b995"
 }

package/src/table/Table.tsx

@@ -179,7 +179,7 @@ export const Table = <T extends KeyValue = KeyValue>({
       >
         <div
           data-ref="tableHeader"
-          className="bg-base font-medium sticky top-0 h-8 area-head border-b select-none flex flex-nowrap z-2"
+          className="bg-base font-medium sticky top-0 h-8 area-head border-b select-none flex flex-nowrap z-3"
         >
           <div className={wrapperStart}>
             {canExpand && <div className="w-6" />}
@@ -247,7 +247,7 @@ export const Table = <T extends KeyValue = KeyValue>({
                   ref={measureElement}
                   data-index={index}
                   className={classNames(
-                    "px-2 py-1 text-md bg-base border-y border-tint-100 cursor-pointer flex items-center gap-1 z-1",
+                    "px-2 py-1 text-md bg-base border-y border-tint-100 cursor-pointer flex items-center gap-1 z-2",
                     isActiveSticky(index) && "sticky top-8",
                   )}
                   role="none"

package/src/tree/TreeNode.tsx

@@ -166,7 +166,7 @@ export const TreeNode = ({
           }
         >
           {nodeIcon && (
-            <div className="flex-content w-6 self-center leading-none">
+            <div className="flex-content max-w-6 me-1 self-center leading-none">
               {isValidElement(nodeIcon) && nodeIcon}
               {isString(nodeIcon) && (
                 <Icon