@visns-studio/visns-components 6.23.1 → 6.23.2

package/package.json

@@ -93,7 +93,7 @@
         "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "6.23.1",
+    "version": "6.23.2",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/DataGrid.jsx

@@ -1431,7 +1431,14 @@ const DataGrid = forwardRef(
                     // A rowColours tint is an inline background on the row
                     // element; the class lets the stylesheet clear the zebra
                     // band that would otherwise paint over it on odd rows.
-                    findRowColour(rowProps?.data) ? styles.tintedRow : '',
+                    // The literal twin exists for global-datagrid.css, which
+                    // cannot see the hashed module class: the 2026-pass row
+                    // surface there is `!important` (it has to outrank the
+                    // vendored theme) and would beat the inline tint, so that
+                    // rule stands down on rows carrying this class.
+                    findRowColour(rowProps?.data)
+                        ? `${styles.tintedRow} vs-datagrid--row-tinted`
+                        : '',
                 ]
                     .filter(Boolean)
                     .join(' '),

package/src/components/styles/global-datagrid.css

@@ -647,10 +647,23 @@ body.tablet-mode .InovuaReactDataGrid__cell.cell-word-wrap > div {
 .InovuaReactDataGrid__row {
     min-height: 44px !important;
     border: 0 !important;
-    background: var(--dgx-surface) !important;
     transition: background 140ms cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
 
+/* The surface is on its own rule so it can stand down for a `rowColours`
+   tint. That tint arrives as an INLINE background set by rowStyle in
+   DataGrid.jsx, and inline loses to any `!important` — so painting the
+   surface `!important` on every row silently killed the priority/urgency
+   colours projects configure (tasks grids and the like). Rows with a tint
+   are marked `vs-datagrid--row-tinted` (the literal twin of the module's
+   hashed `.tintedRow`); on those rows nothing is declared here and the
+   inline tint wins over the vendored theme's non-important zebra.
+   Hover and selected below stay `!important` on every row by design —
+   they have always outranked the tint. */
+.InovuaReactDataGrid__row:not(.vs-datagrid--row-tinted) {
+    background: var(--dgx-surface) !important;
+}
+
 .InovuaReactDataGrid__row:hover,
 .InovuaReactDataGrid__row--hover-target:hover {
     background: var(--dgx-hover) !important;