@semi-kit/theme 1.2.15

package/lib/hooks/index.d.mts

@@ -0,0 +1,2 @@
+import { useAppTheme } from "./use-app-theme/index.mjs";
+export { useAppTheme };

package/lib/hooks/index.mjs

@@ -0,0 +1 @@
+import{useAppTheme}from"./use-app-theme/index.mjs";export{useAppTheme};

package/lib/hooks/use-app-theme/index.d.mts

@@ -0,0 +1,6 @@
+import * as vue0 from "vue";
+import { GlobalThemeOverrides } from "naive-ui";
+declare const useAppTheme: () => {
+  theme: vue0.ComputedRef<GlobalThemeOverrides>;
+};
+export { useAppTheme };

package/lib/hooks/use-app-theme/index.mjs

@@ -0,0 +1 @@
+import{darkTheme}from"../../themes/dark.mjs";import{lightTheme}from"../../themes/light.mjs";import"../../themes/index.mjs";import{getAppProvider}from"@semi-kit/component";import{computed}from"vue";import{merge}from"es-toolkit/compat";import{usePreferredDark}from"@vueuse/core";const useAppTheme=()=>{let o=computed(()=>usePreferredDark().value);return{theme:computed(()=>{let i=o.value?darkTheme:lightTheme,{primaryColor:a,radius:s}=getAppProvider()?.theme?.value??{};return merge({},i,{common:{primaryColor:a,primaryColorHover:`${a}D9`,primaryColorPressed:a,borderRadius:`${s}px`},Tag:{borderRadius:`${s}px`},Layout:{headerColor:a},Menu:{itemColorActive:a,itemColorActiveCollapsed:a,itemColorActiveHover:a,itemColorHover:`${a}13`,itemTextColorActive:`white`,itemTextColorActiveHover:`white`,itemIconColorActive:`white`,itemIconColorActiveHover:`white`}})})}};export{useAppTheme};

package/lib/index.d.mts

@@ -0,0 +1,5 @@
+import { useAppTheme } from "./hooks/use-app-theme/index.mjs";
+import "./hooks/index.mjs";
+import { AppVarsType } from "./vars/type.mjs";
+import { appVars } from "./vars/index.mjs";
+export { type AppVarsType, appVars, useAppTheme };

package/lib/index.mjs

@@ -0,0 +1 @@
+import{appVars}from"./vars/index.mjs";import{useAppTheme}from"./hooks/use-app-theme/index.mjs";import"./hooks/index.mjs";export{appVars,useAppTheme};

package/lib/themes/_common.d.mts

@@ -0,0 +1,3 @@
+import { GlobalThemeOverrides } from "naive-ui";
+declare const _commonTheme: GlobalThemeOverrides;
+export { _commonTheme };

package/lib/themes/_common.mjs

@@ -0,0 +1 @@
+import{appVars}from"../vars/index.mjs";const _commonTheme={common:{borderRadiusSmall:`${appVars.borderRadiusSmall}px`,scrollbarWidth:`${appVars.scrollbarSize}px`,scrollbarHeight:`${appVars.scrollbarSize}px`,scrollbarBorderRadius:`${appVars.scrollbarSize}px`},DataTable:{thColor:`#f2f3f5`},Card:{paddingSmall:`16px`,paddingMedium:`16px`,paddingLarge:`16px`,paddingHuge:`16px`},Dialog:{padding:`16px`,closeMargin:`16px`,contentMargin:`16px 0`},Drawer:{bodyPadding:`10px`,footerPadding:`10px`}};export{_commonTheme};

package/lib/themes/dark.d.mts

@@ -0,0 +1,3 @@
+import { GlobalThemeOverrides } from "naive-ui";
+declare const darkTheme: GlobalThemeOverrides;
+export { darkTheme };

package/lib/themes/dark.mjs

@@ -0,0 +1 @@
+import{_commonTheme}from"./_common.mjs";import{merge}from"es-toolkit/compat";const darkTheme=merge({},_commonTheme,{common:{infoColor:`#70C0E8`,infoColorHover:`#8ACBEC`,infoColorPressed:`#5AADE0`,infoColorSuppl:`#8ACBEC`,successColor:`#63e2b7`,successColorHover:`#7fe7c4`,successColorPressed:`#52d9a6`,successColorSuppl:`#7fe7c4`,warningColor:`#f2c97d`,warningColorHover:`#f5d599`,warningColorPressed:`#e6be6e`,warningColorSuppl:`#f5d599`,errorColor:`#e88080`,errorColorHover:`#ed9b9b`,errorColorPressed:`#d47373`,errorColorSuppl:`#ed9b9b`}});export{darkTheme};

package/lib/themes/index.d.mts

@@ -0,0 +1,4 @@
+import { _commonTheme } from "./_common.mjs";
+import { darkTheme } from "./dark.mjs";
+import { lightTheme } from "./light.mjs";
+export { _commonTheme, darkTheme, lightTheme };

package/lib/themes/index.mjs

@@ -0,0 +1 @@
+import{_commonTheme}from"./_common.mjs";import{darkTheme}from"./dark.mjs";import{lightTheme}from"./light.mjs";export{_commonTheme,darkTheme,lightTheme};

package/lib/themes/light.d.mts

@@ -0,0 +1,3 @@
+import { GlobalThemeOverrides } from "naive-ui";
+declare const lightTheme: GlobalThemeOverrides;
+export { lightTheme };

package/lib/themes/light.mjs

@@ -0,0 +1 @@
+import{_commonTheme}from"./_common.mjs";import{merge}from"es-toolkit/compat";const lightTheme=merge({},_commonTheme,{common:{infoColor:`#2080F0`,infoColorHover:`#4098FC`,infoColorPressed:`#1060C9`,infoColorSuppl:`#4098FC`,successColor:`#67c23a`,successColorHover:`#85ce61`,successColorPressed:`#5daf34`,successColorSuppl:`#85ce61`,warningColor:`#e6a23c`,warningColorHover:`#ebb563`,warningColorPressed:`#cf9236`,warningColorSuppl:`#ebb563`,errorColor:`#f56c6c`,errorColorHover:`#f78989`,errorColorPressed:`#dd6161`,errorColorSuppl:`#f78989`}});export{lightTheme};

package/lib/vars/index.d.mts

@@ -0,0 +1,3 @@
+import { AppVarsType } from "./type.mjs";
+declare const appVars: AppVarsType;
+export { appVars };

package/lib/vars/index.mjs

@@ -0,0 +1 @@
+const appVars={spacing:12,borderRadiusSmall:6,borderRadiusMiddle:8,borderRadiusLarge:10,placeholderColor:`#F3F3F3`,placeholderColorDark:`#18181c`,margin:`12px`,padding:`12px`,scrollbarSize:6,defaultPrimaryColor:`#0052d9`,sidePanelWidth:320,formItemFixedWidth:386,componentWidth:246,componentWidthMiddle:280,componentWidthLarge:320};export{appVars};

package/lib/vars/type.d.mts

@@ -0,0 +1,18 @@
+type AppVarsType = {
+  margin: string;
+  padding: string;
+  placeholderColor: string;
+  placeholderColorDark: string;
+  borderRadiusSmall: number;
+  borderRadiusMiddle: number;
+  borderRadiusLarge: number;
+  scrollbarSize: number;
+  spacing: number;
+  defaultPrimaryColor: string;
+  sidePanelWidth: number;
+  formItemFixedWidth: number;
+  componentWidth: number;
+  componentWidthMiddle: number;
+  componentWidthLarge: number;
+};
+export { AppVarsType };

package/lib/vars/type.mjs

@@ -0,0 +1 @@
+export{};

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@semi-kit/theme",
+  "version": "1.2.15",
+  "description": "Theme and style presets",
+  "type": "module",
+  "author": "lijiaheng <jahnli@163.com>",
+  "license": "ISC",
+  "main": "./lib/index.mjs",
+  "module": "./lib/index.mjs",
+  "types": "./lib/index.d.mts",
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": "./lib/index.mjs",
+    "./hooks": "./lib/hooks/index.mjs",
+    "./hooks/use-app-theme": "./lib/hooks/use-app-theme/index.mjs",
+    "./themes": "./lib/themes/index.mjs",
+    "./themes/_common": "./lib/themes/_common.mjs",
+    "./themes/dark": "./lib/themes/dark.mjs",
+    "./themes/light": "./lib/themes/light.mjs",
+    "./vars": "./lib/vars/index.mjs",
+    "./vars/type": "./lib/vars/type.mjs",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm run build",
+    "release": "npm publish"
+  },
+  "devDependencies": {
+    "vue": "catalog:",
+    "naive-ui": "catalog:",
+    "@vueuse/core": "catalog:",
+    "@semi-kit/component": "workspace:*",
+    "es-toolkit": "catalog:"
+  },
+  "peerDependencies": {
+    "vue": "*",
+    "naive-ui": "*",
+    "@vueuse/core": "*",
+    "@semi-kit/component": "*",
+    "es-toolkit": "*"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    },
+    "naive-ui": {
+      "optional": true
+    },
+    "@vueuse/core": {
+      "optional": true
+    },
+    "@semi-kit/component": {
+      "optional": true
+    },
+    "es-toolkit": {
+      "optional": true
+    }
+  }
+}