@sxo/theme-antd 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +24 -0
  2. package/dist/index.cjs +1 -0
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +93 -0
  5. package/dist/tokens.d.ts +6 -0
  6. package/package.json +53 -0
package/README.md ADDED
@@ -0,0 +1,24 @@
1
+ # @sxo/theme-antd
2
+
3
+ SXO 设计系统的 Ant Design 风格主题。
4
+
5
+ ## 安装
6
+
7
+ ```bash
8
+ pnpm add @sxo/theme-antd @sxo/engine @sxo/design
9
+ ```
10
+
11
+ ## 用法
12
+
13
+ ```typescript
14
+ import { createSxo } from 'vue-sxo';
15
+ import antdTheme from '@sxo/theme-antd';
16
+
17
+ app.use(createSxo({
18
+ tokens: antdTheme
19
+ }));
20
+ ```
21
+
22
+ ## 主题特色
23
+ - **专业感**: 基于 Ant Design 5.0 设计规范。
24
+ - **平衡配色**: 经典的技术蓝作为主色。
package/dist/index.cjs ADDED
@@ -0,0 +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;
package/dist/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './tokens';
package/dist/index.js ADDED
@@ -0,0 +1,93 @@
1
+ import { defaultTokens as f } from "@sxo/design";
2
+ const r = {
3
+ ...f,
4
+ color: {
5
+ ...f.color,
6
+ primary: {
7
+ DEFAULT: "#1677ff",
8
+ // Ant Design Blue
9
+ foreground: "#ffffff"
10
+ },
11
+ secondary: {
12
+ DEFAULT: "#f5f5f5",
13
+ foreground: "rgba(0, 0, 0, 0.88)"
14
+ },
15
+ success: { DEFAULT: "#52c41a" },
16
+ warning: { DEFAULT: "#faad14" },
17
+ error: { DEFAULT: "#ff4d4f" },
18
+ info: { DEFAULT: "#1677ff" },
19
+ neutral: {
20
+ ...f.color.neutral,
21
+ 100: "#f5f5f5",
22
+ 200: "#f0f0f0",
23
+ 300: "#d9d9d9",
24
+ 400: "#bfbfbf",
25
+ 500: "#8c8c8c",
26
+ 600: "#595959",
27
+ 700: "#434343",
28
+ 800: "#262626",
29
+ 900: "#1f1f1f"
30
+ },
31
+ background: {
32
+ primary: "#ffffff",
33
+ secondary: "#fafafa",
34
+ inverse: "#000000"
35
+ }
36
+ },
37
+ modes: {
38
+ dark: {
39
+ primary: {
40
+ DEFAULT: "#1668dc",
41
+ foreground: "#ffffff"
42
+ },
43
+ background: {
44
+ primary: "#141414",
45
+ secondary: "#1f1f1f",
46
+ inverse: "#ffffff"
47
+ },
48
+ neutral: {
49
+ 100: "#1f1f1f",
50
+ 200: "#262626",
51
+ 300: "#434343",
52
+ 400: "#595959",
53
+ 500: "#8c8c8c",
54
+ 600: "#bfbfbf",
55
+ 700: "#d9d9d9",
56
+ 800: "#f0f0f0",
57
+ 900: "#f5f5f5"
58
+ }
59
+ }
60
+ },
61
+ borderRadius: {
62
+ ...f.borderRadius,
63
+ none: "0",
64
+ xs: "2px",
65
+ sm: "4px",
66
+ md: "6px",
67
+ lg: "8px",
68
+ full: "9999px",
69
+ xl: "12px"
70
+ },
71
+ boxShadow: {
72
+ ...f.boxShadow,
73
+ none: "none",
74
+ sm: "0 2px 0 rgba(0, 0, 0, 0.02)",
75
+ 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)",
76
+ md: "0 6px 16px 0 rgba(0, 0, 0, 0.08)",
77
+ lg: "0 9px 28px 8px rgba(0, 0, 0, 0.05)",
78
+ hard: "none",
79
+ // Ant Design 不常用硬投影
80
+ "hard-accent": "none",
81
+ xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
82
+ },
83
+ typography: {
84
+ ...f.typography,
85
+ fontFamily: {
86
+ ...f.typography.fontFamily,
87
+ 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'"
88
+ }
89
+ }
90
+ };
91
+ export {
92
+ r as antdTheme
93
+ };
package/dist/tokens.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { DesignTokens } from '../../design/src';
2
+ /**
3
+ * Ant Design 风格主题
4
+ * 核心：拂晓蓝 (Daybreak Blue), 较小的圆角, 细腻的投影
5
+ */
6
+ export declare const antdTheme: DesignTokens;
package/package.json ADDED
@@ -0,0 +1,53 @@
1
+ {
2
+ "name": "@sxo/theme-antd",
3
+ "version": "0.0.0",
4
+ "description": "Antd theme for SXO Design System.",
5
+ "keywords": [
6
+ "sxo",
7
+ "design-system",
8
+ "ui",
9
+ "components",
10
+ "theme",
11
+ "antd"
12
+ ],
13
+ "license": "MIT",
14
+ "author": "sxo team",
15
+ "type": "module",
16
+ "main": "./dist/index.cjs",
17
+ "module": "./dist/index.js",
18
+ "types": "./dist/index.d.ts",
19
+ "exports": {
20
+ ".": {
21
+ "types": "./dist/index.d.ts",
22
+ "import": "./dist/index.js",
23
+ "require": "./dist/index.cjs"
24
+ }
25
+ },
26
+ "files": [
27
+ "dist"
28
+ ],
29
+ "dependencies": {
30
+ "@sxo/design": "0.0.0"
31
+ },
32
+ "repository": {
33
+ "type": "git",
34
+ "url": "git+https://github.com/doki-land/sxo-engine.git",
35
+ "directory": "packages/theme-antd"
36
+ },
37
+ "bugs": {
38
+ "url": "https://github.com/doki-land/sxo-engine/issues"
39
+ },
40
+ "homepage": "https://github.com/doki-land/sxo-engine/tree/main/packages/theme-antd#readme",
41
+ "publishConfig": {
42
+ "access": "public"
43
+ },
44
+ "devDependencies": {
45
+ "vite": "^5.0.0",
46
+ "vite-plugin-dts": "^4.0.0",
47
+ "typescript": "^5.0.0"
48
+ },
49
+ "scripts": {
50
+ "build": "vite build",
51
+ "dev": "vite build --watch"
52
+ }
53
+ }