@sxo/theme-antd 0.0.0 → 0.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 sxo team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,17 +1,37 @@
-# @sxo/theme-antd
+<div align="center">
+  <h1>@sxo/theme-antd</h1>
+  <p><b>Ant Design style theme for the SXO design system.</b></p>
 
-SXO 设计系统的 Ant Design 风格主题。
+  <p>
+    <a href="https://www.npmjs.com/package/@sxo/theme-antd"><img src="https://img.shields.io/npm/v/@sxo/theme-antd.svg?style=flat-square" alt="npm version"></a>
+    <img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="license">
+    <img src="https://img.shields.io/npm/dm/@sxo/theme-antd.svg?style=flat-square" alt="downloads">
+  </p>
+</div>
 
-## 安装
+---
+
+`@sxo/theme-antd` provides a set of design tokens that replicate the clean, professional, and technical look of Ant Design 5.0 for your SXO-powered application.
+
+## ✨ Features
+
+- 💼 **Professional UI**: Based on Ant Design 5.0 specifications.
+- 🎨 **Balanced Palette**: Uses the classic "Technical Blue" as the primary color.
+- 📐 **Precise Spacing**: Follows the 8px grid system for layout and typography.
+- 🧩 **Drop-in Integration**: Works seamlessly with all SXO framework adaptors.
+
+## 🚀 Quick Start
+
+### Installation
 
 ```bash
-pnpm add @sxo/theme-antd @sxo/engine @sxo/design
+pnpm add @sxo/theme-antd
 ```
 
-## 用法
+### Usage (Vue 3 Example)
 
 ```typescript
-import { createSxo } from 'vue-sxo';
+import { createSxo } from '@sxo/vue';
 import antdTheme from '@sxo/theme-antd';
 
 app.use(createSxo({
@@ -19,6 +39,6 @@ app.use(createSxo({
 }));
 ```
 
-## 主题特色
-- **专业感**: 基于 Ant Design 5.0 设计规范。
-- **平衡配色**: 经典的技术蓝作为主色。
+## 📄 License
+
+MIT License.

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@sxo/design"),o={...f.defaultTokens,color:{...f.defaultTokens.color,primary:{DEFAULT:"#1677ff",foreground:"#ffffff"},secondary:{DEFAULT:"#f5f5f5",foreground:"rgba(0, 0, 0, 0.88)"},success:{DEFAULT:"#52c41a"},warning:{DEFAULT:"#faad14"},error:{DEFAULT:"#ff4d4f"},info:{DEFAULT:"#1677ff"},neutral:{...f.defaultTokens.color.neutral,100:"#f5f5f5",200:"#f0f0f0",300:"#d9d9d9",400:"#bfbfbf",500:"#8c8c8c",600:"#595959",700:"#434343",800:"#262626",900:"#1f1f1f"},background:{primary:"#ffffff",secondary:"#fafafa",inverse:"#000000"}},modes:{dark:{primary:{DEFAULT:"#1668dc",foreground:"#ffffff"},background:{primary:"#141414",secondary:"#1f1f1f",inverse:"#ffffff"},neutral:{100:"#1f1f1f",200:"#262626",300:"#434343",400:"#595959",500:"#8c8c8c",600:"#bfbfbf",700:"#d9d9d9",800:"#f0f0f0",900:"#f5f5f5"}}},borderRadius:{...f.defaultTokens.borderRadius,none:"0",xs:"2px",sm:"4px",md:"6px",lg:"8px",full:"9999px",xl:"12px"},boxShadow:{...f.defaultTokens.boxShadow,none:"none",sm:"0 2px 0 rgba(0, 0, 0, 0.02)",DEFAULT:"0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)",md:"0 6px 16px 0 rgba(0, 0, 0, 0.08)",lg:"0 9px 28px 8px rgba(0, 0, 0, 0.05)",hard:"none","hard-accent":"none",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},typography:{...f.defaultTokens.typography,fontFamily:{...f.defaultTokens.typography.fontFamily,DEFAULT:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'"}}};exports.antdTheme=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@sxo/design"),o={...f.defaultTokens,color:{...f.defaultTokens.color,primary:{DEFAULT:"#1677ff",foreground:"#ffffff"},secondary:{DEFAULT:"#f5f5f5",foreground:"rgba(0, 0, 0, 0.88)"},success:{DEFAULT:"#52c41a"},warning:{DEFAULT:"#faad14"},error:{DEFAULT:"#ff4d4f"},info:{DEFAULT:"#1677ff"},neutral:{...f.defaultTokens.color.neutral,100:"#f5f5f5",200:"#f0f0f0",300:"#d9d9d9",400:"#bfbfbf",500:"#8c8c8c",600:"#595959",700:"#434343",800:"#262626",900:"#1f1f1f"},background:{primary:"#ffffff",secondary:"#fafafa",inverse:"#000000"}},modes:{dark:{primary:{DEFAULT:"#1668dc",foreground:"#ffffff"},background:{primary:"#141414",secondary:"#1f1f1f",inverse:"#ffffff"},neutral:{100:"#1f1f1f",200:"#262626",300:"#434343",400:"#595959",500:"#8c8c8c",600:"#bfbfbf",700:"#d9d9d9",800:"#f0f0f0",900:"#f5f5f5"}}},borderRadius:{...f.defaultTokens.borderRadius,DEFAULT:"6px",none:"0",xs:"2px",sm:"4px",md:"6px",lg:"8px",full:"9999px",xl:"12px"},boxShadow:{...f.defaultTokens.boxShadow,none:"none",sm:"0 2px 0 rgba(0, 0, 0, 0.02)",DEFAULT:"0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)",md:"0 6px 16px 0 rgba(0, 0, 0, 0.08)",lg:"0 9px 28px 8px rgba(0, 0, 0, 0.05)",hard:"none","hard-accent":"none",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},typography:{...f.defaultTokens.typography,fontFamily:{...f.defaultTokens.typography.fontFamily,DEFAULT:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'"}}};exports.antdTheme=o;

package/dist/index.d.ts

@@ -1 +1,2 @@
-export * from './tokens';
+export * from './theme-antd/src/index'
+export {}

package/dist/index.js

@@ -5,7 +5,6 @@ const r = {
     ...f.color,
     primary: {
       DEFAULT: "#1677ff",
-      // Ant Design Blue
       foreground: "#ffffff"
     },
     secondary: {
@@ -34,32 +33,31 @@ const r = {
       inverse: "#000000"
     }
   },
-  modes: {
-    dark: {
-      primary: {
-        DEFAULT: "#1668dc",
-        foreground: "#ffffff"
-      },
-      background: {
-        primary: "#141414",
-        secondary: "#1f1f1f",
-        inverse: "#ffffff"
-      },
-      neutral: {
-        100: "#1f1f1f",
-        200: "#262626",
-        300: "#434343",
-        400: "#595959",
-        500: "#8c8c8c",
-        600: "#bfbfbf",
-        700: "#d9d9d9",
-        800: "#f0f0f0",
-        900: "#f5f5f5"
-      }
+  modes: { dark: {
+    primary: {
+      DEFAULT: "#1668dc",
+      foreground: "#ffffff"
+    },
+    background: {
+      primary: "#141414",
+      secondary: "#1f1f1f",
+      inverse: "#ffffff"
+    },
+    neutral: {
+      100: "#1f1f1f",
+      200: "#262626",
+      300: "#434343",
+      400: "#595959",
+      500: "#8c8c8c",
+      600: "#bfbfbf",
+      700: "#d9d9d9",
+      800: "#f0f0f0",
+      900: "#f5f5f5"
     }
-  },
+  } },
   borderRadius: {
     ...f.borderRadius,
+    DEFAULT: "6px",
     none: "0",
     xs: "2px",
     sm: "4px",
@@ -76,7 +74,6 @@ const r = {
     md: "0 6px 16px 0 rgba(0, 0, 0, 0.08)",
     lg: "0 9px 28px 8px rgba(0, 0, 0, 0.05)",
     hard: "none",
-    // Ant Design 不常用硬投影
     "hard-accent": "none",
     xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
   },

package/dist/theme-antd/src/index.d.ts

@@ -0,0 +1 @@
+export * from './tokens';

package/dist/{tokens.d.ts → theme-antd/src/tokens.d.ts}

@@ -1,4 +1,4 @@
-import { DesignTokens } from '../../design/src';
+import { DesignTokens } from '../../sxo-design/src';
 /**
  * Ant Design 风格主题
  * 核心：拂晓蓝 (Daybreak Blue), 较小的圆角, 细腻的投影

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sxo/theme-antd",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "Antd theme for SXO Design System.",
   "keywords": [
     "sxo",
@@ -27,7 +27,7 @@
     "dist"
   ],
   "dependencies": {
-    "@sxo/design": "0.0.0"
+    "@sxo/design": "0.0.1"
   },
   "repository": {
     "type": "git",
@@ -42,9 +42,9 @@
     "access": "public"
   },
   "devDependencies": {
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^4.0.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
     "build": "vite build",