@lobehub/ui 1.9.0 → 1.11.0

package/lib/styles/index.d.ts

@@ -1,3 +1,3 @@
-export * from './antdTheme';
-export * from './customStylish';
-export * from './customToken';
+export { generateCustomStylish as lobeCustomStylish } from './algorithms/generateCustomStylish';
+export { generateCustomToken as lobeCustomToken } from './algorithms/generateCustomToken';
+export { generateTheme as lobeTheme } from './algorithms/generateTheme';

package/lib/styles/index.js

@@ -2,6 +2,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -10,12 +14,22 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/styles/index.ts
 var styles_exports = {};
+__export(styles_exports, {
+  lobeCustomStylish: () => import_generateCustomStylish.generateCustomStylish,
+  lobeCustomToken: () => import_generateCustomToken.generateCustomToken,
+  lobeTheme: () => import_generateTheme.generateTheme
+});
 module.exports = __toCommonJS(styles_exports);
-__reExport(styles_exports, require("./antdTheme"), module.exports);
-__reExport(styles_exports, require("./customStylish"), module.exports);
-__reExport(styles_exports, require("./customToken"), module.exports);
+var import_generateCustomStylish = require("./algorithms/generateCustomStylish");
+var import_generateCustomToken = require("./algorithms/generateCustomToken");
+var import_generateTheme = require("./algorithms/generateTheme");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lobeCustomStylish,
+  lobeCustomToken,
+  lobeTheme
+});

package/lib/styles/theme/base.d.ts

@@ -1,2 +1,2 @@
-import { ThemeConfig } from 'antd';
-export declare const baseTheme: ThemeConfig;
+import { AliasToken } from 'antd/es/theme/interface';
+export declare const baseToken: Partial<AliasToken>;

package/lib/styles/theme/base.js

@@ -19,29 +19,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/styles/theme/base.ts
 var base_exports = {};
 __export(base_exports, {
-  baseTheme: () => baseTheme
+  baseToken: () => baseToken
 });
 module.exports = __toCommonJS(base_exports);
 var FONT_EMOJI = `"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"`;
 var FONT_EN = `"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif`;
 var FONT_CN = `"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif`;
 var FONT_CODE = `ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace`;
-var baseTheme = {
-  token: {
-    colorInfo: "#0070f3",
-    colorSuccess: "#50e3c2",
-    colorWarning: "#f5a623",
-    colorError: "#ee0000",
-    borderRadius: 5,
-    borderRadiusXS: 3,
-    borderRadiusSM: 3,
-    borderRadiusLG: 8,
-    controlHeight: 36,
-    fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(","),
-    fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(",")
-  }
+var baseToken = {
+  borderRadius: 5,
+  borderRadiusXS: 3,
+  borderRadiusSM: 3,
+  borderRadiusLG: 8,
+  controlHeight: 36,
+  fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(","),
+  fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(",")
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  baseTheme
+  baseToken
 });

package/lib/styles/theme/dark.d.ts

@@ -1,4 +1,3 @@
-import { ThemeConfig } from 'antd';
-import { ColorPalettes } from '../algorithms';
-export declare const darkColorPalettes: ColorPalettes;
-export declare const darkTheme: ThemeConfig;
+import { AliasToken } from 'antd/es/theme/interface';
+declare const darkBaseToken: Partial<AliasToken>;
+export default darkBaseToken;

package/lib/styles/theme/dark.js

@@ -19,106 +19,56 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/styles/theme/dark.ts
 var dark_exports = {};
 __export(dark_exports, {
-  darkColorPalettes: () => darkColorPalettes,
-  darkTheme: () => darkTheme
+  default: () => dark_default
 });
 module.exports = __toCommonJS(dark_exports);
-var import_antd = require("antd");
-var import_algorithms = require("../algorithms");
+var import_generateColorPalette = require("../algorithms/generateColorPalette");
+var import_colors = require("../colors");
 var import_base = require("./base");
-var cyanColors = [
-  "rgba(0, 225, 242, 0.12)",
-  "rgba(0, 232, 245, 0.22)",
-  "rgba(0, 237, 250, 0.32)",
-  "rgba(0, 243, 255, 0.42)",
-  "rgba(0, 247, 255, 0.53)",
-  "rgba(0, 246, 254, 0.65)",
-  "rgba(0, 247, 253, 0.77)",
-  "rgba(0, 245, 255, 0.75)",
-  "rgba(0, 244, 255, 0.73)",
-  "rgba(0, 239, 253, 0.72)",
-  "rgba(0, 237, 253, 0.7)"
-];
-var darkModeRelationship = (type) => {
-  const key = type.toUpperCase()[0] + type.slice(1);
-  return {
-    [`color${key}Bg`]: 1,
-    [`color${key}BgHover`]: 2,
-    [`color${key}Border`]: 3,
-    [`color${key}BorderHover`]: 4,
-    [`color${key}Hover`]: 7,
-    [`color${key}`]: 6,
-    [`color${key}Active`]: 5,
-    [`color${key}TextHover`]: 8,
-    [`color${key}Text`]: 9,
-    [`color${key}TextActive`]: 10
-  };
-};
-var darkMode = (0, import_algorithms.genMapTokenAlgorithm)("dark", {
-  lighter: {
-    steps: 4,
-    // 减少较亮颜色的数量
-    targetBrightness: 0.8,
-    // 降低最大亮度值
-    saturationAdjustment: 0.6
-    // 减小较亮颜色的饱和度调整
-    // saturationScale: 1,
-  },
-  darker: {
-    steps: 6,
-    // 增加较暗颜色的数量
-    targetBrightness: 0.2,
-    // 降低最小亮度值
-    saturationAdjustment: 0.4,
-    // 增加较暗颜色的饱和度调整
-    hueAdjustment: 1,
-    // 保持暗色调的色相调整因子
-    saturationScale: 1
-  },
-  reverse: true,
-  relationship: darkModeRelationship
+var primaryToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Primary",
+  scale: import_colors.colorScales.bnw,
+  appearance: "dark"
+});
+var neutralToken = (0, import_generateColorPalette.generateColorNeutralPalette)({
+  scale: import_colors.colorScales.gray,
+  appearance: "dark"
+});
+var successToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Success",
+  scale: import_colors.colorScales.lime,
+  appearance: "dark"
 });
-var darkColorPalettes = darkMode.palettes;
-var darkAlgorithm = (seedToken, mapToken) => ({
-  ...import_antd.theme.darkAlgorithm(seedToken, mapToken),
-  ...darkMode.tokens,
-  "cyan-1": cyanColors[1],
-  "cyan-2": cyanColors[2],
-  "cyan-3": cyanColors[3],
-  "cyan-4": cyanColors[4],
-  "cyan-5": cyanColors[5],
-  "cyan-6": cyanColors[6],
-  "cyan-7": cyanColors[7],
-  "cyan-8": cyanColors[8],
-  "cyan-9": cyanColors[9],
-  "cyan-10": cyanColors[10]
+var warningToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Warning",
+  scale: import_colors.colorScales.amber,
+  appearance: "dark"
 });
-var darkTheme = {
-  token: {
-    ...import_base.baseTheme.token,
-    colorTextLightSolid: "#000000",
-    colorBgLayout: "#000000",
-    colorBgContainer: "#111111",
-    colorBgElevated: "#222222",
-    colorBgSpotlight: "#444444",
-    colorBorder: "#333333",
-    colorBorderSecondary: "#333333",
-    colorText: "#ffffff",
-    colorTextSecondary: "#999999",
-    colorTextTertiary: "#888888",
-    colorTextQuaternary: "#666666",
-    colorPrimary: "#ffffff",
-    colorFillQuaternary: "rgba(0,0,0,0)",
-    boxShadow: "0 12px 20px 6px rgb(0 0 0 / 0.08)",
-    boxShadowSecondary: "0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)",
-    colorLinkHover: "#3291ff",
-    colorLink: "#0070f3",
-    colorLinkActive: "#0761d1"
-  },
-  algorithm: darkAlgorithm
+var errorToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Error",
+  scale: import_colors.colorScales.pink,
+  appearance: "dark"
+});
+var infoToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Info",
+  scale: import_colors.colorScales.sky,
+  appearance: "dark"
+});
+var darkBaseToken = {
+  ...import_base.baseToken,
+  ...primaryToken,
+  ...neutralToken,
+  ...successToken,
+  ...warningToken,
+  ...errorToken,
+  ...infoToken,
+  colorTextLightSolid: neutralToken.colorBgLayout,
+  colorLinkHover: infoToken.colorInfoTextHover,
+  colorLink: infoToken.colorInfoText,
+  colorLinkActive: infoToken.colorInfoTextActive,
+  boxShadow: "0 12px 20px 6px rgb(0 0 0 / 0.08)",
+  boxShadowSecondary: "0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)"
 };
+var dark_default = darkBaseToken;
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  darkColorPalettes,
-  darkTheme
-});
+0 && (module.exports = {});

package/lib/styles/theme/light.d.ts

@@ -1,4 +1,3 @@
-import { ThemeConfig } from 'antd';
-import { ColorPalettes } from '../algorithms';
-export declare const lightColorPalettes: ColorPalettes;
-export declare const lightTheme: ThemeConfig;
+import { AliasToken } from 'antd/es/theme/interface';
+declare const lightBaseToken: Partial<AliasToken>;
+export default lightBaseToken;

package/lib/styles/theme/light.js

@@ -19,46 +19,56 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/styles/theme/light.ts
 var light_exports = {};
 __export(light_exports, {
-  lightColorPalettes: () => lightColorPalettes,
-  lightTheme: () => lightTheme
+  default: () => light_default
 });
 module.exports = __toCommonJS(light_exports);
-var import_algorithms = require("../algorithms");
+var import_generateColorPalette = require("../algorithms/generateColorPalette");
+var import_colors = require("../colors");
 var import_base = require("./base");
-var lightMode = (0, import_algorithms.genMapTokenAlgorithm)("light");
-var lightColorPalettes = lightMode.palettes;
-var lightTheme = {
-  token: {
-    ...import_base.baseTheme.token,
-    colorTextLightSolid: "#ffffff",
-    colorBgLayout: "#fafafa",
-    colorBgContainer: "#ffffff",
-    colorBgElevated: "#f2f2f2",
-    colorBgSpotlight: "#999999",
-    colorBorder: "#eaeaea",
-    colorBorderSecondary: "#eaeaea",
-    colorText: "#000000",
-    colorTextSecondary: "#444444",
-    colorTextTertiary: "#666666",
-    colorTextQuaternary: "#888888",
-    colorPrimary: "#000000",
-    colorFill: "rgba(0,0,0,0.1)",
-    colorFillSecondary: "rgba(0,0,0,0.075)",
-    colorFillTertiary: "rgba(0,0,0,0.05)",
-    colorFillQuaternary: "rgba(0,0,0,0)",
-    boxShadow: "0 12px 20px 6px rgb(104 112 118 / 0.08)",
-    boxShadowSecondary: "0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)",
-    colorLinkHover: "#3291ff",
-    colorLink: "#0070f3",
-    colorLinkActive: "#0761d1"
-  },
-  algorithm: (seedToken, mapToken) => ({
-    ...mapToken,
-    ...lightMode.tokens
-  })
+var primaryToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Primary",
+  scale: import_colors.colorScales.bnw,
+  appearance: "light"
+});
+var neutralToken = (0, import_generateColorPalette.generateColorNeutralPalette)({
+  scale: import_colors.colorScales.gray,
+  appearance: "light"
+});
+var successToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Success",
+  scale: import_colors.colorScales.grass,
+  appearance: "light"
+});
+var warningToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Warning",
+  scale: import_colors.colorScales.orange,
+  appearance: "light"
+});
+var errorToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Error",
+  scale: import_colors.colorScales.tomato,
+  appearance: "light"
+});
+var infoToken = (0, import_generateColorPalette.generateColorPalette)({
+  type: "Info",
+  scale: import_colors.colorScales.blue,
+  appearance: "light"
+});
+var lightBaseToken = {
+  ...import_base.baseToken,
+  ...primaryToken,
+  ...neutralToken,
+  ...successToken,
+  ...warningToken,
+  ...errorToken,
+  ...infoToken,
+  colorTextLightSolid: neutralToken.colorBgLayout,
+  colorLinkHover: infoToken.colorInfoTextHover,
+  colorLink: infoToken.colorInfoText,
+  colorLinkActive: infoToken.colorInfoTextActive,
+  boxShadow: "0 12px 20px 6px rgb(104 112 118 / 0.08)",
+  boxShadowSecondary: "0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)"
 };
+var light_default = lightBaseToken;
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  lightColorPalettes,
-  lightTheme
-});
+0 && (module.exports = {});