@judarn/ui 0.0.0-stage → 0.7.2

package/dist/sdui/serializer.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+
+export type SDUINodeType =
+  | "button"
+  | "badge"
+  | "tag"
+  | "card"
+  | "data-matrix"
+  | "data-table"
+  | "text-field"
+  | "container"
+  | "text";
+
+/** Props accepted per node type. Any other prop is rejected by `validateSDUINode`. */
+export interface SDUIPropsByType {
+  button: { variant?: "primary" | "outline" | "secondary" | "ghost" | "accent"; size?: "sm" | "md" | "lg"; block?: boolean; disabled?: boolean; type?: "button" | "submit" | "reset"; token?: string };
+  badge: { variant?: "outline" | "solid" | "accent" | "accent-outline"; accentColor?: string; token?: string };
+  tag: { token?: string };
+  card: { eyebrow?: string; eyebrowCasing?: "uppercase" | "asWritten"; title?: string; flat?: boolean; compact?: boolean; token?: string };
+  "data-matrix": { columns?: SDUIColumn[]; rows?: SDUIRow[]; label?: string; token?: string };
+  "data-table": { columns?: SDUIColumn[]; rows?: SDUIRow[]; token?: string };
+  "text-field": { label?: string; hint?: string; error?: string; as?: "input" | "textarea" | "select"; invalid?: boolean; disabled?: boolean; labelCasing?: "uppercase" | "asWritten"; placeholder?: string; name?: string; type?: "text" | "email" | "number" | "password" | "search" | "tel" | "url"; defaultValue?: string; token?: string };
+  container: { token?: string };
+  text: { token?: string };
+}
+
+export type SDUIColumn = string | { key: string; label: string; numeric?: boolean; width?: number | string; casing?: "uppercase" | "asWritten" };
+export type SDUIRow = Record<string, string | number | boolean | null>;
+
+export interface SDUINode<T extends SDUINodeType = SDUINodeType> {
+  type: T;
+  props?: SDUIPropsByType[T];
+  children?: SDUINode[];
+  content?: string;
+}
+
+export const VALID_NODE_TYPES: Set<SDUINodeType>;
+export const VALID_TOKEN_NAMES: Set<string>;
+export const SDUI_PROP_ALLOWLIST: Record<SDUINodeType, Record<string, unknown>>;
+
+export function serializeTokens(rawTokens: any): Record<string, any>;
+/** Throws for an unknown node type, a prop outside the type's allowlist, or an invalid prop value. */
+export function validateSDUINode(node: unknown): boolean;
+export function serializeComponent<T extends SDUINodeType>(
+  type: T,
+  props?: SDUIPropsByType[T],
+  children?: SDUINode[],
+  content?: string
+): SDUINode<T>;
+export function deserializeComponent(
+  node: SDUINode,
+  customComponents?: Record<string, React.ComponentType<any>>,
+  reactInstance?: typeof React
+): React.ReactElement;

package/package.json

@@ -1,6 +1,84 @@
 {
   "name": "@judarn/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.7.2",
+  "description": "Judarn design foundation tokens and React components for the web",
+  "author": "Ruben Luthman",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rubenluthman/judarn.git",
+    "directory": "platforms/web"
+  },
+  "homepage": "https://github.com/rubenluthman/judarn#readme",
+  "bugs": {
+    "url": "https://github.com/rubenluthman/judarn/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "design-system",
+    "design-tokens",
+    "oklch",
+    "react",
+    "tailwind",
+    "sdui",
+    "accessibility",
+    "wcag"
+  ],
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "!dist/_ds_bundle.js",
+    "src/tailwind.js",
+    "src/tailwind.d.ts",
+    "styles",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "node scripts/build.js",
+    "build:tokens": "node ../../scripts/compile-tokens.js && node scripts/verify-token-presence.js",
+    "test": "node scripts/verify-token-presence.js && node scripts/build.js && node scripts/verify-unit.js && node scripts/verify-visual.js && node scripts/verify-sdui.js",
+    "test:contrast": "node scripts/verify-contrast.js",
+    "test:visual": "node scripts/verify-visual.js",
+    "test:sdui": "node scripts/verify-sdui.js",
+    "explorer": "open ../../tools/wada-explorer/index.html",
+    "prepack": "node scripts/build.js",
+    "prepublishOnly": "npm test"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": "./styles/styles.css",
+    "./colors": "./styles/colors_and_type.css",
+    "./components.css": "./styles/components.css",
+    "./tailwind": {
+      "types": "./src/tailwind.d.ts",
+      "default": "./src/tailwind.js"
+    },
+    "./theme": "./styles/tailwind-theme.css",
+    "./sdui": {
+      "types": "./dist/sdui/index.d.ts",
+      "import": "./dist/sdui/index.mjs",
+      "require": "./dist/sdui/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "devDependencies": {
+    "esbuild": "^0.25.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  }
+}

package/src/tailwind.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Judarn Design System Tailwind Preset & Plugin
+ */
+declare const judarnTailwindPlugin: {
+  (options?: any): any;
+  theme: {
+    extend: Record<string, any>;
+  };
+};
+
+export = judarnTailwindPlugin;

package/src/tailwind.js

@@ -0,0 +1,61 @@
+/**
+ * Judarn Design Foundation – Tailwind CSS Plugin & Preset
+ * Generated from tokens/judarn-tokens.json  –  do not edit directly.
+ */
+module.exports = function judarnTailwindPlugin({ addBase, theme }) {
+  // Do not override global border radius to 0px; adhere to ADR-0002
+};
+
+module.exports.theme = {
+  extend: {
+    colors: {
+      substrate: 'var(--jd-substrate)',
+      'surface-elevated': 'var(--jd-surface-elevated)',
+      'surface-recessed': 'var(--jd-surface-recessed)',
+      'ink-100': 'var(--jd-ink-100)',
+      'ink-60': 'var(--jd-ink-60)',
+      'ink-30': 'var(--jd-ink-30)',
+      'signal-error': 'var(--jd-signal-error)',
+      accent: 'var(--accent)',
+      'accent-fg': 'var(--accent-fg)',
+      'accent-ink': 'var(--accent-ink)',
+      paper: 'var(--jd-substrate)',
+    },
+    fontFamily: {
+      display: 'var(--jd-font-display)',
+      body: 'var(--jd-font-body)',
+      data: 'var(--jd-font-data)',
+      mono: 'var(--jd-font-mono)',
+    },
+    spacing: {
+      half: 'var(--jd-space-half)',
+      '1': 'var(--jd-space-1)',
+      '2': 'var(--jd-space-2)',
+      '3': 'var(--jd-space-3)',
+      '4': 'var(--jd-space-4)',
+      touch: 'var(--jd-space-touch)',
+      '6': 'var(--jd-space-6)',
+      '8': 'var(--jd-space-8)',
+      '12': 'var(--jd-space-12)',
+      '16': 'var(--jd-space-16)',
+    },
+    borderWidth: {
+      rule: 'var(--jd-rule)',
+      'rule-bold': 'var(--jd-rule-bold)',
+      'rule-heavy': 'var(--jd-rule-heavy)',
+    },
+    borderRadius: {
+      subtle: 'var(--jd-radius-subtle, 6px)',
+      control: 'var(--jd-radius-control, 10px)',
+      card: 'var(--jd-radius-card, 16px)',
+      badge: 'var(--jd-radius-badge, 9999px)',
+      DEFAULT: 'var(--jd-radius-control, 10px)',
+      sm: 'var(--jd-radius-subtle, 6px)',
+      md: 'var(--jd-radius-control, 10px)',
+      lg: 'var(--jd-radius-card, 16px)',
+      xl: 'var(--jd-radius-card, 16px)',
+      '2xl': 'var(--jd-radius-card, 16px)',
+      full: 'var(--jd-radius-badge, 9999px)',
+    },
+  },
+};