@lobehub/ui 1.99.1 → 1.101.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.
Files changed (5) hide show
  1. package/es/Form/components/FormDivider.js +2 -1
  2. package/es/Form/components/style.js +2 -3
  3. package/es/Form/style.js +3 -2
  4. package/es/MobileTabBar/style.js +2 -3
  5. package/package.json +1 -1
package/es/Form/components/FormDivider.js CHANGED
@@ -11,7 +11,8 @@ var Divider = /*#__PURE__*/memo(function (_ref) {
11
11
  props = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/_jsx(AntDivider, _objectSpread({
13
13
  style: _objectSpread({
14
- margin: 0
14
+ margin: 0,
15
+ opacity: 0.5
15
16
  }, style)
16
17
  }, props));
17
18
  });
package/es/Form/components/style.js CHANGED
@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
2
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
3
3
  import { createStyles } from 'antd-style';
4
4
  import { isNumber } from 'lodash-es';
5
- import { rgba } from 'polished';
6
5
  export var useStyles = createStyles(function (_ref, itemMinWidth) {
7
6
  var css = _ref.css,
8
7
  cx = _ref.cx,
@@ -17,8 +16,8 @@ export var useStyles = createStyles(function (_ref, itemMinWidth) {
17
16
  icon: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n transition: all 100ms ", ";\n "])), token.motionEaseOut),
18
17
  item: css(_templateObject6 || (_templateObject6 = _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(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n .", "-form-item-control {\n width: ", ";\n }\n "])), prefixCls, isNumber(itemMinWidth) ? "".concat(itemMinWidth, "px") : itemMinWidth), responsive.mobile, itemMinWidth ? css(_templateObject8 || (_templateObject8 = _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(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n .", "-row {\n flex-wrap: wrap;\n gap: 4px;\n }\n "])), prefixCls)),
19
18
  itemNoDivider: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n &:not(:first-child) {\n padding-top: 0;\n }\n "]))),
20
- mobileGroupBody: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding: 0 16px;\n background: ", ";\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n "])), token.colorFillQuaternary, rgba(token.colorBorderSecondary, 0.5), rgba(token.colorBorderSecondary, 0.5)),
21
- mobileGroupHeader: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding: 16px;\n "]))),
19
+ mobileGroupBody: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding: 0 16px;\n background: ", ";\n "])), token.colorBgContainer),
20
+ mobileGroupHeader: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding: 16px;\n background: ", ";\n "])), token.colorBgLayout),
22
21
  title: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n gap: 8px;\n align-items: center;\n\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)
23
22
  };
24
23
  });
package/es/Form/style.js CHANGED
@@ -4,9 +4,10 @@ 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
- prefixCls = _ref.prefixCls;
7
+ prefixCls = _ref.prefixCls,
8
+ responsive = _ref.responsive;
8
9
  return {
9
10
  footer: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n "]))),
10
- form: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n .", "-form-item {\n margin: 0 !important;\n }\n\n .", "-form-item .", "-form-item-label > label {\n height: unset;\n }\n\n .", "-row {\n position: relative;\n flex-wrap: nowrap;\n }\n\n .", "-form-item-label {\n position: relative;\n flex: 1;\n max-width: 100%;\n }\n\n .", "-form-item-control {\n position: relative;\n flex: 0;\n min-width: unset !important;\n }\n\n .", "-collapse-item {\n overflow: hidden !important;\n border-radius: ", "px !important;\n }\n "])), prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, token.borderRadius)
11
+ form: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n ", " {\n gap: 0;\n }\n\n .", "-form-item {\n margin: 0 !important;\n }\n\n .", "-form-item .", "-form-item-label > label {\n height: unset;\n }\n\n .", "-row {\n position: relative;\n flex-wrap: nowrap;\n }\n\n .", "-form-item-label {\n position: relative;\n flex: 1;\n max-width: 100%;\n }\n\n .", "-form-item-control {\n position: relative;\n flex: 0;\n min-width: unset !important;\n }\n\n .", "-collapse-item {\n overflow: hidden !important;\n border-radius: ", "px !important;\n }\n "])), responsive.mobile, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, token.borderRadius)
11
12
  };
12
13
  });
package/es/MobileTabBar/style.js CHANGED
@@ -6,11 +6,10 @@ export var useStyles = createStyles(function (_ref) {
6
6
  var css = _ref.css,
7
7
  token = _ref.token,
8
8
  cx = _ref.cx,
9
- stylish = _ref.stylish,
10
- isDarkMode = _ref.isDarkMode;
9
+ stylish = _ref.stylish;
11
10
  return {
12
11
  active: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n "])), token.colorPrimary),
13
- container: cx(stylish.blur, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n\n width: 100vw;\n padding-bottom: 12px;\n\n background: ", ";\n "])), rgba(isDarkMode ? token.colorBgLayout : token.colorBgContainer, 0.5))),
12
+ container: cx(stylish.blur, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n flex: none;\n\n width: 100vw;\n padding-bottom: 12px;\n\n background: ", ";\n "])), rgba(token.colorBgLayout, 0.5))),
14
13
  icon: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n font-size: 24px;\n "]))),
15
14
  inner: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 48px;\n "]))),
16
15
  tab: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n cursor: pointer;\n width: 48px;\n height: 48px;\n color: ", ";\n "])), token.colorTextSecondary),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/ui",
3
- "version": "1.99.1",
3
+ "version": "1.101.0",
4
4
  "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
5
5
  "keywords": [
6
6
  "lobehub",