@majoo-ui/react 1.61.17-b → 1.61.18

package/index.esm.js

@@ -11,7 +11,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { Transition } from 'react-transition-group';
-import { Portal } from '@majoo-ui/helpers';
+import { Portal, useThemeProvider } from '@majoo-ui/helpers';
 import axios from 'axios';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -21508,7 +21508,7 @@ function addPropsToChildren(children, props) {
 const _excluded$8 = ["children"],
   _excluded2$1 = ["children", "activeTabs"],
   _excluded3$1 = ["children", "icon", "activeTabs", "value"],
-  _excluded4 = ["activeTabs"];
+  _excluded4$1 = ["activeTabs"];
 var _jsxFileName$o = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
 const StyledTabs = styled(TabsPrimitive.Root, {
   display: 'flex',
@@ -21833,7 +21833,7 @@ TabsTrigger$1.propTypes = {
   size: PropTypes.oneOf(['sm', 'md', 'lg'])
 };
 const TabsContent$1 = _ref4 => {
-  let props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+  let props = _objectWithoutPropertiesLoose(_ref4, _excluded4$1);
   return /*#__PURE__*/React__default.createElement(StyledContent$2, _extends({}, props, {
     __self: undefined,
     __source: {
@@ -26703,8 +26703,9 @@ const AlertDialogCancel = ADialog.Cancel;
 const AlertDialogConfirm = ADialog.Action;
 
 const _excluded$1 = ["side", "align", "children"],
-  _excluded2 = ["children"],
-  _excluded3 = ["asChild"];
+  _excluded2 = ["theme"],
+  _excluded3 = ["children"],
+  _excluded4 = ["asChild"];
 var _jsxFileName$a = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
 const Context = /*#__PURE__*/React__default.createContext();
 const slideUpAndFade = keyframes({
@@ -26750,7 +26751,7 @@ const slideLeftAndFade = keyframes({
 const StyledContent = styled(DropdownMenuPrimitive.Content, {
   width: 143,
   maxWidth: 243,
-  backgroundColor: 'white',
+  backgroundColor: '$bgWhite',
   borderRadius: 4,
   padding: 8,
   zIndex: '$sticky',
@@ -26780,7 +26781,6 @@ const itemStyles = {
   all: 'unset',
   fontSize: 13,
   lineHeight: 1,
-  // color: colors.gray900,
   borderRadius: 3,
   display: 'flex',
   alignItems: 'center',
@@ -26789,17 +26789,17 @@ const itemStyles = {
   position: 'relative',
   userSelect: 'none',
   '&[data-disabled]': {
-    color: colors$7.gray400,
+    color: '$gray400',
     pointerEvents: 'none'
   },
   '&:hover': {
     cursor: 'pointer'
   },
   '&:active': {
-    backgroundColor: colors$7.gray150
+    backgroundColor: '$gray150'
   },
   '&:focus': {
-    backgroundColor: colors$7.gray100
+    backgroundColor: '$gray100'
   }
 };
 const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
@@ -26810,22 +26810,15 @@ StyledItem.propTypes = {
 };
 const StyledCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, Object.assign({}, itemStyles));
 const StyledRadioItem = styled(DropdownMenuPrimitive.RadioItem, Object.assign({}, itemStyles));
-// const StyledTriggerItem = styled(DropdownMenuPrimitive.TriggerItem, {
-//   '&[data-state="open"]': {
-//     backgroundColor: colors.gray50,
-//   },
-//   ...itemStyles,
-// });
-
 const StyledLabel = styled(DropdownMenuPrimitive.Label, {
   padding: '8px 0',
   fontSize: 12,
   lineHeight: '25px',
-  color: colors$7.gray700
+  color: '$gray700'
 });
 const StyledSeparator = styled(DropdownMenuPrimitive.Separator, {
   height: 1,
-  backgroundColor: colors$7.gray150,
+  backgroundColor: '$gray150',
   margin: 5
 });
 const StyledItemIndicator = styled(DropdownMenuPrimitive.ItemIndicator, {
@@ -26850,7 +26843,7 @@ const DropdownMenuContext = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 127,
+      lineNumber: 121,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(Context.Provider, {
@@ -26861,7 +26854,7 @@ const DropdownMenuContext = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 128,
+      lineNumber: 122,
       columnNumber: 7
     }
   }, children));
@@ -26870,11 +26863,16 @@ DropdownMenuContext.propTypes = {
   side: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
   align: PropTypes.oneOfType(['start', 'center', 'end'])
 };
-const DropdownMenuContentContext = props => {
+const DropdownMenuContentContext = _ref2 => {
+  let {
+      theme
+    } = _ref2,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   const {
     side,
     align
   } = React__default.useContext(Context);
+  const themeProvider = useThemeProvider(theme);
   const ref = useCallback(node => {
     const appElement = document.getElementById('app');
     if (appElement) {
@@ -26886,7 +26884,7 @@ const DropdownMenuContentContext = props => {
     }
   }, []);
   return /*#__PURE__*/React__default.createElement(StyledContent, _extends({
-    className: "dropdown-content",
+    className: `dropdown-content ${(themeProvider == null ? void 0 : themeProvider.theme) || ''}`,
     side: side,
     align: align,
     ref: ref
@@ -26894,7 +26892,7 @@ const DropdownMenuContentContext = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 151,
+      lineNumber: 147,
       columnNumber: 5
     }
   }), props.children);
@@ -26904,15 +26902,15 @@ DropdownMenuContentContext.propTypes = {
   alignOffset: PropTypes.number,
   asChild: PropTypes.bool
 };
-const DropdownTrigger = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
+const DropdownTrigger = /*#__PURE__*/React__default.forwardRef((_ref3, ref) => {
   let {
       children
-    } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    } = _ref3,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   const {
       asChild
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded3);
+    rest = _objectWithoutPropertiesLoose(props, _excluded4);
   return /*#__PURE__*/React__default.createElement(DropdownMenuPrimitive.Trigger, _extends({}, rest, {
     asChild: asChild,
     ref: ref,
@@ -26920,7 +26918,7 @@ const DropdownTrigger = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 166,
+      lineNumber: 162,
       columnNumber: 5
     }
   }));
@@ -26934,7 +26932,7 @@ const RightSlot = styled('div', {
     color: 'white'
   },
   '[data-disabled] &': {
-    color: colors$7.gray400
+    color: '$gray400'
   }
 });
 const StyledDropdown = styled(Button$4, {
@@ -26954,7 +26952,7 @@ const ButtonDropdown = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 197,
+      lineNumber: 193,
       columnNumber: 5
     }
   }), rest.children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.17b",
+  "version": "1.61.18",
   "main": "./index.esm.js",
   "exports": {
     ".": {