@processengine/uikit 0.1.0

package/dist/tokens.css

@@ -0,0 +1,79 @@
+:root {
+  --page-bg: #f5f3ee;
+  --page-glow:
+    radial-gradient(circle at top left, rgba(79, 70, 229, 0.08), transparent 28rem),
+    radial-gradient(circle at top right, rgba(251, 191, 36, 0.08), transparent 24rem);
+
+  --surface-canvas: rgba(255, 255, 255, 0.52);
+  --surface-card: #ffffff;
+  --surface-subtle: #faf7f1;
+  --surface-muted: #f3efe7;
+  --surface-hover: #fffdf9;
+
+  --text-strong: #1a1a2e;
+  --text-strong-soft: #23233a;
+  --text-medium: #4b5563;
+  --text-dim: #6b7280;
+  --text-muted: #8b95a7;
+  --text-faint: #a2aaba;
+
+  --border-color: #e8e5df;
+  --border-strong: #d8d2c8;
+  --accent-color: #4f46e5;
+  --accent-soft: #eef2ff;
+  --accent-strong: #3730a3;
+
+  --status-success-bg: #f0fdf4;
+  --status-success-border: #bbf7d0;
+  --status-success-text: #166534;
+  --status-error-bg: #fff1f2;
+  --status-error-border: #fecdd3;
+  --status-error-text: #be123c;
+  --status-neutral-bg: #f1f5f9;
+  --status-neutral-border: #cbd5e1;
+  --status-neutral-text: #334155;
+
+  --stage-success-bg: #f0fdf4;
+  --stage-success-border: #bbf7d0;
+  --stage-success-accent: #16a34a;
+  --stage-active-bg: #fffbeb;
+  --stage-active-border: #fde68a;
+  --stage-active-accent: #d97706;
+  --stage-error-bg: #fff1f2;
+  --stage-error-border: #fecdd3;
+  --stage-error-accent: #e11d48;
+  --stage-pending-bg: #f8fafc;
+  --stage-pending-border: #e2e8f0;
+  --stage-pending-accent: #94a3b8;
+
+  --font-sans:
+    Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-input: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-mono:
+    'JetBrains Mono', 'SFMono-Regular', 'SF Mono', Menlo, Consolas, 'Liberation Mono',
+    monospace;
+
+  --shadow-sm: 0 2px 8px rgba(26, 26, 46, 0.06);
+  --shadow-md: 0 4px 20px rgba(26, 26, 46, 0.09);
+  --shadow-lg: 0 8px 32px rgba(26, 26, 46, 0.12);
+
+  --shell-max-width: 88rem;
+  --page-inline-padding: clamp(1.25rem, 3vw, 2rem);
+  --page-block-start: clamp(1.25rem, 3vw, 2rem);
+  --page-block-end: clamp(2rem, 4vw, 3rem);
+
+  --space-1: 0.125rem;
+  --space-2: 0.25rem;
+  --space-3: 0.5rem;
+  --space-4: 0.75rem;
+  --space-5: 1rem;
+  --space-6: 1.25rem;
+  --space-7: 1.5rem;
+  --space-8: 2rem;
+  --space-9: 2.5rem;
+
+  --radius-sm: 0.625rem;
+  --radius-md: 0.875rem;
+  --radius-lg: 1.25rem;
+  --radius-xl: 1.75rem;
+}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@processengine/uikit",
+  "version": "0.1.0",
+  "description": "Shared UI kit for ProcessEngine admin, rules, and sandbox interfaces",
+  "type": "module",
+  "main": "./dist/react/index.js",
+  "types": "./dist/react/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./styles.css": {
+      "import": "./dist/styles.css",
+      "default": "./dist/styles.css"
+    },
+    "./sandbox.css": {
+      "import": "./dist/sandbox.css",
+      "default": "./dist/sandbox.css"
+    },
+    "./tokens.css": {
+      "import": "./dist/tokens.css",
+      "default": "./dist/tokens.css"
+    },
+    "./base.css": {
+      "import": "./dist/base.css",
+      "default": "./dist/base.css"
+    },
+    "./components.css": {
+      "import": "./dist/components.css",
+      "default": "./dist/components.css"
+    }
+  },
+  "files": [
+    "dist/",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/processengine/uikit.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "test": "npm run typecheck && npm run build",
+    "pack:check": "npm pack --dry-run",
+    "prepublishOnly": "echo 'Publish only via GitHub Actions. See README.md' && exit 1",
+    "version": "node scripts/update-changelog.js && git add CHANGELOG.md"
+  },
+  "dependencies": {
+    "@uiw/react-json-view": "^2.0.0-alpha.42"
+  },
+  "peerDependencies": {
+    "react": ">=18.3 <20",
+    "react-dom": ">=18.3 <20"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "~6.0.2"
+  }
+}