@lobehub/ui 4.3.9 → 4.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Accordion/Accordion.d.mts +2 -2
- package/es/Accordion/AccordionItem.d.mts +2 -2
- package/es/Alert/Alert.d.mts +2 -2
- package/es/AutoComplete/Select.d.mts +2 -2
- package/es/Avatar/AvatarGroup/index.d.mts +2 -2
- package/es/Burger/Burger.d.mts +2 -2
- package/es/CodeEditor/CodeEditor.d.mts +2 -2
- package/es/Collapse/Collapse.d.mts +2 -2
- package/es/ConfigProvider/index.d.mts +2 -2
- package/es/CopyButton/CopyButton.d.mts +2 -2
- package/es/DatePicker/DatePicker.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelBody.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelContainer.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelFooter.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelHeader.d.mts +2 -2
- package/es/DraggableSideNav/DraggableSideNav.d.mts +2 -2
- package/es/Drawer/Drawer.d.mts +2 -2
- package/es/Dropdown/Dropdown.d.mts +2 -2
- package/es/EditableText/EditableText.d.mts +2 -2
- package/es/EmojiPicker/EmojiPicker.d.mts +2 -2
- package/es/Flex/FlexBasic.d.mts +2 -2
- package/es/FontLoader/index.d.mts +2 -2
- package/es/Footer/Footer.d.mts +2 -2
- package/es/Form/components/FormGroup.d.mts +2 -2
- package/es/Form/components/FormItem.d.mts +2 -2
- package/es/Form/components/FormSubmitFooter.d.mts +2 -2
- package/es/FormModal/FormModal.d.mts +2 -2
- package/es/Header/Header.d.mts +2 -2
- package/es/Highlighter/Highlighter.d.mts +2 -2
- package/es/Highlighter/SyntaxHighlighter/index.d.mts +2 -2
- package/es/Highlighter/theme/lobe-theme.mjs +37 -37
- package/es/Highlighter/theme/lobe-theme.mjs.map +1 -1
- package/es/Hotkey/Hotkey.d.mts +2 -2
- package/es/HotkeyInput/HotkeyInput.d.mts +2 -2
- package/es/Icon/Icon.d.mts +2 -2
- package/es/Icon/components/IconProvider.d.mts +3 -3
- package/es/Image/PreviewGroup.d.mts +2 -2
- package/es/ImageSelect/ImageSelect.d.mts +2 -2
- package/es/Layout/components/LayoutFooter.d.mts +2 -2
- package/es/Layout/components/LayoutHeader.d.mts +2 -2
- package/es/Layout/components/LayoutMain.d.mts +2 -2
- package/es/Layout/components/LayoutSidebar.d.mts +2 -2
- package/es/Layout/components/LayoutSidebarInner.d.mts +2 -2
- package/es/Layout/components/LayoutToc.d.mts +2 -2
- package/es/List/ListItem/index.d.mts +2 -2
- package/es/Markdown/Markdown.d.mts +2 -2
- package/es/Markdown/Typography.d.mts +2 -2
- package/es/Markdown/components/SearchResultCards/index.d.mts +2 -2
- package/es/MaskShadow/MaskShadow.d.mts +2 -2
- package/es/Menu/Menu.d.mts +2 -2
- package/es/Mermaid/Mermaid.d.mts +2 -2
- package/es/Mermaid/SyntaxMermaid/index.d.mts +2 -2
- package/es/Modal/Modal.d.mts +2 -2
- package/es/SearchBar/SearchBar.d.mts +2 -2
- package/es/Segmented/Segmented.d.mts +2 -2
- package/es/Select/Select.d.mts +2 -2
- package/es/SideNav/SideNav.d.mts +2 -2
- package/es/SliderWithInput/SliderWithInput.d.mts +2 -2
- package/es/SortableList/components/DragHandle.d.mts +2 -2
- package/es/SortableList/components/SortableItem.d.mts +2 -2
- package/es/ThemeProvider/ThemeProvider.d.mts +2 -2
- package/es/Toc/Toc.d.mts +2 -2
- package/es/awesome/AuroraBackground/AuroraBackground.d.mts +2 -2
- package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts +2 -2
- package/es/awesome/Features/Features.d.mts +2 -2
- package/es/awesome/Giscus/Giscus.d.mts +2 -2
- package/es/awesome/GradientButton/GradientButton.d.mts +2 -2
- package/es/awesome/GridBackground/GridBackground.d.mts +2 -2
- package/es/awesome/GridBackground/GridShowcase.d.mts +2 -2
- package/es/awesome/Hero/Hero.d.mts +2 -2
- package/es/awesome/Spotlight/Spotlight.d.mts +2 -2
- package/es/awesome/SpotlightCard/SpotlightCard.d.mts +2 -2
- package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts +2 -2
- package/es/brand/LobeChat/index.d.mts +2 -2
- package/es/brand/LobeHub/index.d.mts +2 -2
- package/es/brand/LogoThree/LogoSpline.d.mts +2 -2
- package/es/brand/LogoThree/index.d.mts +2 -2
- package/es/chat/BackBottom/BackBottom.d.mts +2 -2
- package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts +2 -2
- package/es/chat/ChatItem/ChatItem.d.mts +2 -2
- package/es/chat/ChatList/ChatList.d.mts +2 -2
- package/es/chat/EditableMessage/EditableMessage.d.mts +2 -2
- package/es/chat/MessageInput/MessageInput.d.mts +2 -2
- package/es/chat/MessageModal/MessageModal.d.mts +2 -2
- package/es/color/ColorScales/index.d.mts +2 -2
- package/es/color/CssVar/ScaleRow.mjs +45 -0
- package/es/color/CssVar/ScaleRow.mjs.map +1 -0
- package/es/color/CssVar/VarRow.mjs +54 -0
- package/es/color/CssVar/VarRow.mjs.map +1 -0
- package/es/color/CssVar/index.d.mts +22 -0
- package/es/color/CssVar/index.mjs +85 -0
- package/es/color/CssVar/index.mjs.map +1 -0
- package/es/color/CssVar/style.mjs +41 -0
- package/es/color/CssVar/style.mjs.map +1 -0
- package/es/color/index.d.mts +2 -1
- package/es/color/index.mjs +2 -1
- package/es/i18n/context.d.mts +2 -2
- package/es/icons/lucideExtra/BotPromptIcon.d.mts +2 -2
- package/es/icons/lucideExtra/CreateBotIcon.d.mts +2 -2
- package/es/icons/lucideExtra/DiscordIcon.d.mts +3 -3
- package/es/icons/lucideExtra/GlobeOffIcon.d.mts +2 -2
- package/es/icons/lucideExtra/GroupBotIcon.d.mts +3 -3
- package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts +3 -3
- package/es/icons/lucideExtra/LeftClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts +2 -2
- package/es/icons/lucideExtra/McpIcon.d.mts +3 -3
- package/es/icons/lucideExtra/ProviderIcon.d.mts +3 -3
- package/es/icons/lucideExtra/RightClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts +2 -2
- package/es/icons/lucideExtra/ShapesUploadIcon.d.mts +3 -3
- package/es/icons/lucideExtra/TreeDownRightIcon.d.mts +2 -2
- package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts +3 -3
- package/es/mdx/Mdx/index.d.mts +2 -2
- package/es/mobile/TabBar/TabBar.d.mts +2 -2
- package/es/storybook/StoryBook/index.d.mts +2 -2
- package/es/styles/theme/algorithms/darkAlgorithm.mjs +3 -1
- package/es/styles/theme/algorithms/darkAlgorithm.mjs.map +1 -1
- package/es/styles/theme/algorithms/lightAlgorithm.mjs +3 -1
- package/es/styles/theme/algorithms/lightAlgorithm.mjs.map +1 -1
- package/es/styles/theme/customToken.mjs +6 -3
- package/es/styles/theme/customToken.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as react88 from "react";
|
|
2
|
+
import * as lucide_react7 from "lucide-react";
|
|
3
3
|
|
|
4
4
|
//#region src/icons/lucideExtra/RightClickIcon.d.ts
|
|
5
|
-
declare const RightClickIcon:
|
|
5
|
+
declare const RightClickIcon: react88.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { RightClickIcon };
|
|
8
8
|
//# sourceMappingURL=RightClickIcon.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react100 from "react";
|
|
2
2
|
import * as lucide_react13 from "lucide-react";
|
|
3
3
|
|
|
4
4
|
//#region src/icons/lucideExtra/RightDoubleClickIcon.d.ts
|
|
5
|
-
declare const RightDoubleClickIcon:
|
|
5
|
+
declare const RightDoubleClickIcon: react100.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { RightDoubleClickIcon };
|
|
8
8
|
//# sourceMappingURL=RightDoubleClickIcon.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as react98 from "react";
|
|
2
|
+
import * as lucide_react12 from "lucide-react";
|
|
3
3
|
|
|
4
4
|
//#region src/icons/lucideExtra/ShapesUploadIcon.d.ts
|
|
5
|
-
declare const ShapesUploadIcon:
|
|
5
|
+
declare const ShapesUploadIcon: react98.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { ShapesUploadIcon };
|
|
8
8
|
//# sourceMappingURL=ShapesUploadIcon.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react96 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as lucide_react11 from "lucide-react";
|
|
3
3
|
|
|
4
4
|
//#region src/icons/lucideExtra/TreeDownRightIcon.d.ts
|
|
5
|
-
declare const TreeDownRightIcon: react96.ForwardRefExoticComponent<Omit<
|
|
5
|
+
declare const TreeDownRightIcon: react96.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { TreeDownRightIcon };
|
|
8
8
|
//# sourceMappingURL=TreeDownRightIcon.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as react92 from "react";
|
|
2
|
+
import * as lucide_react9 from "lucide-react";
|
|
3
3
|
|
|
4
4
|
//#region src/icons/lucideExtra/TreeUpDownRightIcon.d.ts
|
|
5
|
-
declare const TreeUpDownRightIcon:
|
|
5
|
+
declare const TreeUpDownRightIcon: react92.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { TreeUpDownRightIcon };
|
|
8
8
|
//# sourceMappingURL=TreeUpDownRightIcon.d.mts.map
|
package/es/mdx/Mdx/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TypographyProps } from "../../Markdown/type.mjs";
|
|
2
2
|
import "../../Markdown/index.mjs";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react26 from "react";
|
|
4
4
|
import { ReactNode } from "react";
|
|
5
5
|
import { Pluggable } from "unified";
|
|
6
6
|
|
|
@@ -18,7 +18,7 @@ interface MdxProps extends Omit<TypographyProps, 'children'> {
|
|
|
18
18
|
remarkPlugins?: Pluggable[];
|
|
19
19
|
variant?: 'normal' | 'chat';
|
|
20
20
|
}
|
|
21
|
-
declare const Mdx:
|
|
21
|
+
declare const Mdx: react26.NamedExoticComponent<MdxProps>;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Mdx, MdxProps };
|
|
24
24
|
//# sourceMappingURL=index.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TabBarProps } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react134 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/mobile/TabBar/TabBar.d.ts
|
|
5
|
-
declare const TabBar:
|
|
5
|
+
declare const TabBar: react134.NamedExoticComponent<TabBarProps>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { TabBar };
|
|
8
8
|
//# sourceMappingURL=TabBar.d.mts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FlexboxProps } from "../../Flex/type.mjs";
|
|
2
2
|
import "../../Flex/index.mjs";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react24 from "react";
|
|
4
4
|
import { Ref } from "react";
|
|
5
5
|
import { useControls, useCreateStore } from "leva";
|
|
6
6
|
|
|
@@ -10,7 +10,7 @@ interface StoryBookProps extends FlexboxProps {
|
|
|
10
10
|
noPadding?: boolean;
|
|
11
11
|
ref?: Ref<HTMLDivElement>;
|
|
12
12
|
}
|
|
13
|
-
declare const StoryBook:
|
|
13
|
+
declare const StoryBook: react24.NamedExoticComponent<StoryBookProps>;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { StoryBook, StoryBookProps, useControls, useCreateStore };
|
|
16
16
|
//# sourceMappingURL=index.d.mts.map
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { colorScales } from "../../../color/colors/index.mjs";
|
|
2
2
|
import { neutralColorScales } from "../../../color/neutrals/index.mjs";
|
|
3
|
+
import { generateCustomColorToken } from "../customToken.mjs";
|
|
3
4
|
import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
|
|
4
5
|
import dark_default from "../token/dark.mjs";
|
|
5
6
|
|
|
@@ -24,7 +25,8 @@ const darkAlgorithm = (seedToken, mapToken) => {
|
|
|
24
25
|
...mapToken,
|
|
25
26
|
...dark_default,
|
|
26
27
|
...primaryTokens,
|
|
27
|
-
...neutralTokens
|
|
28
|
+
...neutralTokens,
|
|
29
|
+
...generateCustomColorToken(true)
|
|
28
30
|
};
|
|
29
31
|
};
|
|
30
32
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"darkAlgorithm.mjs","names":["darkAlgorithm: MappingAlgorithm","primaryScale: ColorScaleItem","darkBaseToken"],"sources":["../../../../src/styles/theme/algorithms/darkAlgorithm.ts"],"sourcesContent":["import { MappingAlgorithm } from 'antd/es/theme/interface';\n\nimport { colorScales } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\
|
|
1
|
+
{"version":3,"file":"darkAlgorithm.mjs","names":["darkAlgorithm: MappingAlgorithm","primaryScale: ColorScaleItem","darkBaseToken"],"sources":["../../../../src/styles/theme/algorithms/darkAlgorithm.ts"],"sourcesContent":["import { MappingAlgorithm } from 'antd/es/theme/interface';\n\nimport { colorScales } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport type { ColorScaleItem } from '@/color/types';\nimport { generateCustomColorToken } from '@/styles/theme/customToken';\nimport darkBaseToken from '@/styles/theme/token/dark';\n\nimport { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\nexport const darkAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\n const primaryColor = (seedToken as any).primaryColor as PrimaryColors;\n const neutralColor = (seedToken as any).neutralColor as NeutralColors;\n\n let primaryTokens = {};\n let neutralTokens = {};\n\n // generate primary color Token with colorPrimary\n const primaryScale: ColorScaleItem = colorScales[primaryColor];\n\n if (primaryScale) {\n primaryTokens = generateColorPalette({\n appearance: 'dark',\n scale: primaryScale,\n type: 'Primary',\n });\n }\n\n // generate neutral color Token with colorBgBase\n const neutralScale = neutralColorScales[neutralColor];\n if (neutralScale) {\n neutralTokens = generateColorNeutralPalette({ appearance: 'dark', scale: neutralScale });\n }\n\n return {\n ...mapToken!,\n ...darkBaseToken,\n ...primaryTokens,\n ...neutralTokens,\n ...generateCustomColorToken(true),\n };\n};\n"],"mappings":";;;;;;;AAWA,MAAaA,iBAAmC,WAAW,aAAa;CACtE,MAAM,eAAgB,UAAkB;CACxC,MAAM,eAAgB,UAAkB;CAExC,IAAI,gBAAgB,EAAE;CACtB,IAAI,gBAAgB,EAAE;CAGtB,MAAMC,eAA+B,YAAY;AAEjD,KAAI,aACF,iBAAgB,qBAAqB;EACnC,YAAY;EACZ,OAAO;EACP,MAAM;EACP,CAAC;CAIJ,MAAM,eAAe,mBAAmB;AACxC,KAAI,aACF,iBAAgB,4BAA4B;EAAE,YAAY;EAAQ,OAAO;EAAc,CAAC;AAG1F,QAAO;EACL,GAAG;EACH,GAAGC;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,KAAK;EAClC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { colorScales } from "../../../color/colors/index.mjs";
|
|
2
2
|
import { neutralColorScales } from "../../../color/neutrals/index.mjs";
|
|
3
|
+
import { generateCustomColorToken } from "../customToken.mjs";
|
|
3
4
|
import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
|
|
4
5
|
import light_default from "../token/light.mjs";
|
|
5
6
|
|
|
@@ -24,7 +25,8 @@ const lightAlgorithm = (seedToken, mapToken) => {
|
|
|
24
25
|
...mapToken,
|
|
25
26
|
...light_default,
|
|
26
27
|
...primaryTokens,
|
|
27
|
-
...neutralTokens
|
|
28
|
+
...neutralTokens,
|
|
29
|
+
...generateCustomColorToken(false)
|
|
28
30
|
};
|
|
29
31
|
};
|
|
30
32
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightAlgorithm.mjs","names":["lightAlgorithm: MappingAlgorithm","primaryScale: ColorScaleItem","lightBaseToken"],"sources":["../../../../src/styles/theme/algorithms/lightAlgorithm.ts"],"sourcesContent":["import { MappingAlgorithm } from 'antd/es/theme/interface';\n\nimport { colorScales } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\nimport lightBaseToken from '../token/light';\n\nexport const lightAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\n const primaryColor = (seedToken as any).primaryColor as PrimaryColors;\n const neutralColor = (seedToken as any).neutralColor as NeutralColors;\n\n let primaryTokens = {};\n let neutralTokens = {};\n const primaryScale: ColorScaleItem = colorScales[primaryColor];\n\n if (primaryScale) {\n primaryTokens = generateColorPalette({\n appearance: 'light',\n scale: primaryScale,\n type: 'Primary',\n });\n }\n\n const neutralScale = neutralColorScales[neutralColor];\n if (neutralScale) {\n neutralTokens = generateColorNeutralPalette({ appearance: 'light', scale: neutralScale });\n }\n\n return {\n ...mapToken!,\n ...lightBaseToken,\n ...primaryTokens,\n ...neutralTokens,\n };\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"lightAlgorithm.mjs","names":["lightAlgorithm: MappingAlgorithm","primaryScale: ColorScaleItem","lightBaseToken"],"sources":["../../../../src/styles/theme/algorithms/lightAlgorithm.ts"],"sourcesContent":["import { MappingAlgorithm } from 'antd/es/theme/interface';\n\nimport { colorScales } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateCustomColorToken } from '../customToken';\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\nimport lightBaseToken from '../token/light';\n\nexport const lightAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\n const primaryColor = (seedToken as any).primaryColor as PrimaryColors;\n const neutralColor = (seedToken as any).neutralColor as NeutralColors;\n\n let primaryTokens = {};\n let neutralTokens = {};\n const primaryScale: ColorScaleItem = colorScales[primaryColor];\n\n if (primaryScale) {\n primaryTokens = generateColorPalette({\n appearance: 'light',\n scale: primaryScale,\n type: 'Primary',\n });\n }\n\n const neutralScale = neutralColorScales[neutralColor];\n if (neutralScale) {\n neutralTokens = generateColorNeutralPalette({ appearance: 'light', scale: neutralScale });\n }\n\n return {\n ...mapToken!,\n ...lightBaseToken,\n ...primaryTokens,\n ...neutralTokens,\n ...generateCustomColorToken(false),\n };\n};\n"],"mappings":";;;;;;;AAWA,MAAaA,kBAAoC,WAAW,aAAa;CACvE,MAAM,eAAgB,UAAkB;CACxC,MAAM,eAAgB,UAAkB;CAExC,IAAI,gBAAgB,EAAE;CACtB,IAAI,gBAAgB,EAAE;CACtB,MAAMC,eAA+B,YAAY;AAEjD,KAAI,aACF,iBAAgB,qBAAqB;EACnC,YAAY;EACZ,OAAO;EACP,MAAM;EACP,CAAC;CAGJ,MAAM,eAAe,mBAAmB;AACxC,KAAI,aACF,iBAAgB,4BAA4B;EAAE,YAAY;EAAS,OAAO;EAAc,CAAC;AAG3F,QAAO;EACL,GAAG;EACH,GAAGC;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,MAAM;EACnC"}
|
|
@@ -42,7 +42,7 @@ const generateCustomColorPalette = ({ name, scale, appearance }) => {
|
|
|
42
42
|
})
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
|
-
const
|
|
45
|
+
const generateCustomColorToken = (isDarkMode) => {
|
|
46
46
|
let colorCustomToken = {};
|
|
47
47
|
for (const [type, scale] of Object.entries(colorScales)) colorCustomToken = {
|
|
48
48
|
...colorCustomToken,
|
|
@@ -52,12 +52,15 @@ const generateCustomToken = ({ isDarkMode, token }) => {
|
|
|
52
52
|
scale
|
|
53
53
|
})
|
|
54
54
|
};
|
|
55
|
+
return colorCustomToken;
|
|
56
|
+
};
|
|
57
|
+
const generateCustomToken = ({ isDarkMode, token }) => {
|
|
55
58
|
return {
|
|
56
|
-
...
|
|
59
|
+
...generateCustomColorToken(isDarkMode),
|
|
57
60
|
colorBgContainerSecondary: mix(.5, token.colorBgLayout, token.colorBgContainer)
|
|
58
61
|
};
|
|
59
62
|
};
|
|
60
63
|
|
|
61
64
|
//#endregion
|
|
62
|
-
export { generateCustomToken };
|
|
65
|
+
export { generateCustomColorToken, generateCustomToken };
|
|
63
66
|
//# sourceMappingURL=customToken.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customToken.mjs","names":["colorStepPalette: { [key: string]: string }","generateCustomToken: GetCustomToken<LobeCustomToken>"
|
|
1
|
+
{"version":3,"file":"customToken.mjs","names":["colorStepPalette: { [key: string]: string }","colorCustomToken: any","generateCustomToken: GetCustomToken<LobeCustomToken>"],"sources":["../../../src/styles/theme/customToken.ts"],"sourcesContent":["import { GetCustomToken } from 'antd-style';\nimport { AliasToken } from 'antd/es/theme/interface';\nimport { camelCase } from 'es-toolkit/compat';\nimport { mix } from 'polished';\n\nimport { colorScales } from '@/color/colors';\nimport type { ColorScaleItem } from '@/color/types';\nimport type { LobeCustomToken } from '@/types/customToken';\n\nconst generateColorPalette = ({\n name,\n scale,\n appearance,\n}: {\n appearance: 'light' | 'dark';\n name: string;\n scale: ColorScaleItem;\n}) => {\n const isDarkMode = appearance === 'dark';\n return {\n [`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n [`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n [`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n [`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n [`${name}Bg`]: scale[`${appearance}A`][1],\n [`${name}BgHover`]: scale[`${appearance}A`][2],\n [`${name}Border`]: scale[appearance][4],\n [`${name}BorderSecondary`]: scale[appearance][3],\n [`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n [`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n [`${name}`]: scale[appearance][9],\n [`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n [`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],\n [`${name}Text`]: scale[`${appearance}A`][9],\n [`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10],\n };\n};\n\nconst generateCustomColorPalette = ({\n name,\n scale,\n appearance,\n}: {\n appearance: 'light' | 'dark';\n name: string;\n scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n const colorStepPalette: { [key: string]: string } = {};\n\n for (const [index, color] of scale[appearance].entries()) {\n if (index === 0 || index === 12) continue;\n\n colorStepPalette[`${name}${index}`] = color;\n }\n for (const [index, color] of scale[`${appearance}A`].entries()) {\n if (index === 0 || index === 12) continue;\n\n colorStepPalette[`${name}${index}A`] = color;\n }\n\n return {\n ...colorStepPalette,\n ...generateColorPalette({ appearance, name, scale }),\n };\n};\n\nexport const generateCustomColorToken = (isDarkMode: boolean) => {\n let colorCustomToken: any = {};\n\n for (const [type, scale] of Object.entries(colorScales)) {\n colorCustomToken = {\n ...colorCustomToken,\n ...generateCustomColorPalette({\n appearance: isDarkMode ? 'dark' : 'light',\n name: camelCase(type),\n scale,\n }),\n };\n }\n\n return colorCustomToken;\n};\n\nexport const generateCustomToken: GetCustomToken<LobeCustomToken> = ({ isDarkMode, token }) => {\n return {\n ...generateCustomColorToken(isDarkMode),\n colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n };\n};\n"],"mappings":";;;;;AASA,MAAM,wBAAwB,EAC5B,MACA,OACA,iBAKI;CACJ,MAAM,aAAa,eAAe;AAClC,QAAO;GACJ,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACzD,GAAG,KAAK,iBAAiB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GAClE,GAAG,KAAK,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACjE,GAAG,KAAK,kBAAkB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACnE,GAAG,KAAK,MAAM,MAAM,GAAG,WAAW,IAAI;GACtC,GAAG,KAAK,WAAW,MAAM,GAAG,WAAW,IAAI;GAC3C,GAAG,KAAK,UAAU,MAAM,YAAY;GACpC,GAAG,KAAK,mBAAmB,MAAM,YAAY;GAC7C,GAAG,KAAK,eAAe,MAAM,YAAY,aAAa,IAAI;GAC1D,GAAG,KAAK,SAAS,MAAM,YAAY,aAAa,KAAK;GACrD,GAAG,SAAS,MAAM,YAAY;GAC9B,GAAG,KAAK,UAAU,MAAM,YAAY,aAAa,IAAI;GACrD,GAAG,KAAK,aAAa,MAAM,GAAG,WAAW,IAAI,aAAa,KAAK;GAC/D,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI;GACxC,GAAG,KAAK,cAAc,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;EACjE;;AAGH,MAAM,8BAA8B,EAClC,MACA,OACA,iBAKyB;CACzB,MAAMA,mBAA8C,EAAE;AAEtD,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,YAAY,SAAS,EAAE;AACxD,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,WAAW;;AAExC,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,GAAG,WAAW,IAAI,SAAS,EAAE;AAC9D,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,MAAM,MAAM;;AAGzC,QAAO;EACL,GAAG;EACH,GAAG,qBAAqB;GAAE;GAAY;GAAM;GAAO,CAAC;EACrD;;AAGH,MAAa,4BAA4B,eAAwB;CAC/D,IAAIC,mBAAwB,EAAE;AAE9B,MAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,YAAY,CACrD,oBAAmB;EACjB,GAAG;EACH,GAAG,2BAA2B;GAC5B,YAAY,aAAa,SAAS;GAClC,MAAM,UAAU,KAAK;GACrB;GACD,CAAC;EACH;AAGH,QAAO;;AAGT,MAAaC,uBAAwD,EAAE,YAAY,YAAY;AAC7F,QAAO;EACL,GAAG,yBAAyB,WAAW;EACvC,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,iBAAiB;EACjF"}
|