@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.9

package/es/Avatar/AvatarGroup.js

@@ -1,65 +1,100 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "maxCount", "variant", "spacing", "size", "orientation", "children", "onClick"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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; }
-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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import clsx from 'clsx';
-import React, { cloneElement } from 'react';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import clsx from "clsx";
+import React, { cloneElement } from "react";
 import Avatar from "./Avatar";
 import "./AvatarGroup.css";
-var prefixCls = 'bui-avatar-group';
-var AvatarGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    maxCount = props.maxCount,
-    variant = props.variant,
-    spacing = props.spacing,
-    size = props.size,
-    orientation = props.orientation,
-    children = props.children,
-    onClick = props.onClick,
-    others = _objectWithoutProperties(props, _excluded);
-  var avatarChildrenCount = React.Children.count(children);
-  var extraAvatarNum = avatarChildrenCount - Number(maxCount);
-  var AvatarGroupItem = children ? React.Children.map(children, function (child, index) {
-    var _child$props, _child$props2;
-    if (maxCount && index > Number(maxCount)) return null;
-    var zIndex = orientation === 'right' ? -index + avatarChildrenCount : index;
-    if (maxCount && index === Number(maxCount)) {
-      return /*#__PURE__*/React.createElement(Avatar, {
-        variant: variant,
-        size: size,
-        className: "".concat(prefixCls, "-extra"),
-        style: {
-          marginLeft: "-".concat(spacing),
-          zIndex: zIndex
-        },
-        onClick: onClick
-      }, "+".concat(extraAvatarNum));
-    }
-    var childStyle = {
-      className: clsx("".concat(prefixCls, "-avatar"), child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.className),
-      style: _objectSpread(_objectSpread({}, child === null || child === void 0 || (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.style), {}, {
-        marginLeft: "-".concat(spacing),
-        zIndex: zIndex
-      }),
-      size: size,
-      variant: variant
-    };
-    return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/cloneElement(child, _objectSpread({}, childStyle)) : child;
-  }) : '';
-  return AvatarGroupItem ? /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(prefixCls, className),
-    ref: ref
-  }, others), AvatarGroupItem) : null;
-});
-AvatarGroup.displayName = 'BuiAvatarGroup';
+const prefixCls = "bui-avatar-group";
+const AvatarGroup = React.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      className,
+      maxCount,
+      variant,
+      spacing,
+      size,
+      orientation,
+      children,
+      onClick
+    } = _a, others = __objRest(_a, [
+      "className",
+      "maxCount",
+      "variant",
+      "spacing",
+      "size",
+      "orientation",
+      "children",
+      "onClick"
+    ]);
+    const avatarChildrenCount = React.Children.count(children);
+    const extraAvatarNum = avatarChildrenCount - Number(maxCount);
+    const AvatarGroupItem = children ? React.Children.map(children, (child, index) => {
+      var _a2, _b;
+      if (maxCount && index > Number(maxCount))
+        return null;
+      const zIndex = orientation === "right" ? -index + avatarChildrenCount : index;
+      if (maxCount && index === Number(maxCount)) {
+        return /* @__PURE__ */ React.createElement(
+          Avatar,
+          {
+            variant,
+            size,
+            className: `${prefixCls}-extra`,
+            style: { marginLeft: `-${spacing}`, zIndex },
+            onClick
+          },
+          `+${extraAvatarNum}`
+        );
+      }
+      const childStyle = {
+        className: clsx(`${prefixCls}-avatar`, (_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.className),
+        style: __spreadProps(__spreadValues({}, (_b = child == null ? void 0 : child.props) == null ? void 0 : _b.style), {
+          marginLeft: `-${spacing}`,
+          zIndex
+        }),
+        size,
+        variant
+      };
+      return React.isValidElement(child) ? cloneElement(child, __spreadValues({}, childStyle)) : child;
+    }) : "";
+    return AvatarGroupItem ? /* @__PURE__ */ React.createElement("div", __spreadValues({ className: clsx(prefixCls, className), ref }, others), AvatarGroupItem) : null;
+  }
+);
+AvatarGroup.displayName = "BuiAvatarGroup";
 AvatarGroup.defaultProps = {
-  size: 'medium',
-  orientation: 'right'
+  size: "medium",
+  orientation: "right"
+};
+var AvatarGroup_default = AvatarGroup;
+export {
+  AvatarGroup_default as default
 };
-export default AvatarGroup;

package/es/Avatar/AvatarGroup.types.js

@@ -1 +0,0 @@
-export {};

package/es/Avatar/index.js

@@ -1,6 +1,10 @@
 import AvatarGroup from "./AvatarGroup";
 export * from "./Avatar.types";
 export * from "./AvatarGroup.types";
-export { default } from "./Avatar";
-export { default as Avatar } from "./Avatar";
-export { AvatarGroup };
+import { default as default2 } from "./Avatar";
+import { default as default3 } from "./Avatar";
+export {
+  default3 as Avatar,
+  AvatarGroup,
+  default2 as default
+};

package/es/Backdrop/Backdrop.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './Backdrop.less';
 import { BackdropProps } from './Backdrop.types';
-declare const Backdrop: React.ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: React.ForwardRefExoticComponent<Omit<BackdropProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Backdrop;

package/es/Backdrop/Backdrop.js

@@ -1,30 +1,69 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "className", "invisible", "open", "transitionDuration"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import clsx from 'clsx';
-import React from 'react';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import clsx from "clsx";
+import React from "react";
 import Fade from "../Fade";
 import "./Backdrop.css";
-var prefixCls = 'bui-backdrop';
-var Backdrop = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-    className = props.className,
-    invisible = props.invisible,
-    open = props.open,
-    transitionDuration = props.transitionDuration,
-    others = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Fade, _extends({
-    in: open,
-    timeout: transitionDuration
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: clsx(prefixCls, _defineProperty({}, "".concat(prefixCls, "-invisible"), invisible), className),
-    ref: ref
-  }, children));
-});
-Backdrop.displayName = 'Backdrop';
-export default Backdrop;
+const prefixCls = "bui-backdrop";
+const Backdrop = React.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      children,
+      className,
+      invisible,
+      open,
+      transitionDuration
+    } = _a, others = __objRest(_a, [
+      "children",
+      "className",
+      "invisible",
+      "open",
+      "transitionDuration"
+    ]);
+    return /* @__PURE__ */ React.createElement(Fade, __spreadValues({ in: open, timeout: transitionDuration }, others), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: clsx(
+          prefixCls,
+          {
+            [`${prefixCls}-invisible`]: invisible
+          },
+          className
+        ),
+        ref
+      },
+      children
+    ));
+  }
+);
+Backdrop.displayName = "Backdrop";
+var Backdrop_default = Backdrop;
+export {
+  Backdrop_default as default
+};

package/es/Backdrop/Backdrop.types.js

@@ -1 +0,0 @@
-export {};

package/es/Backdrop/index.js

@@ -1,2 +1,6 @@
-export { default as Backdrop, default } from "./Backdrop";
-export * from "./Backdrop.types";
+import { default as default2, default as default3 } from "./Backdrop";
+export * from "./Backdrop.types";
+export {
+  default2 as Backdrop,
+  default3 as default
+};

package/es/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BadgeProps } from './Badge.types';
 import './Badge.less';
-declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Badge;

package/es/Badge/Badge.js

@@ -1,38 +1,86 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "onClick", "children", "content", "color", "maxCount", "variant", "type"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import clsx from 'clsx';
-import React from 'react';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import clsx from "clsx";
+import React from "react";
 import "./Badge.css";
-var prefixCls = 'bui-badge';
-var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    onClick = props.onClick,
-    children = props.children,
-    content = props.content,
-    color = props.color,
-    maxCount = props.maxCount,
-    variant = props.variant,
-    type = props.type,
-    others = _objectWithoutProperties(props, _excluded);
-  var displayValue = Number(content) > Number(maxCount) ? "".concat(maxCount, "+") : type !== 'dot' && content;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx("".concat(prefixCls), className, _defineProperty({}, "".concat(prefixCls, "-position"), children)),
-    onClick: onClick,
-    ref: ref
-  }, others), (content || type === 'dot') && /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-").concat(color), "".concat(prefixCls, "-").concat(variant), "".concat(prefixCls, "-").concat(type))
-  }, displayValue), children);
+const prefixCls = "bui-badge";
+const Badge = React.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    onClick,
+    children,
+    content,
+    color,
+    maxCount,
+    variant,
+    type
+  } = _a, others = __objRest(_a, [
+    "className",
+    "onClick",
+    "children",
+    "content",
+    "color",
+    "maxCount",
+    "variant",
+    "type"
+  ]);
+  const displayValue = Number(content) > Number(maxCount) ? `${maxCount}+` : type !== "dot" && content;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      className: clsx(`${prefixCls}`, className, {
+        [`${prefixCls}-position`]: children
+      }),
+      onClick,
+      ref
+    }, others),
+    (content || type === "dot") && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: clsx(
+          `${prefixCls}-${color}`,
+          `${prefixCls}-${variant}`,
+          `${prefixCls}-${type}`
+        )
+      },
+      displayValue
+    ),
+    children
+  );
 });
-Badge.displayName = 'BuiBadge';
+Badge.displayName = "BuiBadge";
 Badge.defaultProps = {
-  color: 'primary',
-  variant: 'contained',
-  type: 'standard'
+  color: "primary",
+  variant: "contained",
+  type: "standard"
+};
+var Badge_default = Badge;
+export {
+  Badge_default as default
 };
-export default Badge;

package/es/Badge/Badge.types.js

@@ -1 +0,0 @@
-export {};

package/es/Badge/index.js

@@ -1,2 +1,6 @@
-export { default as Badge, default } from "./Badge";
-export * from "./Badge.types";
+import { default as default2, default as default3 } from "./Badge";
+export * from "./Badge.types";
+export {
+  default2 as Badge,
+  default3 as default
+};

package/es/Button/Button.css

@@ -46,7 +46,7 @@
   border-radius: inherit;
   transform: translate(-50%, -50%);
   opacity: 0;
-  content: ' ';
+  content: " ";
 }
 .bui-btn:active::before {
   opacity: 0.04;
@@ -109,27 +109,51 @@
 }
 .bui-btn-contained.bui-btn-primary {
   color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-primary-start) 0%, var(--bui-color-primary-end) 100%);
+  background-image:
+    linear-gradient(
+      45deg,
+      var(--bui-color-primary-start) 0%,
+      var(--bui-color-primary-end) 100%);
 }
 .bui-btn-contained.bui-btn-success {
   color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-success-start) 0%, var(--bui-color-success-end) 100%);
+  background-image:
+    linear-gradient(
+      45deg,
+      var(--bui-color-success-start) 0%,
+      var(--bui-color-success-end) 100%);
 }
 .bui-btn-contained.bui-btn-info {
   color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-info-start) 0%, var(--bui-color-info-end) 100%);
+  background-image:
+    linear-gradient(
+      45deg,
+      var(--bui-color-info-start) 0%,
+      var(--bui-color-info-end) 100%);
 }
 .bui-btn-contained.bui-btn-warning {
   color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-warning-start) 0%, var(--bui-color-warning-end) 100%);
+  background-image:
+    linear-gradient(
+      45deg,
+      var(--bui-color-warning-start) 0%,
+      var(--bui-color-warning-end) 100%);
 }
 .bui-btn-contained.bui-btn-danger {
   color: var(--bui-color-white);
-  background-image: linear-gradient(45deg, var(--bui-color-danger-start) 0%, var(--bui-color-danger-end) 100%);
+  background-image:
+    linear-gradient(
+      45deg,
+      var(--bui-color-danger-start) 0%,
+      var(--bui-color-danger-end) 100%);
 }
 .bui-btn-contained.bui-btn-vip {
   color: #582331;
-  background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
+  background-image:
+    linear-gradient(
+      90deg,
+      var(--bui-color-vip-start) 3%,
+      var(--bui-color-vip-end) 100%);
 }
 .bui-btn-outlined {
   border: solid 1px var(--border-color);

package/es/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './Button.less';
 import { ButtonProps } from './Button.types';
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;