orbcafe-ui 2.0.0 → 2.0.2

package/dist/themes/nvidia.css

@@ -0,0 +1,36 @@
+/* nvidia.css — generated from the local Open Design preset "nvidia". Do not edit.
+   Regenerate with: npx orbcafe-theme apply nvidia
+   Import AFTER the base styles (import 'orbcafe-ui/styles.css').
+   Only base tokens are overridden; all derived tokens re-derive via color-mix. */
+
+:root {
+  --orb-primary: #76b900;
+  --orb-accent: #f2a900;
+  --orb-err: #d40000;
+  --orb-fg: #1a1a1a;
+  --orb-fg-strong: #1a1a1a;
+  --orb-muted: #666666;
+  --orb-canvas: #ffffff;
+  --orb-surface: #f2f2f2;
+  --orb-border: #e0e0e0;
+  --orb-link: #5c9100;
+  --orb-font-brand: "NVIDIA Sans";
+  --orb-r: 4px;
+}
+
+.orb-dark,
+[data-orb-mode="dark"] {
+  --orb-primary: #76b900;
+  --orb-accent: #f2a900;
+  --orb-err: #ff6b6b;
+  --orb-fg: #eeeeee;
+  --orb-fg-strong: #eeeeee;
+  --orb-muted: #aaaaaa;
+  --orb-canvas: #000000;
+  --orb-surface: #191919;
+  --orb-surface-2: #2a2a2a;
+  --orb-border: #3d3d3d;
+  --orb-link: #a4d24b;
+  --orb-font-brand: "NVIDIA Sans";
+  --orb-r: 4px;
+}

package/dist/themes/nvidia.tokens.mjs

@@ -0,0 +1,117 @@
+/**
+ * ORBCAFE × nvidia theme tokens (JS side) — generated. Do not edit.
+ * Mirrors nvidia.css for consumers that cannot read CSS variables
+ * (SVG charts, canvas, inline-style computations).
+ * Shape matches OrbTokens from 'orbcafe-ui'.
+ */
+export const ORB_LIGHT = {
+  canvas: '#ffffff',
+  surface: '#f2f2f2',
+  surface2: '#f2f2f2',
+  surface3: '#f2f2f2',
+  fg: '#1a1a1a',
+  muted: '#666666',
+  border: '#e0e0e0',
+  primary: '#76b900',
+  onPrimary: '#ffffff',
+  link: '#5c9100',
+  p50: '#f7fbf3',
+  p100: '#ebf6e3',
+  p200: '#d8edc7',
+  p300: '#c1e1a4',
+  p600: '#5e9400',
+  p700: '#477100',
+  accent: '#f2a900',
+  err: '#d40000',
+  errBg: '#fff9f2',
+  warnBg: '#fef8f0',
+  hover: 'rgba(118, 185, 0, 0.06)',
+  selected: 'rgba(118, 185, 0, 0.1)',
+  focusRing: 'rgba(118, 185, 0, 0.18)',
+  focusSolid: '#76b900',
+  disabledFg: '#8e8e8e',
+  disabledBg: '#eaeaea',
+  chartGrid: '#e0e0e0',
+  chartText: '#666666',
+  track: '#f2f2f2',
+  shadow1: '0 1px 2px rgba(1,9,26,.05),0 2px 6px rgba(1,9,26,.06)',
+  shadow2: '0 4px 14px rgba(1,9,26,.10)',
+  shadow3: '0 12px 32px rgba(1,9,26,.16)',
+  fontBrand: 'NVIDIA Sans',
+  inverseSurface: '#01091a',
+  inverseFg: '#ffffff',
+  inverseLink: '#c1e1a4',
+  aiAccent: '#21bcff',
+  statusFg: '#475569',
+  statusPrimary: '#1d4ed8',
+  statusSuccess: '#047857',
+  statusWarning: '#b45309',
+  statusError: '#b91c1c',
+  statusInfo: '#0369a1',
+  chart1: '#76b900',
+  chart2: '#c1e1a4',
+  chart3: '#666666',
+  chart4: '#477100',
+  chart5: '#f2a900',
+  chart6: '#d8edc7',
+  chartPositive: '#66bb6a',
+  chartNegative: '#ef5350',
+};
+
+export const ORB_DARK = {
+  canvas: '#000000',
+  surface: '#191919',
+  surface2: '#2a2a2a',
+  surface3: '#020202',
+  fg: '#eeeeee',
+  muted: '#aaaaaa',
+  border: '#3d3d3d',
+  primary: '#76b900',
+  onPrimary: '#ffffff',
+  link: '#a4d24b',
+  p50: '#061000',
+  p100: '#122200',
+  p200: '#d8edc7',
+  p300: '#c1e1a4',
+  p600: '#8ac449',
+  p700: '#acd685',
+  accent: '#f2a900',
+  err: '#ff6b6b',
+  errBg: '#0c0500',
+  warnBg: '#100800',
+  hover: 'rgba(255, 255, 255, 0.08)',
+  selected: 'rgba(118, 185, 0, 0.45)',
+  focusRing: 'rgba(193, 225, 164, 0.45)',
+  focusSolid: '#c1e1a4',
+  disabledFg: 'rgba(255, 255, 255, 0.38)',
+  disabledBg: 'rgba(255, 255, 255, 0.07)',
+  chartGrid: 'rgba(255, 255, 255, 0.12)',
+  chartText: 'rgba(255, 255, 255, 0.7)',
+  track: 'rgba(255, 255, 255, 0.1)',
+  shadow1: '0 1px 2px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.35)',
+  shadow2: '0 4px 16px rgba(0,0,0,.5)',
+  shadow3: '0 12px 32px rgba(0,0,0,.55)',
+  fontBrand: 'NVIDIA Sans',
+  inverseSurface: '#01091a',
+  inverseFg: '#ffffff',
+  inverseLink: '#c1e1a4',
+  aiAccent: '#21bcff',
+  statusFg: '#94a3b8',
+  statusPrimary: '#60a5fa',
+  statusSuccess: '#34d399',
+  statusWarning: '#fbbf24',
+  statusError: '#f87171',
+  statusInfo: '#38bdf8',
+  chart1: '#76b900',
+  chart2: '#c1e1a4',
+  chart3: '#aaaaaa',
+  chart4: '#acd685',
+  chart5: '#f2a900',
+  chart6: '#d8edc7',
+  chartPositive: '#66bb6a',
+  chartNegative: '#ef5350',
+};
+
+export const ORB_TOKENS = { light: ORB_LIGHT, dark: ORB_DARK };
+
+export default ORB_TOKENS;

package/dist/themes/orbis.css

@@ -0,0 +1,62 @@
+/* orbis.css — generated from the local Open Design preset "orbis". Do not edit.
+   Regenerate with: npx orbcafe-theme apply orbis
+   Import AFTER the base styles (import 'orbcafe-ui/styles.css').
+   Only base tokens are overridden; all derived tokens re-derive via color-mix. */
+
+@font-face {
+  font-family: "Montserrat";
+  src: url("./orbis/fonts/montserrat-300.otf") format("opentype");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Montserrat";
+  src: url("./orbis/fonts/montserrat-500.otf") format("opentype");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Montserrat";
+  src: url("./orbis/fonts/montserrat-600.otf") format("opentype");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Montserrat";
+  src: url("./orbis/fonts/montserrat-700.otf") format("opentype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+:root {
+  --orb-primary: #154194;
+  --orb-accent: #fc4c02;
+  --orb-fg: #696969;
+  --orb-fg-strong: #696969;
+  --orb-muted: #919191;
+  --orb-canvas: #ffffff;
+  --orb-surface: #f5f5f5;
+  --orb-border: #e6e6e6;
+  --orb-font-brand: "Montserrat";
+  --orb-r: 10px;
+}
+
+.orb-dark,
+[data-orb-mode="dark"] {
+  --orb-primary: #2c508c;
+  --orb-accent: #dc6328;
+  --orb-fg: #dcdcdc;
+  --orb-fg-strong: #dcdcdc;
+  --orb-muted: #adadad;
+  --orb-canvas: #1d1d1d;
+  --orb-surface: #141414;
+  --orb-surface-2: #272727;
+  --orb-border: #3e3e3e;
+  --orb-link: #97abc2;
+  --orb-font-brand: "Montserrat";
+  --orb-r: 10px;
+}

package/dist/themes/orbis.tokens.mjs

@@ -0,0 +1,117 @@
+/**
+ * ORBCAFE × orbis theme tokens (JS side) — generated. Do not edit.
+ * Mirrors orbis.css for consumers that cannot read CSS variables
+ * (SVG charts, canvas, inline-style computations).
+ * Shape matches OrbTokens from 'orbcafe-ui'.
+ */
+export const ORB_LIGHT = {
+  canvas: '#ffffff',
+  surface: '#f5f5f5',
+  surface2: '#f5f5f5',
+  surface3: '#f5f5f5',
+  fg: '#696969',
+  muted: '#919191',
+  border: '#e6e6e6',
+  primary: '#154194',
+  onPrimary: '#ffffff',
+  link: '#154194',
+  p50: '#f0f3f9',
+  p100: '#dce4f1',
+  p200: '#bac9e3',
+  p300: '#91a8d1',
+  p600: '#0f3276',
+  p700: '#08255a',
+  accent: '#fc4c02',
+  err: '#ac3101',
+  errBg: '#fff4f0',
+  warnBg: '#fff2ee',
+  hover: 'rgba(21, 65, 148, 0.06)',
+  selected: 'rgba(21, 65, 148, 0.1)',
+  focusRing: 'rgba(21, 65, 148, 0.18)',
+  focusSolid: '#154194',
+  disabledFg: '#b9b9b9',
+  disabledBg: '#f2f2f2',
+  chartGrid: '#e6e6e6',
+  chartText: '#919191',
+  track: '#f5f5f5',
+  shadow1: '0 1px 2px rgba(1,9,26,.05),0 2px 6px rgba(1,9,26,.06)',
+  shadow2: '0 4px 14px rgba(1,9,26,.10)',
+  shadow3: '0 12px 32px rgba(1,9,26,.16)',
+  fontBrand: 'Montserrat',
+  inverseSurface: '#01091a',
+  inverseFg: '#ffffff',
+  inverseLink: '#91a8d1',
+  aiAccent: '#21bcff',
+  statusFg: '#475569',
+  statusPrimary: '#1d4ed8',
+  statusSuccess: '#047857',
+  statusWarning: '#b45309',
+  statusError: '#b91c1c',
+  statusInfo: '#0369a1',
+  chart1: '#154194',
+  chart2: '#91a8d1',
+  chart3: '#919191',
+  chart4: '#08255a',
+  chart5: '#fc4c02',
+  chart6: '#bac9e3',
+  chartPositive: '#66bb6a',
+  chartNegative: '#ef5350',
+};
+
+export const ORB_DARK = {
+  canvas: '#1d1d1d',
+  surface: '#141414',
+  surface2: '#272727',
+  surface3: '#2e2e2e',
+  fg: '#dcdcdc',
+  muted: '#adadad',
+  border: '#3e3e3e',
+  primary: '#2c508c',
+  onPrimary: '#ffffff',
+  link: '#97abc2',
+  p50: '#212834',
+  p100: '#232d3e',
+  p200: '#c0ccdf',
+  p300: '#9baecc',
+  p600: '#49699e',
+  p700: '#7c94bb',
+  accent: '#dc6328',
+  err: '#b95220',
+  errBg: '#392922',
+  warnBg: '#3c2a23',
+  hover: 'rgba(255, 255, 255, 0.08)',
+  selected: 'rgba(44, 80, 140, 0.45)',
+  focusRing: 'rgba(155, 174, 204, 0.45)',
+  focusSolid: '#9baecc',
+  disabledFg: 'rgba(255, 255, 255, 0.38)',
+  disabledBg: 'rgba(255, 255, 255, 0.07)',
+  chartGrid: 'rgba(255, 255, 255, 0.12)',
+  chartText: 'rgba(255, 255, 255, 0.7)',
+  track: 'rgba(255, 255, 255, 0.1)',
+  shadow1: '0 1px 2px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.35)',
+  shadow2: '0 4px 16px rgba(0,0,0,.5)',
+  shadow3: '0 12px 32px rgba(0,0,0,.55)',
+  fontBrand: 'Montserrat',
+  inverseSurface: '#01091a',
+  inverseFg: '#ffffff',
+  inverseLink: '#9baecc',
+  aiAccent: '#21bcff',
+  statusFg: '#94a3b8',
+  statusPrimary: '#60a5fa',
+  statusSuccess: '#34d399',
+  statusWarning: '#fbbf24',
+  statusError: '#f87171',
+  statusInfo: '#38bdf8',
+  chart1: '#2c508c',
+  chart2: '#9baecc',
+  chart3: '#adadad',
+  chart4: '#7c94bb',
+  chart5: '#dc6328',
+  chart6: '#c0ccdf',
+  chartPositive: '#66bb6a',
+  chartNegative: '#ef5350',
+};
+
+export const ORB_TOKENS = { light: ORB_LIGHT, dark: ORB_DARK };
+
+export default ORB_TOKENS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orbcafe-ui",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "ORBCAFE UI components — ORBIS brand system, MUI-free",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -16,17 +16,21 @@
     "./dist/orbis.css": "./dist/orbis.css",
     "./dist/index.css": "./dist/index.css",
     "./fonts/*": "./dist/fonts/*",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./themes/*": "./dist/themes/*"
   },
   "scripts": {
     "check:ai-contracts": "node scripts/check-ai-contracts.js",
+    "check:types": "tsc --noEmit && cd examples && ./node_modules/.bin/tsc --noEmit",
+    "check:examples": "npm --prefix examples run lint",
     "docs:build": "node scripts/build-docs-pages.js",
     "build": "tsup",
     "prepublishOnly": "npm run build",
     "pack:check": "npm_config_cache=/tmp/.npm-cache npm pack --dry-run",
-    "release:check": "npm run check:ai-contracts && npm run docs:build && npm run build && npm run pack:check",
+    "release:check": "npm run check:ai-contracts && npm run check:types && npm run check:examples && npm run docs:build && npm run build && npm run pack:check",
     "publish:npm": "npm publish --access public",
-    "publish:npm:token": "./scripts/publish-npm.sh"
+    "publish:npm:token": "./scripts/publish-npm.sh",
+    "build:theme": "node scripts/build-theme.mjs"
   },
   "keywords": [
     "react",
@@ -35,11 +39,18 @@
   ],
   "author": "ORBAI Team",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SHENRUIYANG/orbcafe-ui.git"
+  },
   "sideEffects": [
     "**/*.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "bin",
+    "MIGRATION_V2.md",
+    "BRAND_THEMING.md"
   ],
   "publishConfig": {
     "access": "public"
@@ -47,14 +58,17 @@
   "peerDependencies": {
     "next": "^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.0.0",
     "@types/node": "^20.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "next": "^16.2.0",
+    "tailwindcss": "^4.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0"
   },
@@ -73,7 +87,6 @@
     "framer-motion": "^12.35.1",
     "i18next": "^25.8.18",
     "mermaid": "^10.9.0",
-    "next-themes": "^0.3.0",
     "ogl": "^1.0.11",
     "react-i18next": "^16.5.8",
     "react-markdown": "^9.0.0",
@@ -88,5 +101,8 @@
     "esbuild": "^0.28.1",
     "postcss": "^8.5.10",
     "rollup": "^4.59.0"
+  },
+  "bin": {
+    "orbcafe-theme": "./bin/orbcafe-theme.mjs"
   }
 }