@lobehub/ui 4.3.8 → 4.3.10
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/ActionIcon/ActionIcon.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/GuideCard/GuideCard.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 +7 -7
- 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/Input/Input.d.mts +2 -2
- package/es/Input/InputNumber.d.mts +2 -2
- package/es/Input/InputPassword.d.mts +2 -2
- package/es/Input/TextArea.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/MotionProvider/index.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/ThemeProvider/GlobalStyle/global.mjs +34 -0
- package/es/ThemeProvider/GlobalStyle/global.mjs.map +1 -1
- package/es/ThemeProvider/ThemeProvider.d.mts +2 -2
- package/es/Toc/Toc.d.mts +2 -2
- package/es/Video/index.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/Hero/Hero.d.mts +2 -2
- package/es/awesome/Spline/Spine.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/BrandLoading/index.mjs +0 -1
- package/es/brand/BrandLoading/index.mjs.map +1 -1
- 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/EditableMessageList/EditableMessageList.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 +3 -3
- 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 +3 -3
- package/es/icons/lucideExtra/McpIcon.d.mts +3 -3
- package/es/icons/lucideExtra/RightClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/ShapesUploadIcon.d.mts +3 -3
- package/es/icons/lucideExtra/TreeDownRightIcon.d.mts +3 -3
- package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts +3 -3
- package/es/mdx/Mdx/index.d.mts +2 -2
- package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts +2 -2
- package/es/mobile/ChatInputArea/components/ChatSendButton.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 +5 -3
- 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
- package/es/brand/BrandLoading/style-DX648z7a.css +0 -35
- package/es/brand/BrandLoading/style-DX648z7a.css.map +0 -1
- package/es/brand/BrandLoading/style.mjs +0 -1
- package/es/styles/theme/token/dark.mjs +0 -58
- package/es/styles/theme/token/dark.mjs.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ChatHeaderTitleProps } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react133 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/mobile/ChatHeader/ChatHeaderTitle.d.ts
|
|
5
|
-
declare const ChatHeaderTitle:
|
|
5
|
+
declare const ChatHeaderTitle: react133.NamedExoticComponent<ChatHeaderTitleProps>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { ChatHeaderTitle };
|
|
8
8
|
//# sourceMappingURL=ChatHeaderTitle.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ChatSendButtonProps } from "../type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react134 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/mobile/ChatInputArea/components/ChatSendButton.d.ts
|
|
5
|
-
declare const ChatSendButton:
|
|
5
|
+
declare const ChatSendButton: react134.NamedExoticComponent<ChatSendButtonProps>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { ChatSendButton };
|
|
8
8
|
//# sourceMappingURL=ChatSendButton.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TabBarProps } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react106 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/mobile/TabBar/TabBar.d.ts
|
|
5
|
-
declare const TabBar:
|
|
5
|
+
declare const TabBar: react106.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 react67 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: react67.NamedExoticComponent<StoryBookProps>;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { StoryBook, StoryBookProps, useControls, useCreateStore };
|
|
16
16
|
//# sourceMappingURL=index.d.mts.map
|
|
@@ -1,7 +1,8 @@
|
|
|
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
|
-
import
|
|
5
|
+
import light_default from "../token/light.mjs";
|
|
5
6
|
|
|
6
7
|
//#region src/styles/theme/algorithms/darkAlgorithm.ts
|
|
7
8
|
const darkAlgorithm = (seedToken, mapToken) => {
|
|
@@ -22,9 +23,10 @@ const darkAlgorithm = (seedToken, mapToken) => {
|
|
|
22
23
|
});
|
|
23
24
|
return {
|
|
24
25
|
...mapToken,
|
|
25
|
-
...
|
|
26
|
+
...light_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","
|
|
1
|
+
{"version":3,"file":"darkAlgorithm.mjs","names":["darkAlgorithm: MappingAlgorithm","primaryScale: ColorScaleItem","lightBaseToken"],"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 lightBaseToken from '@/styles/theme/token/light';\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 ...lightBaseToken,\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"}
|
package/package.json
CHANGED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
@keyframes draw {
|
|
2
|
-
0% {
|
|
3
|
-
stroke-dashoffset: 1000;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
100% {
|
|
7
|
-
stroke-dashoffset: 0;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@keyframes fill {
|
|
12
|
-
30% {
|
|
13
|
-
fill-opacity: 5%;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
100% {
|
|
17
|
-
fill-opacity: 100%;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.lobe-brand-loading path {
|
|
22
|
-
fill: currentcolor;
|
|
23
|
-
fill-opacity: 0%;
|
|
24
|
-
stroke: currentcolor;
|
|
25
|
-
stroke-dasharray: 1000;
|
|
26
|
-
stroke-dashoffset: 1000;
|
|
27
|
-
stroke-width: 0.25em;
|
|
28
|
-
|
|
29
|
-
animation:
|
|
30
|
-
draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
|
|
31
|
-
fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
/*# sourceMappingURL=style-DX648z7a.css.map*/
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style-DX648z7a.css","names":[],"sources":["../../../src/brand/BrandLoading/style.css"],"sourcesContent":["@keyframes draw {\n 0% {\n stroke-dashoffset: 1000;\n }\n\n 100% {\n stroke-dashoffset: 0;\n }\n}\n\n@keyframes fill {\n 30% {\n fill-opacity: 5%;\n }\n\n 100% {\n fill-opacity: 100%;\n }\n}\n\n.lobe-brand-loading path {\n fill: currentcolor;\n fill-opacity: 0%;\n stroke: currentcolor;\n stroke-dasharray: 1000;\n stroke-dashoffset: 1000;\n stroke-width: 0.25em;\n\n animation:\n draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import blue_default from "../../../color/colors/blue.mjs";
|
|
2
|
-
import gold_default from "../../../color/colors/gold.mjs";
|
|
3
|
-
import gray_default from "../../../color/colors/gray.mjs";
|
|
4
|
-
import lime_default from "../../../color/colors/lime.mjs";
|
|
5
|
-
import primary_default from "../../../color/colors/primary.mjs";
|
|
6
|
-
import red_default from "../../../color/colors/red.mjs";
|
|
7
|
-
import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
|
|
8
|
-
|
|
9
|
-
//#region src/styles/theme/token/dark.ts
|
|
10
|
-
const primaryToken = generateColorPalette({
|
|
11
|
-
appearance: "dark",
|
|
12
|
-
scale: primary_default,
|
|
13
|
-
type: "Primary"
|
|
14
|
-
});
|
|
15
|
-
const neutralToken = generateColorNeutralPalette({
|
|
16
|
-
appearance: "dark",
|
|
17
|
-
scale: gray_default
|
|
18
|
-
});
|
|
19
|
-
const successToken = generateColorPalette({
|
|
20
|
-
appearance: "dark",
|
|
21
|
-
scale: lime_default,
|
|
22
|
-
type: "Success"
|
|
23
|
-
});
|
|
24
|
-
const warningToken = generateColorPalette({
|
|
25
|
-
appearance: "dark",
|
|
26
|
-
scale: gold_default,
|
|
27
|
-
type: "Warning"
|
|
28
|
-
});
|
|
29
|
-
const errorToken = generateColorPalette({
|
|
30
|
-
appearance: "dark",
|
|
31
|
-
scale: red_default,
|
|
32
|
-
type: "Error"
|
|
33
|
-
});
|
|
34
|
-
const infoToken = generateColorPalette({
|
|
35
|
-
appearance: "dark",
|
|
36
|
-
scale: blue_default,
|
|
37
|
-
type: "Info"
|
|
38
|
-
});
|
|
39
|
-
const darkBaseToken = {
|
|
40
|
-
...primaryToken,
|
|
41
|
-
...neutralToken,
|
|
42
|
-
...successToken,
|
|
43
|
-
...warningToken,
|
|
44
|
-
...errorToken,
|
|
45
|
-
...infoToken,
|
|
46
|
-
boxShadow: "0 20px 20px -8px rgba(0, 0, 0, 0.24)",
|
|
47
|
-
boxShadowSecondary: "0 8px 16px -4px rgba(0, 0, 0, 0.2)",
|
|
48
|
-
boxShadowTertiary: "0 3px 1px -1px rgba(26, 26, 26, 0.06)",
|
|
49
|
-
colorLink: infoToken.colorInfoText,
|
|
50
|
-
colorLinkActive: infoToken.colorInfoTextActive,
|
|
51
|
-
colorLinkHover: infoToken.colorInfoTextHover,
|
|
52
|
-
colorTextLightSolid: neutralToken.colorBgLayout
|
|
53
|
-
};
|
|
54
|
-
var dark_default = darkBaseToken;
|
|
55
|
-
|
|
56
|
-
//#endregion
|
|
57
|
-
export { dark_default as default };
|
|
58
|
-
//# sourceMappingURL=dark.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dark.mjs","names":["primary","gray","lime","gold","red","blue","darkBaseToken: Partial<AliasToken>"],"sources":["../../../../src/styles/theme/token/dark.ts"],"sourcesContent":["import { AliasToken } from 'antd/es/theme/interface';\n\nimport { blue, gold, gray, lime, primary, red } from '@/color/colors';\n\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\nconst primaryToken = generateColorPalette({\n appearance: 'dark',\n scale: primary,\n type: 'Primary',\n});\n\nconst neutralToken = generateColorNeutralPalette({\n appearance: 'dark',\n scale: gray,\n});\n\nconst successToken = generateColorPalette({\n appearance: 'dark',\n scale: lime,\n type: 'Success',\n});\n\nconst warningToken = generateColorPalette({\n appearance: 'dark',\n scale: gold,\n type: 'Warning',\n});\n\nconst errorToken = generateColorPalette({\n appearance: 'dark',\n scale: red,\n type: 'Error',\n});\n\nconst infoToken = generateColorPalette({\n appearance: 'dark',\n scale: blue,\n type: 'Info',\n});\n\nconst darkBaseToken: Partial<AliasToken> = {\n ...primaryToken,\n ...neutralToken,\n ...successToken,\n ...warningToken,\n ...errorToken,\n ...infoToken,\n\n boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',\n boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',\n boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',\n colorLink: infoToken.colorInfoText,\n colorLinkActive: infoToken.colorInfoTextActive,\n\n colorLinkHover: infoToken.colorInfoTextHover,\n colorTextLightSolid: neutralToken.colorBgLayout,\n};\n\nexport default darkBaseToken;\n"],"mappings":";;;;;;;;;AAMA,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAOA;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,4BAA4B;CAC/C,YAAY;CACZ,OAAOC;CACR,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,qBAAqB;CACxC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAM,aAAa,qBAAqB;CACtC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAM,YAAY,qBAAqB;CACrC,YAAY;CACZ,OAAOC;CACP,MAAM;CACP,CAAC;AAEF,MAAMC,gBAAqC;CACzC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,WAAW,UAAU;CACrB,iBAAiB,UAAU;CAE3B,gBAAgB,UAAU;CAC1B,qBAAqB,aAAa;CACnC;AAED,mBAAe"}
|