@spawn-llc/design-system 1.1.0 → 1.2.0

package/dist/theme.css

@@ -36,6 +36,8 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);
@@ -118,6 +120,8 @@
   --accent: #f2f0e9; /* mist */
   --accent-foreground: #1a1916; /* ink */
   --destructive: #9c3a23; /* ember */
+  --success: #3f6b4b; /* success */
+  --warning: #7a5e1e; /* warning */
   --border: #8c8678; /* line */
   --input: #8c8678; /* line */
   --ring: #1a1916; /* ink */

package/dist/{tokens.d.ts → tokens.generated.d.ts}

@@ -8,6 +8,8 @@ declare const colors: {
     readonly ink: "#1A1916";
     readonly clay: "#C0492F";
     readonly ember: "#9C3A23";
+    readonly success: "#3F6B4B";
+    readonly warning: "#7A5E1E";
     readonly steel: "#2E3A46";
     readonly "steel-2": "#3B4855";
     readonly "steel-border": "#7A8690";
@@ -101,6 +103,8 @@ declare const semantic: {
     readonly accent: "mist";
     readonly "accent-foreground": "ink";
     readonly destructive: "ember";
+    readonly success: "success";
+    readonly warning: "warning";
     readonly border: "line";
     readonly input: "line";
     readonly ring: "ink";
@@ -129,6 +133,8 @@ declare const tokens: {
         readonly ink: "#1A1916";
         readonly clay: "#C0492F";
         readonly ember: "#9C3A23";
+        readonly success: "#3F6B4B";
+        readonly warning: "#7A5E1E";
         readonly steel: "#2E3A46";
         readonly "steel-2": "#3B4855";
         readonly "steel-border": "#7A8690";
@@ -222,6 +228,8 @@ declare const tokens: {
         readonly accent: "mist";
         readonly "accent-foreground": "ink";
         readonly destructive: "ember";
+        readonly success: "success";
+        readonly warning: "warning";
         readonly border: "line";
         readonly input: "line";
         readonly ring: "ink";

package/dist/{tokens.js → tokens.generated.js}

@@ -9,6 +9,8 @@ var colors = {
   "ink": "#1A1916",
   "clay": "#C0492F",
   "ember": "#9C3A23",
+  "success": "#3F6B4B",
+  "warning": "#7A5E1E",
   "steel": "#2E3A46",
   "steel-2": "#3B4855",
   "steel-border": "#7A8690",
@@ -111,6 +113,8 @@ var semantic = {
   "accent": "mist",
   "accent-foreground": "ink",
   "destructive": "ember",
+  "success": "success",
+  "warning": "warning",
   "border": "line",
   "input": "line",
   "ring": "ink",

package/dist/variants.d.ts

@@ -0,0 +1,3 @@
+export { ButtonVariants, buttonVariants } from './lib/button-variants.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';

package/dist/variants.js

@@ -0,0 +1 @@
+export { buttonVariants } from './chunk-4IKPZU4X.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spawn-llc/design-system",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Spawn Partners brand system — Base UI components, design tokens, and themed CSS. Single source of truth for the Spawn Partners brand.",
   "license": "MIT",
   "type": "module",
@@ -23,12 +23,20 @@
       "import": "./dist/fonts.js"
     },
     "./tokens": {
-      "types": "./dist/tokens.d.ts",
-      "import": "./dist/tokens.js"
+      "types": "./dist/tokens.generated.d.ts",
+      "import": "./dist/tokens.generated.js"
+    },
+    "./variants": {
+      "types": "./dist/variants.d.ts",
+      "import": "./dist/variants.js"
     },
     "./tokens.css": "./tokens/tokens.css",
     "./tokens.json": "./tokens/tokens.json",
-    "./DESIGN-SYSTEM.md": "./dist/DESIGN-SYSTEM.md"
+    "./DESIGN-SYSTEM.md": "./dist/DESIGN-SYSTEM.md",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js"
+    }
   },
   "files": [
     "dist",
@@ -42,10 +50,14 @@
     "tokens:gen": "node scripts/generate-tokens.mjs",
     "tokens:check": "node scripts/generate-tokens.mjs --check",
     "pretest": "npm run tokens:check",
-    "build": "npm run clean && npm run tokens:gen && tsup && npm run build:css && cp src/styles/theme.css dist/theme.css && cp DESIGN-SYSTEM.md dist/DESIGN-SYSTEM.md",
+    "build": "npm run clean && npm run tokens:gen && tsup && node scripts/postbuild-directives.mjs && npm run build:css && cp src/styles/theme.css dist/theme.css && cp DESIGN-SYSTEM.md dist/DESIGN-SYSTEM.md",
     "build:css": "tailwindcss -i src/styles/index.css -o dist/styles.css --minify",
     "clean": "rm -rf dist",
     "prepublishOnly": "npm run tokens:check && npm run test:contrast && npm run build",
+    "release": "npm run release:patch",
+    "release:patch": "npm version patch -m \"v%s\" && git push --follow-tags",
+    "release:minor": "npm version minor -m \"v%s\" && git push --follow-tags",
+    "release:major": "npm version major -m \"v%s\" && git push --follow-tags",
     "typecheck": "tsc --noEmit",
     "play": "vite --config playground/vite.config.ts",
     "play:build": "vite build --config playground/vite.config.ts",

package/tokens/tokens.css

@@ -15,6 +15,8 @@
   --ink: #1A1916;  /* primary text, dark surfaces, default buttons */
   --clay: #C0492F;  /* THE accent — one element per view */
   --ember: #9C3A23;  /* clay hover / pressed */
+  --success: #3F6B4B;  /* positive status (strong / on-track) — text on its own ~10% tint; clears WCAG 4.5:1 on paper/white/mist */
+  --warning: #7A5E1E;  /* at-risk status (caution) — text on its own ~10% tint; clears WCAG 4.5:1 on paper/white/mist */
   --steel: #2E3A46;  /* nav / chrome — internal tooling ONLY */
   --steel-2: #3B4855;  /* active nav row */
   --steel-border: #7A8690;  /* steel chrome border — clears WCAG 3:1 on steel */

package/tokens/tokens.json

@@ -15,6 +15,8 @@
     "ink":     { "value": "#1A1916", "role": "primary text, dark surfaces, default buttons" },
     "clay":    { "value": "#C0492F", "role": "THE accent — one element per view" },
     "ember":   { "value": "#9C3A23", "role": "clay hover / pressed" },
+    "success": { "value": "#3F6B4B", "role": "positive status (strong / on-track) — text on its own ~10% tint; clears WCAG 4.5:1 on paper/white/mist" },
+    "warning": { "value": "#7A5E1E", "role": "at-risk status (caution) — text on its own ~10% tint; clears WCAG 4.5:1 on paper/white/mist" },
     "steel":   { "value": "#2E3A46", "role": "nav / chrome — internal tooling ONLY" },
     "steel-2": { "value": "#3B4855", "role": "active nav row" },
     "steel-border": { "value": "#7A8690", "role": "steel chrome border — clears WCAG 3:1 on steel" },
@@ -59,6 +61,8 @@
     "accent": "mist",
     "accent-foreground": "ink",
     "destructive": "ember",
+    "success": "success",
+    "warning": "warning",
     "border": "line",
     "input": "line",
     "ring": "ink",
@@ -78,7 +82,7 @@
   },
   "$utilities": ["paper", "ink", "mist", "line", "stone", "slate", "clay", "ember", "steel", "steel-2"],
   "$doc": {
-    "colorTableOrder": ["paper", "white", "mist", "line", "stone", "slate", "ink", "clay", "ember", "steel", "steel-2"],
+    "colorTableOrder": ["paper", "white", "mist", "line", "stone", "slate", "ink", "clay", "ember", "success", "warning", "steel", "steel-2"],
     "typeScaleOrder": ["pageTitle", "figure", "section", "body", "secondary", "label", "axisTick"],
     "hexLintDocs": ["SPEC.md", "README.md", "CLAUDE.md"]
   },