cloudmr-ux 1.1.6 → 1.1.7

package/dist/index.css

@@ -1,42 +1,4 @@
 /* src/CmrComponents/CmrButton/CmrButton.css */
-.cmr-button {
-  background-color: #580F8B !important;
-  color: white !important;
-  padding-top: 0.375rem !important;
-  padding-bottom: 0.375rem !important;
-  padding-right: 0.75rem !important;
-  padding-left: 0.75rem !important;
-  border: 2px solid #580F8B !important;
-  border-radius: 4px !important;
-  text-align: center !important;
-  font-family: "Source Sans 3", sans-serif !important;
-  font-size: 14.4px !important;
-  line-height: 1.5 !important;
-  font-weight: 400 !important;
-}
-.cmr-button:hover {
-  background-color: #390063 !important;
-}
-.cmr-button.outlined {
-  background-color: transparent !important;
-  border: 2px solid #580F8B !important;
-  color: #580F8B !important;
-}
-.cmr-button.outlined:hover {
-  background-color: #580F8B !important;
-  color: white !important;
-}
-.cmr-button.Mui-disabled {
-  background-color: #ced4da !important;
-  color: #999 !important;
-  border: 2px solid #ced4da !important;
-  cursor: not-allowed !important;
-}
-.cmr-button.Mui-disabled:hover {
-  background-color: #ced4da !important;
-  color: #999 !important;
-}
-
 /* src/CmrComponents/CmrCheckbox/CmrCheckbox.css */
 .cmr-label {
   font-size: 14.4px;

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps, SxProps as SxProps$1, Theme as Theme$1 } from '@mui/material';
-import { SxProps, Theme } from '@mui/material/styles';
+import { ButtonProps, SxProps, Theme } from '@mui/material';
 import React, { ReactNode, ChangeEvent, CSSProperties, FC } from 'react';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { CollapsibleType } from 'antd/es/collapse/CollapsePanel';
@@ -8,9 +7,7 @@ import { ExpandIconPosition } from 'antd/es/collapse/Collapse';
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { DataGridProps } from '@mui/x-data-grid';
 
-declare const CmrButton: (props: ButtonProps & {
-    sx?: SxProps<Theme>;
-}) => react_jsx_runtime.JSX.Element;
+declare const CmrButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
     defaultValue?: string;
@@ -114,7 +111,7 @@ interface CMRUploadProps extends React.HTMLAttributes<HTMLDivElement> {
     } | undefined>);
     onUploadProgressUpdate?: (loaded: number, total: number) => void | undefined;
     onUploaded: (res: AxiosResponse, file: File) => Promise<void> | void;
-    sx?: SxProps$1<Theme$1> | undefined;
+    sx?: SxProps<Theme> | undefined;
     rest?: any;
     fileExtension?: string;
     uploadStarted?: () => void;

package/dist/index.js

@@ -31,7 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   CMRUpload: () => Upload_default,
-  CmrButton: () => CmrButton,
+  CmrButton: () => CmrButton_default,
   CmrCheckbox: () => Checkbox_default,
   CmrCollapse: () => Collapse_default,
   CmrConfirmation: () => CmrConfirmation,
@@ -53,43 +53,10 @@ module.exports = __toCommonJS(src_exports);
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
 var CmrButton = (props) => {
-  const { children, onClick, variant = "contained", disabled = false, sx, ...rest } = props;
-  const baseSx = {
-    boxShadow: "none",
-    "&:hover": {
-      boxShadow: "none"
-    }
-  };
-  let combinedSx;
-  if (Array.isArray(sx)) {
-    combinedSx = [baseSx, ...sx];
-  } else if (typeof sx === "function") {
-    combinedSx = (theme) => ({
-      ...baseSx,
-      ...sx(theme)
-    });
-  } else if (typeof sx === "object" && sx !== null) {
-    combinedSx = {
-      ...baseSx,
-      ...sx
-    };
-  } else {
-    combinedSx = baseSx;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Button,
-    {
-      onClick,
-      ...rest,
-      className: `cmr-button ${variant}`,
-      style: { textTransform: "none" },
-      variant,
-      disabled,
-      sx: combinedSx,
-      children
-    }
-  );
+  const { children, onClick, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick, ...rest, style: { ...props.style, textTransform: "none" }, children });
 };
+var CmrButton_default = CmrButton;
 
 // src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
 var import_material2 = require("@mui/material");
@@ -839,8 +806,8 @@ function CmrNameDialog(props) {
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_DialogActions2.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
         ] })
       ]
     }
@@ -887,8 +854,8 @@ function CmrConfirmation({
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_DialogContent3.default, { sx: { width }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_DialogContentText2.default, { alignContent: "center", children: message }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_DialogActions3.default, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
   ] });
@@ -1005,8 +972,8 @@ function CmrEditConfirmation({
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_DialogActions5.default, { children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
       ] })
     ] })
   ] });

package/dist/index.mjs

@@ -2,43 +2,10 @@
 import { Button } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 var CmrButton = (props) => {
-  const { children, onClick, variant = "contained", disabled = false, sx, ...rest } = props;
-  const baseSx = {
-    boxShadow: "none",
-    "&:hover": {
-      boxShadow: "none"
-    }
-  };
-  let combinedSx;
-  if (Array.isArray(sx)) {
-    combinedSx = [baseSx, ...sx];
-  } else if (typeof sx === "function") {
-    combinedSx = (theme) => ({
-      ...baseSx,
-      ...sx(theme)
-    });
-  } else if (typeof sx === "object" && sx !== null) {
-    combinedSx = {
-      ...baseSx,
-      ...sx
-    };
-  } else {
-    combinedSx = baseSx;
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick,
-      ...rest,
-      className: `cmr-button ${variant}`,
-      style: { textTransform: "none" },
-      variant,
-      disabled,
-      sx: combinedSx,
-      children
-    }
-  );
+  const { children, onClick, ...rest } = props;
+  return /* @__PURE__ */ jsx(Button, { onClick, ...rest, style: { ...props.style, textTransform: "none" }, children });
 };
+var CmrButton_default = CmrButton;
 
 // src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
 import { Checkbox } from "@mui/material";
@@ -794,8 +761,8 @@ function CmrNameDialog(props) {
           }
         ) }),
         /* @__PURE__ */ jsxs7(DialogActions2, { children: [
-          /* @__PURE__ */ jsx11(CmrButton, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx11(CmrButton, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
         ] })
       ]
     }
@@ -842,8 +809,8 @@ function CmrConfirmation({
     /* @__PURE__ */ jsxs8(DialogContent3, { sx: { width }, children: [
       /* @__PURE__ */ jsx12(DialogContentText2, { alignContent: "center", children: message }),
       /* @__PURE__ */ jsxs8(DialogActions3, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ jsx12(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ jsx12(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+        cancellable && /* @__PURE__ */ jsx12(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ jsx12(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
   ] });
@@ -960,8 +927,8 @@ function CmrEditConfirmation({
         }
       ) }),
       /* @__PURE__ */ jsxs10(DialogActions5, { children: [
-        cancellable && /* @__PURE__ */ jsx14(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx14(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+        cancellable && /* @__PURE__ */ jsx14(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
       ] })
     ] })
   ] });
@@ -1109,7 +1076,7 @@ var CmrTable_default = CmrTable;
 var CmrTable2 = CmrTable_default;
 export {
   Upload_default as CMRUpload,
-  CmrButton,
+  CmrButton_default as CmrButton,
   Checkbox_default as CmrCheckbox,
   Collapse_default as CmrCollapse,
   CmrConfirmation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",