@citron-systems/citron-ds 1.0.0 → 1.0.1

package/dist/ai/inkblot-tokens-resolved.json

@@ -38,6 +38,17 @@
   "InkblotColorSemanticInfoLight": "#6ba3c2",
   "InkblotColorSemanticInfoMain": "#5790ad",
   "InkblotColorSemanticInfoDark": "#497a94",
+  "InkblotColorDevtoolsDominant": "#2563eb",
+  "InkblotColorDevtoolsSupport": "#60a5fa",
+  "InkblotColorDevtoolsAccent": "#10b981",
+  "InkblotColorDevtoolsPrimary": "#2563eb",
+  "InkblotColorDevtoolsPrimaryHover": "#60a5fa",
+  "InkblotColorDevtoolsBackground": "#020617",
+  "InkblotColorDevtoolsSurface": "#0b1220",
+  "InkblotColorDevtoolsTextPrimary": "#f8fafc",
+  "InkblotColorDevtoolsTextMuted": "#cbd5e1",
+  "InkblotColorDevtoolsBorder": "#1e293b",
+  "InkblotColorDevtoolsFocus": "#60a5fa",
   "InkblotDurationInstant": "0ms",
   "InkblotDurationFast": "120ms",
   "InkblotDurationNormal": "200ms",
@@ -166,6 +177,20 @@
   "InkblotDarkColorStatusWarning": "#e0a020",
   "InkblotDarkColorStatusError": "#e05a52",
   "InkblotDarkColorStatusInfo": "#7ab8d6",
+  "InkblotSemanticDevtoolsColorBackgroundApp": "#020617",
+  "InkblotSemanticDevtoolsColorBackgroundSurface": "#0b1220",
+  "InkblotSemanticDevtoolsColorBackgroundSurfaceElevated": "#0b1220",
+  "InkblotSemanticDevtoolsColorTextPrimary": "#f8fafc",
+  "InkblotSemanticDevtoolsColorTextMuted": "#cbd5e1",
+  "InkblotSemanticDevtoolsColorTextOnPrimary": "#f8fafc",
+  "InkblotSemanticDevtoolsColorBorderDefault": "#1e293b",
+  "InkblotSemanticDevtoolsColorBorderStrong": "#60a5fa",
+  "InkblotSemanticDevtoolsColorAccentBrand": "#2563eb",
+  "InkblotSemanticDevtoolsColorAccentPositive": "#10b981",
+  "InkblotSemanticDevtoolsColorInteractivePrimary": "#2563eb",
+  "InkblotSemanticDevtoolsColorInteractivePrimaryHover": "#60a5fa",
+  "InkblotSemanticDevtoolsColorInteractiveGhost": "#cbd5e1",
+  "InkblotSemanticDevtoolsColorInteractiveFocus": "#60a5fa",
   "InkblotSemanticColorBackgroundPrimary": "#fafaf7",
   "InkblotSemanticColorBackgroundSecondary": "#ffffff",
   "InkblotSemanticColorBackgroundTertiary": "#f5f4f0",

package/dist/ai/inkblot-tokens-schema.json

@@ -1,54 +1,54 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "title": "Inkblot Studio Design Tokens",
-  "description": "AI training reference - use these token paths when generating Inkblot Studio components",
-  "type": "object",
-  "properties": {
-    "tokenCategories": {
-      "type": "object",
-      "description": "Token organization for AI context",
-      "properties": {
-        "color": {
-          "description": "Use semantic colors in components: inkblot.semantic.color.*",
-          "semantic": {
-            "background": ["primary", "secondary", "tertiary", "inverse"],
-            "text": ["primary", "secondary", "tertiary", "inverse", "link", "linkHover"],
-            "border": ["default", "strong", "focus"],
-            "interactive": ["primary", "primaryHover", "primaryActive", "secondary", "secondaryHover"],
-            "status": ["success", "warning", "error", "info"]
-          }
-        },
-        "spacing": {
-          "description": "4pt grid: 0, 1(4px), 2(8px), 3(12px), 4(16px), 5(20px), 6(24px), 8(32px), 10(40px), 12(48px), 16(64px), 20(80px), 24(96px), 32(128px)"
-        },
-        "typography": {
-          "headings": ["1", "2", "3", "4"],
-          "body": ["default", "small", "large"],
-          "label": ["default"]
-        },
-        "radius": {
-          "values": ["none", "sm", "md", "lg", "xl", "2xl", "full"]
-        },
-        "shadow": {
-          "elevation": ["none", "xs", "sm", "md", "lg", "xl"]
-        },
-        "duration": {
-          "values": ["instant", "fast", "normal", "slow", "slower"]
-        }
-      }
-    },
-    "componentGuidelines": {
-      "description": "AI component generation rules",
-      "rules": [
-        "Use semantic tokens (inkblot.semantic.*) not primitives",
-        "Primary text: var(--inkblot-semantic-color-text-primary)",
-        "Primary background: var(--inkblot-semantic-color-background-primary)",
-        "Primary button: var(--inkblot-semantic-color-interactive-primary)",
-        "Minimum touch target: 44px (WCAG 2.4.11)",
-        "Border radius: 8px for cards/inputs (--inkblot-radius-md)",
-        "Spacing: 4pt grid (8px, 16px, 24px)",
-        "Focus: 2px solid focus color (--inkblot-border-width-medium)"
-      ]
-    }
-  }
-}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Inkblot Studio Design Tokens",
+  "description": "AI training reference - use these token paths when generating Inkblot Studio components",
+  "type": "object",
+  "properties": {
+    "tokenCategories": {
+      "type": "object",
+      "description": "Token organization for AI context",
+      "properties": {
+        "color": {
+          "description": "Use semantic colors in components: inkblot.semantic.color.*",
+          "semantic": {
+            "background": ["primary", "secondary", "tertiary", "inverse"],
+            "text": ["primary", "secondary", "tertiary", "inverse", "link", "linkHover"],
+            "border": ["default", "strong", "focus"],
+            "interactive": ["primary", "primaryHover", "primaryActive", "secondary", "secondaryHover"],
+            "status": ["success", "warning", "error", "info"]
+          }
+        },
+        "spacing": {
+          "description": "4pt grid: 0, 1(4px), 2(8px), 3(12px), 4(16px), 5(20px), 6(24px), 8(32px), 10(40px), 12(48px), 16(64px), 20(80px), 24(96px), 32(128px)"
+        },
+        "typography": {
+          "headings": ["1", "2", "3", "4"],
+          "body": ["default", "small", "large"],
+          "label": ["default"]
+        },
+        "radius": {
+          "values": ["none", "sm", "md", "lg", "xl", "2xl", "full"]
+        },
+        "shadow": {
+          "elevation": ["none", "xs", "sm", "md", "lg", "xl"]
+        },
+        "duration": {
+          "values": ["instant", "fast", "normal", "slow", "slower"]
+        }
+      }
+    },
+    "componentGuidelines": {
+      "description": "AI component generation rules",
+      "rules": [
+        "Use semantic tokens (inkblot.semantic.*) not primitives",
+        "Primary text: var(--inkblot-semantic-color-text-primary)",
+        "Primary background: var(--inkblot-semantic-color-background-primary)",
+        "Primary button: var(--inkblot-semantic-color-interactive-primary)",
+        "Minimum touch target: 44px (WCAG 2.4.11)",
+        "Border radius: 8px for cards/inputs (--inkblot-radius-md)",
+        "Spacing: 4pt grid (8px, 16px, 24px)",
+        "Focus: 2px solid focus color (--inkblot-border-width-medium)"
+      ]
+    }
+  }
+}

package/dist/brand/citron-mascot-mono.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-labelledby="citron-mascot-mono-title citron-mascot-mono-desc">
+  <title id="citron-mascot-mono-title">Citron</title>
+  <desc id="citron-mascot-mono-desc">Single-color face mark; set fill and stroke via currentColor on a parent or the root SVG.</desc>
+  <g id="citron-mascot" stroke-linecap="butt" stroke-linejoin="miter">
+    <g id="mascot-eyes" fill="currentColor" stroke="none">
+      <g id="mascot-eye-left">
+        <rect x="31" y="17" width="13" height="34" />
+      </g>
+      <g id="mascot-eye-right">
+        <rect x="56" y="17" width="13" height="34" />
+      </g>
+    </g>
+    <g id="mascot-smile" fill="none" stroke="currentColor">
+      <path d="M 12 40 A 38 38 0 0 0 88 40" stroke-width="10" />
+    </g>
+  </g>
+</svg>

package/dist/brand/citron-mascot.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-labelledby="citron-mascot-title citron-mascot-desc">
+  <title id="citron-mascot-title">Citron</title>
+  <desc id="citron-mascot-desc">Geometric face mark: two pause bars as eyes and a large smile, citron orange, sharp geometry.</desc>
+  <g id="citron-mascot">
+    <g id="mascot-eyes" fill="var(--citron-mascot-fill, #c4a030)" stroke="none">
+      <g id="mascot-eye-left">
+        <rect x="31" y="17" width="13" height="34" />
+      </g>
+      <g id="mascot-eye-right">
+        <rect x="56" y="17" width="13" height="34" />
+      </g>
+    </g>
+    <g id="mascot-smile" fill="none" stroke-linecap="butt" stroke-linejoin="miter">
+      <path
+        d="M 12 40 A 38 38 0 0 0 88 40"
+        stroke="var(--citron-mascot-fill, #c4a030)"
+        stroke-width="10"
+      />
+    </g>
+  </g>
+</svg>

package/dist/bundle/README.md

@@ -0,0 +1,28 @@
+# Citron design bundle (desktop / Rust / native)
+
+Single folder with design tokens, system metadata, and brand assets. Generated on `npm run build`; published inside `@citron-systems/citron-ds` under `dist/bundle`.
+
+## Layout
+
+| Path | Contents |
+|------|----------|
+| `tokens.resolved.json` | Flat map of resolved token keys → values (good for `serde_json` / codegen). |
+| `tokens.flat.json` | Same flat format from the JS build (duplicate pipeline output). |
+| `variables.css` | CSS custom properties (`:root`). |
+| `variables.scss` | SCSS variables. |
+| `ai-reference.json` | Inkblot / Citron AI and product reference. |
+| `tokens-schema.json` | Present when Style Dictionary emits it. |
+| `tokens/` | Authoritative DTCG-style source JSON (primitive + semantic). |
+| `system/` | Extra system JSON (foundations, motion, icons, `cli.json` for terminal/TUI/AI CLIs, etc.). |
+| `brand/` | SVG logos / mascot. |
+| `preview/mascot.html` | Double-click mascot preview in a browser (no server). |
+
+## Rust / Tauri / egui
+
+- **Tokens:** `include_str!("node_modules/@citron-systems/citron-ds/dist/bundle/tokens.resolved.json")` (adjust path to your vendored copy).
+- **WebView UI:** load `variables.css` or parse JSON and map to your theme struct.
+- **Icons / logos:** embed files from `brand/`.
+
+## npm subpath imports
+
+Use `@citron-systems/citron-ds/bundle/<file>` (see package `exports`).