@veltra/styles 1.1.14 → 1.1.18

package/dist/transitions/slide.css

@@ -0,0 +1,18 @@
+.slide-down-enter-from, .slide-down-leave-to,
+.slide-up-enter-from,
+.slide-up-leave-to {
+  opacity: 0;
+}
+.slide-down-enter-active, .slide-down-leave-active,
+.slide-up-enter-active,
+.slide-up-leave-active {
+  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
+}
+
+.slide-down-enter-from, .slide-down-leave-to {
+  transform: translateY(-10px);
+}
+
+.slide-up-enter-from, .slide-up-leave-to {
+  transform: translateY(10px);
+}

package/dist/transitions/spring.css

@@ -0,0 +1,34 @@
+@keyframes spring-in {
+  0% {
+    scale: 0;
+  }
+  40% {
+    scale: 1.1;
+  }
+  60% {
+    scale: 1;
+  }
+  80% {
+    scale: 1.02;
+  }
+  100% {
+    scale: 1;
+  }
+}
+.spring-enter-active {
+  transform-origin: center;
+  will-change: scale;
+  animation: spring-in 0.5s ease-in-out;
+}
+
+.spring-leave-active {
+  transform-origin: center;
+  will-change: scale, translate, opacity;
+  transition: scale 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06), translate 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06), opacity 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06);
+}
+
+.spring-leave-to {
+  scale: 0;
+  translate: 0 0 !important;
+  opacity: 0;
+}

package/dist/transitions/zoom-in.css

@@ -0,0 +1,57 @@
+.zoom-in-enter-from, .zoom-in-leave-to,
+.zoom-in-left-enter-from,
+.zoom-in-left-leave-to,
+.zoom-in-right-enter-from,
+.zoom-in-right-leave-to,
+.zoom-in-top-enter-from,
+.zoom-in-top-leave-to,
+.zoom-in-bottom-enter-from,
+.zoom-in-bottom-leave-to {
+  opacity: 0;
+}
+.zoom-in-enter-active,
+.zoom-in-left-enter-active,
+.zoom-in-right-enter-active,
+.zoom-in-top-enter-active,
+.zoom-in-bottom-enter-active {
+  transition: opacity 0.15s ease-in, transform 0.15s ease-in;
+}
+.zoom-in-leave-active,
+.zoom-in-left-leave-active,
+.zoom-in-right-leave-active,
+.zoom-in-top-leave-active,
+.zoom-in-bottom-leave-active {
+  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
+}
+
+.zoom-in-left-enter-from, .zoom-in-left-leave-to,
+.zoom-in-right-enter-from,
+.zoom-in-right-leave-to {
+  transform: scaleX(0.8);
+}
+
+.zoom-in-top-enter-from, .zoom-in-top-leave-to,
+.zoom-in-bottom-enter-from,
+.zoom-in-bottom-leave-to {
+  transform: scaleY(0.8);
+}
+
+.zoom-in-enter-from, .zoom-in-leave-to {
+  transform: scale(0.8);
+}
+
+.zoom-in-left-enter-active, .zoom-in-left-leave-active {
+  transform-origin: left center;
+}
+
+.zoom-in-right-enter-active, .zoom-in-right-leave-active {
+  transform-origin: right center;
+}
+
+.zoom-in-top-enter-active, .zoom-in-top-leave-active {
+  transform-origin: center top;
+}
+
+.zoom-in-bottom-enter-active, .zoom-in-bottom-leave-active {
+  transform-origin: center bottom;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/styles",
-  "version": "1.1.14",
+  "version": "1.1.18",
   "files": [
     "dist",
     "src"
@@ -14,35 +14,13 @@
     "src/theme/index.ts"
   ],
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
+    "./transitions": {
+      "import": "./dist/transitions/index.js",
+      "default": "./dist/transitions/index.js"
     },
     "./normalize": {
-      "sass": "./src/normalize.scss",
-      "import": "./dist/normalize.js",
-      "default": "./dist/normalize.js"
-    },
-    "./mixins": {
-      "sass": "./src/_mixins.scss",
-      "import": "./src/_mixins.scss",
-      "default": "./src/_mixins.scss"
-    },
-    "./vars": {
-      "sass": "./src/_vars.scss",
-      "import": "./src/_vars.scss",
-      "default": "./src/_vars.scss"
-    },
-    "./functions": {
-      "sass": "./src/_functions.scss",
-      "import": "./src/_functions.scss",
-      "default": "./src/_functions.scss"
-    },
-    "./anime/*": {
-      "sass": "./src/anime/*",
-      "import": "./src/anime/*",
-      "default": "./src/anime/*"
+      "import": "./dist/normalize/index.js",
+      "default": "./dist/normalize/index.js"
     },
     "./theme": {
       "types": "./dist/theme/index.d.ts",
@@ -56,15 +34,12 @@
     }
   },
   "scripts": {
-    "build": "tsdown",
-    "check-types": "tsc -p tsconfig.json --noEmit"
-  },
-  "dependencies": {
-    "@cat-kit/core": "^1.1.3",
-    "@veltra/compositions": "1.1.14",
-    "@veltra/utils": "1.1.14"
+    "build": "vp pack"
   },
   "peerDependencies": {
-    "vue": "^3.5.33"
+    "@cat-kit/core": ">=1.1.0",
+    "@veltra/compositions": "1.1.18",
+    "@veltra/utils": "1.1.18",
+    "vue": ">=3.5.0"
   }
 }

package/src/_functions.scss

@@ -1,5 +1,6 @@
-@use 'vars';
+@forward 'vars';
 @use 'sass:list';
+@use 'vars' as *;
 
 // 使用单个变量（全局主题 token，`--u-*`）
 @function use-var($basename, $nodes...) {
@@ -9,16 +10,16 @@
     $suffix: $suffix + '-' + $node;
   }
 
-  @return var(--u-#{$basename}#{$suffix});
+  @return var(--#{$namespace}-#{$basename}#{$suffix});
 }
 
 // 组件级 token：`var(--u-{component}-{property}[, fallback])`
 @function component-var($component, $property, $fallback: null) {
   @if $fallback == null {
-    @return var(--u-#{$component}-#{$property});
+    @return var(--#{$namespace}-#{$component}-#{$property});
   }
 
-  @return var(--u-#{$component}-#{$property}, #{$fallback});
+  @return var(--#{$namespace}-#{$component}-#{$property}, #{$fallback});
 }
 
 // 使用多个变量
@@ -36,7 +37,7 @@
 
 // bem的函数
 @function bem($b, $e: null, $m: null) {
-  $b: '.' + vars.$namespace + $b;
+  $b: '.' + $namespace + '-' + $b;
   @if ($e != null) {
     $b: $b + '__' + $e;
   }

package/src/_mixins.scss

@@ -1,6 +1,7 @@
-@use 'vars';
+@forward 'vars';
 @use 'sass:list';
 @use 'sass:map';
+@use 'vars' as *;
 @use 'functions' as fn;
 
 /** flex布局 */
@@ -12,7 +13,7 @@
 }
 
 @mixin size {
-  @each $size in vars.$sizes {
+  @each $size in $sizes {
     &--#{$size} {
       @content ($size);
     }
@@ -21,7 +22,7 @@
 
 @mixin b($blocks...) {
   @each $block in $blocks {
-    .#{vars.$namespace}#{$block} {
+    .#{$namespace}-#{$block} {
       @content;
     }
   }
@@ -87,7 +88,7 @@
 }
 
 @mixin bem($b, $e: null, $m: null) {
-  $b: '.' + vars.$namespace + $b;
+  $b: '.' + $namespace + '-' + $b;
 
   @if ($e != null) {
     @each $ei in $e {
@@ -142,7 +143,7 @@
 }
 
 @function breakpoint($point) {
-  @return var(--u-breakpoint-#{$point});
+  @return var(--#{$namespace}-breakpoint-#{$point});
 }
 
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */

package/src/_vars.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 
-$namespace: 'u-';
+$namespace: 'u' !default;
 
 // 与全局 CSS 变量对齐的语义化别名（便于 SCSS 中直接引用）
 $color-primary: var(--u-color-primary);
@@ -9,21 +9,6 @@ $border-color: var(--u-border-color);
 $border-muted-color: var(--u-border-muted-color);
 $bg-color-top: var(--u-bg-color-top);
 
-// 定义size映射的函数, 保证尺寸的统一性, size-vars(small, default, large)
-// 例子：
-// size-vars((height: 24px), (height: 32px), (height: 40px))
-// 生成:
-//  (small: (height: 24px), default: (height: 32px), large: (height: 40px))
-@function size-vars($sizes...) {
-  $size-types: (small, default, large);
-  $size-result: ();
-
-  @for $i from 1 through length($size-types) {
-    $size-result: map.merge($size-result, (#{nth($size-types, $i)}: nth($sizes, $i)));
-  }
-  @return $size-result;
-}
-
 $sizes: (small, default, large);
 
 // 颜色类别

package/{dist → src/normalize}/normalize.scss

@@ -1,9 +1,7 @@
-// 生成css变量
 // 主题主要由色彩, 大小, 圆角, 阴影, 字体, 边框构成
 // 其中色彩又分为文字颜色, 背景颜色
-@use 'mixins' as m;
-@use 'functions' as fn;
-@use 'vars';
+@use '../functions' as fn;
+@use '../vars';
 
 // 初始化
 html {

package/src/theme/__test__/ui-theme.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 
 import { componentCssVarsDark, componentCssVarsLight } from '../component-css-vars'
-import { lightTheme } from '../light'
+import { lightTheme } from '../presets'
 import { UITheme } from '../ui-theme'
 
 describe('UITheme', () => {

package/src/theme/index.ts

@@ -1,16 +1,7 @@
-export {
-  componentCssVarsDark,
-  componentCssVarsDarkDecls,
-  componentCssVarsLight,
-  componentCssVarsLightDecls,
-  themeTokenVar
-} from './component-css-vars'
-export { UITheme } from './ui-theme'
-export { lightTheme } from './light'
-export { darkTheme } from './dark'
-export { shadcnLightTheme, shadcnDarkTheme } from './shadcn'
-export { heroLightTheme, heroDarkTheme } from './hero'
-export { glassLightTheme, glassDarkTheme } from './glass'
 export type * from './type'
-export { cssVar, defineBySize, HEXToRGB, mixColor } from './helper'
-export { currentTheme, loadTheme, setTheme } from '../load-theme'
+
+export * from './ui-theme'
+
+export * from './presets'
+
+export * from './load-theme'

package/src/{load-theme.ts → theme/load-theme.ts}

@@ -1,9 +1,8 @@
 import { useConfig } from '@veltra/compositions'
 import { shallowRef, type ShallowRef } from 'vue'
 
-import { darkTheme } from './theme/dark'
-import { lightTheme } from './theme/light'
-import { UITheme } from './theme/ui-theme'
+import { lightTheme, darkTheme } from './presets'
+import { UITheme } from './ui-theme'
 
 export const currentTheme: ShallowRef<UITheme | undefined> = shallowRef<UITheme>()
 

package/src/theme/presets/index.ts

@@ -0,0 +1,5 @@
+export { lightTheme } from './light'
+export { darkTheme } from './dark'
+export { heroDarkTheme, heroLightTheme } from './hero'
+export { shadcnLightTheme, shadcnDarkTheme } from './shadcn'
+export { glassDarkTheme, glassLightTheme } from './glass'

package/src/theme/{light.ts → presets/light.ts}

@@ -1,5 +1,5 @@
-import { defineBySize } from './helper'
-import { UITheme } from './ui-theme'
+import { defineBySize } from '../helper'
+import { UITheme } from '../ui-theme'
 
 export const lightTheme: UITheme = new UITheme(
   {

package/dist/load-theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"load-theme.js","names":[],"sources":["../src/load-theme.ts"],"sourcesContent":["import { useConfig } from '@veltra/compositions'\nimport { shallowRef, type ShallowRef } from 'vue'\n\nimport { darkTheme } from './theme/dark'\nimport { lightTheme } from './theme/light'\nimport { UITheme } from './theme/ui-theme'\n\nexport const currentTheme: ShallowRef<UITheme | undefined> = shallowRef<UITheme>()\n\nexport function setTheme(mode: 'light' | 'dark' | 'auto'): void {\n  UITheme.setTheme(mode)\n}\n\n/**\n * @description 加载主题, 如果你是 SSR 环境,\n * 请在 `onMounted` 中调用，否则你可以在\n * 项目的入口环境(通常是 main.ts)或其他全局环境中调用。\n *\n * 不传 `theme` 时注入内置 light/dark 变量（支持 `setTheme` 与系统暗色偏好）。\n * 传入自定义 `UITheme` 时使用单次 `html { }` 注入。\n */\nexport function loadTheme(theme?: UITheme): void {\n  currentTheme.value = theme ?? lightTheme\n\n  const { config } = useConfig()\n  if (typeof document !== 'undefined') {\n    document.documentElement.classList.add(config.size)\n  }\n\n  if (typeof document === 'undefined') return\n\n  if (!theme) {\n    currentTheme.value = lightTheme\n    UITheme.injectBuiltInThemes(lightTheme, darkTheme)\n    return\n  }\n\n  currentTheme.value = theme\n\n  if (theme === lightTheme || theme === darkTheme) {\n    UITheme.injectBuiltInThemes(lightTheme, darkTheme)\n    UITheme.setTheme(theme === darkTheme ? 'dark' : 'light')\n  } else {\n    theme.render()\n  }\n}\n"],"mappings":";;;;;;AAOA,MAAa,eAAgD,YAAqB;AAElF,SAAgB,SAAS,MAAuC;AAC9D,SAAQ,SAAS,KAAK;;;;;;;;;;AAWxB,SAAgB,UAAU,OAAuB;AAC/C,cAAa,QAAQ,SAAS;CAE9B,MAAM,EAAE,WAAW,WAAW;AAC9B,KAAI,OAAO,aAAa,YACtB,UAAS,gBAAgB,UAAU,IAAI,OAAO,KAAK;AAGrD,KAAI,OAAO,aAAa,YAAa;AAErC,KAAI,CAAC,OAAO;AACV,eAAa,QAAQ;AACrB,UAAQ,oBAAoB,YAAY,UAAU;AAClD;;AAGF,cAAa,QAAQ;AAErB,KAAI,UAAU,cAAc,UAAU,WAAW;AAC/C,UAAQ,oBAAoB,YAAY,UAAU;AAClD,UAAQ,SAAS,UAAU,YAAY,SAAS,QAAQ;OAExD,OAAM,QAAQ"}

package/dist/normalize.js

@@ -1 +0,0 @@
-import "./normalize2.css";

package/dist/theme/component-css-vars.d.ts

@@ -1,16 +0,0 @@
-//#region src/theme/component-css-vars.d.ts
-/**
- * 桌面组件级 `--u-*` token，与内置主题一起在 `UITheme.injectBuiltInThemes` 中注入 `html`。
- * 修改此处即可在 TS 侧统一调整组件外观，无需在各组件 `style.scss` 重复声明。
- */
-/** 与 SCSS `fn.use-var($basename, $nodes...)` 输出一致 */
-declare function themeTokenVar(basename: string, ...nodes: Array<string | number>): string;
-/** 亮色（及与暗色相同的尺寸类）下组件 token */
-declare const componentCssVarsLight: Record<string, string>;
-/** 暗色下组件 token（含与亮色相同的尺寸项，保证暗色 html 块自洽） */
-declare const componentCssVarsDark: Record<string, string>;
-declare const componentCssVarsLightDecls: string[];
-declare const componentCssVarsDarkDecls: string[];
-//#endregion
-export { componentCssVarsDark, componentCssVarsDarkDecls, componentCssVarsLight, componentCssVarsLightDecls, themeTokenVar };
-//# sourceMappingURL=component-css-vars.d.ts.map

package/dist/theme/dark.d.ts

@@ -1,7 +0,0 @@
-import { UITheme } from "./ui-theme.js";
-
-//#region src/theme/dark.d.ts
-declare const darkTheme: UITheme;
-//#endregion
-export { darkTheme };
-//# sourceMappingURL=dark.d.ts.map

package/dist/theme/dark.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dark.js","names":[],"sources":["../../src/theme/dark.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const darkTheme = lightTheme.new({\n  color: {\n    primary: '#4f8ff7',\n    success: '#52c41a',\n    warning: '#faad14',\n    danger: '#ff4d4f',\n    info: '#13c2c2',\n    disabled: '#212020',\n    default: '#595959'\n  },\n\n  bg: {\n    color: {\n      bottom: '#0f0f0f',\n      middle: '#1a1a1a',\n      top: '#262626',\n      hover: '#303030',\n      black: '#000000'\n    },\n    filter: { blur: 'none', saturate: 'none' }\n  },\n\n  'text-color': {\n    title: '#f0f0f0',\n    main: '#d9d9d9',\n    second: '#a6a6a6',\n    placeholder: '#737373',\n    assist: '#595959',\n    disabled: '#434343',\n    white: '#ffffff'\n  },\n\n  border: { color: '#404040', mutedColor: '#404040' },\n\n  shadow: { color: 'rgba(255, 255, 255, 0.2)', x: 0, y: 2, blur: 8, spread: 0, emboss: 'none' }\n})\n"],"mappings":";;AAEA,MAAa,YAAY,WAAW,IAAI;CACtC,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;EACV;CAED,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;GACR;EACD,QAAQ;GAAE,MAAM;GAAQ,UAAU;GAAQ;EAC3C;CAED,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CAED,QAAQ;EAAE,OAAO;EAAW,YAAY;EAAW;CAEnD,QAAQ;EAAE,OAAO;EAA4B,GAAG;EAAG,GAAG;EAAG,MAAM;EAAG,QAAQ;EAAG,QAAQ;EAAQ;CAC9F,CAAC"}

package/dist/theme/glass.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"glass.js","names":[],"sources":["../../src/theme/glass.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const glassLightTheme = lightTheme.new({\n  color: {\n    primary: '#3B82F6',\n    success: '#10B981',\n    warning: '#F59E0B',\n    danger: '#EF4444',\n    info: '#06B6D4',\n    disabled: '#E5E7EB',\n    default: '#F3F4F6'\n  },\n  bg: {\n    color: {\n      bottom: 'rgba(255, 255, 255, 0.45)',\n      middle: 'rgba(255, 255, 255, 0.55)',\n      top: 'rgba(255, 255, 255, 0.6)',\n      hover: 'rgba(255, 255, 255, 0.75)',\n      black: '#000000'\n    },\n    filter: { blur: 'blur(24px)', saturate: 'saturate(180%)' }\n  },\n  border: {\n    color: 'rgba(255, 255, 255, 0.5)',\n    mutedColor: 'rgba(255, 255, 255, 0.5)',\n    width: 1,\n    style: 'solid'\n  },\n  'text-color': {\n    title: '#1E293B',\n    main: '#334155',\n    placeholder: '#94A3B8',\n    second: '#64748B',\n    assist: '#CBD5E1',\n    disabled: '#94A3B8',\n    white: '#FFFFFF'\n  },\n  shadow: { color: 'rgba(0, 0, 0, 0.08)', x: 0, y: 4, blur: 24, spread: 0, emboss: 'none' }\n})\n\nexport const glassDarkTheme = glassLightTheme.new({\n  color: { disabled: '#374151', default: '#1E293B' },\n  bg: {\n    color: {\n      bottom: 'rgba(15, 23, 42, 0.6)',\n      middle: 'rgba(15, 23, 42, 0.7)',\n      top: 'rgba(15, 23, 42, 0.75)',\n      hover: 'rgba(30, 41, 59, 0.85)',\n      black: '#000000'\n    },\n    filter: { blur: 'blur(20px)', saturate: 'saturate(200%)' }\n  },\n  border: { color: 'rgba(255, 255, 255, 0.12)', mutedColor: 'rgba(255, 255, 255, 0.12)' },\n  'text-color': {\n    title: '#F8FAFC',\n    main: '#F1F5F9',\n    second: '#94A3B8',\n    placeholder: '#64748B',\n    assist: '#64748B',\n    disabled: '#475569',\n    white: '#ffffff'\n  },\n  shadow: { color: 'rgba(0, 0, 0, 0.35)', x: 0, y: 4, blur: 32, spread: 0, emboss: 'none' }\n})\n"],"mappings":";;AAEA,MAAa,kBAAkB,WAAW,IAAI;CAC5C,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;EACV;CACD,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;GACR;EACD,QAAQ;GAAE,MAAM;GAAc,UAAU;GAAkB;EAC3D;CACD,QAAQ;EACN,OAAO;EACP,YAAY;EACZ,OAAO;EACP,OAAO;EACR;CACD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CACD,QAAQ;EAAE,OAAO;EAAuB,GAAG;EAAG,GAAG;EAAG,MAAM;EAAI,QAAQ;EAAG,QAAQ;EAAQ;CAC1F,CAAC;AAEF,MAAa,iBAAiB,gBAAgB,IAAI;CAChD,OAAO;EAAE,UAAU;EAAW,SAAS;EAAW;CAClD,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;GACR;EACD,QAAQ;GAAE,MAAM;GAAc,UAAU;GAAkB;EAC3D;CACD,QAAQ;EAAE,OAAO;EAA6B,YAAY;EAA6B;CACvF,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CACD,QAAQ;EAAE,OAAO;EAAuB,GAAG;EAAG,GAAG;EAAG,MAAM;EAAI,QAAQ;EAAG,QAAQ;EAAQ;CAC1F,CAAC"}

package/dist/theme/helper.d.ts

@@ -1,22 +0,0 @@
-import { RGBColor } from "./type.js";
-
-//#region src/theme/helper.d.ts
-/** 实现十六进制颜色转RGB颜色，包括透明度 */
-declare function HEXToRGB(color: string): RGBColor;
-/**
- * 混合两个颜色，并返回混合结果的十六进制表示。
- * @param color1 - 第一个颜色，格式为`#RRGGBB`。
- * @param color2 - 第二个颜色，格式为`#RRGGBB`。
- * @param ratio - 颜色混合的比例，取值范围为0到1。
- * @returns 混合结果的十六进制表示。
- */
-declare function mixColor(color1: `#${string}`, color2: `#${string}`, ratio: number): string;
-declare function defineBySize(variable: Record<'small' | 'default' | 'large', number>): Record<'small' | 'default' | 'large', number>;
-/**
- * 引用全局主题 CSS 变量（`--u-*` 命名空间）
- * @param prop - 与 Theme 结构对应的连字符路径，如 `text-color-title`、`bg-color-hover`
- */
-declare function cssVar(prop: string): string;
-//#endregion
-export { HEXToRGB, cssVar, defineBySize, mixColor };
-//# sourceMappingURL=helper.d.ts.map

package/dist/theme/hero.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hero.js","names":[],"sources":["../../src/theme/hero.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const heroLightTheme = lightTheme.new({\n  color: {\n    primary: '#7828c8', // purple\n    success: '#17c964',\n    warning: '#f5a524',\n    danger: '#f31260',\n    info: '#006fee',\n    disabled: '#f4f4f5',\n    default: '#f4f4f5'\n  },\n  border: { width: 2, color: '#dcdfe6', mutedColor: 'transparent' },\n  'text-color': {\n    title: '#11181C',\n    main: '#11181C',\n    second: '#71717A',\n    placeholder: '#A1A1AA',\n    assist: '#A1A1AA',\n    disabled: '#A1A1AA',\n    white: '#FFFFFF'\n  },\n  radius: { small: 8, default: 12, large: 14 },\n  shadow: {\n    color: 'rgba(0, 0, 0, 0.08)',\n    x: 0,\n    y: 4,\n    blur: 14,\n    spread: 0,\n    emboss: '0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 3px 0px #0000000f'\n  },\n  button: { 'default-bg': '#ebebec' }\n})\n\nexport const heroDarkTheme = heroLightTheme.new({\n  color: { primary: '#9353d3', disabled: '#27272a', default: '#27272a' },\n  bg: {\n    color: {\n      bottom: '#000000',\n      middle: '#18181b',\n      top: '#27272a',\n      hover: '#3f3f46',\n      black: '#000000'\n    }\n  },\n  border: { color: '#3f3f46', mutedColor: 'transparent' },\n  'text-color': {\n    title: '#ECEDEE',\n    main: '#ECEDEE',\n    second: '#A1A1AA',\n    placeholder: '#71717A',\n    assist: '#71717A',\n    disabled: '#71717A',\n    white: '#FFFFFF'\n  },\n  shadow: {\n    color: 'rgba(0, 0, 0, 0.2)',\n    x: 0,\n    y: 4,\n    blur: 14,\n    spread: 0,\n    emboss: '0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f'\n  },\n  button: { 'default-bg': 'var(--u-bg-color-top)' }\n})\n"],"mappings":";;AAEA,MAAa,iBAAiB,WAAW,IAAI;CAC3C,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;EACV;CACD,QAAQ;EAAE,OAAO;EAAG,OAAO;EAAW,YAAY;EAAe;CACjE,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CACD,QAAQ;EAAE,OAAO;EAAG,SAAS;EAAI,OAAO;EAAI;CAC5C,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;EACT;CACD,QAAQ,EAAE,cAAc,WAAW;CACpC,CAAC;AAEF,MAAa,gBAAgB,eAAe,IAAI;CAC9C,OAAO;EAAE,SAAS;EAAW,UAAU;EAAW,SAAS;EAAW;CACtE,IAAI,EACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,KAAK;EACL,OAAO;EACP,OAAO;EACR,EACF;CACD,QAAQ;EAAE,OAAO;EAAW,YAAY;EAAe;CACvD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CACD,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;EACT;CACD,QAAQ,EAAE,cAAc,yBAAyB;CAClD,CAAC"}

package/dist/theme/light.d.ts

@@ -1,7 +0,0 @@
-import { UITheme } from "./ui-theme.js";
-
-//#region src/theme/light.d.ts
-declare const lightTheme: UITheme;
-//#endregion
-export { lightTheme };
-//# sourceMappingURL=light.d.ts.map

package/dist/theme/light.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"light.js","names":[],"sources":["../../src/theme/light.ts"],"sourcesContent":["import { defineBySize } from './helper'\nimport { UITheme } from './ui-theme'\n\nexport const lightTheme: UITheme = new UITheme(\n  {\n    color: {\n      primary: '#1E88E5',\n      success: '#2ba471',\n      warning: '#e37318',\n      danger: '#d54941',\n      info: '#009688',\n      disabled: '#f5f7fa',\n      default: '#f1f5f9'\n    },\n\n    bg: {\n      color: {\n        bottom: '#f5f5f5',\n        middle: '#fafafa',\n        top: '#ffffff',\n        hover: '#f5f7fa',\n        black: '#000000'\n      },\n\n      filter: { blur: 'none', saturate: 'none' }\n    },\n\n    border: { color: '#dcdfe6', mutedColor: '#dcdfe6', width: 1, style: 'solid' },\n\n    'text-color': {\n      title: '#303133',\n      main: '#606266',\n      placeholder: '#a8abb2',\n      second: '#979797',\n      assist: '#c0c4cc',\n      disabled: '#a8abb2',\n      white: '#fff'\n    },\n\n    radius: defineBySize({ small: 4, default: 6, large: 8 }),\n\n    'form-component-height': defineBySize({ small: 24, default: 32, large: 40 }),\n\n    'font-family':\n      'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif',\n\n    'font-size-title': defineBySize({ small: 16, default: 16, large: 18 }),\n\n    'font-size-main': defineBySize({ small: 12, default: 14, large: 16 }),\n\n    'font-size-assist': defineBySize({ small: 12, default: 12, large: 14 }),\n\n    shadow: { color: '#0000001a', x: 0, y: 0, blur: 4, spread: 1, emboss: 'none' },\n\n    gap: defineBySize({ small: 6, default: 8, large: 12 }),\n\n    breakpoint: { xs: 600, sm: 960, md: 1280, lg: 1920 },\n\n    button: { 'default-bg': 'var(--u-bg-color-top)' }\n  },\n  { reactive: false }\n)\n"],"mappings":";;;AAGA,MAAa,aAAsB,IAAI,QACrC;CACE,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;EACV;CAED,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;GACR;EAED,QAAQ;GAAE,MAAM;GAAQ,UAAU;GAAQ;EAC3C;CAED,QAAQ;EAAE,OAAO;EAAW,YAAY;EAAW,OAAO;EAAG,OAAO;EAAS;CAE7E,cAAc;EACZ,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CAED,QAAQ,aAAa;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;EAAG,CAAC;CAExD,yBAAyB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;EAAI,CAAC;CAE5E,eACE;CAEF,mBAAmB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;EAAI,CAAC;CAEtE,kBAAkB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;EAAI,CAAC;CAErE,oBAAoB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;EAAI,CAAC;CAEvE,QAAQ;EAAE,OAAO;EAAa,GAAG;EAAG,GAAG;EAAG,MAAM;EAAG,QAAQ;EAAG,QAAQ;EAAQ;CAE9E,KAAK,aAAa;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;EAAI,CAAC;CAEtD,YAAY;EAAE,IAAI;EAAK,IAAI;EAAK,IAAI;EAAM,IAAI;EAAM;CAEpD,QAAQ,EAAE,cAAc,yBAAyB;CAClD,EACD,EAAE,UAAU,OAAO,CACpB"}

package/dist/theme/shadcn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadcn.js","names":[],"sources":["../../src/theme/shadcn.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const shadcnLightTheme = lightTheme.new({\n  color: {\n    primary: '#18181b', // zinc-900\n    success: '#22c55e',\n    warning: '#f59e0b',\n    danger: '#ef4444',\n    info: '#3b82f6',\n    disabled: '#f4f4f5',\n    default: '#fafafa'\n  },\n  bg: {\n    color: {\n      bottom: '#f4f4f5',\n      middle: '#fafafa',\n      top: '#ffffff',\n      hover: '#f4f4f5',\n      black: '#000000'\n    }\n  },\n  border: { color: '#e4e4e7', mutedColor: '#e4e4e7' },\n  'text-color': {\n    title: '#09090b',\n    main: '#09090b',\n    second: '#71717a',\n    placeholder: '#a1a1aa',\n    assist: '#a1a1aa',\n    disabled: '#a1a1aa',\n    white: '#ffffff'\n  },\n  radius: { small: 4, default: 6, large: 8 },\n  shadow: { color: 'rgba(0, 0, 0, 0.05)', x: 0, y: 1, blur: 2, spread: 0, emboss: 'none' },\n  button: {\n    'primary-text-color': '#ffffff',\n    'primary-hover-bg': '#27272a',\n    'primary-hover-color': '#ffffff'\n  }\n})\n\nexport const shadcnDarkTheme = shadcnLightTheme.new({\n  color: {\n    primary: '#fafafa', // zinc-50\n    disabled: '#27272a',\n    default: '#18181b'\n  },\n  bg: {\n    color: {\n      bottom: '#09090b',\n      middle: '#18181b',\n      top: '#27272a',\n      hover: '#27272a',\n      black: '#000000'\n    }\n  },\n  border: { color: '#3f3f46', mutedColor: '#27272a' },\n  'text-color': {\n    title: '#fafafa',\n    main: '#fafafa',\n    second: '#a1a1aa',\n    placeholder: '#71717a',\n    assist: '#71717a',\n    disabled: '#71717a',\n    white: '#ffffff'\n  },\n  shadow: { color: 'rgba(0, 0, 0, 0.4)', x: 0, y: 1, blur: 2, spread: 0, emboss: 'none' },\n  button: {\n    'primary-text-color': '#000000',\n    'primary-hover-bg': '#e4e4e7',\n    'primary-hover-color': '#000000',\n    'primary-plain-color': '#fafafa'\n  },\n  checkbox: { color: '#000000' },\n  tag: { 'primary-dark-color': '#000000' }\n})\n"],"mappings":";;AAEA,MAAa,mBAAmB,WAAW,IAAI;CAC7C,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;EACV;CACD,IAAI,EACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,KAAK;EACL,OAAO;EACP,OAAO;EACR,EACF;CACD,QAAQ;EAAE,OAAO;EAAW,YAAY;EAAW;CACnD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CACD,QAAQ;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;EAAG;CAC1C,QAAQ;EAAE,OAAO;EAAuB,GAAG;EAAG,GAAG;EAAG,MAAM;EAAG,QAAQ;EAAG,QAAQ;EAAQ;CACxF,QAAQ;EACN,sBAAsB;EACtB,oBAAoB;EACpB,uBAAuB;EACxB;CACF,CAAC;AAEF,MAAa,kBAAkB,iBAAiB,IAAI;CAClD,OAAO;EACL,SAAS;EACT,UAAU;EACV,SAAS;EACV;CACD,IAAI,EACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,KAAK;EACL,OAAO;EACP,OAAO;EACR,EACF;CACD,QAAQ;EAAE,OAAO;EAAW,YAAY;EAAW;CACnD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;EACR;CACD,QAAQ;EAAE,OAAO;EAAsB,GAAG;EAAG,GAAG;EAAG,MAAM;EAAG,QAAQ;EAAG,QAAQ;EAAQ;CACvF,QAAQ;EACN,sBAAsB;EACtB,oBAAoB;EACpB,uBAAuB;EACvB,uBAAuB;EACxB;CACD,UAAU,EAAE,OAAO,WAAW;CAC9B,KAAK,EAAE,sBAAsB,WAAW;CACzC,CAAC"}

package/src/index.ts

@@ -1,2 +0,0 @@
-import './normalize'
-import './anime'

package/src/normalize.scss

@@ -1,63 +0,0 @@
-// 生成css变量
-// 主题主要由色彩, 大小, 圆角, 阴影, 字体, 边框构成
-// 其中色彩又分为文字颜色, 背景颜色
-@use 'mixins' as m;
-@use 'functions' as fn;
-@use 'vars';
-
-// 初始化
-html {
-  font-family: fn.use-var(font-family);
-  font-weight: normal;
-  color: fn.use-var(text-color, main);
-  line-height: 1.4;
-
-  @each $size in vars.$sizes {
-    &.#{$size} {
-      font-size: fn.use-var(font-size-main, $size);
-    }
-  }
-}
-
-body,
-ul,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 0;
-}
-
-div,
-section,
-head,
-aside,
-body,
-main,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-article,
-button,
-input,
-textarea {
-  box-sizing: border-box;
-}
-
-a {
-  text-decoration: none;
-  color: inherit;
-}
-
-ul {
-  padding: 0;
-}
-li {
-  list-style: none;
-}