@nxds/claude-design 0.5.0 → 0.6.0

package/project/design-system.json

@@ -3,7 +3,7 @@
   "layout": "files",
   "createdOnFiles": {
     "v": 1,
-    "at": "2026-10-26T07:01:44Z"
+    "at": "2026-10-26T17:44:22Z"
   },
   "title": "nxds",
   "namespace": "Nxds",
@@ -27,8 +27,8 @@
   },
   "lastChange": {
     "by": "nxds",
-    "at": "2026-10-26T07:01:44Z",
-    "via": "nxds-cli · @nxds/claude-design@0.5.0",
-    "note": "nxds 0.5.0: tokens, components, prop types and previews."
+    "at": "2026-10-26T17:44:22Z",
+    "via": "nxds-cli · @nxds/claude-design@0.6.0",
+    "note": "nxds 0.6.0: tokens, components, prop types and previews."
   }
 }

package/project/tokens.json

@@ -4,8 +4,8 @@
   "meta": {
     "source": "nxds",
     "package": "@nxds/claude-design",
-    "version": "0.5.0",
-    "ref": "26738c16",
+    "version": "0.6.0",
+    "ref": "77b37036",
     "appearance": "default"
   },
   "color": {
@@ -271,7 +271,7 @@
           "light": "oklch(0.1448 0 0)",
           "dark": "oklch(1 0 0)"
         },
-        "usage": "Solid fill for the main action on a surface: solid buttons and badges. Pair with primary-foreground."
+        "usage": "Solid fill for buttons, badges and other strong emphasis in this family. Pair with primary-foreground. Marks the main action on a surface."
       },
       {
         "name": "nx-color-primary-background-hover",
@@ -303,7 +303,7 @@
           "light": "oklch(0.765 0 0)",
           "dark": "oklch(0.118 0 0)"
         },
-        "usage": "Fill of a disabled primary control. Pair with disabled-foreground."
+        "usage": "Fill of a disabled control in this family. Pair with disabled-foreground."
       },
       {
         "name": "nx-color-primary-subtle",
@@ -311,7 +311,7 @@
           "light": "oklch(0.985 0 0)",
           "dark": "oklch(0.118 0 0)"
         },
-        "usage": "Tinted fill for the main action on a surface: light badges, alerts and selected rows on background or container. Pair with primary-subtle-foreground."
+        "usage": "Tinted fill for light badges, alerts and selected rows on background or container. Pair with primary-subtle-foreground. Marks the main action on a surface."
       },
       {
         "name": "nx-color-primary-subtle-foreground",
@@ -343,7 +343,7 @@
           "light": "oklch(0.87 0 0)",
           "dark": "oklch(0.385 0 0)"
         },
-        "usage": "Border of an outlined primary control or a primary alert, on background or container."
+        "usage": "Border of an outlined control or alert in this family, on background or container."
       },
       {
         "name": "nx-color-primary-border-active",
@@ -359,7 +359,7 @@
           "light": "oklch(0.945 0 0)",
           "dark": "oklch(0.207 0 0)"
         },
-        "usage": "Solid fill for a supporting action beside a primary one: solid buttons and badges. Pair with secondary-foreground."
+        "usage": "Solid fill for buttons, badges and other strong emphasis in this family. Pair with secondary-foreground. Marks a supporting action beside a primary one."
       },
       {
         "name": "nx-color-secondary-background-hover",
@@ -391,7 +391,7 @@
           "light": "oklch(0.985 0 0)",
           "dark": "oklch(0.118 0 0)"
         },
-        "usage": "Fill of a disabled secondary control. Pair with disabled-foreground."
+        "usage": "Fill of a disabled control in this family. Pair with disabled-foreground."
       },
       {
         "name": "nx-color-secondary-subtle",
@@ -399,7 +399,7 @@
           "light": "oklch(0.945 0 0)",
           "dark": "oklch(0.297 0 0)"
         },
-        "usage": "Tinted fill for a supporting action beside a primary one: light badges, alerts and selected rows on background or container. Pair with secondary-subtle-foreground."
+        "usage": "Tinted fill for light badges, alerts and selected rows on background or container. Pair with secondary-subtle-foreground. Marks a supporting action beside a primary one."
       },
       {
         "name": "nx-color-secondary-subtle-foreground",
@@ -428,7 +428,7 @@
       {
         "name": "nx-color-success-background",
         "value": "oklch(0.62 0.2233 140.055)",
-        "usage": "Solid fill for a completed or healthy state: solid buttons and badges. Pair with success-foreground."
+        "usage": "Solid fill for buttons, badges and other strong emphasis in this family. Pair with success-foreground. Marks a completed or healthy state."
       },
       {
         "name": "nx-color-success-background-hover",
@@ -451,7 +451,7 @@
           "light": "oklch(0.87 0.3119 139.843)",
           "dark": "oklch(0.25 0.0887 139.4)"
         },
-        "usage": "Fill of a disabled success control. Pair with disabled-foreground."
+        "usage": "Fill of a disabled control in this family. Pair with disabled-foreground."
       },
       {
         "name": "nx-color-success-subtle",
@@ -459,7 +459,7 @@
           "light": "oklch(0.982 0.035 137.785)",
           "dark": "oklch(0.25 0.0887 139.4)"
         },
-        "usage": "Tinted fill for a completed or healthy state: light badges, alerts and selected rows on background or container. Pair with success-subtle-foreground."
+        "usage": "Tinted fill for light badges, alerts and selected rows on background or container. Pair with success-subtle-foreground. Marks a completed or healthy state."
       },
       {
         "name": "nx-color-success-subtle-foreground",
@@ -491,7 +491,7 @@
           "light": "oklch(0.925 0.1596 139.892)",
           "dark": "oklch(0.52 0.1871 140.022)"
         },
-        "usage": "Border of an outlined success control or a success alert, on background or container."
+        "usage": "Border of an outlined control or alert in this family, on background or container."
       },
       {
         "name": "nx-color-border-success-active",
@@ -504,7 +504,7 @@
       {
         "name": "nx-color-warning-background",
         "value": "oklch(0.62 0.2044 41.116)",
-        "usage": "Solid fill for a state that needs attention soon: solid buttons and badges. Pair with warning-foreground."
+        "usage": "Solid fill for buttons, badges and other strong emphasis in this family. Pair with warning-foreground. Marks a state that needs attention soon."
       },
       {
         "name": "nx-color-warning-background-hover",
@@ -527,7 +527,7 @@
           "light": "oklch(0.84 0.142 66.29)",
           "dark": "oklch(0.25 0.091 36.259)"
         },
-        "usage": "Fill of a disabled warning control. Pair with disabled-foreground."
+        "usage": "Fill of a disabled control in this family. Pair with disabled-foreground."
       },
       {
         "name": "nx-color-warning-subtle",
@@ -535,7 +535,7 @@
           "light": "oklch(0.98 0.0185 73.684)",
           "dark": "oklch(0.25 0.091 36.259)"
         },
-        "usage": "Tinted fill for a state that needs attention soon: light badges, alerts and selected rows on background or container. Pair with warning-subtle-foreground."
+        "usage": "Tinted fill for light badges, alerts and selected rows on background or container. Pair with warning-subtle-foreground. Marks a state that needs attention soon."
       },
       {
         "name": "nx-color-warning-subtle-foreground",
@@ -567,7 +567,7 @@
           "light": "oklch(0.91 0.0819 70.697)",
           "dark": "oklch(0.52 0.1809 38.402)"
         },
-        "usage": "Border of an outlined warning control or a warning alert, on background or container."
+        "usage": "Border of an outlined control or alert in this family, on background or container."
       },
       {
         "name": "nx-color-border-warning-active",
@@ -580,7 +580,7 @@
       {
         "name": "nx-color-error-background",
         "value": "oklch(0.577 0.2523 27.926)",
-        "usage": "Solid fill for a failed, invalid or destructive state: solid buttons and badges. Pair with error-foreground."
+        "usage": "Solid fill for buttons, badges and other strong emphasis in this family. Pair with error-foreground. Marks a failed, invalid or destructive state."
       },
       {
         "name": "nx-color-error-background-hover",
@@ -603,7 +603,7 @@
           "light": "oklch(0.808 0.1333 28.058)",
           "dark": "oklch(0.25 0.1094 28.309)"
         },
-        "usage": "Fill of a disabled error control. Pair with disabled-foreground."
+        "usage": "Fill of a disabled control in this family. Pair with disabled-foreground."
       },
       {
         "name": "nx-color-error-subtle",
@@ -611,7 +611,7 @@
           "light": "oklch(0.971 0.0176 28.865)",
           "dark": "oklch(0.25 0.1094 28.309)"
         },
-        "usage": "Tinted fill for a failed, invalid or destructive state: light badges, alerts and selected rows on background or container. Pair with error-subtle-foreground."
+        "usage": "Tinted fill for light badges, alerts and selected rows on background or container. Pair with error-subtle-foreground. Marks a failed, invalid or destructive state."
       },
       {
         "name": "nx-color-error-subtle-foreground",
@@ -643,7 +643,7 @@
           "light": "oklch(0.885 0.0747 27.394)",
           "dark": "oklch(0.505 0.2209 27.946)"
         },
-        "usage": "Border of an outlined error control or a error alert, on background or container."
+        "usage": "Border of an outlined control or alert in this family, on background or container."
       },
       {
         "name": "nx-color-border-error-active",
@@ -656,7 +656,7 @@
       {
         "name": "nx-color-information-background",
         "value": "oklch(0.546 0.2205 255.276)",
-        "usage": "Solid fill for neutral guidance or a status update: solid buttons and badges. Pair with information-foreground."
+        "usage": "Solid fill for buttons, badges and other strong emphasis in this family. Pair with information-foreground. Marks neutral guidance or a status update."
       },
       {
         "name": "nx-color-information-background-hover",
@@ -679,7 +679,7 @@
           "light": "oklch(0.809 0.1012 254.248)",
           "dark": "oklch(0.25 0.1042 256.214)"
         },
-        "usage": "Fill of a disabled information control. Pair with disabled-foreground."
+        "usage": "Fill of a disabled control in this family. Pair with disabled-foreground."
       },
       {
         "name": "nx-color-information-subtle",
@@ -687,7 +687,7 @@
           "light": "oklch(0.97 0.0152 252.81)",
           "dark": "oklch(0.25 0.1042 256.214)"
         },
-        "usage": "Tinted fill for neutral guidance or a status update: light badges, alerts and selected rows on background or container. Pair with information-subtle-foreground."
+        "usage": "Tinted fill for light badges, alerts and selected rows on background or container. Pair with information-subtle-foreground. Marks neutral guidance or a status update."
       },
       {
         "name": "nx-color-information-subtle-foreground",
@@ -719,7 +719,7 @@
           "light": "oklch(0.882 0.0612 253.613)",
           "dark": "oklch(0.488 0.197 255.267)"
         },
-        "usage": "Border of an outlined information control or a information alert, on background or container."
+        "usage": "Border of an outlined control or alert in this family, on background or container."
       },
       {
         "name": "nx-color-border-information-active",