@nadicodeai/design-system 12.1.1 → 12.1.2

package/DESIGN.md

@@ -441,7 +441,7 @@ Every product builds from `@nadicodeai/ui`: stock shadcn components on Base UI,
 
 ### Cards and sections
 
-`Card` is the product's container, at the resting height by default ("Elevation & Depth"). A row of cards is a `CardRow`: siblings share one height, and the row collapses to one column below its breakpoint. A card or settings section is composed around a real task, collection or form; its header names the content and may explain scope or consequence, and it is never a card holding only an introduction. A settings section owns its heading, a one-line description of what the setting changes, its fields and its local save. Its footer is a strip one tone below the card body, the `recessed` role (`{colors.canvas-soft}`, `{colors.dark-canvas}` in dark), behind a `{colors.line}` seam: an optional hint on the left, such as the plan a feature needs or a link to learn more, and the section's action on the right; a facts section shows labelled facts in two equal columns, stacked on compact screens, with every label kept in place when a value is missing. A KPI card is one figure: label, value, the change as a badge in the top right, and a footer with the comparison.
+`Card` is the product's container, at the resting height by default ("Elevation & Depth"). A row of cards is a `CardRow`: siblings share one height, and the row collapses to one column below its breakpoint. A card or settings section is composed around a real task, collection or form; its header names the content and may explain scope or consequence, and it is never a card holding only an introduction. A settings section owns its heading, a one-line description of what the setting changes, its fields and its local save. Its footer is a strip one tone off the card body inside the card's edge, the `recessed` role behind a `{colors.line}` seam: `{colors.canvas-soft}` below the white card in light, and `{colors.dark-material-raised}` one step above the resting tone in dark, where only the page sits below it: an optional hint on the left, such as the plan a feature needs or a link to learn more, and the section's action on the right; a facts section shows labelled facts in two equal columns, stacked on compact screens, with every label kept in place when a value is missing. A KPI card is one figure: label, value, the change as a badge in the top right, and a footer with the comparison.
 
 ### Menus and commands
 
@@ -775,7 +775,7 @@ The YAML front matter holds the four groups the DESIGN.md format defines: colors
         "chart-5": {"$value":"{core.color.dark-chart-5}"},
         "selection": {"$value":"{core.color.dark-navigation-selection-bg}"},
         "selection-foreground": {"$value":"{core.color.dark-navigation-selection-fg}"},
-        "recessed": {"$value":"{core.color.dark-canvas}"},
+        "recessed": {"$value":"{core.color.dark-material-raised}"},
         "sidebar": {"$value":"{core.color.dark-canvas}"},
         "sidebar-foreground": {"$value":"{core.color.dark-ink}"},
         "sidebar-primary": {"$value":"{core.color.dark-navigation-selection-bg}"},

package/dist/css/index.css

@@ -529,7 +529,7 @@
     --chart-5: var(--nc-dark-chart-5);
     --selection: var(--nc-dark-navigation-selection-bg);
     --selection-foreground: var(--nc-dark-navigation-selection-fg);
-    --recessed: var(--nc-dark-canvas);
+    --recessed: var(--nc-dark-material-raised);
     --sidebar: var(--nc-dark-canvas);
     --sidebar-foreground: var(--nc-dark-ink);
     --sidebar-primary: var(--nc-dark-navigation-selection-bg);

package/dist/tokens/nadicode.dtcg-resolved.json

@@ -3749,11 +3749,11 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0,
-                0,
-                0
+                0.071,
+                0.071,
+                0.071
               ],
-              "hex": "#000000"
+              "hex": "#121212"
             }
           },
           "sidebar": {

package/dist/tokens/nadicode.dtcg.json

@@ -2959,7 +2959,7 @@
             "$value": "{nadicode.core.color.dark-navigation-selection-fg}"
           },
           "recessed": {
-            "$value": "{nadicode.core.color.dark-canvas}"
+            "$value": "{nadicode.core.color.dark-material-raised}"
           },
           "sidebar": {
             "$value": "{nadicode.core.color.dark-canvas}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/design-system",
-  "version": "12.1.1",
+  "version": "12.1.2",
   "type": "module",
   "publishConfig": {
     "access": "public"