@lobehub/ui 1.129.2 → 1.131.0
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/Alert/index.js +4 -0
- package/es/Alert/style.d.ts +1 -0
- package/es/Alert/style.js +11 -10
- package/es/BackBottom/style.js +1 -1
- package/es/Burger/style.js +3 -3
- package/es/ChatHeader/style.js +1 -1
- package/es/ChatInputArea/desktop/ChatInputArea.js +2 -2
- package/es/ChatInputArea/mobile/ChatInputArea.js +3 -3
- package/es/ChatItem/style.js +8 -8
- package/es/CodeEditor/style.js +3 -3
- package/es/DraggablePanel/components/style.js +3 -3
- package/es/DraggablePanel/style.js +13 -13
- package/es/EmptyCard/style.js +2 -2
- package/es/Features/style.js +4 -4
- package/es/FluentEmoji/index.js +2 -2
- package/es/Footer/style.js +2 -2
- package/es/Form/components/FormGroup.js +2 -2
- package/es/Form/components/FormItem.js +2 -2
- package/es/Form/components/FormTitle.js +1 -1
- package/es/GradientButton/style.js +2 -2
- package/es/GridBackground/style.js +1 -1
- package/es/Header/style.js +2 -2
- package/es/Hero/style.js +3 -3
- package/es/Highlighter/SyntaxHighlighter/style.js +1 -1
- package/es/Highlighter/style.js +3 -3
- package/es/Image/style.js +1 -1
- package/es/Layout/style.js +4 -4
- package/es/List/ListItem/style.js +2 -2
- package/es/Logo/LogoHighContrast.js +9 -15
- package/es/Logo/LogoText.js +8 -7
- package/es/Logo/style.d.ts +10 -0
- package/es/Logo/style.js +12 -2
- package/es/MobileNavBar/style.js +1 -1
- package/es/MobileSafeArea/style.js +2 -2
- package/es/MobileTabBar/style.js +2 -2
- package/es/Modal/index.js +1 -1
- package/es/SearchBar/style.js +1 -1
- package/es/SideNav/style.js +1 -1
- package/es/Snippet/style.js +1 -1
- package/es/SpotlightCard/style.js +1 -1
- package/es/StoryBook/style.js +2 -2
- package/es/TabsNav/style.js +1 -1
- package/es/Tag/index.js +1 -1
- package/es/ThemeProvider/GlobalStyle/antdOverride.js +1 -1
- package/es/ThemeProvider/GlobalStyle/global.js +1 -1
- package/es/ThemeProvider/index.js +3 -3
- package/es/Toc/style.js +3 -3
- package/es/TokenTag/style.js +1 -1
- package/es/Tooltip/style.js +1 -1
- package/es/styles/theme/customStylish.js +2 -2
- package/package.json +4 -1
package/es/Alert/index.js
CHANGED
|
@@ -119,6 +119,10 @@ var Alert = /*#__PURE__*/memo(function (_ref) {
|
|
|
119
119
|
fontSize: 18
|
|
120
120
|
}
|
|
121
121
|
}), /*#__PURE__*/_jsx("div", {
|
|
122
|
+
className: cx(styles.expandText),
|
|
123
|
+
onClick: function onClick() {
|
|
124
|
+
return setExpand(!expand);
|
|
125
|
+
},
|
|
122
126
|
children: (text === null || text === void 0 ? void 0 : text.detail) || 'Show Details'
|
|
123
127
|
})]
|
|
124
128
|
}), expand && /*#__PURE__*/_jsx("div", {
|
package/es/Alert/style.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export declare const useStyles: (props?: {
|
|
|
6
6
|
banner: import("antd-style").SerializedStyles;
|
|
7
7
|
colorfulText: import("antd-style").SerializedStyles;
|
|
8
8
|
container: string;
|
|
9
|
+
expandText: import("antd-style").SerializedStyles;
|
|
9
10
|
extra: import("antd-style").SerializedStyles;
|
|
10
11
|
extraBody: import("antd-style").SerializedStyles;
|
|
11
12
|
extraHeader: import("antd-style").SerializedStyles;
|
package/es/Alert/style.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
3
3
|
import { createStyles } from 'antd-style';
|
|
4
4
|
export var useStyles = createStyles(function (_ref, _ref2) {
|
|
5
5
|
var cx = _ref.cx,
|
|
@@ -14,14 +14,15 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
14
14
|
return {
|
|
15
15
|
banner: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: none;\n border-radius: 0;\n "]))),
|
|
16
16
|
colorfulText: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .", "-alert-message,.", "-alert-description {\n color: inherit;\n }\n "])), prefixCls, prefixCls),
|
|
17
|
-
container: cx(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n\n display: flex;\n flex-direction: row;\n gap: ", "px;\n align-items: flex-start;\n\n max-width: 100%;\n padding-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
container: cx(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n\n display: flex;\n flex-direction: row;\n gap: ", "px;\n align-items: flex-start;\n\n max-width: 100%;\n padding-block: ", "px;\n padding-inline: ", "px\n ", "px;\n\n .", "-alert-message {\n font-weight: ", ";\n line-height: 24px;\n word-break: break-all;\n }\n .", "-alert-icon {\n display: flex;\n align-items: center;\n height: 24px;\n margin: 0;\n }\n .", "-alert-close-icon {\n display: flex;\n align-items: center;\n height: 24px;\n margin: 0;\n }\n "])), hasTitle ? 12 : 8, baseBlockPadding, showIcon ? baseInlinePadding : baseInlinePadding * 1.5, closable ? baseInlinePadding : baseInlinePadding * 1.5, prefixCls, hasTitle ? 600 : 400, prefixCls, prefixCls), hasTitle && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .", "-alert-description {\n line-height: 1.5;\n word-break: break-all;\n opacity: 0.75;\n }\n "])), prefixCls)),
|
|
18
|
+
expandText: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n &:hover {\n cursor: pointer;\n }\n "]))),
|
|
19
|
+
extra: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n max-width: 100%;\n\n border: 1px solid;\n border-block-start: none;\n border-end-start-radius: ", "px;\n border-end-end-radius: ", "px;\n "])), token.borderRadiusLG, token.borderRadiusLG),
|
|
20
|
+
extraBody: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n overflow-x: auto;\n width: 100%;\n padding-block: ", "px;\n padding-inline: ", "px;\n "])), baseBlockPadding, baseInlinePadding),
|
|
21
|
+
extraHeader: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding-block: ", "px;\n padding-inline: ", "px;\n border-block-start: 1px dashed;\n "])), baseBlockPadding * 0.75, baseInlinePadding * 0.75),
|
|
22
|
+
hasExtra: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-block-end: none;\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n "]))),
|
|
23
|
+
variantBlock: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n border: none;\n "]))),
|
|
24
|
+
variantGhost: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background: transparent !important;\n "]))),
|
|
25
|
+
variantPure: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding: 0 !important;\n background: transparent !important;\n border: none;\n "]))),
|
|
26
|
+
variantPureExtraHeader: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-block-start: ", "px;\n margin-inline-start: ", "px;\n padding-inline: 0;\n "])), baseBlockPadding, -baseInlinePadding * 0.25)
|
|
26
27
|
};
|
|
27
28
|
});
|
package/es/BackBottom/style.js
CHANGED
|
@@ -8,5 +8,5 @@ export var useStyles = createStyles(function (_ref, visible) {
|
|
|
8
8
|
stylish = _ref.stylish,
|
|
9
9
|
cx = _ref.cx,
|
|
10
10
|
responsive = _ref.responsive;
|
|
11
|
-
return cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n pointer-events: ", ";\n\n position: absolute;\n
|
|
11
|
+
return cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n pointer-events: ", ";\n\n position: absolute;\n inset-block-end: 16px;\n inset-inline-end: 16px;\n transform: translateY(", ");\n\n padding-inline: 12px !important;\n\n opacity: ", ";\n background: ", ";\n border-color: ", " !important;\n border-radius: 16px !important;\n\n ", " {\n inset-inline-end: 0;\n border-inline-end: none;\n border-start-end-radius: 0 !important;\n border-end-end-radius: 0 !important;\n }\n "])), visible ? 'all' : 'none', visible ? 0 : '16px', visible ? 1 : 0, rgba(token.colorBgContainer, 0.5), token.colorFillTertiary, responsive.mobile));
|
|
12
12
|
});
|
package/es/Burger/style.js
CHANGED
|
@@ -10,8 +10,8 @@ export var useStyles = createStyles(function (_ref, headerHeight) {
|
|
|
10
10
|
return {
|
|
11
11
|
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n "])), token.controlHeight, token.controlHeight, token.borderRadius),
|
|
12
12
|
drawer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &.", "-drawer-content {\n background: transparent;\n }\n\n .", "-drawer-body {\n display: flex;\n flex-direction: column;\n }\n "])), prefixCls, prefixCls),
|
|
13
|
-
drawerRoot: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n
|
|
14
|
-
fillRect: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1;\n width: 100%;\n border-
|
|
15
|
-
menu: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background: transparent;\n border-inline-end: transparent !important;\n\n > .", "-menu-item-only-child, .", "-menu-submenu-title {\n width: 100%;\n margin: 0 !important;\n border-
|
|
13
|
+
drawerRoot: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n inset-block-start: ", "px;\n\n :focus-visible {\n outline: none;\n }\n\n .", "-drawer {\n &-mask {\n ", ";\n background-color: ", ";\n }\n\n &-content-wrapper {\n box-shadow: none;\n }\n }\n "])), headerHeight + 1, prefixCls, stylish.blur, rgba(token.colorBgLayout, 0.5)),
|
|
14
|
+
fillRect: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1;\n width: 100%;\n border-block-start: none;\n "]))),
|
|
15
|
+
menu: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background: transparent;\n border-inline-end: transparent !important;\n\n > .", "-menu-item-only-child, .", "-menu-submenu-title {\n width: 100%;\n margin: 0 !important;\n border-block-start: none;\n border-radius: 0;\n\n &:active {\n color: ", ";\n background-color: ", ";\n }\n }\n\n .", "-menu-item-only-child:first-child {\n border-block-start: none;\n }\n\n .", "-menu-submenu-title[aria-expanded='true'] {\n a {\n font-weight: 600;\n color: ", " !important;\n }\n }\n\n .", "-menu-item-group-title {\n padding-block: 8px;\n\n font-size: 12px;\n font-weight: 500;\n line-height: 1;\n text-overflow: ellipsis;\n text-transform: uppercase;\n white-space: nowrap;\n\n background: ", ";\n }\n\n .", "-menu-item {\n width: calc(100% - 16px) !important;\n margin: 8px !important;\n border-radius: ", "px;\n\n &:hover,\n &:active {\n color: ", " !important;\n background: ", " !important;\n }\n }\n\n .", "-menu-item-active {\n width: calc(100% - 16px) !important;\n margin: 8px !important;\n background: ", ";\n border-radius: ", "px;\n }\n\n .", "-menu-item-selected {\n font-weight: 600;\n color: ", ";\n background: ", ";\n\n &:hover,\n &:active {\n color: ", " !important;\n background: ", " !important;\n }\n }\n "])), prefixCls, prefixCls, token.colorText, token.colorFill, prefixCls, prefixCls, token.colorText, prefixCls, token.colorFillSecondary, prefixCls, token.borderRadius, token.colorText, token.colorFillSecondary, prefixCls, token.colorFillSecondary, token.borderRadius, prefixCls, token.colorBgLayout, token.colorText, token.colorBgLayout, token.colorText)
|
|
16
16
|
};
|
|
17
17
|
});
|
package/es/ChatHeader/style.js
CHANGED
|
@@ -8,7 +8,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
8
8
|
stylish = _ref.stylish,
|
|
9
9
|
cx = _ref.cx;
|
|
10
10
|
return {
|
|
11
|
-
container: cx(stylish.blurStrong, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 10;\n\n overflow: hidden;\n grid-area: header;\n align-self: stretch;\n\n width: 100%;\n height: 64px;\n\n background: linear-gradient(\n to bottom,\n ", ",\n ", "\n );\n border-
|
|
11
|
+
container: cx(stylish.blurStrong, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 10;\n\n overflow: hidden;\n grid-area: header;\n align-self: stretch;\n\n width: 100%;\n height: 64px;\n\n background: linear-gradient(\n to bottom,\n ", ",\n ", "\n );\n border-block-end: 1px solid ", ";\n "])), rgba(token.colorBgLayout, 0.8), rgba(token.colorBgLayout, 0.4), token.colorBorder)),
|
|
12
12
|
left: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n flex: 1;\n "]))),
|
|
13
13
|
right: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n flex: none;\n "])))
|
|
14
14
|
};
|
|
@@ -14,8 +14,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
14
14
|
var useStyles = createStyles(function (_ref) {
|
|
15
15
|
var css = _ref.css;
|
|
16
16
|
return {
|
|
17
|
-
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n height: 100%;\n padding: 12px
|
|
18
|
-
textarea: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: 100% !important;\n padding: 0 24px;\n line-height: 1.5;\n "]))),
|
|
17
|
+
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n height: 100%;\n padding-block: 12px 16px;\n padding-inline: 0;\n "]))),
|
|
18
|
+
textarea: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: 100% !important;\n padding-block: 0;\n padding-inline: 24px;\n line-height: 1.5;\n "]))),
|
|
19
19
|
textareaContainer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n flex: 1;\n "])))
|
|
20
20
|
};
|
|
21
21
|
});
|
|
@@ -16,11 +16,11 @@ var useStyles = createStyles(function (_ref) {
|
|
|
16
16
|
var css = _ref.css,
|
|
17
17
|
token = _ref.token;
|
|
18
18
|
return {
|
|
19
|
-
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-
|
|
19
|
+
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-block: 12px 12px;\n background: ", ";\n border-block-start: 1px solid ", ";\n "])), token.colorFillQuaternary, rgba(token.colorBorder, 0.25)),
|
|
20
20
|
expand: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n height: 100%;\n background: ", ";\n "])), token.colorBgLayout),
|
|
21
|
-
expandButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n
|
|
21
|
+
expandButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n inset-inline-start: 14px;\n "]))),
|
|
22
22
|
expandTextArea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1;\n "]))),
|
|
23
|
-
inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n height: inherit;\n padding: 0 8px;\n "])))
|
|
23
|
+
inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n height: inherit;\n padding-block: 0;\n padding-inline: 8px;\n "])))
|
|
24
24
|
};
|
|
25
25
|
});
|
|
26
26
|
var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
package/es/ChatItem/style.js
CHANGED
|
@@ -14,24 +14,24 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
14
14
|
avatarSize = _ref2.avatarSize,
|
|
15
15
|
editing = _ref2.editing,
|
|
16
16
|
time = _ref2.time;
|
|
17
|
-
var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 8px 12px;\n background-color: ", ";\n border-radius: ", "px;\n transition: background-color 100ms ", ";\n "])), primary ? isDarkMode ? token.colorFill : token.colorBgElevated : isDarkMode ? token.colorFillSecondary : token.colorBgContainer, token.borderRadiusLG, token.motionEaseOut);
|
|
18
|
-
var pureStylish = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-
|
|
19
|
-
var pureContainerStylish = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-
|
|
17
|
+
var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-block: 8px;\n padding-inline: 12px;\n\n background-color: ", ";\n border-radius: ", "px;\n\n transition: background-color 100ms ", ";\n "])), primary ? isDarkMode ? token.colorFill : token.colorBgElevated : isDarkMode ? token.colorFillSecondary : token.colorBgContainer, token.borderRadiusLG, token.motionEaseOut);
|
|
18
|
+
var pureStylish = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-block-start: ", ";\n "])), title ? 0 : '6px');
|
|
19
|
+
var pureContainerStylish = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-block-end: -16px;\n transition: background-color 100ms ", ";\n "])), token.motionEaseOut);
|
|
20
20
|
var typeStylish = type === 'block' ? blockStylish : pureStylish;
|
|
21
21
|
var editingStylish = editing && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n "])));
|
|
22
22
|
return {
|
|
23
23
|
actions: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex: none;\n align-self: ", ";\n justify-content: ", ";\n "])), type === 'block' ? 'flex-end' : placement === 'left' ? 'flex-start' : 'flex-end', placement === 'left' ? 'flex-end' : 'flex-start'), editing && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n pointer-events: none !important;\n opacity: 0 !important;\n "])))),
|
|
24
24
|
avatarContainer: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: relative;\n flex: none;\n width: ", "px;\n height: ", "px;\n "])), avatarSize, avatarSize),
|
|
25
25
|
avatarGroupContainer: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), avatarSize),
|
|
26
|
-
container: cx(type === 'pure' && pureContainerStylish, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n max-width: 100vw;\n padding: 16px;\n\n time {\n display: inline-block;\n white-space: nowrap;\n }\n\n div[role='menubar'] {\n display: flex;\n }\n\n time,\n div[role='menubar'] {\n pointer-events: none;\n opacity: 0;\n transition: opacity 200ms ", ";\n }\n\n &:hover {\n time,\n div[role='menubar'] {\n pointer-events: unset;\n opacity: 1;\n }\n }\n\n ", " {\n padding: 4px 8px;\n }\n "])), token.motionEaseOut, responsive.mobile)),
|
|
27
|
-
editingContainer: cx(editingStylish, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding: 8px 12px 12px;\n border: 1px solid ", ";\n\n &:active,\n &:hover {\n border-color: ", ";\n }\n "])), token.colorBorderSecondary, token.colorBorder), type === 'pure' && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: ", "px;\n "])), token.colorFillQuaternary, token.borderRadius)),
|
|
26
|
+
container: cx(type === 'pure' && pureContainerStylish, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n max-width: 100vw;\n padding: 16px;\n\n time {\n display: inline-block;\n white-space: nowrap;\n }\n\n div[role='menubar'] {\n display: flex;\n }\n\n time,\n div[role='menubar'] {\n pointer-events: none;\n opacity: 0;\n transition: opacity 200ms ", ";\n }\n\n &:hover {\n time,\n div[role='menubar'] {\n pointer-events: unset;\n opacity: 1;\n }\n }\n\n ", " {\n padding-block: 4px;\n padding-inline: 8px;\n }\n "])), token.motionEaseOut, responsive.mobile)),
|
|
27
|
+
editingContainer: cx(editingStylish, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding-block: 8px 12px;\n padding-inline: 12px;\n border: 1px solid ", ";\n\n &:active,\n &:hover {\n border-color: ", ";\n }\n "])), token.colorBorderSecondary, token.colorBorder), type === 'pure' && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: ", "px;\n "])), token.colorFillQuaternary, token.borderRadius)),
|
|
28
28
|
editingInput: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n "]))),
|
|
29
29
|
errorContainer: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n width: 100%;\n "]))),
|
|
30
|
-
loading: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: absolute;\n
|
|
30
|
+
loading: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: absolute;\n inset-block-end: 0;\n inset-inline: ", "\n ", ";\n\n width: 16px;\n height: 16px;\n\n color: ", ";\n\n background: ", ";\n border-radius: 50%;\n "])), placement === 'right' ? '-4px' : 'unset', placement === 'left' ? '-4px' : 'unset', token.colorBgLayout, token.colorPrimary),
|
|
31
31
|
message: cx(typeStylish, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n position: relative;\n\n ", " {\n width: 100%;\n }\n "])), responsive.mobile)),
|
|
32
|
-
messageContainer: cx(editingStylish, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n max-width: 100%;\n margin-
|
|
32
|
+
messageContainer: cx(editingStylish, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n max-width: 100%;\n margin-block-start: ", "px;\n\n ", " {\n overflow-x: auto;\n }\n "])), time ? -16 : 0, responsive.mobile)),
|
|
33
33
|
messageContent: cx(editingStylish, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n position: relative;\n overflow-x: hidden;\n max-width: 100%;\n\n ", " {\n flex-direction: column !important;\n }\n "])), responsive.mobile)),
|
|
34
34
|
messageExtra: cx('message-extra'),
|
|
35
|
-
name: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-
|
|
35
|
+
name: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-block-end: 6px;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n text-align: ", ";\n "])), token.colorTextDescription, placement === 'left' ? 'left' : 'right')
|
|
36
36
|
};
|
|
37
37
|
});
|
package/es/CodeEditor/style.js
CHANGED
|
@@ -7,10 +7,10 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
7
7
|
token = _ref.token;
|
|
8
8
|
var type = _ref2.type,
|
|
9
9
|
resize = _ref2.resize;
|
|
10
|
-
var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 8px 12px;\n\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n\n transition:\n background-color 100ms ", ",\n border-color 200ms ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary, token.borderRadius, token.motionEaseOut, token.motionEaseOut, type === 'block' ? token.colorFillSecondary : token.colorFillQuaternary, token.colorBorder);
|
|
10
|
+
var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-block: 8px;\n padding-inline: 12px;\n\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n\n transition:\n background-color 100ms ", ",\n border-color 200ms ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary, token.borderRadius, token.motionEaseOut, token.motionEaseOut, type === 'block' ? token.colorFillSecondary : token.colorFillQuaternary, token.colorBorder);
|
|
11
11
|
return {
|
|
12
|
-
container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow
|
|
12
|
+
container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden auto;\n width: 100%;\n height: fit-content;\n "])))),
|
|
13
13
|
editor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n resize: ", ";\n height: fit-content;\n min-height: 100%;\n font-family: ", " !important;\n\n textarea {\n min-height: 36px !important;\n }\n\n pre {\n min-height: 36px !important;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre-wrap;\n\n &.shiki {\n margin: 0;\n }\n }\n "])), resize ? 'vertical' : 'none', token.fontFamilyCode),
|
|
14
|
-
textarea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n overflow
|
|
14
|
+
textarea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n overflow: hidden auto;\n\n height: 100% !important;\n\n color: transparent !important;\n word-break: break-all !important;\n word-wrap: break-word !important;\n\n caret-color: ", ";\n\n -webkit-text-fill-color: unset !important;\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n }\n "])), token.colorText, token.colorTextQuaternary)
|
|
15
15
|
};
|
|
16
16
|
});
|
|
@@ -5,9 +5,9 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
5
5
|
var css = _ref.css,
|
|
6
6
|
token = _ref.token;
|
|
7
7
|
return {
|
|
8
|
-
body: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow
|
|
8
|
+
body: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow: hidden auto;\n padding: 16px;\n "]))),
|
|
9
9
|
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n "]))),
|
|
10
|
-
footer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 8px 16px;\n border-
|
|
11
|
-
header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding: 8px 16px;\n font-weight: 500;\n border-
|
|
10
|
+
footer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-block: 8px;\n padding-inline: 16px;\n border-block-start: 1px solid ", ";\n "])), token.colorBorderSecondary),
|
|
11
|
+
header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-block: 8px;\n padding-inline: 16px;\n font-weight: 500;\n border-block-end: 1px solid ", ";\n "])), token.colorBorderSecondary)
|
|
12
12
|
};
|
|
13
13
|
});
|
|
@@ -11,22 +11,22 @@ export var useStyles = createStyles(function (_ref, headerHeight) {
|
|
|
11
11
|
var commonToggle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 101;\n opacity: 0;\n transition: all 0.2s ", ";\n\n &:hover {\n opacity: 1 !important;\n }\n\n &:active {\n opacity: 1 !important;\n }\n\n > div {\n cursor: pointer;\n\n position: absolute;\n\n color: ", ";\n\n background: ", ";\n border-color: ", ";\n border-style: solid;\n border-width: 1px;\n border-radius: 4px;\n\n transition: all 0.2s ", ";\n\n &:hover {\n color: ", ";\n background: ", ";\n }\n\n &:active {\n color: ", ";\n background: ", ";\n }\n }\n "])), token.motionEaseOut, token.colorTextTertiary, token.colorFillTertiary, token.colorBorderSecondary, token.motionEaseOut, token.colorTextSecondary, token.colorFillSecondary, token.colorText, token.colorFill);
|
|
12
12
|
var float = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 200;\n "])));
|
|
13
13
|
return {
|
|
14
|
-
bottomFloat: cx(float, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n
|
|
15
|
-
bottomHandle: cx("".concat(prefix, "-bottom-handle"), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n\n &::before {\n
|
|
14
|
+
bottomFloat: cx(float, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n inset-block-end: 0;\n inset-inline: 0 0;\n width: 100%;\n "])))),
|
|
15
|
+
bottomHandle: cx("".concat(prefix, "-bottom-handle"), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n\n &::before {\n inset-block-end: 50%;\n width: 100%;\n height: 2px;\n }\n "])), commonHandle)),
|
|
16
16
|
container: cx(prefix, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n border: 0 solid ", ";\n\n &:hover {\n .", "-toggle {\n opacity: 1;\n }\n }\n "])), token.colorBorderSecondary, prefix)),
|
|
17
17
|
fixed: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: relative;\n "]))),
|
|
18
|
-
fullscreen: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n position: absolute;\n inset: ", "px 0 0
|
|
18
|
+
fullscreen: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n position: absolute;\n inset-block: ", "px 0;\n inset-inline: 0;\n\n width: 100%;\n height: calc(100% - ", "px);\n\n background: ", ";\n "])), headerHeight, headerHeight, token.colorBgLayout),
|
|
19
19
|
handlerIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ", ";\n "])), token.motionEaseOut),
|
|
20
|
-
leftFloat: cx(float, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n
|
|
21
|
-
leftHandle: cx(css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n ", ";\n\n &::before {\n
|
|
20
|
+
leftFloat: cx(float, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n inset-block: ", "px 0;\n inset-inline-start: 0;\n height: calc(100% - ", "px);\n "])), headerHeight, headerHeight)),
|
|
21
|
+
leftHandle: cx(css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n ", ";\n\n &::before {\n inset-inline-start: 50%;\n width: 2px;\n height: 100%;\n }\n "])), commonHandle), "".concat(prefix, "-left-handle")),
|
|
22
22
|
panel: cx("".concat(prefix, "-fixed"), css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n overflow: hidden;\n transition: all 0.2s ", ";\n "])), token.motionEaseOut)),
|
|
23
|
-
rightFloat: cx(float, css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n
|
|
24
|
-
rightHandle: cx(css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n ", ";\n &::before {\n
|
|
25
|
-
toggleBottom: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-bottom"), commonToggle, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n
|
|
26
|
-
toggleLeft: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-left"), commonToggle, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n
|
|
27
|
-
toggleRight: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-right"), commonToggle, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n
|
|
28
|
-
toggleTop: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-top"), commonToggle, css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n
|
|
29
|
-
topFloat: cx(float, css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n
|
|
30
|
-
topHandle: cx("".concat(prefix, "-top-handle"), css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n ", ";\n\n &::before {\n
|
|
23
|
+
rightFloat: cx(float, css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n inset-block: ", "px 0;\n inset-inline-end: 0;\n height: calc(100% - ", "px);\n "])), headerHeight, headerHeight)),
|
|
24
|
+
rightHandle: cx(css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n ", ";\n &::before {\n inset-inline-end: 50%;\n width: 2px;\n height: 100%;\n }\n "])), commonHandle), "".concat(prefix, "-right-handle")),
|
|
25
|
+
toggleBottom: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-bottom"), commonToggle, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n inset-block-end: -", "px;\n width: 100%;\n height: ", "px;\n\n > div {\n inset-inline-start: 50%;\n\n width: ", "px;\n height: 16px;\n margin-inline-start: -20px;\n\n border-radius: 0 0 4px 4px;\n }\n "])), offset, toggleShort, toggleLength)),
|
|
26
|
+
toggleLeft: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-left"), commonToggle, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n inset-inline-start: -", "px;\n width: ", "px;\n height: 100%;\n\n > div {\n inset-block-start: 50%;\n\n width: ", "px;\n height: ", "px;\n margin-block-start: -20px;\n\n border-radius: 4px 0 0 4px;\n }\n "])), offset, toggleShort, toggleShort, toggleLength)),
|
|
27
|
+
toggleRight: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-right"), commonToggle, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n inset-inline-end: -", "px;\n width: ", "px;\n height: 100%;\n\n > div {\n inset-block-start: 50%;\n\n width: ", "px;\n height: ", "px;\n margin-block-start: -20px;\n\n border-radius: 0 4px 4px 0;\n }\n "])), offset, toggleShort, toggleShort, toggleLength)),
|
|
28
|
+
toggleTop: cx("".concat(prefix, "-toggle"), "".concat(prefix, "-toggle-top"), commonToggle, css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n inset-block-start: -", "px;\n width: 100%;\n height: ", "px;\n\n > div {\n inset-inline-start: 50%;\n\n width: ", "px;\n height: ", "px;\n margin-inline-start: -20px;\n\n border-radius: 4px 4px 0 0;\n }\n "])), offset, toggleShort, toggleLength, toggleShort)),
|
|
29
|
+
topFloat: cx(float, css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n inset-block-start: ", "px;\n inset-inline: 0 0;\n width: 100%;\n "])), headerHeight)),
|
|
30
|
+
topHandle: cx("".concat(prefix, "-top-handle"), css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n ", ";\n\n &::before {\n inset-block-start: 50%;\n width: 100%;\n height: 2px;\n }\n "])), commonHandle))
|
|
31
31
|
};
|
|
32
32
|
});
|
package/es/EmptyCard/style.js
CHANGED
|
@@ -6,9 +6,9 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
6
6
|
token = _ref.token,
|
|
7
7
|
isDarkMode = _ref.isDarkMode;
|
|
8
8
|
return {
|
|
9
|
-
close: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n
|
|
9
|
+
close: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n inset-block-start: 8px;\n inset-inline-end: 8px;\n "]))),
|
|
10
10
|
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n background: linear-gradient(\n to bottom,\n ", ",\n ", "\n );\n border: 1px solid ", ";\n border-radius: ", "px;\n "])), isDarkMode ? token.colorBgElevated : token.colorBgLayout, token.colorBgContainer, token.colorBorderSecondary, token.borderRadius),
|
|
11
|
-
content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 0 16px 16px;\n "]))),
|
|
11
|
+
content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-block: 0 16px;\n padding-inline: 16px;\n "]))),
|
|
12
12
|
desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n "])), token.colorTextDescription),
|
|
13
13
|
image: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n align-self: center;\n "])))
|
|
14
14
|
};
|
package/es/Features/style.js
CHANGED
|
@@ -20,11 +20,11 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
20
20
|
var withTransition = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n transition: all ", " ", ";\n "])), token.motionDurationSlow, token.motionEaseInOutCirc);
|
|
21
21
|
return {
|
|
22
22
|
cell: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n overflow: hidden;\n "]))),
|
|
23
|
-
container: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n position: relative;\n z-index: 1;\n\n padding: 24px;\n height: 228px;\n max-height: 228px;\n\n overflow: hidden;\n\n p {\n font-size: 16px;\n line-height: 1.2;\n text-align:
|
|
24
|
-
desc: cx(descCls, withTransition, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n pointer-events: none;\n color: ", ";\n\n quotient {\n position: relative;\n\n display: block;\n\n margin: 12px 0;\n padding-
|
|
23
|
+
container: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n position: relative;\n z-index: 1;\n\n padding: 24px;\n height: 228px;\n max-height: 228px;\n\n overflow: hidden;\n\n p {\n font-size: 16px;\n line-height: 1.2;\n text-align: start;\n word-break: break-word;\n }\n\n &:hover {\n .", " {\n width: 100%;\n height: ", "px;\n padding: 0;\n background: ", ";\n }\n\n .", " {\n ", ";\n }\n\n .", " {\n position: absolute;\n visibility: hidden;\n opacity: 0;\n }\n\n .", " {\n font-size: ", "px;\n }\n }\n "])), withTransition, coverCls, scaleUnit * rowNum, token.colorFillContent, imgCls, genSize(100), descCls, titleCls, hasLink ? 14 : 20),
|
|
24
|
+
desc: cx(descCls, withTransition, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n pointer-events: none;\n color: ", ";\n\n quotient {\n position: relative;\n\n display: block;\n\n margin-block: 12px;\n margin-inline: 0;\n padding-inline-start: 12px;\n\n color: ", ";\n }\n "])), token.colorTextSecondary, token.colorTextDescription)),
|
|
25
25
|
img: cx(imgCls, withTransition, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", ";\n color: ", ";\n "])), genSize(20), token.colorText)),
|
|
26
26
|
imgContainer: cx(coverCls, withTransition, css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", ";\n padding: 4px;\n opacity: 0.8;\n border-radius: ", "px;\n "])), genSize(24), token.borderRadius)),
|
|
27
|
-
link: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", ";\n margin-
|
|
28
|
-
title: cx(titleCls, withTransition, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n pointer-events: none;\n\n margin: 16px 0;\n\n font-size: 20px;\n line-height: ", ";\n color: ", ";\n "])), token.lineHeightHeading3, token.colorText))
|
|
27
|
+
link: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", ";\n margin-block-start: 24px;\n "])), withTransition),
|
|
28
|
+
title: cx(titleCls, withTransition, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n pointer-events: none;\n\n margin-block: 16px;\n margin-inline: 0;\n\n font-size: 20px;\n line-height: ", ";\n color: ", ";\n "])), token.lineHeightHeading3, token.colorText))
|
|
29
29
|
};
|
|
30
30
|
});
|
package/es/FluentEmoji/index.js
CHANGED
|
@@ -45,7 +45,7 @@ var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
|
|
|
45
45
|
return genCdnUrl({
|
|
46
46
|
path: "assets/".concat(emojiName, ".webp"),
|
|
47
47
|
pkg: '@lobehub/assets-emoji-anim',
|
|
48
|
-
version: '
|
|
48
|
+
version: 'latest'
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
51
|
case '3d':
|
|
@@ -53,7 +53,7 @@ var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
|
|
|
53
53
|
return genCdnUrl({
|
|
54
54
|
path: "assets/".concat(emojiName, ".webp"),
|
|
55
55
|
pkg: '@lobehub/assets-emoji',
|
|
56
|
-
version: '
|
|
56
|
+
version: 'latest'
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
}
|
package/es/Footer/style.js
CHANGED
|
@@ -9,7 +9,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
9
9
|
contentMaxWidth = _ref2.contentMaxWidth;
|
|
10
10
|
var prefix = "rc-footer";
|
|
11
11
|
return {
|
|
12
|
-
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n grid-area: footer;\n align-self: stretch;\n\n color: ", ";\n text-align: center;\n\n border-
|
|
13
|
-
footer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 1.5;\n color: ", ";\n background-color: ", ";\n\n &.", " {\n a {\n color: ", ";\n text-decoration: none;\n transition: all 0.3s;\n\n &:hover {\n color: ", ";\n }\n }\n }\n\n .", " {\n &-container {\n width: 100%;\n max-width: ", "px;\n margin: auto;\n padding: ", ";\n }\n\n &-columns {\n display: flex;\n justify-content: space-around;\n }\n\n &-column {\n text-align:
|
|
12
|
+
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n grid-area: footer;\n align-self: stretch;\n\n color: ", ";\n text-align: center;\n\n border-block-start: 1px solid ", ";\n\n ", " {\n flex-direction: column;\n border: none;\n }\n "])), token.colorTextDescription, token.colorSplit, responsive.mobile),
|
|
13
|
+
footer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 1.5;\n color: ", ";\n background-color: ", ";\n\n &.", " {\n a {\n color: ", ";\n text-decoration: none;\n transition: all 0.3s;\n\n &:hover {\n color: ", ";\n }\n }\n }\n\n .", " {\n &-container {\n width: 100%;\n max-width: ", "px;\n margin: auto;\n padding: ", ";\n }\n\n &-columns {\n display: flex;\n justify-content: space-around;\n }\n\n &-column {\n text-align: start;\n\n h2 {\n position: relative;\n\n margin-block: 0;\n margin-inline: auto;\n\n font-size: 16px;\n font-weight: 500;\n color: ", ";\n }\n\n &-icon {\n position: relative;\n inset-block-start: -1px;\n\n display: inline-block;\n\n width: 22px;\n margin-inline-end: 0.5em;\n\n text-align: center;\n vertical-align: middle;\n\n > span,\n > svg,\n img {\n display: block;\n width: 100%;\n }\n }\n }\n\n &-item {\n margin-block: 12px;\n margin-inline: 0;\n\n &-icon {\n position: relative;\n inset-block-start: -1px;\n\n display: inline-block;\n\n width: 16px;\n margin-inline-end: 0.4em;\n\n text-align: center;\n vertical-align: middle;\n\n > span,\n > svg,\n img {\n display: block;\n width: 100%;\n }\n }\n\n &-separator {\n margin-block: 0;\n margin-inline: 0.3em;\n }\n }\n\n &-bottom {\n color: ", ";\n\n &-container {\n width: 100%;\n max-width: ", "px;\n margin-block: 0;\n margin-inline: auto;\n padding-block: 16px;\n padding-inline: 0;\n\n line-height: 32px;\n text-align: center;\n }\n }\n\n &-light {\n color: rgba(0, 0, 0, 85%);\n background-color: transparent;\n\n h2,\n a {\n color: rgba(0, 0, 0, 85%);\n }\n }\n\n &-light &-bottom-container {\n border-block-start-color: #e8e8e8;\n }\n\n &-light &-item-separator,\n &-light &-item-description {\n color: rgba(0, 0, 0, 45%);\n }\n }\n\n ", " {\n .", " {\n &-container {\n padding-block: 40px;\n padding-inline: 0;\n }\n\n &-columns {\n display: block;\n }\n\n &-column {\n display: block;\n margin-block-end: 40px;\n text-align: center;\n\n &:last-child {\n margin-block-end: 0;\n }\n }\n }\n }\n "])), token.colorTextSecondary, token.colorBgLayout, prefix, token.colorTextTertiary, token.colorLinkHover, prefix, contentMaxWidth, isEmpty ? '0' : '60px 0 20px', token.colorText, token.colorTextDescription, contentMaxWidth, responsive.mobile, prefix)
|
|
14
14
|
};
|
|
15
15
|
});
|
|
@@ -27,10 +27,10 @@ export var useStyles = createStyles(function (_ref, variant) {
|
|
|
27
27
|
var variantStyle = cx(variant === 'default' && defaultStyle, variant === 'block' && blockStyle, variant === 'ghost' && ghostStyle, variant === 'pure' && pureStyle);
|
|
28
28
|
return {
|
|
29
29
|
flatGroup: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n overflow: hidden;\n padding-inline: 16px;\n "]))), variantStyle),
|
|
30
|
-
group: cx(isDarkMode && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n .", "-collapse-content {\n background: transparent;\n border-color: ", ";\n }\n\n .", "-collapse-header {\n background: ", ";\n }\n "])), prefixCls, token.colorBorderSecondary, prefixCls, token.colorFillTertiary), css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n\n .", "-collapse-item {\n border: none;\n }\n\n .", "-collapse-header {\n align-items: center !important;\n border-radius: 0 !important;\n }\n\n .", "-collapse-content-box {\n padding-
|
|
30
|
+
group: cx(isDarkMode && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n .", "-collapse-content {\n background: transparent;\n border-color: ", ";\n }\n\n .", "-collapse-header {\n background: ", ";\n }\n "])), prefixCls, token.colorBorderSecondary, prefixCls, token.colorFillTertiary), css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n\n .", "-collapse-item {\n border: none;\n }\n\n .", "-collapse-header {\n align-items: center !important;\n border-radius: 0 !important;\n }\n\n .", "-collapse-content-box {\n padding-block: 0 !important;\n }\n\n .", "-form-item-label {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n "])), prefixCls, prefixCls, prefixCls, prefixCls), variantStyle),
|
|
31
31
|
icon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n transition: all 100ms ", ";\n "])), token.motionEaseOut),
|
|
32
32
|
mobileFlatGroup: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), token.borderRadiusLG),
|
|
33
|
-
mobileGroupBody: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding: 0 16px;\n background: ", ";\n "])), token.colorBgContainer),
|
|
33
|
+
mobileGroupBody: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding-block: 0;\n padding-inline: 16px;\n background: ", ";\n "])), token.colorBgContainer),
|
|
34
34
|
mobileGroupHeader: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding: 16px;\n background: ", ";\n "])), token.colorBgLayout),
|
|
35
35
|
title: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n align-items: center;\n font-size: 16px;\n font-weight: 600;\n\n .anticon {\n color: ", ";\n }\n\n ", " {\n font-size: 14px;\n font-weight: 400;\n opacity: 0.5;\n }\n "])), token.colorPrimary, responsive.mobile)
|
|
36
36
|
};
|
|
@@ -20,8 +20,8 @@ export var useStyles = createStyles(function (_ref, itemMinWidth) {
|
|
|
20
20
|
responsive = _ref.responsive,
|
|
21
21
|
prefixCls = _ref.prefixCls;
|
|
22
22
|
return {
|
|
23
|
-
item: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 16px 0;\n\n .", "-row {\n justify-content: space-between;\n\n > div {\n flex: unset !important;\n flex-grow: unset !important;\n }\n }\n\n .", "-form-item-required::before {\n align-self: flex-start;\n }\n\n ", "\n\n ", " {\n padding: 16px 0;\n\n ", "\n }\n "])), prefixCls, prefixCls, itemMinWidth && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .", "-form-item-control {\n width: ", ";\n }\n "])), prefixCls, isNumber(itemMinWidth) ? "".concat(itemMinWidth, "px") : itemMinWidth), responsive.mobile, itemMinWidth ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .", "-row {\n flex-direction: column;\n gap: 4px;\n }\n\n .", "-form-item-control {\n flex: 1;\n width: 100%;\n }\n "])), prefixCls, prefixCls) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .", "-row {\n flex-wrap: wrap;\n gap: 4px;\n }\n "])), prefixCls)),
|
|
24
|
-
itemNoDivider: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n &:not(:first-child) {\n padding-
|
|
23
|
+
item: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-block: 16px;\n padding-inline: 0;\n\n .", "-row {\n justify-content: space-between;\n\n > div {\n flex: unset !important;\n flex-grow: unset !important;\n }\n }\n\n .", "-form-item-required::before {\n align-self: flex-start;\n }\n\n ", "\n\n ", " {\n padding-block: 16px;\n padding-inline: 0;\n\n ", "\n }\n "])), prefixCls, prefixCls, itemMinWidth && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .", "-form-item-control {\n width: ", ";\n }\n "])), prefixCls, isNumber(itemMinWidth) ? "".concat(itemMinWidth, "px") : itemMinWidth), responsive.mobile, itemMinWidth ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .", "-row {\n flex-direction: column;\n gap: 4px;\n }\n\n .", "-form-item-control {\n flex: 1;\n width: 100%;\n }\n "])), prefixCls, prefixCls) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .", "-row {\n flex-wrap: wrap;\n gap: 4px;\n }\n "])), prefixCls)),
|
|
24
|
+
itemNoDivider: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n &:not(:first-child) {\n padding-block-start: 0;\n }\n "])))
|
|
25
25
|
};
|
|
26
26
|
});
|
|
27
27
|
var FormItem = /*#__PURE__*/memo(function (_ref2) {
|
|
@@ -11,7 +11,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
11
11
|
token = _ref.token,
|
|
12
12
|
prefixCls = _ref.prefixCls;
|
|
13
13
|
return {
|
|
14
|
-
formTitle: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n text-align:
|
|
14
|
+
formTitle: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n text-align: start;\n\n > div {\n font-weight: 500;\n line-height: 1;\n }\n\n > small {\n display: block;\n\n line-height: 1.2;\n color: ", ";\n word-wrap: break-word;\n white-space: pre-wrap;\n }\n\n .", "-tag {\n font-family: ", ";\n }\n "])), token.colorTextDescription, prefixCls, token.fontFamilyCode)
|
|
15
15
|
};
|
|
16
16
|
});
|
|
17
17
|
var FormTitle = /*#__PURE__*/memo(function (_ref2) {
|
|
@@ -30,7 +30,7 @@ export var useStyles = createStyles(function (_ref, size) {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
return {
|
|
33
|
-
button: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n z-index: 1;\n ", "\n border: none;\n border-radius: ", "px !important;\n\n &::before {\n content: '';\n\n position: absolute;\n z-index: -1;\n
|
|
34
|
-
glow: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n position: absolute;\n z-index: -2;\n
|
|
33
|
+
button: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n z-index: 1;\n ", "\n border: none;\n border-radius: ", "px !important;\n\n &::before {\n content: '';\n\n position: absolute;\n z-index: -1;\n inset-block-start: 1px;\n inset-inline-start: 1px;\n\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n\n background: ", ";\n border-radius: ", "px;\n }\n "])), stylish.gradientAnimation, radius, token.colorBgLayout, radius - 1),
|
|
34
|
+
glow: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n position: absolute;\n z-index: -2;\n inset-block-start: 0;\n inset-inline-start: 0;\n\n width: 100%;\n height: 100%;\n\n opacity: ", ";\n filter: blur(", "em);\n border-radius: inherit;\n "])), stylish.gradientAnimation, isDarkMode ? 0.5 : 0.3, isDarkMode ? 1.5 : 1)
|
|
35
35
|
};
|
|
36
36
|
});
|
|
@@ -14,7 +14,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
14
14
|
var width = 24;
|
|
15
15
|
var height = 36;
|
|
16
16
|
return {
|
|
17
|
-
background: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n
|
|
17
|
+
background: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n inset-block-start: ", "%;\n inset-inline-start: ", "%;\n transform: rotateX(60deg);\n\n width: ", "%;\n height: ", "%;\n\n background: ", ";\n filter: blur(2em) saturate(400%);\n border-radius: 50%;\n box-shadow:\n 0 0 1em 2em ", ",\n 0 0 3em 6em ", ",\n 0 0 6em 10em ", ",\n 0 0 8em 16em ", ";\n "])), 60 - height / 2, 50 - width / 2, width, height, scale[1], scale[1], scale[2], scale[3], scale[4]),
|
|
18
18
|
backgroundContainer: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: -1;\n inset: 0;\n\n width: 100%;\n height: 100%;\n\n perspective: 200px;\n "]))),
|
|
19
19
|
container: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n\n mask-image: linear-gradient(to bottom, transparent, #fff 30%, #fff 70%, transparent);\n mask-size: cover;\n "]))),
|
|
20
20
|
highlight: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n --duration: 6s;\n --delay: 0s;\n\n position: absolute;\n z-index: 1;\n inset: 0;\n\n animation: ", " var(--duration)\n cubic-bezier(0.62, 0.62, 0.28, 0.67) infinite;\n animation-delay: var(--delay);\n\n mask-image: linear-gradient(to bottom, transparent 40%, #fff 60%, transparent);\n mask-size: 100% 200%;\n "])), reverse ? highlightAnimationReverse : highlightAnimation)
|
package/es/Header/style.js
CHANGED
|
@@ -8,9 +8,9 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
8
8
|
token = _ref.token,
|
|
9
9
|
cx = _ref.cx;
|
|
10
10
|
return {
|
|
11
|
-
content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 64px;\n padding: 0 24px;\n background-color: ", ";\n border-
|
|
11
|
+
content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 64px;\n padding-block: 0;\n padding-inline: 24px;\n\n background-color: ", ";\n border-block-end: 1px solid ", ";\n\n ", " {\n padding-block: 0;\n padding-inline: 12px;\n }\n "])), rgba(token.colorBgLayout, 0.4), token.colorSplit, responsive.mobile),
|
|
12
12
|
header: cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n grid-area: head;\n align-self: stretch;\n width: 100%;\n "])))),
|
|
13
13
|
left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n z-index: 10;\n "]))),
|
|
14
|
-
right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n z-index: 10;\n\n &-aside {\n display: flex;\n align-items: center;\n\n ", " {\n justify-content: center;\n margin: 8px 16px;\n padding-
|
|
14
|
+
right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n z-index: 10;\n\n &-aside {\n display: flex;\n align-items: center;\n\n ", " {\n justify-content: center;\n\n margin-block: 8px;\n margin-inline: 16px;\n padding-block-start: 24px;\n\n border-block-start: 1px solid ", ";\n }\n }\n "])), responsive.mobile, token.colorBorder)
|
|
15
15
|
};
|
|
16
16
|
});
|
package/es/Hero/style.js
CHANGED
|
@@ -8,10 +8,10 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
8
8
|
token = _ref.token,
|
|
9
9
|
stylish = _ref.stylish;
|
|
10
10
|
return {
|
|
11
|
-
actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-
|
|
12
|
-
canvas: cx(stylish.gradientAnimation, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n pointer-events: none;\n\n position: absolute;\n z-index: 10;\n
|
|
11
|
+
actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-block-start: 24px;\n\n button {\n padding-inline: 32px !important;\n font-weight: 500;\n }\n\n ", " {\n flex-direction: column;\n gap: 16px;\n width: 100%;\n margin-block-start: 24px;\n\n button {\n width: 100%;\n }\n }\n "])), responsive.mobile),
|
|
12
|
+
canvas: cx(stylish.gradientAnimation, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n pointer-events: none;\n\n position: absolute;\n z-index: 10;\n inset-block-start: -250px;\n inset-inline-start: 50%;\n transform: translateX(-50%) scale(1.5);\n\n width: 600px;\n height: 400px;\n\n opacity: 0.2;\n filter: blur(100px);\n\n ", " {\n width: 200px;\n height: 300px;\n }\n "])), responsive.mobile)),
|
|
13
13
|
container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n box-sizing: border-box;\n text-align: center;\n "]))),
|
|
14
|
-
desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-
|
|
14
|
+
desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-block-start: 0;\n font-size: ", "px;\n color: ", ";\n text-align: center;\n\n ", " {\n margin-block: 24px;\n margin-inline: 16px;\n font-size: ", "px;\n }\n "])), token.fontSizeHeading3, token.colorTextSecondary, responsive.mobile, token.fontSizeHeading5),
|
|
15
15
|
title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n z-index: 10;\n margin: 0;\n font-size: 100px;\n\n ", "\n\n b {\n ", "\n position: relative;\n z-index: 5;\n background-clip: text;\n\n -webkit-text-fill-color: transparent;\n\n &::selection {\n -webkit-text-fill-color: #000 !important;\n }\n }\n "])), responsive({
|
|
16
16
|
mobile: {
|
|
17
17
|
display: 'flex',
|
|
@@ -9,7 +9,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
9
9
|
stylish = _ref.stylish;
|
|
10
10
|
var prefix = "".concat(prefixCls, "-highlighter");
|
|
11
11
|
return {
|
|
12
|
-
loading: cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 10;\n
|
|
12
|
+
loading: cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 10;\n inset-block-start: 0;\n inset-inline-end: 0;\n\n height: 34px;\n padding-block: 0;\n padding-inline: 8px;\n\n font-family: ", ";\n color: ", ";\n\n border-radius: ", ";\n "])), token.fontFamilyCode, token.colorTextTertiary, token.borderRadius)),
|
|
13
13
|
prism: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n pre {\n overflow: auto;\n font-family: ", " !important;\n }\n "])), token.fontFamilyCode),
|
|
14
14
|
shiki: cx("".concat(prefix, "-shiki"), css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin: 0;\n padding: 0;\n\n .shiki {\n overflow-x: auto;\n margin: 0;\n padding: 0;\n background: none !important;\n }\n "])))),
|
|
15
15
|
unshiki: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n "])), token.colorTextDescription)
|
package/es/Highlighter/style.js
CHANGED
|
@@ -12,10 +12,10 @@ export var useStyles = createStyles(function (_ref, type) {
|
|
|
12
12
|
var langHoverCls = "".concat(prefix, "-hover-lang");
|
|
13
13
|
var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n\n &:hover {\n background-color: ", ";\n }\n "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary);
|
|
14
14
|
return {
|
|
15
|
-
button: cx(buttonHoverCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 2;\n
|
|
15
|
+
button: cx(buttonHoverCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 2;\n inset-block-start: ", ";\n inset-inline-end: ", ";\n\n opacity: 0;\n "])), type === 'pure' ? 0 : '8px', type === 'pure' ? 0 : '8px')),
|
|
16
16
|
container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n overflow: auto;\n border-radius: ", "px;\n transition: background-color 100ms ", ";\n\n &:hover {\n .", " {\n opacity: 1;\n }\n\n .", " {\n opacity: 1;\n }\n }\n\n .prism-code {\n background: none !important;\n }\n\n pre {\n margin: 0 !important;\n padding: ", " !important;\n background: none !important;\n }\n\n code {\n background: transparent !important;\n }\n "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px 24px")),
|
|
17
|
-
header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding: 4px 8px;\n background: ", ";\n "])), token.colorFillQuaternary),
|
|
18
|
-
lang: cx(langHoverCls, stylish.blur, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 2;\n
|
|
17
|
+
header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-block: 4px;\n padding-inline: 8px;\n background: ", ";\n "])), token.colorFillQuaternary),
|
|
18
|
+
lang: cx(langHoverCls, stylish.blur, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 2;\n inset-block-end: 8px;\n inset-inline-end: 0;\n\n font-family: ", ";\n color: ", ";\n\n opacity: 0;\n\n transition: opacity 0.1s;\n "])), token.fontFamilyCode, token.colorTextSecondary)),
|
|
19
19
|
select: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n .", "-select-selection-item {\n min-width: 100px;\n padding-inline-end: 0 !important;\n color: ", ";\n text-align: center;\n }\n "])), prefixCls, token.colorTextDescription)
|
|
20
20
|
};
|
|
21
21
|
});
|
package/es/Image/style.js
CHANGED
|
@@ -14,7 +14,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
14
14
|
objectFit = _ref2.objectFit;
|
|
15
15
|
var SIZE = typeof size === 'number' ? "".concat(size, "px") : size;
|
|
16
16
|
var MIN_SIZE = typeof minSize === 'number' ? "".concat(minSize, "px") : minSize;
|
|
17
|
-
var actions = cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: absolute;\n z-index: 1;\n
|
|
17
|
+
var actions = cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: absolute;\n z-index: 1;\n inset-block-start: 0;\n inset-inline-end: 0;\n\n opacity: ", ";\n "])), alwaysShowActions ? 1 : 0));
|
|
18
18
|
return {
|
|
19
19
|
actions: actions,
|
|
20
20
|
image: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 100%;\n\n img {\n width: ", " !important;\n min-width: ", " !important;\n height: ", " !important;\n min-height: ", " !important;\n\n object-fit: ", ";\n }\n "])), SIZE, MIN_SIZE, SIZE, MIN_SIZE, objectFit || 'cover'),
|
package/es/Layout/style.js
CHANGED
|
@@ -5,15 +5,15 @@ export var useStyles = createStyles(function (_ref, headerHeight) {
|
|
|
5
5
|
var css = _ref.css,
|
|
6
6
|
stylish = _ref.stylish,
|
|
7
7
|
responsive = _ref.responsive;
|
|
8
|
-
var baseGlass = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n pointer-events: none;\n content: '';\n user-select: none;\n\n position: absolute;\n z-index: -1;\n inset: -1px
|
|
8
|
+
var baseGlass = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n pointer-events: none;\n content: '';\n user-select: none;\n\n position: absolute;\n z-index: -1;\n inset-block: -1px ", ";\n inset-inline: 0;\n "])), responsive.mobile ? '-25%' : '-50%');
|
|
9
9
|
return {
|
|
10
|
-
app: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow
|
|
10
|
+
app: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden auto;\n height: 100dvh;\n "]))),
|
|
11
11
|
aside: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: sticky;\n z-index: 2;\n height: 100%;\n "]))),
|
|
12
|
-
asideInner: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n overflow
|
|
12
|
+
asideInner: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n overflow: hidden auto;\n width: 100%;\n height: calc(100dvh - ", "px);\n "])), headerHeight),
|
|
13
13
|
content: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n flex: 1;\n max-width: 100%;\n "]))),
|
|
14
14
|
footer: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: relative;\n max-width: 100%;\n "]))),
|
|
15
15
|
glass: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n z-index: 0;\n\n &::before {\n ", ";\n ", ";\n mask-image: linear-gradient(to bottom, black ", "px, transparent);\n }\n\n &::after {\n ", ";\n }\n "])), stylish.blur, baseGlass, headerHeight, baseGlass),
|
|
16
|
-
header: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n position: sticky;\n z-index: 999;\n
|
|
16
|
+
header: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n position: sticky;\n z-index: 999;\n inset-block-start: 0;\n max-width: 100%;\n "]))),
|
|
17
17
|
main: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: stretch;\n max-width: 100vw;\n "]))),
|
|
18
18
|
toc: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""])))
|
|
19
19
|
};
|
|
@@ -5,12 +5,12 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
5
5
|
var css = _ref.css,
|
|
6
6
|
token = _ref.token;
|
|
7
7
|
return {
|
|
8
|
-
actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n
|
|
8
|
+
actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: 16px;\n transform: translateY(-50%);\n "]))),
|
|
9
9
|
active: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n "])), token.colorText, token.colorFillSecondary, token.colorFill),
|
|
10
10
|
container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n background: transparent;\n transition: background-color 200ms ", ";\n\n &:active {\n background-color: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n "])), token.colorTextTertiary, token.motionEaseOut, token.colorFillSecondary, token.colorFillTertiary),
|
|
11
11
|
content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n flex: 1;\n align-self: center;\n "]))),
|
|
12
12
|
desc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorTextDescription),
|
|
13
|
-
pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: absolute;\n
|
|
13
|
+
pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: absolute;\n inset-block-start: 6px;\n inset-inline-end: 6px;\n "]))),
|
|
14
14
|
time: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n "])), token.colorTextPlaceholder),
|
|
15
15
|
title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 16px;\n line-height: 1;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorText),
|
|
16
16
|
triangle: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n width: 10px;\n height: 10px;\n\n opacity: 0.5;\n background: ", ";\n clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n border-radius: 2px;\n "])), token.colorPrimaryBorder)
|
|
@@ -3,25 +3,19 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestruct
|
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
import { memo } from 'react';
|
|
6
|
+
import { ReactSVG } from 'react-svg';
|
|
7
|
+
import { useCdnFn } from "../ConfigProvider";
|
|
8
|
+
import { LOGO_HIGH_CONTRAST } from "./style";
|
|
6
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
10
|
var LogoHighContrast = /*#__PURE__*/memo(function (_ref) {
|
|
9
11
|
var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
10
|
-
|
|
12
|
+
var genCdnUrl = useCdnFn();
|
|
13
|
+
return /*#__PURE__*/_jsx(ReactSVG, _objectSpread({
|
|
11
14
|
fill: "currentColor",
|
|
12
15
|
fillRule: "evenodd",
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}), /*#__PURE__*/_jsx("path", {
|
|
18
|
-
d: "M195.5 145.016a50.53 50.53 0 0018.014-3.295C238.551 143.519 255 146.556 255 150c0 4.335-26.066 8.026-62.517 9.413-.201-5.525-.323-10.211-.316-14.505 1.102.071 2.214.108 3.333.108zM125 145.016a58.278 58.278 0 01-19.063-3.182C81.773 143.646 66 146.628 66 150c0 4.295 25.591 7.958 61.52 9.374.238-5.823.186-10.311-.246-14.402a59.24 59.24 0 01-2.274.044zM122.87 228c9.79-4.353 16.63-14.277 16.63-25.823 0-15.562-12.424-28.177-27.75-28.177S84 186.615 84 202.177c0 10.646 5.815 19.913 14.396 24.705 2.902-.349 5.839-.554 8.729-.554 5.259 0 10.673.678 15.745 1.672zM236 202.177c0 10.646-5.815 19.913-14.396 24.705-2.902-.349-5.839-.554-8.729-.554-5.259 0-10.673.678-15.745 1.672-9.79-4.353-16.63-14.277-16.63-25.823 0-15.562 12.424-28.177 27.75-28.177S236 186.615 236 202.177zM127 248.787S133.923 245 160 245c26.077 0 33 3.787 33 3.787S189.769 278 160 278s-33-29.213-33-29.213z"
|
|
19
|
-
}), /*#__PURE__*/_jsx("path", {
|
|
20
|
-
clipRule: "evenodd",
|
|
21
|
-
d: "M173 19.016c-6.188 0-10.711-2.238-15.68-4.697-6.295-3.114-13.305-6.583-25.32-6.303-20.261 0-30.93 9.751-40.896 18.86-1.54 1.408-3.064 2.8-4.604 4.14-1.958 1.702-11.5 7-16 9-19.683 8.748-34.5 21.5-34.5 40.5 0 3.789.584 7.447 1.672 10.895A23.93 23.93 0 0155 84.016c13.255 0 24 10.745 24 24 0 3.552-.772 6.925-2.157 9.959a40.472 40.472 0 008.042-1.174c8.866 12.225 23.528 20.215 40.115 20.215 3.041 0 6.018-.269 8.906-.783 1.675 7.287 2.007 14.011 1.594 23.782h49c-.359-9.741-.486-17.161-.085-24.451a42.76 42.76 0 0011.085 1.452c14.294 0 26.9-7.006 34.364-17.668 6.059-3.498 13.291-2.284 19.597-1.225 2.746.461 5.317.893 7.539.893 18.778 0 34-14.551 34-32.5 0-8.333-3.281-15.934-8.675-21.686-4.31 5.012-10.697 8.186-17.825 8.186-12.979 0-23.5-10.522-23.5-23.5 0-12.98-30.137-31.5-45-31.5-5.31 0-10.313.325-14.617.604-3.249.21-6.099.396-8.383.396zM234.307 82.5c1.181 3.012-2.694 4.293-4.517 1.62l-.021-.03-.032-.047-.031-.043c-7.483-10.536-20.012-17.444-34.206-17.444a42.498 42.498 0 00-16.163 3.166c-6.41 2.63-14.55 1.24-19.499-3.61-8.882-8.704-21.21-14.096-34.838-14.096-17.152 0-32.245 8.542-41 21.478-1.966 2.365-5.65 1.323-4.535-1.543.06-.155.12-.305.182-.451C86.968 54.2 104.516 42.016 125 42.016c13.628 0 25.956 5.392 34.838 14.097 4.949 4.85 13.089 6.24 19.499 3.609a42.498 42.498 0 0116.163-3.166c17.73 0 32.863 10.778 38.807 25.944z"
|
|
22
|
-
}), /*#__PURE__*/_jsx("path", {
|
|
23
|
-
d: "M83 20.516a9.5 9.5 0 11-19 0 9.5 9.5 0 0119 0zM264.5 65.016c8.56 0 15.5-6.94 15.5-15.5 0-8.56-6.94-15.5-15.5-15.5-8.56 0-15.5 6.94-15.5 15.5 0 8.56 6.94 15.5 15.5 15.5zM55 124.016c8.837 0 16-7.164 16-16 0-8.837-7.163-16-16-16s-16 7.163-16 16c0 8.836 7.163 16 16 16z"
|
|
24
|
-
})]
|
|
25
|
-
}));
|
|
16
|
+
src: genCdnUrl(LOGO_HIGH_CONTRAST),
|
|
17
|
+
viewBox: "0 0 320 320",
|
|
18
|
+
wrapper: "svg"
|
|
19
|
+
}, rest));
|
|
26
20
|
});
|
|
27
21
|
export default LogoHighContrast;
|
package/es/Logo/LogoText.js
CHANGED
|
@@ -3,18 +3,19 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestruct
|
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
import { memo } from 'react';
|
|
6
|
+
import { ReactSVG } from 'react-svg';
|
|
7
|
+
import { useCdnFn } from "../ConfigProvider";
|
|
8
|
+
import { LOGO_TEXT } from "./style";
|
|
6
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
10
|
var LogoText = /*#__PURE__*/memo(function (_ref) {
|
|
8
11
|
var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
9
|
-
|
|
12
|
+
var genCdnUrl = useCdnFn();
|
|
13
|
+
return /*#__PURE__*/_jsx(ReactSVG, _objectSpread({
|
|
10
14
|
fill: "currentColor",
|
|
11
15
|
fillRule: "evenodd",
|
|
16
|
+
src: genCdnUrl(LOGO_TEXT),
|
|
12
17
|
viewBox: "0 0 940 320",
|
|
13
|
-
|
|
14
|
-
}, rest)
|
|
15
|
-
children: /*#__PURE__*/_jsx("path", {
|
|
16
|
-
d: "M15 240.035V87.172h39.24V205.75h66.192v34.285H15zM183.731 242c-11.759 0-22.196-2.621-31.313-7.862-9.116-5.241-16.317-12.447-21.601-21.619-5.153-9.317-7.729-19.945-7.729-31.883 0-11.937 2.576-22.492 7.729-31.664 5.164-8.963 12.159-15.98 20.982-21.05l.619-.351c9.117-5.241 19.554-7.861 31.313-7.861s22.196 2.62 31.313 7.861c9.248 5.096 16.449 12.229 21.601 21.401 5.153 9.172 7.729 19.727 7.729 31.664 0 11.938-2.576 22.566-7.729 31.883-5.152 9.172-12.353 16.378-21.601 21.619-9.117 5.241-19.554 7.862-31.313 7.862zm0-32.975c4.36 0 8.191-1.092 11.494-3.275 3.436-2.184 6.144-5.387 8.126-9.609 1.982-4.367 2.973-9.536 2.973-15.505 0-5.968-.991-10.991-2.973-15.067-1.906-4.06-4.483-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.134-3.276-11.494-3.276-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275zM295.508 78l-.001 54.042a34.071 34.071 0 016.541-5.781c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.557 7.424 7.872 4.835 14.105 11.684 18.7 20.546l.325.637c4.756 9.026 7.135 19.799 7.135 32.319 0 12.666-2.379 23.585-7.135 32.757-4.624 9.026-10.966 16.087-19.025 21.182-7.928 4.95-16.78 7.425-26.557 7.425-9.644 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.355-7.532-7.226l.001 11.812h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.494 3.276-3.303 2.184-6.012 5.387-8.126 9.609-1.982 4.076-2.972 9.099-2.972 15.067 0 5.969.99 11.138 2.972 15.505 2.114 4.222 4.823 7.425 8.126 9.609 3.435 2.183 7.266 3.275 11.494 3.275s7.994-1.092 11.297-3.275c3.435-2.184 6.143-5.387 8.125-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.483-7.177-7.732-9.352l-.393-.257c-3.303-2.184-7.069-3.276-11.297-3.276zm105.335 38.653l.084.337a27.857 27.857 0 002.057 5.559c2.246 4.222 5.417 7.498 9.513 9.827 4.096 2.184 8.984 3.276 14.665 3.276 5.285 0 9.777-.801 13.477-2.403 3.579-1.632 7.1-4.025 10.564-7.182l.732-.679 19.818 22.711c-5.153 6.26-11.494 11.064-19.025 14.413-7.531 3.203-16.449 4.804-26.755 4.804-12.683 0-23.782-2.621-33.294-7.862-9.381-5.386-16.713-12.665-21.998-21.837-5.153-9.317-7.729-19.872-7.729-31.665 0-11.792 2.51-22.274 7.53-31.446 5.036-9.105 11.902-16.195 20.596-21.268l.61-.351c8.984-5.241 19.091-7.861 30.322-7.861 10.311 0 19.743 2.286 28.294 6.859l.64.347c8.72 4.659 15.656 11.574 20.809 20.746 5.153 9.172 7.729 20.309 7.729 33.411 0 1.294-.052 2.761-.156 4.4l-.042.623-.17 2.353c-.075 1.01-.151 1.973-.227 2.888h-78.044zm21.365-42.147c-4.492 0-8.456 1.092-11.891 3.276-3.303 2.184-5.879 5.314-7.729 9.39a26.04 26.04 0 00-1.117 2.79 30.164 30.164 0 00-1.121 4.499l-.058.354h43.96l-.015-.106c-.401-2.638-1.122-5.055-2.163-7.252l-.246-.503c-1.776-3.774-4.282-6.742-7.519-8.906l-.409-.266c-3.303-2.184-7.2-3.276-11.692-3.276zm111.695-62.018l-.001 57.432h53.51V87.172h39.24v152.863h-39.24v-59.617H555.9l.001 59.617h-39.24V87.172h39.24zM715.766 242c-8.72 0-16.581-1.893-23.583-5.678-6.87-3.785-12.287-9.681-16.251-17.688-3.832-8.153-5.747-18.417-5.747-30.791v-66.168h37.654v59.398c0 9.172 1.519 15.723 4.558 19.654 3.171 3.931 7.597 5.896 13.278 5.896 3.7 0 7.069-.946 10.108-2.839 3.038-1.892 5.483-4.877 7.332-8.953 1.85-4.222 2.775-9.609 2.775-16.16v-56.996h37.654v118.36h-35.871l.004-12.38c-2.642 3.197-5.682 5.868-9.12 8.012-7.002 4.222-14.599 6.333-22.791 6.333zM841.489 78l-.001 54.041a34.1 34.1 0 016.541-5.78c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.556 7.424 7.873 4.835 14.106 11.684 18.701 20.546l.325.637c4.756 9.026 7.134 19.799 7.134 32.319 0 12.666-2.378 23.585-7.134 32.757-4.624 9.026-10.966 16.087-19.026 21.182-7.927 4.95-16.779 7.425-26.556 7.425-9.645 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.354-7.531-7.224v11.81h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275 4.228 0 7.993-1.092 11.296-3.275 3.435-2.184 6.144-5.387 8.126-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.484-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.068-3.276-11.296-3.276z"
|
|
17
|
-
})
|
|
18
|
-
}));
|
|
18
|
+
wrapper: "svg"
|
|
19
|
+
}, rest));
|
|
19
20
|
});
|
|
20
21
|
export default LogoText;
|
package/es/Logo/style.d.ts
CHANGED
|
@@ -8,6 +8,16 @@ export declare const LOGO_FLAT: {
|
|
|
8
8
|
pkg: string;
|
|
9
9
|
version: string;
|
|
10
10
|
};
|
|
11
|
+
export declare const LOGO_TEXT: {
|
|
12
|
+
path: string;
|
|
13
|
+
pkg: string;
|
|
14
|
+
version: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const LOGO_HIGH_CONTRAST: {
|
|
17
|
+
path: string;
|
|
18
|
+
pkg: string;
|
|
19
|
+
version: string;
|
|
20
|
+
};
|
|
11
21
|
export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
|
|
12
22
|
extraTitle: import("antd-style").SerializedStyles;
|
|
13
23
|
}>;
|
package/es/Logo/style.js
CHANGED
|
@@ -4,12 +4,22 @@ import { createStyles } from 'antd-style';
|
|
|
4
4
|
export var LOGO_3D = {
|
|
5
5
|
path: 'assets/logo-3d.webp',
|
|
6
6
|
pkg: '@lobehub/assets-logo',
|
|
7
|
-
version: '
|
|
7
|
+
version: 'latest'
|
|
8
8
|
};
|
|
9
9
|
export var LOGO_FLAT = {
|
|
10
10
|
path: 'assets/logo-flat.svg',
|
|
11
11
|
pkg: '@lobehub/assets-logo',
|
|
12
|
-
version: '
|
|
12
|
+
version: 'latest'
|
|
13
|
+
};
|
|
14
|
+
export var LOGO_TEXT = {
|
|
15
|
+
path: 'assets/logo-text.svg',
|
|
16
|
+
pkg: '@lobehub/assets-logo',
|
|
17
|
+
version: 'latest'
|
|
18
|
+
};
|
|
19
|
+
export var LOGO_HIGH_CONTRAST = {
|
|
20
|
+
path: 'assets/logo-high-contrast.svg',
|
|
21
|
+
pkg: '@lobehub/assets-logo',
|
|
22
|
+
version: 'latest'
|
|
13
23
|
};
|
|
14
24
|
export var useStyles = createStyles(function (_ref) {
|
|
15
25
|
var css = _ref.css;
|
package/es/MobileNavBar/style.js
CHANGED
|
@@ -7,7 +7,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
7
7
|
return {
|
|
8
8
|
center: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 100%;\n "]))),
|
|
9
9
|
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n width: 100vw;\n background: ", ";\n "])), token.colorBgLayout),
|
|
10
|
-
inner: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n\n width: 100%;\n height: 44px;\n min-height: 44px;\n max-height: 44px;\n padding: 0 6px;\n "]))),
|
|
10
|
+
inner: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n\n width: 100%;\n height: 44px;\n min-height: 44px;\n max-height: 44px;\n padding-block: 0;\n padding-inline: 6px;\n "]))),
|
|
11
11
|
left: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n justify-content: flex-start;\n height: 100%;\n "]))),
|
|
12
12
|
right: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n justify-content: flex-end;\n height: 100%;\n "])))
|
|
13
13
|
};
|
|
@@ -4,8 +4,8 @@ import { createStyles } from 'antd-style';
|
|
|
4
4
|
export var useStyles = createStyles(function (_ref) {
|
|
5
5
|
var css = _ref.css;
|
|
6
6
|
return {
|
|
7
|
-
bottom: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-
|
|
7
|
+
bottom: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-block-end: env(safe-area-inset-bottom);\n "]))),
|
|
8
8
|
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n width: 100vw;\n "]))),
|
|
9
|
-
top: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-
|
|
9
|
+
top: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-block-start: env(safe-area-inset-top);\n "])))
|
|
10
10
|
};
|
|
11
11
|
});
|
package/es/MobileTabBar/style.js
CHANGED
|
@@ -7,10 +7,10 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
7
7
|
token = _ref.token;
|
|
8
8
|
return {
|
|
9
9
|
active: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n "])), token.colorPrimary),
|
|
10
|
-
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n\n width: 100vw;\n\n background: ", ";\n border-
|
|
10
|
+
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n user-select: none;\n\n width: 100vw;\n\n background: ", ";\n border-block-start: 1px solid ", ";\n "])), token.colorBgLayout, rgba(token.colorBorder, 0.25)),
|
|
11
11
|
icon: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n font-size: 24px;\n "]))),
|
|
12
12
|
inner: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 48px;\n "]))),
|
|
13
13
|
tab: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n cursor: pointer;\n width: 48px;\n height: 48px;\n color: ", ";\n "])), token.colorTextSecondary),
|
|
14
|
-
title: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 12px;\n line-height: 1;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n "])))
|
|
14
|
+
title: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 12px;\n line-height: 1.125em;\n margin-top: -0.125em;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n "])))
|
|
15
15
|
};
|
|
16
16
|
});
|
package/es/Modal/index.js
CHANGED
|
@@ -25,7 +25,7 @@ var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
25
25
|
prefixCls = _ref.prefixCls;
|
|
26
26
|
var maxHeight = _ref2.maxHeight;
|
|
27
27
|
return {
|
|
28
|
-
content: cx(maxHeight && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-modal-body {\n overflow: auto;\n max-height: ", ";\n }\n "])), prefixCls, maxHeight), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .", "-modal-footer {\n margin: 0;\n padding: 16px;\n }\n .", "-modal-header {\n display: flex;\n gap: 4px;\n align-items: center;\n justify-content: center;\n\n height: 56px;\n margin-
|
|
28
|
+
content: cx(maxHeight && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-modal-body {\n overflow: auto;\n max-height: ", ";\n }\n "])), prefixCls, maxHeight), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .", "-modal-footer {\n margin: 0;\n padding: 16px;\n }\n .", "-modal-header {\n display: flex;\n gap: 4px;\n align-items: center;\n justify-content: center;\n\n height: 56px;\n margin-block-end: 0;\n padding: 16px;\n }\n .", "-modal-content {\n overflow: hidden;\n padding: 0;\n border: 1px solid ", ";\n border-radius: ", "px;\n }\n "])), prefixCls, prefixCls, prefixCls, token.colorSplit, token.borderRadiusLG)),
|
|
29
29
|
drawerContent: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .", "-drawer-close {\n padding: 0;\n }\n .", "-drawer-wrapper-body {\n background: linear-gradient(to bottom, ", ", ", ");\n }\n .", "-drawer-header {\n padding: 8px;\n }\n\n .", "-drawer-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n padding: 16px;\n\n border: none;\n }\n "])), prefixCls, prefixCls, token.colorBgContainer, token.colorBgLayout, prefixCls, prefixCls),
|
|
30
30
|
wrap: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n overflow: hidden auto;\n backdrop-filter: blur(2px);\n "])))
|
|
31
31
|
};
|
package/es/SearchBar/style.js
CHANGED
|
@@ -8,7 +8,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
8
8
|
cx = _ref.cx;
|
|
9
9
|
return {
|
|
10
10
|
icon: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n "])), token.colorTextPlaceholder),
|
|
11
|
-
input: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n padding: 0 8px
|
|
11
|
+
input: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n padding-block: 0;\n padding-inline: 12px 8px;\n "]))),
|
|
12
12
|
search: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n max-width: 100%;\n "]))),
|
|
13
13
|
tag: cx(stylish.blur, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n pointer-events: none;\n\n position: absolute;\n z-index: 5;\n inset-block-start: 50%;\n inset-inline-end: 12px;\n transform: translateY(-50%);\n\n color: ", ";\n "])), token.colorTextDescription))
|
|
14
14
|
};
|
package/es/SideNav/style.js
CHANGED
|
@@ -4,5 +4,5 @@ import { createStyles } from 'antd-style';
|
|
|
4
4
|
export var useStyles = createStyles(function (_ref) {
|
|
5
5
|
var css = _ref.css,
|
|
6
6
|
token = _ref.token;
|
|
7
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 64px;\n height: 100%;\n min-height: 640px;\n padding: 16px 0;\n\n background: ", ";\n border-
|
|
7
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 64px;\n height: 100%;\n min-height: 640px;\n padding-block: 16px;\n padding-inline: 0;\n\n background: ", ";\n border-inline-end: 1px solid ", ";\n "])), token.colorBgContainer, token.colorBorder);
|
|
8
8
|
});
|
package/es/Snippet/style.js
CHANGED
|
@@ -8,6 +8,6 @@ export var useStyles = createStyles(function (_ref, type) {
|
|
|
8
8
|
prefixCls = _ref.prefixCls;
|
|
9
9
|
var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder);
|
|
10
10
|
return {
|
|
11
|
-
container: cx(typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n max-width: 100%;\n height: 38px;\n padding: 0 8px
|
|
11
|
+
container: cx(typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n max-width: 100%;\n height: 38px;\n padding-block: 0;\n padding-inline: 12px 8px;\n\n border-radius: ", "px;\n\n transition: background-color 100ms ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n .", "-highlighter-shiki {\n position: relative;\n overflow: hidden;\n flex: 1;\n }\n\n .prism-code {\n background: none !important;\n }\n\n pre {\n overflow: auto hidden !important;\n display: flex;\n align-items: center;\n\n width: 100%;\n height: 36px !important;\n margin: 0 !important;\n\n line-height: 1;\n\n background: none !important;\n }\n\n code[class*='language-'] {\n background: none !important;\n }\n "])), token.borderRadius, token.motionEaseOut, token.colorFillTertiary, prefixCls))
|
|
12
12
|
};
|
|
13
13
|
});
|
|
@@ -14,6 +14,6 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
14
14
|
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:hover > .", "::after {\n opacity: 1;\n }\n "])), CHILDREN_CLASSNAME),
|
|
15
15
|
content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n z-index: 2;\n\n flex-grow: 1;\n\n height: 100%;\n margin: 1px;\n\n background: ", ";\n border-radius: ", "px;\n "])), token.colorBgContainer, borderRadius - 1),
|
|
16
16
|
grid: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: grid;\n\n ", " {\n display: flex;\n flex-direction: column;\n }\n "])), responsive.mobile),
|
|
17
|
-
itemContainer: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: relative;\n\n overflow: hidden;\n\n width: 100%;\n\n background: ", ";\n border-radius: ", "px;\n\n &::before,\n &::after {\n content: '';\n\n position: absolute;\n
|
|
17
|
+
itemContainer: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: relative;\n\n overflow: hidden;\n\n width: 100%;\n\n background: ", ";\n border-radius: ", "px;\n\n &::before,\n &::after {\n content: '';\n\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n\n width: 100%;\n height: 100%;\n\n opacity: 0;\n border-radius: inherit;\n\n transition: opacity 500ms;\n }\n\n &::before {\n pointer-events: none;\n user-select: none;\n z-index: 3;\n background: radial-gradient(\n ", "px circle at var(--mouse-x) var(--mouse-y),\n ", ",\n transparent 40%\n );\n }\n\n &::after {\n z-index: 1;\n background: radial-gradient(\n ", "px circle at var(--mouse-x) var(--mouse-y),\n ", ",\n transparent 40%\n );\n }\n\n :hover::before {\n opacity: 1;\n }\n "])), rgba(token.colorBorderSecondary, 0.75), borderRadius, size, rgba(token.colorTextBase, isDarkMode ? 0.06 : 0.02), size * 0.75, rgba(token.colorTextBase, isDarkMode ? 0.4 : 0.2))
|
|
18
18
|
};
|
|
19
19
|
});
|
package/es/StoryBook/style.js
CHANGED
|
@@ -7,8 +7,8 @@ export var useStyles = createStyles(function (_ref, noPadding) {
|
|
|
7
7
|
responsive = _ref.responsive;
|
|
8
8
|
return {
|
|
9
9
|
editor: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: inherit;\n min-height: inherit;\n "]))),
|
|
10
|
-
left: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: auto;\n position: relative;\n\n ", "\n "])), !noPadding && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 40px 24px;\n "])))),
|
|
11
|
-
leva: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n --leva-sizes-controlWidth: 66%;\n --leva-colors-elevation1: ", ";\n --leva-colors-elevation2: transparent;\n --leva-colors-elevation3: ", ";\n --leva-colors-accent1: ", ";\n --leva-colors-accent2: ", ";\n --leva-colors-accent3: ", ";\n --leva-colors-highlight1: ", ";\n --leva-colors-highlight2: ", ";\n --leva-colors-highlight3: ", ";\n --leva-colors-vivid1: ", ";\n --leva-shadows-level1: unset;\n --leva-shadows-level2: unset;\n --leva-fonts-mono: ", ";\n\n overflow: auto;\n width: 100%;\n height: 100%;\n padding: 6px 0;\n\n > div {\n background: transparent;\n\n > div {\n background: transparent;\n }\n }\n\n input:checked + label > svg {\n stroke: ", ";\n }\n\n button {\n --leva-colors-accent2: ", ";\n }\n "])), token.colorFillSecondary, token.colorFillSecondary, token.colorPrimary, token.colorPrimaryHover, token.colorPrimaryActive, token.colorTextTertiary, token.colorTextSecondary, token.colorText, token.colorWarning, token.fontFamilyCode, token.colorBgLayout, token.colorFillSecondary),
|
|
10
|
+
left: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: auto;\n position: relative;\n\n ", "\n "])), !noPadding && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-block: 40px;\n padding-inline: 24px;\n "])))),
|
|
11
|
+
leva: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n --leva-sizes-controlWidth: 66%;\n --leva-colors-elevation1: ", ";\n --leva-colors-elevation2: transparent;\n --leva-colors-elevation3: ", ";\n --leva-colors-accent1: ", ";\n --leva-colors-accent2: ", ";\n --leva-colors-accent3: ", ";\n --leva-colors-highlight1: ", ";\n --leva-colors-highlight2: ", ";\n --leva-colors-highlight3: ", ";\n --leva-colors-vivid1: ", ";\n --leva-shadows-level1: unset;\n --leva-shadows-level2: unset;\n --leva-fonts-mono: ", ";\n\n overflow: auto;\n\n width: 100%;\n height: 100%;\n padding-block: 6px;\n padding-inline: 0;\n\n > div {\n background: transparent;\n\n > div {\n background: transparent;\n }\n }\n\n input:checked + label > svg {\n stroke: ", ";\n }\n\n button {\n --leva-colors-accent2: ", ";\n }\n "])), token.colorFillSecondary, token.colorFillSecondary, token.colorPrimary, token.colorPrimaryHover, token.colorPrimaryActive, token.colorTextTertiary, token.colorTextSecondary, token.colorText, token.colorWarning, token.fontFamilyCode, token.colorBgLayout, token.colorFillSecondary),
|
|
12
12
|
right: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background: ", ";\n\n ", " {\n .draggable-panel-fixed {\n width: 100% !important;\n }\n }\n "])), token.colorBgLayout, responsive.mobile)
|
|
13
13
|
};
|
|
14
14
|
});
|
package/es/TabsNav/style.js
CHANGED
|
@@ -10,6 +10,6 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
10
10
|
var paddingVertical = 6;
|
|
11
11
|
return {
|
|
12
12
|
compact: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-tabs-tab {\n margin: 4px !important;\n\n + .", "-tabs-tab {\n margin: 4px !important;\n }\n }\n "])), prefixCls, prefixCls),
|
|
13
|
-
tabs: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "-tab + ", "-tab {\n margin: ", "px 4px !important;\n padding: 0 12px !important;\n }\n\n ", "-tab {\n color: ", ";\n transition: background-color 100ms ease-out;\n\n &:first-child {\n margin: ", "px 4px ", "px
|
|
13
|
+
tabs: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "-tab + ", "-tab {\n margin-block: ", "px !important;\n margin-inline: 4px !important;\n padding-block: 0 !important;\n padding-inline: 12px !important;\n }\n\n ", "-tab {\n color: ", ";\n transition: background-color 100ms ease-out;\n\n &:first-child {\n margin-block: ", "px;\n margin-inline: 0 4px;\n padding-block: ", "px !important;\n padding-inline: 12px !important;\n }\n\n &:hover {\n color: ", " !important;\n background: ", ";\n border-radius: ", "px;\n }\n }\n\n ", "-nav {\n margin-block-end: 0;\n\n &::before {\n display: none;\n }\n }\n "])), prefix, prefix, marginHoriz, prefix, token.colorTextSecondary, marginHoriz, paddingVertical, token.colorText, token.colorFillTertiary, token.borderRadius, prefix)
|
|
14
14
|
};
|
|
15
15
|
});
|
package/es/Tag/index.js
CHANGED
|
@@ -16,7 +16,7 @@ var useStyles = createStyles(function (_ref) {
|
|
|
16
16
|
css = _ref.css,
|
|
17
17
|
token = _ref.token;
|
|
18
18
|
return {
|
|
19
|
-
small: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 2px 6px;\n line-height: 1;\n "]))),
|
|
19
|
+
small: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-block: 2px;\n padding-inline: 6px;\n line-height: 1;\n "]))),
|
|
20
20
|
tag: cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n user-select: none;\n color: ", " !important;\n background: ", ";\n border: ", "px;\n\n &:hover {\n color: ", ";\n background: ", ";\n }\n "])), token.colorTextSecondary, token.colorFillSecondary, token.borderRadius, token.colorText, token.colorFill))
|
|
21
21
|
};
|
|
22
22
|
});
|
|
@@ -3,5 +3,5 @@ var _templateObject;
|
|
|
3
3
|
import { css } from 'antd-style';
|
|
4
4
|
import { readableColor, rgba } from 'polished';
|
|
5
5
|
export default (function (token) {
|
|
6
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-checkbox-inner:after {\n border-color: ", " !important;\n }\n\n .", "-btn {\n box-shadow: none;\n }\n\n .", "-btn-primary:not(:disabled) {\n color: ", " !important;\n\n &:hover {\n color: ", " !important;\n }\n\n &:active {\n color: ", " !important;\n }\n }\n\n .", "-tooltip-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-height: unset;\n padding: 4px 8px;\n\n color: ", " !important;\n\n background-color: ", " !important;\n border-radius: ", "px !important;\n }\n\n .", "-tooltip-arrow {\n &::before,\n &::after {\n background: ", " !important;\n }\n }\n\n .", "-switch-handle::before {\n background: ", " !important;\n }\n\n .", "-image-preview-close,\n .", "-image-preview-switch-right,.", "-image-preview-switch-left {\n ", ";\n border-radius: ", "px;\n background: ", ";\n\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n padding: 0;\n }\n\n .", "-popover-inner {\n border: 1px solid ", ";\n box-shadow: ", ";\n }\n\n ul.", "-dropdown-menu {\n border: 1px solid ", ";\n border-radius: ", "px !important;\n box-shadow: ", ";\n }\n\n @media (max-width: 575px) {\n .", "-tooltip {\n display: none !important;\n }\n }\n"])), token.prefixCls, readableColor(token.colorPrimary), token.prefixCls, token.prefixCls, readableColor(token.colorPrimary), readableColor(token.colorPrimary), readableColor(token.colorPrimaryActive), token.prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, token.prefixCls, token.colorText, token.prefixCls, token.colorBgContainer, token.prefixCls, token.prefixCls, token.prefixCls, token.stylish.blur, token.borderRadiusLG, rgba(token.colorBgMask, 0.1), token.prefixCls, token.colorBorderSecondary, token.boxShadowSecondary, token.prefixCls, token.colorBorderSecondary, token.borderRadius, token.boxShadowSecondary, token.prefixCls);
|
|
6
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-checkbox-inner:after {\n border-color: ", " !important;\n }\n\n .", "-btn {\n box-shadow: none;\n }\n\n .", "-btn-primary:not(:disabled) {\n color: ", " !important;\n\n &:hover {\n color: ", " !important;\n }\n\n &:active {\n color: ", " !important;\n }\n }\n\n .", "-tooltip-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-height: unset;\n padding-block: 4px;\n padding-inline: 8px;\n\n color: ", " !important;\n\n background-color: ", " !important;\n border-radius: ", "px !important;\n }\n\n .", "-tooltip-arrow {\n &::before,\n &::after {\n background: ", " !important;\n }\n }\n\n .", "-switch-handle::before {\n background: ", " !important;\n }\n\n .", "-image-preview-close,\n .", "-image-preview-switch-right,.", "-image-preview-switch-left {\n ", ";\n border-radius: ", "px;\n background: ", ";\n\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n padding: 0;\n }\n\n .", "-popover-inner {\n border: 1px solid ", ";\n box-shadow: ", ";\n }\n\n ul.", "-dropdown-menu {\n border: 1px solid ", ";\n border-radius: ", "px !important;\n box-shadow: ", ";\n }\n\n @media (max-width: 575px) {\n .", "-tooltip {\n display: none !important;\n }\n }\n"])), token.prefixCls, readableColor(token.colorPrimary), token.prefixCls, token.prefixCls, readableColor(token.colorPrimary), readableColor(token.colorPrimary), readableColor(token.colorPrimaryActive), token.prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, token.prefixCls, token.colorText, token.prefixCls, token.colorBgContainer, token.prefixCls, token.prefixCls, token.prefixCls, token.stylish.blur, token.borderRadiusLG, rgba(token.colorBgMask, 0.1), token.prefixCls, token.colorBorderSecondary, token.boxShadowSecondary, token.prefixCls, token.colorBorderSecondary, token.borderRadius, token.boxShadowSecondary, token.prefixCls);
|
|
7
7
|
});
|
|
@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
|
|
|
2
2
|
var _templateObject;
|
|
3
3
|
import { css } from 'antd-style';
|
|
4
4
|
export default (function (token) {
|
|
5
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n html,\n body {\n --font-settings: 'cv01', 'tnum', 'kern';\n --font-variations: 'opsz' auto, tabular-nums;\n\n overflow
|
|
5
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n html,\n body {\n --font-settings: 'cv01', 'tnum', 'kern';\n --font-variations: 'opsz' auto, tabular-nums;\n\n overflow: hidden auto;\n\n margin: 0;\n padding: 0;\n\n font-family: ", ";\n font-size: ", "px;\n font-feature-settings: var(--font-settings);\n font-variation-settings: var(--font-variations);\n line-height: 1;\n color: ", ";\n text-size-adjust: none;\n text-rendering: optimizelegibility;\n vertical-align: baseline;\n\n color-scheme: dark;\n background-color: ", ";\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-overflow-scrolling: touch;\n -webkit-tap-highlight-color: transparent;\n }\n\n body {\n overflow-x: hidden;\n height: 100dvh;\n }\n\n #root {\n min-height: 100dvh;\n }\n\n code {\n font-family: ", " !important;\n\n span {\n font-family: ", " !important;\n }\n }\n\n p {\n word-wrap: break-word;\n }\n\n ::selection {\n color: #000;\n background: ", ";\n\n -webkit-text-fill-color: unset !important;\n }\n\n * {\n box-sizing: border-box;\n vertical-align: baseline;\n }\n\n @media only screen and (min-width: 574px) {\n * {\n ::-webkit-scrollbar {\n cursor: pointer;\n width: 4px;\n height: 4px;\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n cursor: pointer;\n background-color: transparent;\n border-radius: 2px;\n transition: background-color 500ms ", ";\n\n &:hover {\n background-color: ", ";\n }\n }\n\n ::-webkit-scrollbar-corner {\n display: none;\n width: 0;\n height: 0;\n }\n\n &:hover {\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n }\n }\n }\n }\n"])), token.fontFamily, token.fontSize, token.colorTextBase, token.colorBgLayout, token.fontFamilyCode, token.fontFamilyCode, token.yellow9, token.motionEaseOut, token.colorText, token.colorFill);
|
|
6
6
|
});
|
|
@@ -28,15 +28,15 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
|
|
|
28
28
|
var webfontUrls = webfonts || [genCdnUrl({
|
|
29
29
|
path: 'css/index.css',
|
|
30
30
|
pkg: '@lobehub/webfont-mono',
|
|
31
|
-
version: '
|
|
31
|
+
version: 'latest'
|
|
32
32
|
}), genCdnUrl({
|
|
33
33
|
path: 'css/index.css',
|
|
34
34
|
pkg: '@lobehub/webfont-harmony-sans',
|
|
35
|
-
version: '
|
|
35
|
+
version: 'latest'
|
|
36
36
|
}), genCdnUrl({
|
|
37
37
|
path: 'css/index.css',
|
|
38
38
|
pkg: '@lobehub/webfont-harmony-sans-sc',
|
|
39
|
-
version: '
|
|
39
|
+
version: 'latest'
|
|
40
40
|
}), genCdnUrl({
|
|
41
41
|
path: 'dist/katex.min.css',
|
|
42
42
|
pkg: 'katex',
|
package/es/Toc/style.js
CHANGED
|
@@ -13,9 +13,9 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
13
13
|
headerHeight = _ref2.headerHeight;
|
|
14
14
|
var fixHeight = 36;
|
|
15
15
|
return {
|
|
16
|
-
anchor: cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow
|
|
17
|
-
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: sticky;\n
|
|
18
|
-
expand: cx(stylish.blur, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n\n background-color: ", ";\n border-
|
|
16
|
+
anchor: cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow: hidden auto;\n max-height: 60dvh !important;\n "])))),
|
|
17
|
+
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: sticky;\n inset-block-start: ", "px;\n\n overscroll-behavior: contain;\n grid-area: toc;\n\n width: ", "px;\n margin-inline-end: 24px;\n\n border-radius: 3px;\n\n -webkit-overflow-scrolling: touch;\n\n ", " {\n position: relative;\n inset-inline-start: 0;\n width: 100%;\n margin-block-start: 0;\n }\n\n > h4 {\n margin-block: 0 8px;\n margin-inline: 0;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n }\n "])), headerHeight + 64, tocWidth, responsive.mobile, token.colorTextDescription),
|
|
18
|
+
expand: cx(stylish.blur, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n\n background-color: ", ";\n border-block-end: 1px solid ", ";\n border-radius: 0;\n box-shadow: ", ";\n\n .", "-collapse-content {\n overflow: auto;\n }\n\n .", "-collapse-header {\n z-index: 10;\n padding-block: 8px !important;\n padding-inline: 16px !important;\n }\n "])), rgba(token.colorBgLayout, 0.5), token.colorSplit, token.boxShadowSecondary, prefixCls, prefixCls)),
|
|
19
19
|
mobileCtn: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n height: ", "px;\n\n .", "-collapse-expand-icon {\n color: ", ";\n }\n "])), fixHeight, prefixCls, token.colorTextQuaternary)
|
|
20
20
|
};
|
|
21
21
|
});
|
package/es/TokenTag/style.js
CHANGED
|
@@ -28,7 +28,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
28
28
|
break;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
var roundStylish = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding: 0 ", "px
|
|
31
|
+
var roundStylish = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-block: 0;\n padding-inline: ", "px ", "px;\n background: ", ";\n border-radius: ", "px;\n "])), (HEIGHT - ICON_SIZE) / 2, (HEIGHT - ICON_SIZE) * 1.2, isDarkMode ? token.colorFillSecondary : token.colorFillTertiary, HEIGHT / 2);
|
|
32
32
|
var squareStylish = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), token.borderRadiusSM);
|
|
33
33
|
return {
|
|
34
34
|
container: cx(percentStyle, shape === 'round' ? roundStylish : squareStylish, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n user-select: none;\n\n overflow: hidden;\n\n min-width: fit-content;\n height: ", "px;\n\n font-family: ", ";\n font-size: 13px;\n line-height: 1;\n "])), HEIGHT, token.fontFamilyCode))
|
package/es/Tooltip/style.js
CHANGED
|
@@ -6,6 +6,6 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
6
6
|
token = _ref.token,
|
|
7
7
|
prefixCls = _ref.prefixCls;
|
|
8
8
|
return {
|
|
9
|
-
tooltip: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-tooltip-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-height: unset;\n padding: 4px 8px;\n\n color: ", ";\n\n background-color: ", ";\n border-radius: ", "px;\n
|
|
9
|
+
tooltip: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", "-tooltip-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-height: unset;\n padding-block: 4px;\n padding-inline: 8px;\n\n color: ", ";\n word-break: break-all;\n\n background-color: ", ";\n border-radius: ", "px;\n }\n\n .", "-tooltip-arrow {\n &::before,\n &::after {\n background: ", ";\n }\n }\n "])), prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, prefixCls, token.colorText)
|
|
10
10
|
};
|
|
11
11
|
});
|
|
@@ -13,8 +13,8 @@ export var generateCustomStylish = function generateCustomStylish(_ref) {
|
|
|
13
13
|
blurStrong: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n backdrop-filter: blur(36px);\n "]))),
|
|
14
14
|
bottomScrollbar: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n width: 0;\n height: 4px;\n background-color: transparent;\n\n &-thumb {\n background-color: ", ";\n border-radius: 4px;\n transition: background-color 500ms ", ";\n }\n\n &-corner {\n display: none;\n width: 0;\n height: 0;\n }\n }\n "])), token.colorFill, token.motionEaseOut),
|
|
15
15
|
gradientAnimation: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-image: linear-gradient(\n -45deg,\n ", ",\n ", ",\n ", ",\n ", "\n );\n background-size: 400% 400%;\n border-radius: inherit;\n animation: 5s ", " 5s ease infinite;\n "])), token.gold, token.magenta, token.geekblue, token.cyan, gradient),
|
|
16
|
-
markdown: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n color: ", ";\n\n h1,\n h2,\n h3,\n h4,\n h5 {\n font-weight: 600;\n }\n\n p {\n margin-block: 0 0;\n font-size: 14px;\n line-height: 2;\n color: ", ";\n\n + * {\n margin-block-end: 1em;\n }\n\n &:not(:last-child) {\n margin-
|
|
17
|
-
markdownInChat: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n h1 {\n margin-
|
|
16
|
+
markdown: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n color: ", ";\n\n h1,\n h2,\n h3,\n h4,\n h5 {\n font-weight: 600;\n }\n\n p {\n margin-block: 0 0;\n font-size: 14px;\n line-height: 2;\n color: ", ";\n\n + * {\n margin-block-end: 1em;\n }\n\n &:not(:last-child) {\n margin-block-end: 1.5em;\n }\n }\n\n blockquote {\n margin-block: 16px;\n margin-inline: 0;\n padding-block: 0;\n padding-inline: 12px;\n\n p {\n font-style: italic;\n color: ", ";\n }\n }\n\n a {\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n }\n\n img {\n max-width: 100%;\n }\n\n pre,\n [data-code-type='highlighter'] {\n border: none;\n border-radius: ", "px;\n\n > code {\n padding: 0 !important;\n background: unset !important;\n border: none !important;\n border-radius: unset !important;\n }\n }\n\n *:not([data-code-type='highlighter'], pre) code {\n padding-block: 2px;\n padding-inline: 6px;\n\n font-size: ", "px;\n color: ", ";\n\n background: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n }\n\n table {\n border-spacing: 0;\n\n width: 100%;\n margin-block: 1em 1em;\n margin-inline: 0 0;\n padding: 8px;\n\n border: 1px solid ", ";\n border-radius: ", "px;\n\n code {\n display: inline-flex;\n }\n }\n\n th,\n td {\n padding-block: 10px 10px;\n padding-inline: 16px 16px;\n }\n\n thead {\n tr {\n th {\n background: ", ";\n\n &:first-child {\n border-start-start-radius: ", "px;\n border-end-start-radius: ", "px;\n }\n\n &:last-child {\n border-start-end-radius: ", "px;\n border-end-end-radius: ", "px;\n }\n }\n }\n }\n\n > ul > li {\n list-style-type: disc;\n }\n\n > ol,\n > ul {\n > li {\n margin-inline-start: 24px;\n line-height: 1.8;\n\n &::marker {\n color: ", " !important;\n }\n }\n }\n\n ol,\n ul {\n > li::marker {\n color: ", ";\n }\n }\n\n details {\n margin-block-end: 1em;\n padding-block: 12px;\n padding-inline: 16px;\n\n background: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n\n transition: all 400ms ", ";\n }\n\n details[open] {\n summary {\n padding-block-end: 12px;\n border-block-end: 1px solid ", ";\n }\n }\n "])), token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, token.borderRadius, token.fontSizeSM, cyanColor, cyanBackground, isDarkMode ? token.cyan1A : token.cyan6A, token.borderRadiusSM, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, isDarkMode ? token.cyan9A : token.cyan10A, token.colorTextDescription, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadiusLG, token.motionEaseOut, token.colorBorder),
|
|
17
|
+
markdownInChat: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n h1 {\n margin-block-start: 0;\n font-size: 1.6em;\n }\n\n h2 {\n margin-block-start: 0;\n font-size: 1.4em;\n }\n\n h3 {\n margin-block-start: 0;\n font-size: 1.2em;\n }\n\n h4 {\n margin-block-start: 0;\n font-size: 1.1em;\n }\n\n h5 {\n margin-block-start: 0;\n font-size: 1em;\n }\n\n > *:last-child {\n margin-block-end: 0 !important;\n }\n\n p {\n line-height: 1.8 !important;\n white-space: pre-wrap !important;\n\n + * {\n margin-block-end: 0.5em !important;\n }\n\n &:not(:last-child) {\n margin-block-end: 1em !important;\n }\n }\n "]))),
|
|
18
18
|
noScrollbar: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n display: none;\n width: 0;\n height: 0;\n background-color: transparent;\n }\n "]))),
|
|
19
19
|
resetLinkColor: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n "])), token.colorTextSecondary, token.colorText)
|
|
20
20
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lobehub/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.131.0",
|
|
4
4
|
"description": "Lobe UI is an open-source UI component library for building AIGC web apps",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lobehub",
|
|
@@ -105,6 +105,7 @@
|
|
|
105
105
|
"react-markdown": "^8",
|
|
106
106
|
"react-rnd": "^10",
|
|
107
107
|
"react-simple-code-editor": "^0",
|
|
108
|
+
"react-svg": "^16.1.33",
|
|
108
109
|
"rehype-katex": "^6",
|
|
109
110
|
"remark-gfm": "^3",
|
|
110
111
|
"remark-math": "^5",
|
|
@@ -127,6 +128,7 @@
|
|
|
127
128
|
"@types/query-string": "^6",
|
|
128
129
|
"@types/react": "18.2.40",
|
|
129
130
|
"@types/react-dom": "^18",
|
|
131
|
+
"@types/react-svg": "^5.0.0",
|
|
130
132
|
"@types/uuid": "^9",
|
|
131
133
|
"@vitest/coverage-v8": "latest",
|
|
132
134
|
"antd-style": "^3",
|
|
@@ -148,6 +150,7 @@
|
|
|
148
150
|
"remark-cli": "^11",
|
|
149
151
|
"semantic-release": "^21",
|
|
150
152
|
"stylelint": "^15",
|
|
153
|
+
"stylelint-use-logical-spec": "^5.0.1",
|
|
151
154
|
"typescript": "^5",
|
|
152
155
|
"vitest": "latest"
|
|
153
156
|
},
|