@visns-studio/visns-components 6.1.1 → 6.1.2

package/package.json

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

package/src/components/styles/DataGrid.module.scss

@@ -43,10 +43,14 @@
 }
 
 :global {
-    /* The header is a label row, not a heading. It was navy body text at the same
-       size and weight as the data, so it read as another row of values. Smaller,
-       uppercase and recessive puts the emphasis back on the data, and it stays put
-       while the rows scroll under it. */
+    // Comments directly inside :global must be Sass line comments: block
+    // comments here survive to CSS, and the css-modules unwrap of :global
+    // leaves them wrapped in an empty `{}` rule that the minifier flags.
+
+    // The header is a label row, not a heading. It was navy body text at the same
+    // size and weight as the data, so it read as another row of values. Smaller,
+    // uppercase and recessive puts the emphasis back on the data, and it stays put
+    // while the rows scroll under it.
     .InovuaReactDataGrid__header {
         color: var(--muted-color) !important;
         background: var(--alternate-color) !important;
@@ -57,9 +61,9 @@
         text-transform: uppercase;
     }
 
-    /* Digits only line up if they are the same width. Applied to the numeric and
-       date columns rather than globally, since tabular figures are wider and
-       would loosen ordinary text. */
+    // Digits only line up if they are the same width. Applied to the numeric and
+    // date columns rather than globally, since tabular figures are wider and
+    // would loosen ordinary text.
     .InovuaReactDataGrid__cell[data-column-id*='date'],
     .InovuaReactDataGrid__cell[data-column-id*='Date'],
     .InovuaReactDataGrid__cell[data-column-id*='count'],
@@ -71,9 +75,9 @@
         font-variant-numeric: tabular-nums;
     }
 
-    /* Banding, so the eye can track a row across a wide table. Kept very faint —
-       strong enough to follow, quiet enough not to compete with the hover state
-       or a status colour in the row. */
+    // Banding, so the eye can track a row across a wide table. Kept very faint —
+    // strong enough to follow, quiet enough not to compete with the hover state
+    // or a status colour in the row.
     .InovuaReactDataGrid__row--odd .InovuaReactDataGrid__row-cell-wrap {
         background: var(--alternate-color);
     }