@flozy/editor 4.5.1 → 4.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,4 @@
1
1
  .af-signature-popup .MuiTab-root {
2
- background: #ffffff;
3
2
  border: 1px solid #D3D3D3 !important;
4
3
  border-radius: 7px;
5
4
  height: 37px;
@@ -10,15 +9,13 @@
10
9
  color: #64748b;
11
10
  margin-right: 13px;
12
11
  padding: 6px 10px !important;
13
- color: #0f172a !important;
14
12
  opacity: 0.7;
15
13
  }
16
14
  .af-signature-popup .MuiTab-root.Mui-selected {
17
- background: #ffffff;
18
15
  border: 1.5px solid #2563EB !important;
19
16
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
20
17
  border-radius: 7px;
21
- color: #000000 !important;
18
+ color: #2563EB !important;
22
19
  }
23
20
  .af-signature-popup .MuiTabs-indicator {
24
21
  display: none;
@@ -72,7 +69,7 @@
72
69
  top: 0px;
73
70
  left: 0px;
74
71
  cursor: pointer;
75
- background-color: #F8F9FF;
72
+ /* background-color: #F8F9FF; */
76
73
  }
77
74
 
78
75
  .upload-wrapper-ui-text {
@@ -42,8 +42,7 @@ const TypeSignature = props => {
42
42
  overflow: "hidden",
43
43
  textOverflow: "ellipsis",
44
44
  warp: "noWarp",
45
- maxWidth: "120px",
46
- color: "#000000"
45
+ maxWidth: "120px"
47
46
  },
48
47
  children: name || "Signature"
49
48
  })
@@ -158,10 +158,10 @@ const SignaturePopup = props => {
158
158
  sx: {
159
159
  borderRadius: "8px",
160
160
  boxShadow: "0px 4px 10px 0px #00000029",
161
- maxWidth: "560px",
162
- ...classes.signaturePopup
161
+ maxWidth: "560px"
163
162
  }
164
163
  },
164
+ sx: classes.signaturePopup,
165
165
  children: /*#__PURE__*/_jsx(Grid, {
166
166
  container: true,
167
167
  children: /*#__PURE__*/_jsxs(Grid, {
@@ -182,12 +182,8 @@ const SignaturePopup = props => {
182
182
  item: true,
183
183
  children: /*#__PURE__*/_jsx(Typography, {
184
184
  variant: "h6",
185
- className: `${classes.popupTitle2}`,
186
185
  color: "primary",
187
- sx: {
188
- fontWeight: 600,
189
- color: "#000000"
190
- },
186
+ sx: classes.popupTitle2,
191
187
  children: "Signature"
192
188
  })
193
189
  }), /*#__PURE__*/_jsx(Grid, {
@@ -324,7 +320,7 @@ const SignaturePopup = props => {
324
320
  "& .MuiOutlinedInput-root": {
325
321
  borderRadius: "10px",
326
322
  "& fieldset": {
327
- borderColor: "1px solid #D8DDE1"
323
+ border: "1px solid #D8DDE1"
328
324
  }
329
325
  // '&:hover fieldset': {
330
326
  // borderColor: 'yourHoverColor',
@@ -468,7 +464,7 @@ const SignaturePopup = props => {
468
464
  "& .MuiOutlinedInput-root": {
469
465
  borderRadius: "10px",
470
466
  "& fieldset": {
471
- borderColor: "1px solid #D8DDE1"
467
+ border: "1px solid #D8DDE1"
472
468
  }
473
469
  // '&:hover fieldset': {
474
470
  // borderColor: 'yourHoverColor',
@@ -518,9 +514,9 @@ const SignaturePopup = props => {
518
514
  marginLeft: "10px",
519
515
  fontFamily: '"Inter", sans-serif',
520
516
  fontSize: "14px",
521
- fontWeight: 500,
522
- color: "#333"
517
+ fontWeight: 500
523
518
  },
519
+ className: "brush-color",
524
520
  children: brush.color
525
521
  })]
526
522
  })
@@ -552,7 +548,7 @@ const SignaturePopup = props => {
552
548
  }) : null, /*#__PURE__*/_jsxs(_Fragment, {
553
549
  children: [!readOnly ? /*#__PURE__*/_jsx(Button, {
554
550
  onClick: handleClear,
555
- className: "secondaryBtn actionBtn",
551
+ className: "secondaryBtn actionBtn deleteBtn",
556
552
  children: "Delete"
557
553
  }) : null, /*#__PURE__*/_jsx(Button, {
558
554
  onClick: handleSave,
@@ -77,7 +77,7 @@ const Signed = props => {
77
77
  className: "signed-btn",
78
78
  onClick: onSelect,
79
79
  style: {
80
- background: "transparent",
80
+ background: "#FFF",
81
81
  border: "none",
82
82
  textAlign: "left"
83
83
  },
@@ -79,15 +79,22 @@ const useCommonStyle = theme => ({
79
79
  color: theme?.palette?.editor?.textColor,
80
80
  backgroundColor: theme?.palette?.editor?.background
81
81
  },
82
+ "& .MuiInputBase-root": {
83
+ backgroundColor: theme?.palette?.editor?.background
84
+ },
85
+ "& .brush-color": {
86
+ color: theme?.palette?.editor?.textColor
87
+ },
82
88
  "& .react-datepicker__input-container": {
83
89
  "& svg": {
84
- fill: theme?.palette?.editor?.textColor
90
+ fill: "transparent"
85
91
  }
86
92
  },
87
93
  "& fieldset": {
88
94
  borderColor: theme?.palette?.editor?.textColor
89
95
  },
90
96
  "& .upload-wrapper-ui": {
97
+ backgroundColor: theme?.palette?.type === "dark" ? "transparent" : "#F8F9FF",
91
98
  "& .MuiTypography-root": {
92
99
  color: theme?.palette?.editor?.textColor
93
100
  }
@@ -96,14 +103,22 @@ const useCommonStyle = theme => ({
96
103
  "& button": {
97
104
  color: theme?.palette?.editor?.textColor
98
105
  }
106
+ },
107
+ "& .MuiTab-root": {
108
+ color: theme?.palette?.editor?.textColor,
109
+ backgroundColor: theme?.palette?.editor?.background
110
+ },
111
+ "& .close-popupbtn": {
112
+ color: theme?.palette?.editor?.textColor
113
+ },
114
+ "& .deleteBtn": {
115
+ background: "transparent"
99
116
  }
100
117
  }
101
118
  },
102
119
  popupTitle2: {
103
- fontWeight: "600 !important",
104
- fontSize: "20px",
105
- display: "flex",
106
- alignItems: "center"
120
+ fontWeight: 600,
121
+ color: theme?.palette?.editor?.textColor
107
122
  },
108
123
  textOptions: {
109
124
  "& .MuiPopover-root": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flozy/editor",
3
- "version": "4.5.1",
3
+ "version": "4.5.2",
4
4
  "description": "An Editor for flozy app brain",
5
5
  "files": [
6
6
  "dist"