@majoo-ui/react 1.56.1 → 1.56.2

package/components/button/Button.d.ts

@@ -6,6 +6,7 @@ export declare const ButtonPrimitive: import("@stitches/react/types/styled-compo
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
     hidden?: boolean | "true" | undefined;
+    withIcon?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -134,6 +135,7 @@ export declare const Button: React.ForwardRefExoticComponent<import("@stitches/r
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
     hidden?: boolean | "true" | undefined;
+    withIcon?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";

package/index.esm.js

@@ -4014,10 +4014,8 @@ const StyledIconRight$2 = styled('div', {
 });
 const ButtonPrimitive = styled('button', {
   margin: 0,
-  display: 'inline-flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-  justifyContent: 'center',
+  display: 'block',
+  verticalAlign: 'middle',
   fontWeight: 600,
   width: 'auto',
   height: '40px',
@@ -4131,6 +4129,14 @@ const ButtonPrimitive = styled('button', {
       true: {
         display: 'none'
       }
+    },
+    withIcon: {
+      true: {
+        display: 'inline-flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
     }
   }
 });
@@ -4153,6 +4159,7 @@ const Button$4 = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     type: type,
     buttonType: buttonType,
     size: size,
+    withIcon: Boolean(icon || leftIcon || rightIcon),
     iconSize: icon ? size : undefined,
     disabled: disabled,
     css: Object.assign(Object.assign({}, props.css), {
@@ -13448,7 +13455,7 @@ function addPropsToChildren(children, props) {
 const _excluded$9 = ["children"],
   _excluded2$3 = ["children", "activeTabs"],
   _excluded3$1 = ["children", "icon", "activeTabs", "value"],
-  _excluded4$1 = ["activeTabs"];
+  _excluded4 = ["activeTabs"];
 var _jsxFileName$r = "/Users/ryanakbar20/Documents/project/majoo/majoo-ui/packages/react/src/components/tabs/Tabs.js";
 const StyledTabs = styled(TabsPrimitive.Root, {
   display: 'flex',
@@ -13760,7 +13767,7 @@ const TabsTrigger$1 = _ref3 => {
   }), (!icon || activeTabs === value) && children)));
 };
 const TabsContent$1 = _ref4 => {
-  let props = _objectWithoutPropertiesLoose(_ref4, _excluded4$1);
+  let props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
   return /*#__PURE__*/React__default.createElement(StyledContent$4, _extends({}, props, {
     __self: undefined,
     __source: {
@@ -21504,8 +21511,7 @@ const AlertDialogConfirm = ADialog.Action;
 
 const _excluded = ["side", "align", "children"],
   _excluded2 = ["children"],
-  _excluded3 = ["asChild"],
-  _excluded4 = ["rightIcon"];
+  _excluded3 = ["asChild"];
 var _jsxFileName$a = "/Users/ryanakbar20/Documents/project/majoo/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
 const Context = /*#__PURE__*/React__default.createContext();
 const slideUpAndFade = keyframes({
@@ -21721,9 +21727,7 @@ const RightSlot = styled('div', {
     color: colors$5.gray400
   }
 });
-const StyledDropdown = styled(ButtonPrimitive, {
-  display: 'flex',
-  gap: '8px',
+const StyledDropdown = styled(Button$4, {
   padding: '6px 12px',
   '&:disabled': {
     '& + div': {
@@ -21732,10 +21736,7 @@ const StyledDropdown = styled(ButtonPrimitive, {
   }
 });
 const ButtonDropdown = /*#__PURE__*/React__default.forwardRef((props, ref) => {
-  const {
-      rightIcon
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded4);
+  const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
   return /*#__PURE__*/React__default.createElement(StyledDropdown, _extends({
     ref: ref,
     css: rest.css
@@ -21743,10 +21744,10 @@ const ButtonDropdown = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 177,
+      lineNumber: 175,
       columnNumber: 5
     }
-  }), rest.children, rightIcon && rightIcon);
+  }), rest.children);
 });
 ButtonDropdown.propTypes = {
   children: PropTypes.node.isRequired,

package/index.umd.js

@@ -4089,10 +4089,8 @@
   });
   var ButtonPrimitive = styled('button', {
     margin: 0,
-    display: 'inline-flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
+    display: 'block',
+    verticalAlign: 'middle',
     fontWeight: 600,
     width: 'auto',
     height: '40px',
@@ -4206,6 +4204,14 @@
         true: {
           display: 'none'
         }
+      },
+      withIcon: {
+        true: {
+          display: 'inline-flex',
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'center'
+        }
       }
     }
   });
@@ -4231,6 +4237,7 @@
       type: type,
       buttonType: buttonType,
       size: size,
+      withIcon: Boolean(icon || leftIcon || rightIcon),
       iconSize: icon ? size : undefined,
       disabled: disabled,
       css: __assign(__assign({}, props.css), {
@@ -13623,7 +13630,7 @@
   const _excluded$9 = ["children"],
     _excluded2$3 = ["children", "activeTabs"],
     _excluded3$1 = ["children", "icon", "activeTabs", "value"],
-    _excluded4$1 = ["activeTabs"];
+    _excluded4 = ["activeTabs"];
   var _jsxFileName$r = "/Users/ryanakbar20/Documents/project/majoo/majoo-ui/packages/react/src/components/tabs/Tabs.js";
   const StyledTabs = styled(TabsPrimitive__namespace.Root, {
     display: 'flex',
@@ -13935,7 +13942,7 @@
     }), (!icon || activeTabs === value) && children)));
   };
   const TabsContent$1 = _ref4 => {
-    let props = _objectWithoutPropertiesLoose(_ref4, _excluded4$1);
+    let props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
     return /*#__PURE__*/React__default["default"].createElement(StyledContent$4, _extends({}, props, {
       __self: undefined,
       __source: {
@@ -21886,8 +21893,7 @@
 
   const _excluded = ["side", "align", "children"],
     _excluded2 = ["children"],
-    _excluded3 = ["asChild"],
-    _excluded4 = ["rightIcon"];
+    _excluded3 = ["asChild"];
   var _jsxFileName$a = "/Users/ryanakbar20/Documents/project/majoo/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
   const Context = /*#__PURE__*/React__default["default"].createContext();
   const slideUpAndFade = keyframes({
@@ -22103,9 +22109,7 @@
       color: colors$5.gray400
     }
   });
-  const StyledDropdown = styled(ButtonPrimitive, {
-    display: 'flex',
-    gap: '8px',
+  const StyledDropdown = styled(Button$4, {
     padding: '6px 12px',
     '&:disabled': {
       '& + div': {
@@ -22114,10 +22118,7 @@
     }
   });
   const ButtonDropdown = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
-    const {
-        rightIcon
-      } = props,
-      rest = _objectWithoutPropertiesLoose(props, _excluded4);
+    const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
     return /*#__PURE__*/React__default["default"].createElement(StyledDropdown, _extends({
       ref: ref,
       css: rest.css
@@ -22125,10 +22126,10 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 177,
+        lineNumber: 175,
         columnNumber: 5
       }
-    }), rest.children, rightIcon && rightIcon);
+    }), rest.children);
   });
   ButtonDropdown.propTypes = {
     children: PropTypes__default["default"].node.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.56.1",
+  "version": "1.56.2",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",