@sxo/theme-fluent 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 +9 -0
  2. package/dist/index.cjs +1 -0
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +68 -0
  5. package/dist/tokens.d.ts +6 -0
  6. package/package.json +53 -0
package/README.md ADDED
@@ -0,0 +1,9 @@
1
+ # @sxo/theme-fluent
2
+
3
+ SXO 设计系统的 Microsoft Fluent 风格主题。
4
+
5
+ ## 安装
6
+
7
+ ```bash
8
+ pnpm add @sxo/theme-fluent @sxo/engine @sxo/design
9
+ ```
package/dist/index.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@sxo/design"),o={...e.defaultTokens,color:{...e.defaultTokens.color,primary:{DEFAULT:"#0078d4",foreground:"#ffffff"},secondary:{DEFAULT:"#edebe9",foreground:"#323130"},success:{DEFAULT:"#107c10"},warning:{DEFAULT:"#ffb900"},error:{DEFAULT:"#a4262c"},info:{DEFAULT:"#0078d4"},neutral:{...e.defaultTokens.color.neutral,100:"#faf9f8",200:"#f3f2f1",300:"#edebe9",400:"#e1dfdd",500:"#c8c6c4",600:"#a19f9d",700:"#605e5c",800:"#323130",900:"#201f1e"},background:{primary:"#ffffff",secondary:"#faf9f8",inverse:"#201f1e"}},borderRadius:{...e.defaultTokens.borderRadius,none:"0",xs:"2px",sm:"4px",md:"6px",lg:"8px",full:"9999px",xl:"12px"},boxShadow:{...e.defaultTokens.boxShadow,none:"none",sm:"0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108)",DEFAULT:"0 6.4px 14.4px 0 rgba(0,0,0,0.132), 0 1.2px 3.6px 0 rgba(0,0,0,0.108)",md:"0 12.8px 28.8px 0 rgba(0,0,0,0.132), 0 2.4px 7.2px 0 rgba(0,0,0,0.108)",lg:"0 25.6px 57.6px 0 rgba(0,0,0,0.22), 0 4.8px 14.4px 0 rgba(0,0,0,0.18)",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:{...e.defaultTokens.typography,fontFamily:{...e.defaultTokens.typography.fontFamily,DEFAULT:"'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"}}};exports.fluentTheme=o;
package/dist/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './tokens';
package/dist/index.js ADDED
@@ -0,0 +1,68 @@
1
+ import { defaultTokens as e } from "@sxo/design";
2
+ const o = {
3
+ ...e,
4
+ color: {
5
+ ...e.color,
6
+ primary: {
7
+ DEFAULT: "#0078d4",
8
+ // Microsoft Brand Blue
9
+ foreground: "#ffffff"
10
+ },
11
+ secondary: {
12
+ DEFAULT: "#edebe9",
13
+ foreground: "#323130"
14
+ },
15
+ success: { DEFAULT: "#107c10" },
16
+ warning: { DEFAULT: "#ffb900" },
17
+ error: { DEFAULT: "#a4262c" },
18
+ info: { DEFAULT: "#0078d4" },
19
+ neutral: {
20
+ ...e.color.neutral,
21
+ 100: "#faf9f8",
22
+ 200: "#f3f2f1",
23
+ 300: "#edebe9",
24
+ 400: "#e1dfdd",
25
+ 500: "#c8c6c4",
26
+ 600: "#a19f9d",
27
+ 700: "#605e5c",
28
+ 800: "#323130",
29
+ 900: "#201f1e"
30
+ },
31
+ background: {
32
+ primary: "#ffffff",
33
+ secondary: "#faf9f8",
34
+ inverse: "#201f1e"
35
+ }
36
+ },
37
+ borderRadius: {
38
+ ...e.borderRadius,
39
+ none: "0",
40
+ xs: "2px",
41
+ sm: "4px",
42
+ md: "6px",
43
+ lg: "8px",
44
+ full: "9999px",
45
+ xl: "12px"
46
+ },
47
+ boxShadow: {
48
+ ...e.boxShadow,
49
+ none: "none",
50
+ sm: "0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108)",
51
+ DEFAULT: "0 6.4px 14.4px 0 rgba(0,0,0,0.132), 0 1.2px 3.6px 0 rgba(0,0,0,0.108)",
52
+ md: "0 12.8px 28.8px 0 rgba(0,0,0,0.132), 0 2.4px 7.2px 0 rgba(0,0,0,0.108)",
53
+ lg: "0 25.6px 57.6px 0 rgba(0,0,0,0.22), 0 4.8px 14.4px 0 rgba(0,0,0,0.18)",
54
+ hard: "none",
55
+ "hard-accent": "none",
56
+ xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
57
+ },
58
+ typography: {
59
+ ...e.typography,
60
+ fontFamily: {
61
+ ...e.typography.fontFamily,
62
+ DEFAULT: "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
63
+ }
64
+ }
65
+ };
66
+ export {
67
+ o as fluentTheme
68
+ };
package/dist/tokens.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { DesignTokens } from '../../design/src';
2
+ /**
3
+ * Microsoft Fluent 风格主题
4
+ * 核心：Brand Blue, 现代感, 深度感 (Shadow), 细腻圆角
5
+ */
6
+ export declare const fluentTheme: DesignTokens;
package/package.json ADDED
@@ -0,0 +1,53 @@
1
+ {
2
+ "name": "@sxo/theme-fluent",
3
+ "version": "0.0.0",
4
+ "description": "Fluent theme for SXO Design System.",
5
+ "keywords": [
6
+ "sxo",
7
+ "design-system",
8
+ "ui",
9
+ "components",
10
+ "theme",
11
+ "fluent"
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-fluent"
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-fluent#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
+ }