@nadicodeai/ui 12.1.81 → 12.1.83

package/dist/styles/components.css

@@ -23,6 +23,14 @@
  * that its theming, skins included, reaches our components unchanged.
  */
 
+@layer components {
+  :where(
+    [data-slot="table"][data-variant="striped"] [data-slot="table-body"] > tr:nth-child(even)
+  ) {
+    background-color: var(--recessed);
+  }
+}
+
 /*
  * The one glass material (DESIGN.md "Elevation & Depth"): floating chrome —
  * menus, popovers, selects, comboboxes, the command palette, and bars — may
@@ -35,14 +43,21 @@
  * same elevation.
  */
 @utility nc-glass {
-  background:
-    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNDAnIGhlaWdodD0nMTQwJz48ZmlsdGVyIGlkPSdnJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nLjg1JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNnKScgb3BhY2l0eT0nLjA1Jy8+PC9zdmc+"),
-    color-mix(in srgb, var(--popover) var(--nc-material-glass-opacity), transparent);
-  backdrop-filter: blur(var(--nc-material-glass-blur)) saturate(var(--nc-material-glass-saturation));
+  background: var(--popover);
+  box-shadow: var(--nc-material-glass-highlight), var(--nc-elevation-floating);
+
+  @supports (backdrop-filter: blur(1px)) {
+    background:
+      url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNDAnIGhlaWdodD0nMTQwJz48ZmlsdGVyIGlkPSdnJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nLjg1JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNnKScgb3BhY2l0eT0nLjA1Jy8+PC9zdmc+"),
+      color-mix(in srgb, var(--popover) var(--nc-material-glass-opacity), transparent);
+    backdrop-filter: blur(var(--nc-material-glass-blur))
+      saturate(var(--nc-material-glass-saturation));
+  }
 
   @media (prefers-reduced-transparency: reduce) {
     background: var(--popover);
     backdrop-filter: none;
+    box-shadow: var(--nc-elevation-floating);
   }
 }
 
@@ -65,6 +80,14 @@
 
 @utility nc-elevation-floating {
   box-shadow: var(--nc-elevation-floating);
+
+  &.nc-glass {
+    box-shadow: var(--nc-material-glass-highlight), var(--nc-elevation-floating);
+
+    @media (prefers-reduced-transparency: reduce) {
+      box-shadow: var(--nc-elevation-floating);
+    }
+  }
 }
 
 @utility nc-elevation-modal {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "12.1.81",
+  "version": "12.1.83",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -75,7 +75,7 @@
     "@base-ui/react": "^1.9.0",
     "@iconify-icons/logos": "^2.0.2",
     "@iconify/react": "^6.0.2",
-    "@nadicodeai/design-system": "12.1.81",
+    "@nadicodeai/design-system": "12.1.83",
     "@tanstack/react-table": "^9.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -115,11 +115,11 @@
     "@testing-library/user-event": "^14.6.7",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
-    "axe-core": "^4.13.0",
+    "axe-core": "^4.14.0",
     "esbuild": "^0.28.2",
     "eslint": "^9.39.4",
-    "jsdom": "^30.1.1",
-    "postcss": "^8.5.28",
+    "jsdom": "^30.1.2",
+    "postcss": "^8.5.29",
     "react": "19.3.0",
     "react-dom": "19.3.0",
     "shadcn": "4.21.0",