@yh-ui/theme 1.0.25 → 1.0.30

package/dist/tokens/index.d.ts

@@ -200,6 +200,47 @@ export declare const scrollbarTokens: {
     readonly trackColor: "transparent";
     readonly thumbRadius: "3px";
 };
+export declare const darkTextColorTokens: {
+    readonly primary: "#e5eaf3";
+    readonly regular: "#cfd3dc";
+    readonly secondary: "#a3a6ad";
+    readonly placeholder: "#8d9095";
+    readonly disabled: "#6c6e72";
+};
+export declare const darkBorderColorTokens: {
+    readonly DEFAULT: "#4c4d4f";
+    readonly light: "#414243";
+    readonly lighter: "#363637";
+    readonly extraLight: "#2b2b2c";
+    readonly dark: "#58585b";
+    readonly darker: "#636466";
+};
+export declare const darkFillColorTokens: {
+    readonly DEFAULT: "#303030";
+    readonly light: "#262727";
+    readonly lighter: "#1d1d1d";
+    readonly extraLight: "#191919";
+    readonly dark: "#39393a";
+    readonly darker: "#424243";
+    readonly blank: "transparent";
+};
+export declare const darkBgColorTokens: {
+    readonly DEFAULT: "#141414";
+    readonly page: "#0a0a0a";
+    readonly overlay: "#1d1e1f";
+};
+export declare const darkMaskTokens: {
+    readonly DEFAULT: "rgba(0, 0, 0, 0.7)";
+    readonly light: "rgba(0, 0, 0, 0.5)";
+    readonly extraLight: "rgba(0, 0, 0, 0.3)";
+};
+export declare const darkScrollbarTokens: {
+    readonly width: "6px";
+    readonly thumbColor: "#424243";
+    readonly thumbHoverColor: "#8d9095";
+    readonly trackColor: "transparent";
+    readonly thumbRadius: "3px";
+};
 export declare const componentSizeTokens: {
     readonly large: {
         readonly height: "40px";
@@ -314,6 +355,47 @@ export declare const designTokens: {
         readonly page: "#f2f3f5";
         readonly overlay: "#ffffff";
     };
+    readonly darkTextColors: {
+        readonly primary: "#e5eaf3";
+        readonly regular: "#cfd3dc";
+        readonly secondary: "#a3a6ad";
+        readonly placeholder: "#8d9095";
+        readonly disabled: "#6c6e72";
+    };
+    readonly darkBorderColors: {
+        readonly DEFAULT: "#4c4d4f";
+        readonly light: "#414243";
+        readonly lighter: "#363637";
+        readonly extraLight: "#2b2b2c";
+        readonly dark: "#58585b";
+        readonly darker: "#636466";
+    };
+    readonly darkFillColors: {
+        readonly DEFAULT: "#303030";
+        readonly light: "#262727";
+        readonly lighter: "#1d1d1d";
+        readonly extraLight: "#191919";
+        readonly dark: "#39393a";
+        readonly darker: "#424243";
+        readonly blank: "transparent";
+    };
+    readonly darkBgColors: {
+        readonly DEFAULT: "#141414";
+        readonly page: "#0a0a0a";
+        readonly overlay: "#1d1e1f";
+    };
+    readonly darkMask: {
+        readonly DEFAULT: "rgba(0, 0, 0, 0.7)";
+        readonly light: "rgba(0, 0, 0, 0.5)";
+        readonly extraLight: "rgba(0, 0, 0, 0.3)";
+    };
+    readonly darkScrollbar: {
+        readonly width: "6px";
+        readonly thumbColor: "#424243";
+        readonly thumbHoverColor: "#8d9095";
+        readonly trackColor: "transparent";
+        readonly thumbRadius: "3px";
+    };
     readonly spacing: {
         readonly none: "0";
         readonly xs: "4px";
@@ -456,3 +538,9 @@ export type BreakpointTokens = typeof breakpointTokens;
 export type AccessibilityTokens = typeof accessibilityTokens;
 export type MaskTokens = typeof maskTokens;
 export type ScrollbarTokens = typeof scrollbarTokens;
+export type DarkTextColorTokens = typeof darkTextColorTokens;
+export type DarkBorderColorTokens = typeof darkBorderColorTokens;
+export type DarkFillColorTokens = typeof darkFillColorTokens;
+export type DarkBgColorTokens = typeof darkBgColorTokens;
+export type DarkMaskTokens = typeof darkMaskTokens;
+export type DarkScrollbarTokens = typeof darkScrollbarTokens;

package/dist/tokens/index.mjs

@@ -197,6 +197,47 @@ export const scrollbarTokens = {
   trackColor: "transparent",
   thumbRadius: "3px"
 };
+export const darkTextColorTokens = {
+  primary: "#e5eaf3",
+  regular: "#cfd3dc",
+  secondary: "#a3a6ad",
+  placeholder: "#8d9095",
+  disabled: "#6c6e72"
+};
+export const darkBorderColorTokens = {
+  DEFAULT: "#4c4d4f",
+  light: "#414243",
+  lighter: "#363637",
+  extraLight: "#2b2b2c",
+  dark: "#58585b",
+  darker: "#636466"
+};
+export const darkFillColorTokens = {
+  DEFAULT: "#303030",
+  light: "#262727",
+  lighter: "#1d1d1d",
+  extraLight: "#191919",
+  dark: "#39393a",
+  darker: "#424243",
+  blank: "transparent"
+};
+export const darkBgColorTokens = {
+  DEFAULT: "#141414",
+  page: "#0a0a0a",
+  overlay: "#1d1e1f"
+};
+export const darkMaskTokens = {
+  DEFAULT: "rgba(0, 0, 0, 0.7)",
+  light: "rgba(0, 0, 0, 0.5)",
+  extraLight: "rgba(0, 0, 0, 0.3)"
+};
+export const darkScrollbarTokens = {
+  width: "6px",
+  thumbColor: "#424243",
+  thumbHoverColor: "#8d9095",
+  trackColor: "transparent",
+  thumbRadius: "3px"
+};
 export const componentSizeTokens = {
   large: {
     height: "40px",
@@ -220,6 +261,12 @@ export const designTokens = {
   borderColors: borderColorTokens,
   fillColors: fillColorTokens,
   bgColors: bgColorTokens,
+  darkTextColors: darkTextColorTokens,
+  darkBorderColors: darkBorderColorTokens,
+  darkFillColors: darkFillColorTokens,
+  darkBgColors: darkBgColorTokens,
+  darkMask: darkMaskTokens,
+  darkScrollbar: darkScrollbarTokens,
   spacing: spacingTokens,
   radius: radiusTokens,
   fontSize: fontSizeTokens,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yh-ui/theme",
-  "version": "1.0.25",
+  "version": "1.0.30",
   "description": "YH-UI theme and design tokens",
   "type": "module",
   "sideEffects": [
@@ -29,6 +29,14 @@
     "dist",
     "src/styles"
   ],
+  "scripts": {
+    "build": "unbuild",
+    "dev": "unbuild --stub",
+    "prepack": "node ../../scripts/prepare-package-manifest.mjs prepare",
+    "postpack": "node ../../scripts/prepare-package-manifest.mjs restore",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint ."
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -50,11 +58,5 @@
   "license": "MIT",
   "devDependencies": {
     "viewerjs": "^1.11.7"
-  },
-  "scripts": {
-    "build": "unbuild",
-    "dev": "unbuild --stub",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint ."
   }
-}
+}

package/src/styles/index.scss

@@ -5,4 +5,5 @@
  */
 
 @use 'variables';
+@use 'root';
 @use 'reset';

package/src/styles/mixins/mixins.scss

@@ -1,7 +1,7 @@
 @use 'sass:string';
 @use 'sass:list';
 @use 'sass:meta';
-@use '../variables' as *;
+// mixins 编译时不直接携带全局变量样式输出
 
 // Utilities
 @mixin ellipsis {