@lobehub/ui 1.12.0 → 1.14.0

package/es/types/customToken.d.ts

@@ -1,42 +1,51 @@
-export interface CustomTokenItem {
-  color1: string;
-  color2: string;
-  color3: string;
-  color4: string;
-  color5: string;
-  color6: string;
-  color7: string;
-  color8: string;
-  color9: string;
-  color10: string;
-  color11: string;
-  color12: string;
-  color13: string;
-  color1A: string;
-  color2A: string;
-  color3A: string;
-  color4A: string;
-  color5A: string;
-  color6A: string;
-  color7A: string;
-  color8A: string;
-  color9A: string;
-  color10A: string;
-  color11A: string;
-  color12A: string;
-  color13A: string;
-  colorBg: string;
-  colorBgHover: string;
-  colorBorder: string;
-  colorBorderHover: string;
-  colorHover: string;
-  color: string;
-  colorActive: string;
-  colorTextHover: string;
-  colorText: string;
-  colorTextActive: string;
-}
-export interface LobeCustomToken {
+const PresetColors = [
+  'red',
+  'volcano',
+  'orange',
+  'gold',
+  'yellow',
+  'lime',
+  'green',
+  'cyan',
+  'blue',
+  'geekblue',
+  'purple',
+  'magenta',
+  'gray',
+] as const;
+
+export type PresetColorKey = (typeof PresetColors)[number];
+
+export type PresetColorType = Record<PresetColorKey, string>;
+
+type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+
+type ColorTokenKey =
+  | 'Bg'
+  | 'BgHover'
+  | 'Border'
+  | 'BorderSecondary'
+  | 'BorderHover'
+  | 'Hover'
+  | ''
+  | 'Active'
+  | 'TextHover'
+  | 'Text'
+  | 'TextActive';
+
+export type ColorToken = {
+  [key in `${keyof PresetColorType}${ColorTokenKey}`]: string;
+};
+
+export type ColorPalettes = {
+  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string;
+};
+
+export type ColorPalettesAlpha = {
+  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string;
+};
+
+export interface LobeCustomToken extends ColorToken, ColorPalettes, ColorPalettesAlpha {
   headerHeight: number;
   footerHeight: number;
   sidebarWidth: number;
@@ -47,34 +56,4 @@ export interface LobeCustomToken {
   gradientColor2: string;
   gradientColor3: string;
   gradientHeroBgG: string;
-
-  tomato: CustomTokenItem;
-  red: CustomTokenItem;
-  crimson: CustomTokenItem;
-  pink: CustomTokenItem;
-  plum: CustomTokenItem;
-  purple: CustomTokenItem;
-  violet: CustomTokenItem;
-  indigo: CustomTokenItem;
-  blue: CustomTokenItem;
-  cyan: CustomTokenItem;
-  teal: CustomTokenItem;
-  green: CustomTokenItem;
-  grass: CustomTokenItem;
-  orange: CustomTokenItem;
-  brown: CustomTokenItem;
-  sky: CustomTokenItem;
-  mint: CustomTokenItem;
-  lime: CustomTokenItem;
-  yellow: CustomTokenItem;
-  amber: CustomTokenItem;
-  bronze: CustomTokenItem;
-  gold: CustomTokenItem;
-  gray: CustomTokenItem;
-  mauve: CustomTokenItem;
-  slate: CustomTokenItem;
-  sage: CustomTokenItem;
-  olive: CustomTokenItem;
-  sand: CustomTokenItem;
-  bnw: CustomTokenItem;
 }

package/es/types/global.d.ts

@@ -1,5 +1,6 @@
-import { LobeCustomStylish } from '@/types/customStylish';
 import 'antd-style';
+import { AntdToken } from 'antd-style/lib/types/theme';
+import { LobeCustomStylish } from './customStylish';
 import { LobeCustomToken } from './customToken';
 
 declare module 'antd-style' {
@@ -10,6 +11,5 @@ declare module 'antd-style' {
 }
 
 declare module 'styled-components' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export interface DefaultTheme extends LobeCustomToken {}
+  export interface DefaultTheme extends AntdToken, LobeCustomToken {}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",
@@ -67,12 +67,12 @@
     ]
   },
   "dependencies": {
-    "@ant-design/icons": "^5.1.2",
-    "@babel/runtime": "^7.21.5",
+    "@ant-design/icons": "^5.1.3",
+    "@babel/runtime": "^7.22.3",
     "@dqbd/tiktoken": "^1.0.7",
-    "@floating-ui/react": "^0.24.1",
+    "@floating-ui/react": "^0.24.2",
     "ahooks": "^3.7.7",
-    "antd-style": "^3.1.1",
+    "antd-style": "^3.2.1",
     "chroma-js": "^2.4.2",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",
@@ -119,9 +119,9 @@
     "eslint": "^8.41.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^3.5.5",
-    "father": "^4.1.9",
+    "father": "^4.2.1",
     "husky": "^8.0.3",
-    "jsdom": "^22.0.0",
+    "jsdom": "^22.1.0",
     "lint-staged": "^13.2.2",
     "postcss-styled-syntax": "^0.4.0",
     "prettier": "^2.8.8",