@nubitio/crud 0.5.6 → 0.5.8

package/dist/index.cjs

@@ -4332,6 +4332,14 @@ const NativeDataGridView = (0, react.forwardRef)((options, ref) => {
 									className: "nb-datagrid__hscroll-inner",
 									style: { width: layoutWidth }
 								})
+							}),
+							isGridLoading && rows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "nb-datagrid__loading-overlay",
+								"aria-live": "polite",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "nb-datagrid__loading-card",
+									children: loadingMessage || t("grid.loading")
+								})
 							})
 						]
 					}),
@@ -4474,14 +4482,6 @@ const NativeDataGridView = (0, react.forwardRef)((options, ref) => {
 						onCancel: () => setConfirmRow(null),
 						onConfirm: confirmDelete
 					}),
-					isGridLoading && rows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "nb-datagrid__loading-overlay",
-						"aria-live": "polite",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "nb-datagrid__loading-card",
-							children: loadingMessage || t("grid.loading")
-						})
-					}),
 					openRowMenu && (0, react_dom.createPortal)(isMobile ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "nb-datagrid__sheet-root",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {

package/dist/index.mjs

@@ -4308,6 +4308,14 @@ const NativeDataGridView = forwardRef((options, ref) => {
 									className: "nb-datagrid__hscroll-inner",
 									style: { width: layoutWidth }
 								})
+							}),
+							isGridLoading && rows.length > 0 && /* @__PURE__ */ jsx("div", {
+								className: "nb-datagrid__loading-overlay",
+								"aria-live": "polite",
+								children: /* @__PURE__ */ jsx("div", {
+									className: "nb-datagrid__loading-card",
+									children: loadingMessage || t("grid.loading")
+								})
 							})
 						]
 					}),
@@ -4450,14 +4458,6 @@ const NativeDataGridView = forwardRef((options, ref) => {
 						onCancel: () => setConfirmRow(null),
 						onConfirm: confirmDelete
 					}),
-					isGridLoading && rows.length > 0 && /* @__PURE__ */ jsx("div", {
-						className: "nb-datagrid__loading-overlay",
-						"aria-live": "polite",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "nb-datagrid__loading-card",
-							children: loadingMessage || t("grid.loading")
-						})
-					}),
 					openRowMenu && createPortal(isMobile ? /* @__PURE__ */ jsxs("div", {
 						className: "nb-datagrid__sheet-root",
 						children: [/* @__PURE__ */ jsx("button", {

package/dist/style.css

@@ -20,7 +20,6 @@
   flex: 1 1 auto;
   min-height: 0;
   overflow: hidden;
-  position: relative;
 }
 
 .view-wrapper.view-wrapper-datagrid-list {
@@ -415,9 +414,13 @@
 .nb-datagrid__row:hover td {
   background: var(--grid-row-hover-bg, var(--surface-2));
 }
+.nb-datagrid__row:focus-visible {
+  outline: 2px solid var(--focus-ring-color);
+  outline-offset: -2px;
+}
 .nb-datagrid__row:focus-visible td {
   background: color-mix(in srgb, var(--accent-color) 7%, var(--surface-1));
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-color) 34%, transparent);
+  box-shadow: none;
 }
 .nb-datagrid__row.nb-datagrid__row--selected td {
   background: var(--grid-row-selected-bg, var(--surface-2));
@@ -1234,7 +1237,7 @@ html[data-density=compact] .nb-datagrid .nb-badge {
   inset: 0;
   justify-content: center;
   position: absolute;
-  z-index: 3;
+  z-index: 10;
 }
 
 .nb-datagrid__loading-card {
@@ -3291,6 +3294,10 @@ html[data-density=compact] .nb-crud-page-shell__footer {
   gap: var(--space-1);
   padding: var(--space-2) var(--space-3);
 }
+.nb-audit-trail-drawer .nb-drawer__body {
+  padding: var(--space-4) var(--space-5) var(--space-6);
+}
+
 .nb-audit-trail {
   display: flex;
   flex-direction: column;
@@ -3342,12 +3349,9 @@ html[data-density=compact] .nb-crud-page-shell__footer {
 }
 
 .nb-audit-trail__change {
-  background: var(--surface-2);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md, 6px);
   display: grid;
   gap: var(--space-1);
-  padding: var(--space-2) var(--space-3);
+  padding: 0;
 }
 
 .nb-audit-trail__field {
@@ -3372,13 +3376,13 @@ html[data-density=compact] .nb-crud-page-shell__footer {
 }
 
 .nb-audit-trail__value--before {
-  color: var(--danger-color);
+  color: var(--status-danger-text, var(--error-color));
   text-decoration: line-through;
-  text-decoration-color: color-mix(in srgb, var(--danger-color) 55%, transparent);
+  text-decoration-color: color-mix(in srgb, var(--error-color) 55%, transparent);
 }
 
 .nb-audit-trail__value--after {
-  color: var(--success-color);
+  color: var(--status-success-text, var(--success-color));
   font-weight: 500;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubitio/crud",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "type": "module",
   "description": "Declarative CRUD engine with field DSL, forms, datagrids, RBAC, conditional logic and pluggable adapters (Hydra/REST).",
   "license": "MIT",
@@ -56,8 +56,8 @@
     "react-dom": "^19.0.0",
     "react-i18next": "^14.0.0",
     "react-router-dom": "^6.0.0",
-    "@nubitio/core": "^0.5.6",
-    "@nubitio/ui": "^0.5.6"
+    "@nubitio/core": "^0.5.8",
+    "@nubitio/ui": "^0.5.8"
   },
   "dependencies": {
     "react-dropzone": "^15.0.0"