@mathwiz/ui-components 0.1.28 → 0.1.30

package/dist/styles/mathcard-tokens.css

@@ -33,6 +33,8 @@
   /* 次要文本 - slate-600 | 副标题/描述 */
   --mc-text-tertiary: #94a3b8;
   /* 辅助文本 - slate-400 | 提示/标签 */
+  --mc-text-body: #64748b;
+  /* 正文文本 - slate-500 | 问题内容/正文，对比度适中 */
   --mc-text-inverse: #ffffff;
   /* 反色文本 | 深色背景上的文本 */
 
@@ -71,6 +73,14 @@
   /* 计算步骤渐变 */
   --mc-step-bg-res: linear-gradient(90deg, rgba(16, 185, 129, 0.06) 0%, transparent 100%);
   /* 结果步骤渐变 */
+
+  /* StatBlock主题色（IXL风格） */
+  --mathwiz-statblock-theme-green: #90c842;
+  /* 绿色主题 - 答题数/进度 */
+  --mathwiz-statblock-theme-blue: #4cb2d4;
+  /* 蓝色主题 - 用时/时间 */
+  --mathwiz-statblock-theme-orange: #d96338;
+  /* 橙色主题 - 智能得分/得分 */
 }
 
 /**
@@ -79,11 +89,14 @@
  */
 :root {
 
-  /* 字体族栈 */
-  --mc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Microsoft YaHei", "PingFang SC", sans-serif;
-  --mc-font-serif: "Times New Roman", Times, "SimSun", serif;
-  --mc-font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;
+  /* 字体族栈 - 现代无衬线字体，笔画过渡柔和，视觉轻盈 */
+  --mc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI",
+    Roboto, "Inter", "SF Pro Text", "system-ui",
+    "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC",
+    sans-serif;
+  --mc-font-serif: "Times New Roman", Times, "SimSun", "Songti SC", serif;
+  --mc-font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", "Roboto Mono",
+    "JetBrains Mono", "Courier New", monospace;
 
   /* 字号系统 (基于 16px 基准) */
   --mc-text-xs: 0.75rem;
@@ -251,6 +264,8 @@
   --mc-bg-tertiary: #0f3460;
   --mc-text-primary: #f1f5f9;
   --mc-text-secondary: #cbd5e1;
+  --mc-text-tertiary: #94a3b8;
+  --mc-text-body: #cbd5e1; /* 暗色主题下正文使用较亮颜色 */
   --mc-border-default: #334155;
   --mc-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3);
 }
@@ -267,6 +282,33 @@
   --ixl-card-border-radius: var(--mc-radius-lg);
 }
 
+/* IXL风格专用设计令牌 */
+:root {
+  /* IXL品牌色 - 匹配HTML设计 */
+  --ixl-color-action: #7cb342;    /* 行动按钮绿色 - 鲜明草绿色 */
+  --ixl-color-link: #0288d1;      /* 链接蓝色 - 教学支架链接 */
+  --ixl-color-score: #ff8a65;     /* 得分橙色 - SmartScore */
+  --ixl-color-questions: #9ccc65; /* 答题数绿色 - Questions answered */
+  --ixl-color-time: #4fc3f7;      /* 时间蓝色 - Time elapsed */
+  --ixl-color-warning-bg: #fff3e0; /* 警告背景 - 状态横幅 */
+  --ixl-color-warning-border: #ffcc80; /* 警告边框 */
+  --ixl-color-warning-text: #e65100; /* 警告文本 */
+
+  /* IXL渐变背景 - 防疲劳天蓝色渐变 */
+  --ixl-bg-gradient: linear-gradient(180deg, #cdecfb 0%, #e6f7ff 100%);
+
+  /* IXL微圆角 */
+  --ixl-radius-subtle: 4px;
+  --ixl-radius-card: 8px;
+
+  /* IXL间距系统 */
+  --ixl-space-xs: var(--mc-space-2);
+  --ixl-space-sm: var(--mc-space-3);
+  --ixl-space-md: var(--mc-space-4);
+  --ixl-space-lg: var(--mc-space-6);
+  --ixl-space-xl: var(--mc-space-8);
+}
+
 /* 兼容 App.css 全局变量 */
 :root {
   --text-primary: var(--mc-text-primary);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mathwiz/ui-components",
   "private": false,
-  "version": "0.1.28",
+  "version": "0.1.30",
   "description": "A collection of reusable UI components for React applications within the mathwiz ecosystem.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -80,7 +80,8 @@
     "lucide-react": ">=0.500.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "zustand": ">=5.0.0"
+    "zustand": ">=5.0.0",
+    "@tanstack/react-table": ">=8.0.0"
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
@@ -136,7 +137,8 @@
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-tsconfig-paths": "^6.0.3",
     "vitest": "^4.0.18",
-    "zustand": "^5.0.0"
+    "zustand": "^5.0.0",
+    "@tanstack/react-table": "^8.20.5"
   },
   "msw": {
     "workerDirectory": [