@nadicodeai/ui 12.1.82 → 12.1.84

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 {
@@ -320,6 +343,7 @@
   width: 100%;
   max-width: 20rem;
   text-align: center;
+  text-wrap-style: balance;
 }
 
 .nc-entry-body:empty {
@@ -336,7 +360,6 @@
   font-weight: var(--nc-type-body-md-font-weight);
   line-height: var(--nc-type-body-md-line-height);
   letter-spacing: var(--nc-type-body-md-letter-spacing);
-  text-wrap: balance;
   color: var(--nc-dark-ink);
 }
 
@@ -620,6 +643,7 @@
   gap: var(--nc-md);
   width: min(20rem, 80vw);
   text-align: center;
+  text-wrap-style: balance;
 }
 
 .nc-hive-title {
@@ -629,7 +653,6 @@
   font-weight: var(--nc-type-heading-md-font-weight);
   line-height: var(--nc-type-heading-md-line-height);
   letter-spacing: var(--nc-type-heading-md-letter-spacing);
-  text-wrap: balance;
   overflow-wrap: break-word;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "12.1.82",
+  "version": "12.1.84",
   "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.82",
+    "@nadicodeai/design-system": "12.1.84",
     "@tanstack/react-table": "^9.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",