@sheetxl/grid-react 0.8.0-beta.21 → 0.8.0-beta.22

package/browser/esm/index.mjs

@@ -1,6 +1,6 @@
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.sxl-grid-surface,.sxl-touch-input{--sxl-handle-size:11px;--sxl-handle-ring:2px;--sxl-handle-hit:11px;--sxl-handle-color:var(--sxl-color-primary,#217346);--sxl-handle-halo:0px}.sxl-touch-input{--sxl-handle-size:14px;--sxl-handle-hit:36px;--sxl-handle-halo:1.5px}._grid-stage_rzp9d_1{width:100%;height:100%;position:absolute;top:0;left:0}._grid-stage_rzp9d_1>*{pointer-events:none;position:absolute;inset:0}._grid-stage_rzp9d_1>*>*{pointer-events:auto}._sheetxl-grid_9syr3_7{box-sizing:border-box;user-select:none;contain:strict;width:100%;height:100%;position:relative}._sheetxl-grid_9syr3_7 *{box-sizing:border-box!important}._sheetxl-grid_9syr3_7 :focus{outline:none}._sheetxl-grid_9syr3_7>*{contain:size layout style}._virtual-div_16eab_1{position:absolute}._tiles_1hj43_7{will-change:transform}._tiles_1hj43_7 .sxl-tile{white-space:pre;position:absolute}._tiles_1hj43_7 .sxl-tile>*{contain:strict;position:absolute}._tiles_1hj43_7 [data-cell-interactive]{pointer-events:auto}._gridlines_1hj43_32,._gridlines_1hj43_32 *{pointer-events:none;position:absolute;overflow:visible}.sxl-cell{letter-spacing:-.25px;padding:2px 4px;font-family:Calibri;line-height:1.2}._field_q34pi_8{box-sizing:border-box;background:light-dark(#fff,#2b2b2b);border:1px solid light-dark(#c4c4c4,#5a5a5a);border-radius:4px;flex:none;align-items:center;width:100%;min-width:0;display:flex;position:relative}._field_q34pi_8:focus-within{border-color:var(--sxl-color-primary,#0078d7)}._search_q34pi_28{box-sizing:border-box;width:auto;min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:auto;margin:0;padding:3px 4px}._search_q34pi_28::placeholder{opacity:.6}._icon_q34pi_47{opacity:.6;pointer-events:none;flex:none;width:14px;height:14px;margin-left:6px}._clear_q34pi_56{width:20px;height:20px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:2px;flex:none;justify-content:center;align-items:center;margin-right:2px;padding:0;display:inline-flex}._clear_q34pi_56 svg{width:12px;height:12px}._clear_q34pi_56:hover{opacity:1;background:light-dark(#0000000f,#ffffff1a)}._row_q34pi_84{align-items:center;gap:6px;min-width:0;display:flex}._row_q34pi_84 ._field_q34pi_8{flex:auto;width:auto}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 /**
-* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.21
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.22
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: SheetXL EULA — https://www.sheetxl.com/eula
@@ -5758,7 +5758,7 @@ function $i(e) {
 			overflow: "hidden",
 			background: A,
 			borderColor: a,
-			boxShadow: O ? "rgba(60,64,67,.35) 2px 2px 6px 3px" : "none",
+			boxShadow: O ? "2px 2px 6px 2px var(--sxl-color-shadow, rgba(0, 0, 0, 0.12))" : "none",
 			opacity: +!!O,
 			pointerEvents: O ? "auto" : "none"
 		},
@@ -6143,7 +6143,7 @@ var pa = (e, t) => {
 		onActiveChange: c
 	});
 	if (!p) return null;
-	let x = f ? u ? l.getPaneBounds().width : l.getPaneBounds().height : 0, S = f ? x - 3 : 0, C = f ? x : +!!m, w = f || m ? 0 : 1, T = f || m ? 2 : 3, E = (u ? l.getPaneBounds().height : l.getPaneBounds().width) - w, D = m || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
+	let x = f ? u ? l.getPaneBounds().width : l.getPaneBounds().height : 0, S = f ? x - 3 : 0, C = f ? x : +!!m, w = f || m ? 0 : 1, T = f || m ? 2 : 3, E = (u ? l.getPaneBounds().height : l.getPaneBounds().width) - w, D = m || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-base-border, grey)";
 	return b(v, { children: [
 		_,
 		y("div", {

package/node/esm/index.mjs

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.21
+* @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.8.0-beta.22
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: SheetXL EULA — https://www.sheetxl.com/eula
@@ -5823,7 +5823,7 @@ function el(e) {
 			overflow: "hidden",
 			background: k,
 			borderColor: l,
-			boxShadow: M ? "rgba(60,64,67,.35) 2px 2px 6px 3px" : "none",
+			boxShadow: M ? "2px 2px 6px 2px var(--sxl-color-shadow, rgba(0, 0, 0, 0.12))" : "none",
 			opacity: M ? 1 : 0,
 			pointerEvents: M ? "auto" : "none"
 		},
@@ -6212,7 +6212,7 @@ var fl = (e, t) => {
 		onActiveChange: a
 	});
 	if (!h) return null;
-	const b = g ? d ? c.getPaneBounds().width : c.getPaneBounds().height : 0, S = g ? b - 3 : 0, E = g ? b : f ? 1 : 0, C = g || f ? 0 : 1, I = g || f ? 2 : 3, R = (d ? c.getPaneBounds().height : c.getPaneBounds().width) - C, P = f || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-neutral, grey)";
+	const b = g ? d ? c.getPaneBounds().width : c.getPaneBounds().height : 0, S = g ? b - 3 : 0, E = g ? b : f ? 1 : 0, C = g || f ? 0 : 1, I = g || f ? 2 : 3, R = (d ? c.getPaneBounds().height : c.getPaneBounds().width) - C, P = f || r && !n ? "var(--sxl-color-primary, rgb(33, 115, 70))" : "var(--sxl-color-base-border, grey)";
 	return v(w, { children: [
 		y,
 		x("div", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/grid-react",
   "description": "Grid React - Advanced grid component for React",
-  "version": "0.8.0-beta.21",
+  "version": "0.8.0-beta.22",
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
   "exports": {
@@ -40,8 +40,8 @@
     "table"
   ],
   "dependencies": {
-    "@sheetxl/utils": "^0.8.0-beta.21",
-    "@sheetxl/utils-react": "^0.8.0-beta.21",
+    "@sheetxl/utils": "^0.8.0-beta.22",
+    "@sheetxl/utils-react": "^0.8.0-beta.22",
     "clsx": "^2.1.1",
     "react-merge-refs": "^3.0.2"
   },