@lobehub/ui 2.0.4 → 2.0.6

package/es/Button/Button.js

@@ -34,7 +34,7 @@ var Button = /*#__PURE__*/memo(function (_ref) {
     styles = _useStyles.styles,
     cx = _useStyles.cx,
     theme = _useStyles.theme;
-  var defaultVariant = type === 'primary' ? undefined : variant || (theme.isDarkMode ? 'filled' : 'outlined');
+  var defaultVariant = type ? undefined : variant || (theme.isDarkMode ? 'filled' : 'outlined');
   var variants = useMemo(function () {
     return cva(styles.root, {
       defaultVariants: {
@@ -43,15 +43,6 @@ var Button = /*#__PURE__*/memo(function (_ref) {
       },
       /* eslint-disable sort-keys-fix/sort-keys-fix */
       variants: {
-        variant: {
-          filled: styles.filled,
-          outlined: styles.outlined,
-          dashed: null,
-          text: null,
-          link: null,
-          normal: null,
-          solid: null
-        },
         glass: {
           false: null,
           true: styles.glass
@@ -67,8 +58,7 @@ var Button = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({
     className: cx(variants({
       glass: glass,
-      shadow: shadow,
-      variant: defaultVariant
+      shadow: shadow
     }), className),
     color: color || (defaultVariant === 'filled' ? 'default' : undefined),
     danger: danger,

package/es/Button/style.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    filled: import("antd-style").SerializedStyles;
     glass: string;
-    outlined: import("antd-style").SerializedStyles;
     root: import("antd-style").SerializedStyles;
     shadow: import("antd-style").SerializedStyles;
 }>;

package/es/Button/style.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
@@ -7,10 +7,8 @@ export var useStyles = createStyles(function (_ref) {
     stylish = _ref.stylish,
     prefixCls = _ref.prefixCls;
   return {
-    filled: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &.", "-btn.", "-btn-variant-filled {\n        ", ";\n      }\n    "])), prefixCls, prefixCls, stylish.variantFilled),
     glass: stylish.blur,
-    outlined: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &.", "-btn.", "-btn-variant-outlined {\n        ", "\n      }\n    "])), prefixCls, prefixCls, stylish.variantOutlined),
-    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &.", "-btn {\n        transition:\n          color 400ms ", ",\n          background 100ms ", ";\n\n        > .", "-btn-icon {\n          display: flex;\n        }\n      }\n    "])), prefixCls, token.motionEaseOut, token.motionEaseOut, prefixCls),
-    shadow: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      box-shadow: ", " !important;\n    "])), token.boxShadowTertiary)
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &.", "-btn {\n        > .", "-btn-icon {\n          display: flex;\n        }\n      }\n    "])), prefixCls, prefixCls),
+    shadow: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      box-shadow: ", " !important;\n    "])), token.boxShadowTertiary)
   };
 });

package/es/Drawer/Drawer.js

@@ -88,6 +88,34 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
       onClick: onClose
     }, closeIconProps))]
   });
+  var sidebarContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Flexbox, {
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.sidebar,
+      paddingBlock: 12,
+      paddingInline: 16,
+      style: _objectSpread({
+        background: theme.colorBgLayout,
+        borderRight: "1px solid ".concat(theme.colorBorderSecondary),
+        height: '100%',
+        overflowX: 'hidden',
+        overflowY: 'auto'
+      }, styles === null || styles === void 0 ? void 0 : styles.sidebar),
+      width: sidebarWidth,
+      children: sidebar
+    }), /*#__PURE__*/_jsx(Flexbox, {
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.sidebarContent,
+      flex: 1,
+      paddingBlock: 12,
+      paddingInline: 16,
+      style: _objectSpread({
+        background: theme.colorBgContainer,
+        height: '100%',
+        overflowX: 'hidden',
+        overflowY: 'auto'
+      }, styles === null || styles === void 0 ? void 0 : styles.sidebarContent),
+      children: children
+    })]
+  });
   return /*#__PURE__*/_jsx(AntdDrawer, _objectSpread(_objectSpread({
     classNames: classNames,
     closable: false,
@@ -100,7 +128,8 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
     styles: _objectSpread(_objectSpread({}, styles), {}, {
       body: _objectSpread({
         background: 'transparent',
-        padding: '0 4px'
+        paddingBlock: sidebar ? 0 : 12,
+        paddingInline: sidebar ? 0 : 16
       }, styles === null || styles === void 0 ? void 0 : styles.body),
       content: _objectSpread({
         background: sidebar ? "linear-gradient(to right, ".concat(theme.colorBgLayout, " 49.9%, ").concat(theme.colorBgContainer, " 50%)") : theme.colorBgContainer
@@ -132,43 +161,14 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
   }, rest), {}, {
     children: /*#__PURE__*/_jsxs(Flexbox, {
       className: classNames === null || classNames === void 0 ? void 0 : classNames.bodyContent,
-      height: '100%',
       horizontal: !!sidebar,
-      paddingBlock: sidebar ? undefined : 12,
-      paddingInline: sidebar ? undefined : 16,
       style: _objectSpread({
         justifySelf: 'center',
         maxWidth: containerMaxWidth,
+        minHeight: '100%',
         width: '100%'
       }, styles === null || styles === void 0 ? void 0 : styles.bodyContent),
-      children: [noHeader && extraNode, sidebar ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Flexbox, {
-          className: classNames === null || classNames === void 0 ? void 0 : classNames.sidebar,
-          paddingBlock: 12,
-          paddingInline: 16,
-          style: _objectSpread({
-            background: theme.colorBgLayout,
-            borderRight: "1px solid ".concat(theme.colorBorderSecondary),
-            height: '100%',
-            overflowX: 'hidden',
-            overflowY: 'auto'
-          }, styles === null || styles === void 0 ? void 0 : styles.sidebar),
-          width: sidebarWidth,
-          children: sidebar
-        }), /*#__PURE__*/_jsx(Flexbox, {
-          className: classNames === null || classNames === void 0 ? void 0 : classNames.sidebarContent,
-          flex: 1,
-          paddingBlock: 12,
-          paddingInline: 16,
-          style: _objectSpread({
-            background: theme.colorBgContainer,
-            height: '100%',
-            overflowX: 'hidden',
-            overflowY: 'auto'
-          }, styles === null || styles === void 0 ? void 0 : styles.sidebarContent),
-          children: children
-        })]
-      }) : children]
+      children: [noHeader && extraNode, sidebar ? sidebarContent : children]
     })
   }));
 });

package/es/Drawer/type.d.ts

@@ -10,7 +10,7 @@ export interface DrawerProps extends Omit<AntdDrawerProps, 'styles' | 'className
         title?: string;
     };
     closeIconProps?: ActionIconProps;
-    containerMaxWidth?: number;
+    containerMaxWidth?: number | string;
     noHeader?: boolean;
     ref?: Ref<HTMLDivElement>;
     sidebar?: ReactNode;

package/es/styles/theme/antdTheme.js

@@ -22,10 +22,7 @@ export var createLobeAntdTheme = function createLobeAntdTheme(_ref) {
     algorithm: isDark ? darkAlgorithm : lightAlgorithm,
     components: {
       Button: {
-        contentFontSizeSM: 12,
-        defaultActiveBorderColor: baseToken.colorBorder,
-        defaultActiveColor: baseToken.colorText,
-        groupBorderColor: baseToken.colorBorder
+        contentFontSizeSM: 12
       },
       DatePicker: {
         activeBorderColor: baseToken.colorBorder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",