@flozy/editor 4.5.1 → 4.5.2

package/dist/Editor/Elements/Signature/Signature.css

@@ -1,5 +1,4 @@
 .af-signature-popup .MuiTab-root {
-    background: #ffffff;
     border: 1px solid #D3D3D3 !important;
     border-radius: 7px;
     height: 37px;
@@ -10,15 +9,13 @@
     color: #64748b;
     margin-right: 13px;
     padding: 6px 10px !important;
-    color: #0f172a !important;
     opacity: 0.7;
   }
   .af-signature-popup .MuiTab-root.Mui-selected {
-    background: #ffffff;
     border: 1.5px solid #2563EB !important;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
     border-radius: 7px;
-    color: #000000 !important;
+    color: #2563EB !important;
   }
   .af-signature-popup .MuiTabs-indicator {
     display: none;
@@ -72,7 +69,7 @@
     top: 0px;
     left: 0px;
     cursor: pointer;
-    background-color: #F8F9FF;
+    /* background-color: #F8F9FF; */
   }
 
   .upload-wrapper-ui-text {

package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js

@@ -42,8 +42,7 @@ const TypeSignature = props => {
               overflow: "hidden",
               textOverflow: "ellipsis",
               warp: "noWarp",
-              maxWidth: "120px",
-              color: "#000000"
+              maxWidth: "120px"
             },
             children: name || "Signature"
           })

package/dist/Editor/Elements/Signature/SignaturePopup.js

@@ -158,10 +158,10 @@ const SignaturePopup = props => {
         sx: {
           borderRadius: "8px",
           boxShadow: "0px 4px 10px 0px #00000029",
-          maxWidth: "560px",
-          ...classes.signaturePopup
+          maxWidth: "560px"
         }
       },
+      sx: classes.signaturePopup,
       children: /*#__PURE__*/_jsx(Grid, {
         container: true,
         children: /*#__PURE__*/_jsxs(Grid, {
@@ -182,12 +182,8 @@ const SignaturePopup = props => {
                 item: true,
                 children: /*#__PURE__*/_jsx(Typography, {
                   variant: "h6",
-                  className: `${classes.popupTitle2}`,
                   color: "primary",
-                  sx: {
-                    fontWeight: 600,
-                    color: "#000000"
-                  },
+                  sx: classes.popupTitle2,
                   children: "Signature"
                 })
               }), /*#__PURE__*/_jsx(Grid, {
@@ -324,7 +320,7 @@ const SignaturePopup = props => {
                       "& .MuiOutlinedInput-root": {
                         borderRadius: "10px",
                         "& fieldset": {
-                          borderColor: "1px solid #D8DDE1"
+                          border: "1px solid #D8DDE1"
                         }
                         // '&:hover fieldset': {
                         //   borderColor: 'yourHoverColor',
@@ -468,7 +464,7 @@ const SignaturePopup = props => {
                       "& .MuiOutlinedInput-root": {
                         borderRadius: "10px",
                         "& fieldset": {
-                          borderColor: "1px solid #D8DDE1"
+                          border: "1px solid #D8DDE1"
                         }
                         // '&:hover fieldset': {
                         //   borderColor: 'yourHoverColor',
@@ -518,9 +514,9 @@ const SignaturePopup = props => {
                       marginLeft: "10px",
                       fontFamily: '"Inter", sans-serif',
                       fontSize: "14px",
-                      fontWeight: 500,
-                      color: "#333"
+                      fontWeight: 500
                     },
+                    className: "brush-color",
                     children: brush.color
                   })]
                 })
@@ -552,7 +548,7 @@ const SignaturePopup = props => {
             }) : null, /*#__PURE__*/_jsxs(_Fragment, {
               children: [!readOnly ? /*#__PURE__*/_jsx(Button, {
                 onClick: handleClear,
-                className: "secondaryBtn actionBtn",
+                className: "secondaryBtn actionBtn deleteBtn",
                 children: "Delete"
               }) : null, /*#__PURE__*/_jsx(Button, {
                 onClick: handleSave,

package/dist/Editor/Elements/Signature/Signed.js

@@ -77,7 +77,7 @@ const Signed = props => {
         className: "signed-btn",
         onClick: onSelect,
         style: {
-          background: "transparent",
+          background: "#FFF",
           border: "none",
           textAlign: "left"
         },

package/dist/Editor/commonStyle.js

@@ -79,15 +79,22 @@ const useCommonStyle = theme => ({
         color: theme?.palette?.editor?.textColor,
         backgroundColor: theme?.palette?.editor?.background
       },
+      "& .MuiInputBase-root": {
+        backgroundColor: theme?.palette?.editor?.background
+      },
+      "& .brush-color": {
+        color: theme?.palette?.editor?.textColor
+      },
       "& .react-datepicker__input-container": {
         "& svg": {
-          fill: theme?.palette?.editor?.textColor
+          fill: "transparent"
         }
       },
       "& fieldset": {
         borderColor: theme?.palette?.editor?.textColor
       },
       "& .upload-wrapper-ui": {
+        backgroundColor: theme?.palette?.type === "dark" ? "transparent" : "#F8F9FF",
         "& .MuiTypography-root": {
           color: theme?.palette?.editor?.textColor
         }
@@ -96,14 +103,22 @@ const useCommonStyle = theme => ({
         "& button": {
           color: theme?.palette?.editor?.textColor
         }
+      },
+      "& .MuiTab-root": {
+        color: theme?.palette?.editor?.textColor,
+        backgroundColor: theme?.palette?.editor?.background
+      },
+      "& .close-popupbtn": {
+        color: theme?.palette?.editor?.textColor
+      },
+      "& .deleteBtn": {
+        background: "transparent"
       }
     }
   },
   popupTitle2: {
-    fontWeight: "600 !important",
-    fontSize: "20px",
-    display: "flex",
-    alignItems: "center"
+    fontWeight: 600,
+    color: theme?.palette?.editor?.textColor
   },
   textOptions: {
     "& .MuiPopover-root": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "4.5.1",
+  "version": "4.5.2",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"