@lobehub/ui 1.34.0 → 1.34.1
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/ActionIcon/style.js +1 -1
- package/es/CodeEditor/style.js +1 -1
- package/es/ColorScales/style.js +1 -1
- package/es/GradientButton/style.js +1 -1
- package/es/Header/style.js +1 -1
- package/es/Input/style.js +1 -1
- package/es/SideNav/style.js +1 -1
- package/package.json +7 -10
package/es/ActionIcon/style.js
CHANGED
|
@@ -9,6 +9,6 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
9
9
|
var active = _ref2.active,
|
|
10
10
|
glass = _ref2.glass;
|
|
11
11
|
return {
|
|
12
|
-
block: cx(glass && stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: relative;\n\n display: flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n color: ", ";\n\n background: ", ";\n\n transition
|
|
12
|
+
block: cx(glass && stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: relative;\n\n display: flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n color: ", ";\n\n background: ", ";\n\n transition:\n color 600ms ", ",\n scale 400ms ", ",\n background-color 100ms ", ";\n\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n\n &:active {\n scale: 0.8;\n color: ", ";\n background-color: ", ";\n }\n "])), active ? token.colorText : token.colorTextTertiary, active ? token.colorFillTertiary : 'transparent', token.motionEaseOut, token.motionEaseOut, token.motionEaseOut, token.colorText, token.colorFillSecondary, token.colorText, token.colorFill))
|
|
13
13
|
};
|
|
14
14
|
});
|
package/es/CodeEditor/style.js
CHANGED
|
@@ -8,7 +8,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
8
8
|
isDarkMode = _ref.isDarkMode;
|
|
9
9
|
var type = _ref2.type,
|
|
10
10
|
resize = _ref2.resize;
|
|
11
|
-
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
|
|
11
|
+
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);
|
|
12
12
|
return {
|
|
13
13
|
container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow-x: hidden;\n overflow-y: auto;\n height: fit-content;\n "])))),
|
|
14
14
|
editor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n resize: ", ";\n height: fit-content;\n font-family: ", " !important;\n\n pre {\n word-wrap: break-word;\n white-space: pre-wrap;\n\n &.shiki {\n margin: 0;\n }\n }\n "])), resize ? 'vertical' : 'none', token.fontFamilyCode),
|
package/es/ColorScales/style.js
CHANGED
|
@@ -9,7 +9,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
9
9
|
var css = _ref.css,
|
|
10
10
|
token = _ref.token;
|
|
11
11
|
return {
|
|
12
|
-
scaleBox: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: relative;\n\n width: 48px;\n height: 32px;\n\n background-position
|
|
12
|
+
scaleBox: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n\n position: relative;\n\n width: 48px;\n height: 32px;\n\n background-position:\n 0 0,\n 0 8px,\n 8px -8px,\n -8px 0;\n background-size: 16px 16px;\n\n transition: scale 400ms ", ";\n\n &:active {\n scale: 0.8;\n }\n "])), token.motionEaseOut),
|
|
13
13
|
scaleItem: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n "]))),
|
|
14
14
|
scaleRowTitle: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n width: 64px;\n height: 32px;\n "]))),
|
|
15
15
|
text: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n opacity: 0.5;\n "]))),
|
|
@@ -8,7 +8,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
8
8
|
stylish = _ref.stylish;
|
|
9
9
|
return {
|
|
10
10
|
bg: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n background: ", ";\n border-radius: inherit;\n "])), token.colorBgLayout),
|
|
11
|
-
button: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n z-index: 1;\n background: ", ";\n border: none;\n\n &::before {\n ", "\n content: '';\n\n position: absolute;\n z-index: 0;\n inset: 0;\n\n overflow: hidden;\n\n padding: 1px;\n\n mask
|
|
11
|
+
button: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n z-index: 1;\n background: ", ";\n border: none;\n\n &::before {\n ", "\n content: '';\n\n position: absolute;\n z-index: 0;\n inset: 0;\n\n overflow: hidden;\n\n padding: 1px;\n\n mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n\n mask-composite: xor;\n }\n\n > span {\n position: relative;\n z-index: 10;\n }\n\n &:hover {\n &::before {\n mask: unset;\n }\n }\n "])), token.colorBgLayout, stylish.gradientAnimation),
|
|
12
12
|
glow: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n position: absolute;\n z-index: -1;\n top: 0;\n left: 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)
|
|
13
13
|
};
|
|
14
14
|
});
|
package/es/Header/style.js
CHANGED
|
@@ -9,7 +9,7 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
9
9
|
cx = _ref.cx;
|
|
10
10
|
return {
|
|
11
11
|
content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 64px;\n padding: 0 24px;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n\n ", " {\n padding: 0 12px;\n }\n "])), rgba(token.colorBgLayout, 0.4), token.colorSplit, responsive.mobile),
|
|
12
|
-
header: cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n
|
|
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
14
|
right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n z-index: 10;\n display: flex;\n flex: 1;\n justify-content: space-between;\n\n &-aside {\n display: flex;\n align-items: center;\n\n ", " {\n justify-content: center;\n margin: 8px 16px;\n padding-top: 24px;\n border-top: 1px solid ", ";\n }\n }\n "])), responsive.mobile, token.colorBorder)
|
|
15
15
|
};
|
package/es/Input/style.js
CHANGED
|
@@ -6,7 +6,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
6
6
|
css = _ref.css,
|
|
7
7
|
token = _ref.token;
|
|
8
8
|
var type = _ref2.type;
|
|
9
|
-
var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n transition
|
|
9
|
+
var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n transition:\n background-color 100ms ", ",\n border-color 200ms ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n }\n\n &.ant-input-affix-wrapper-focused {\n border-color: ", ";\n }\n "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, token.motionEaseOut, token.motionEaseOut, token.colorFillTertiary, token.colorTextQuaternary, token.colorTextQuaternary);
|
|
10
10
|
return {
|
|
11
11
|
input: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n max-width: 100%;\n height: ", ";\n padding: ", ";\n\n input {\n background: transparent;\n }\n "])), type === 'pure' ? 'unset' : '36px', type === 'pure' ? '0' : '0 12px')),
|
|
12
12
|
textarea: cx(type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n max-width: 100%;\n padding: ", ";\n\n textarea {\n background: transparent;\n }\n "])), type === 'pure' ? '0' : '8px 12px'))
|
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
|
|
7
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex: none;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n\n width: 64px;\n height: 100%;\n min-height: 640px;\n padding: 16px 0;\n\n background: ", ";\n border-right: 1px solid ", ";\n "])), token.colorBgContainer, token.colorBorder);
|
|
8
8
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lobehub/ui",
|
|
3
|
-
"version": "1.34.
|
|
3
|
+
"version": "1.34.1",
|
|
4
4
|
"description": "Lobe UI is an open-source UI component library for building chatbot web apps",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lobehub",
|
|
@@ -28,17 +28,15 @@
|
|
|
28
28
|
],
|
|
29
29
|
"scripts": {
|
|
30
30
|
"build": "father build",
|
|
31
|
-
"build:theme": "npm run build --prefix=packages/dumi-theme-lobehub",
|
|
32
31
|
"build:watch": "father dev",
|
|
33
32
|
"ci": "npm run lint && npm run type-check",
|
|
34
|
-
"clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache
|
|
33
|
+
"clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
|
|
35
34
|
"dev": "dumi dev",
|
|
36
|
-
"
|
|
37
|
-
"docs:build": "npm run build:theme && dumi build",
|
|
35
|
+
"docs:build": "dumi build",
|
|
38
36
|
"doctor": "father doctor",
|
|
39
|
-
"lint": "eslint \"{src,tests
|
|
37
|
+
"lint": "eslint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
|
|
40
38
|
"lint:md": "remark . --quiet --frail --output",
|
|
41
|
-
"lint:style": "stylelint \"{src,tests
|
|
39
|
+
"lint:style": "stylelint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
|
|
42
40
|
"prepare": "husky install && npm run setup",
|
|
43
41
|
"prepublishOnly": "father doctor && npm run build",
|
|
44
42
|
"prettier": "prettier -c --write --no-error-on-unmatched-pattern \"**/**\"",
|
|
@@ -120,14 +118,13 @@
|
|
|
120
118
|
"concurrently": "^8",
|
|
121
119
|
"cross-env": "^7",
|
|
122
120
|
"dumi": "^2",
|
|
123
|
-
"dumi-
|
|
124
|
-
"dumi-theme-lobehub": "workspace:latest",
|
|
121
|
+
"dumi-theme-lobehub": "latest",
|
|
125
122
|
"eslint": "^8",
|
|
126
123
|
"father": "^4",
|
|
127
124
|
"husky": "^8",
|
|
128
125
|
"jsdom": "^22",
|
|
129
126
|
"lint-staged": "^13",
|
|
130
|
-
"prettier": "^
|
|
127
|
+
"prettier": "^3",
|
|
131
128
|
"react": "^18",
|
|
132
129
|
"react-dom": "^18",
|
|
133
130
|
"remark": "^14",
|