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

package/es/Divider/Divider.js

@@ -1,52 +1,56 @@
-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); }
-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); }
-import clsx from 'clsx';
-import React, { forwardRef } 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;
+};
+import clsx from "clsx";
+import React, { forwardRef } from "react";
 import "./Divider.css";
-var prefixCls = 'bui-divider';
-var Divider = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-    style = props.style,
-    direction = props.direction,
-    dashed = props.dashed,
-    size = props.size,
-    children = props.children;
-  var isVertical = direction === 'vertical';
-  var hasChildren = !!React.Children.toArray(children).length;
-  var propsStyle = {};
-  var contentStyle = {};
+const prefixCls = "bui-divider";
+const Divider = forwardRef((props, ref) => {
+  const { className, style, direction, dashed, size, children } = props;
+  const isVertical = direction === "vertical";
+  const hasChildren = !!React.Children.toArray(children).length;
+  let propsStyle = {};
+  let contentStyle = {};
   if (hasChildren) {
     contentStyle = {
       width: size
     };
   } else if (size) {
-    propsStyle = isVertical ? {
-      height: size
-    } : {
-      width: size
-    };
+    propsStyle = isVertical ? { height: size } : { width: size };
   }
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: clsx(className, prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(direction), direction), "".concat(prefixCls, "-content"), !isVertical && hasChildren), "".concat(prefixCls, "-").concat(direction, "-dashed"), dashed)),
-    style: _objectSpread(_objectSpread({}, propsStyle), style)
-  }, !isVertical && hasChildren && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    style: contentStyle,
-    className: "".concat(prefixCls, "-line")
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefixCls, "-text")
-  }, children), /*#__PURE__*/React.createElement("span", {
-    style: contentStyle,
-    className: "".concat(prefixCls, "-line")
-  })));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: clsx(className, prefixCls, {
+        [`${prefixCls}-${direction}`]: direction,
+        [`${prefixCls}-content`]: !isVertical && hasChildren,
+        [`${prefixCls}-${direction}-dashed`]: dashed
+      }),
+      style: __spreadValues(__spreadValues({}, propsStyle), style)
+    },
+    !isVertical && hasChildren && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: contentStyle, className: `${prefixCls}-line` }), /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-text` }, children), /* @__PURE__ */ React.createElement("span", { style: contentStyle, className: `${prefixCls}-line` }))
+  );
 });
-Divider.displayName = 'BuiDivider';
+Divider.displayName = "BuiDivider";
 Divider.defaultProps = {
-  direction: 'vertical',
+  direction: "vertical",
   dashed: false
 };
-export default Divider;
+var Divider_default = Divider;
+export {
+  Divider_default as default
+};

package/es/Divider/Divider.types.js

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

package/es/Divider/index.js

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

package/es/Drawer/Drawer.css

@@ -28,7 +28,6 @@
   bottom: 0;
   top: auto;
   left: 0;
-  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
   right: 0;
   height: auto;
   max-height: 100%;

package/es/Drawer/Drawer.js

@@ -1,71 +1,117 @@
-var _excluded = ["anchor", "container", "children", "className", "hideBackdrop", "onClose", "SlideProps", "open", "disablePortal", "contentProps", "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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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, { useState } 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, { useState } from "react";
 import Modal from "../Modal";
 import Slide from "../Slide";
 import "./Drawer.css";
-var prefixCls = 'bui-drawer';
-var oppositeDirection = {
-  left: 'right',
-  right: 'left',
-  top: 'down',
-  bottom: 'up'
+const prefixCls = "bui-drawer";
+const oppositeDirection = {
+  left: "right",
+  right: "left",
+  top: "down",
+  bottom: "up"
 };
-var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var anchorProp = props.anchor,
-    container = props.container,
-    children = props.children,
-    className = props.className,
-    hideBackdrop = props.hideBackdrop,
-    onClose = props.onClose,
-    SlideProps = props.SlideProps,
-    open = props.open,
-    disablePortal = props.disablePortal,
-    contentProps = props.contentProps,
-    transitionDuration = props.transitionDuration,
-    others = _objectWithoutProperties(props, _excluded);
-  var anchorInvariant = oppositeDirection[anchorProp];
-  var _useState = useState(open),
-    _useState2 = _slicedToArray(_useState, 2),
-    keepMounted = _useState2[0],
-    setKeepMounted = _useState2[1];
-  return /*#__PURE__*/React.createElement(Modal, _extends({
-    container: container,
-    open: open,
-    onClose: onClose,
-    hideBackdrop: hideBackdrop,
-    ref: ref,
-    className: clsx(prefixCls, className),
-    disablePortal: disablePortal,
-    keepMounted: keepMounted
-  }, others), /*#__PURE__*/React.createElement(Slide, _extends({
-    in: open,
-    direction: anchorInvariant,
-    timeout: transitionDuration,
-    onEnter: function onEnter() {
-      return setKeepMounted(true);
-    },
-    onExited: function onExited() {
-      return setKeepMounted(false);
-    }
-  }, SlideProps), /*#__PURE__*/React.createElement("div", _extends({}, contentProps, {
-    className: clsx("".concat(prefixCls, "-content"), "".concat(prefixCls, "-content-").concat(anchorProp), contentProps === null || contentProps === void 0 ? void 0 : contentProps.className)
-  }), children)));
+const Drawer = React.forwardRef((props, ref) => {
+  const _a = props, {
+    anchor: anchorProp,
+    container,
+    children,
+    className,
+    hideBackdrop,
+    onClose,
+    SlideProps,
+    open,
+    disablePortal,
+    contentProps,
+    transitionDuration
+  } = _a, others = __objRest(_a, [
+    "anchor",
+    "container",
+    "children",
+    "className",
+    "hideBackdrop",
+    "onClose",
+    "SlideProps",
+    "open",
+    "disablePortal",
+    "contentProps",
+    "transitionDuration"
+  ]);
+  const anchorInvariant = oppositeDirection[anchorProp];
+  const [keepMounted, setKeepMounted] = useState(open);
+  return /* @__PURE__ */ React.createElement(
+    Modal,
+    __spreadValues({
+      container,
+      open,
+      onClose,
+      hideBackdrop,
+      ref,
+      className: clsx(prefixCls, className),
+      disablePortal,
+      keepMounted
+    }, others),
+    /* @__PURE__ */ React.createElement(
+      Slide,
+      __spreadValues({
+        in: open,
+        direction: anchorInvariant,
+        timeout: transitionDuration,
+        onEnter: () => setKeepMounted(true),
+        onExited: () => setKeepMounted(false)
+      }, SlideProps),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        __spreadProps(__spreadValues({}, contentProps), {
+          className: clsx(
+            `${prefixCls}-content`,
+            `${prefixCls}-content-${anchorProp}`,
+            contentProps == null ? void 0 : contentProps.className
+          )
+        }),
+        children
+      )
+    )
+  );
 });
-Drawer.displayName = 'BuiDrawer';
+Drawer.displayName = "BuiDrawer";
 Drawer.defaultProps = {
-  anchor: 'bottom',
+  anchor: "bottom",
   hideBackdrop: false,
   open: false,
   disablePortal: false
 };
-export default Drawer;
+var Drawer_default = Drawer;
+export {
+  Drawer_default as default
+};

package/es/Drawer/Drawer.types.js

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

package/es/Drawer/index.js

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

package/es/Fade/Fade.js

@@ -1,70 +1,110 @@
-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 = ["appear", "children", "in", "easing", "style", "timeout", "delay"];
-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 { createTransitions, duration, easing, getTransitionProps, useForkRef } from '@bifrostui/utils';
-import React 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 {
+  createTransitions,
+  duration,
+  easing,
+  getTransitionProps,
+  useForkRef
+} from "@bifrostui/utils";
+import React from "react";
 import Transition from "../Transition";
-var defaultEasing = {
+const defaultEasing = {
   enter: easing.easeOut,
   exit: easing.sharp
 };
-var defaultTimeout = {
+const defaultTimeout = {
   enter: duration.enteringScreen,
   exit: duration.leavingScreen
 };
-var Fade = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var appear = props.appear,
-    children = props.children,
-    inProp = props.in,
-    easingProp = props.easing,
-    style = props.style,
-    timeout = props.timeout,
-    delay = props.delay,
-    others = _objectWithoutProperties(props, _excluded);
-  var transitions = createTransitions();
-  // @ts-expect-error will upstream fix
-  var nodeRef = useForkRef(ref, children === null || children === void 0 ? void 0 : children.ref);
-  return /*#__PURE__*/React.createElement(Transition, _extends({
-    appear: appear,
+const Fade = React.forwardRef((props, ref) => {
+  const _a = props, {
+    appear,
+    children,
     in: inProp,
-    timeout: timeout,
-    delay: delay
-  }, others, {
-    ref: nodeRef
-  }), function (state, childProps) {
-    var transition = transitions.create('opacity', getTransitionProps({
-      timeout: timeout,
-      style: style,
-      easing: easingProp,
-      delay: delay
-    }, {
-      mode: state
-    }));
-    return /*#__PURE__*/React.cloneElement(children, _objectSpread({
-      style: _objectSpread(_objectSpread({
-        visibility: state === 'exited' ? 'hidden' : 'visible',
-        transition: transition,
-        WebkitTransition: transition,
-        opacity: state === 'entering' || state === 'entered' ? '1' : '0'
-      }, style), children.props.style)
-    }, childProps));
-  });
+    easing: easingProp,
+    style,
+    timeout,
+    delay
+  } = _a, others = __objRest(_a, [
+    "appear",
+    "children",
+    "in",
+    "easing",
+    "style",
+    "timeout",
+    "delay"
+  ]);
+  const transitions = createTransitions();
+  const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
+  return /* @__PURE__ */ React.createElement(
+    Transition,
+    __spreadProps(__spreadValues({
+      appear,
+      in: inProp,
+      timeout,
+      delay
+    }, others), {
+      ref: nodeRef
+    }),
+    (state, childProps) => {
+      const transition = transitions.create(
+        "opacity",
+        getTransitionProps(
+          { timeout, style, easing: easingProp, delay },
+          {
+            mode: state
+          }
+        )
+      );
+      return React.cloneElement(children, __spreadValues({
+        style: __spreadValues(__spreadValues({
+          visibility: state === "exited" ? "hidden" : "visible",
+          transition,
+          WebkitTransition: transition,
+          opacity: state === "entering" || state === "entered" ? "1" : "0"
+        }, style), children.props.style)
+      }, childProps));
+    }
+  );
 });
-Fade.displayName = 'BuiFade';
+Fade.displayName = "BuiFade";
 Fade.defaultProps = {
   easing: defaultEasing,
   timeout: defaultTimeout,
   appear: true,
   delay: 0
 };
-export default Fade;
+var Fade_default = Fade;
+export {
+  Fade_default as default
+};

package/es/Fade/Fade.types.js

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

package/es/Fade/index.js

@@ -1,3 +1,7 @@
-export { default } from "./Fade";
-export { default as Fade } from "./Fade";
-export * from "./Fade.types";
+import { default as default2 } from "./Fade";
+import { default as default3 } from "./Fade";
+export * from "./Fade.types";
+export {
+  default3 as Fade,
+  default2 as default
+};

package/es/IconButton/IconButton.css

@@ -29,7 +29,7 @@
   border-radius: inherit;
   transform: translate(-50%, -50%);
   opacity: 0;
-  content: ' ';
+  content: " ";
 }
 .bui-icon-btn:active::before {
   opacity: 0.04;
@@ -110,21 +110,41 @@
 }
 .bui-icon-btn-contained.bui-icon-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-icon-btn-contained.bui-icon-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-icon-btn-contained.bui-icon-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-icon-btn-contained.bui-icon-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-icon-btn-contained.bui-icon-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%);
 }

package/es/IconButton/IconButton.d.ts

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