@sxo/theme-fluent 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,9 +1,44 @@
-# @sxo/theme-fluent
+<div align="center">
+  <h1>@sxo/theme-fluent</h1>
+  <p><b>Microsoft Fluent style theme for the SXO design system. A modern, multi-layered, and accessible aesthetic.</b></p>
 
-SXO 设计系统的 Microsoft Fluent 风格主题。
+  <p>
+    <a href="https://www.npmjs.com/package/@sxo/theme-fluent"><img src="https://img.shields.io/npm/v/@sxo/theme-fluent.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-fluent.svg?style=flat-square" alt="downloads">
+  </p>
+</div>
 
-## 安装
+---
+
+`@sxo/theme-fluent` brings the modern, accessible, and multi-layered visual language of Microsoft's Fluent Design System to the SXO ecosystem.
+
+## ✨ Features
+
+- 💎 **Acrylic & Mica**: Signature translucent and layered effects for depth and focus.
+- 🎨 **Inclusive Design**: High-contrast support and accessibility-first color choices.
+- 📐 **Adaptive Layout**: Designed to work across different screen sizes and input methods.
+- 🧩 **Universal**: Fully compatible with all SXO framework adaptors.
+
+## 🚀 Quick Start
+
+### Installation
 
 ```bash
-pnpm add @sxo/theme-fluent @sxo/engine @sxo/design
+pnpm add @sxo/theme-fluent
 ```
+
+### Usage (Vue 3 Example)
+
+```typescript
+import { createSxo } from '@sxo/vue';
+import fluentTheme from '@sxo/theme-fluent';
+
+app.use(createSxo({
+    tokens: fluentTheme
+}));
+```
+
+## 📄 License
+
+MIT License.

package/dist/index.cjs

@@ -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;
+"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,DEFAULT:"4px",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

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

package/dist/index.js

@@ -5,7 +5,6 @@ const o = {
     ...e.color,
     primary: {
       DEFAULT: "#0078d4",
-      // Microsoft Brand Blue
       foreground: "#ffffff"
     },
     secondary: {
@@ -36,6 +35,7 @@ const o = {
   },
   borderRadius: {
     ...e.borderRadius,
+    DEFAULT: "4px",
     none: "0",
     xs: "2px",
     sm: "4px",

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

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

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

@@ -1,4 +1,4 @@
-import { DesignTokens } from '../../design/src';
+import { DesignTokens } from '../../sxo-design/src';
 /**
  * Microsoft Fluent 风格主题
  * 核心：Brand Blue, 现代感, 深度感 (Shadow), 细腻圆角

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sxo/theme-fluent",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "Fluent 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",