@flozy/editor 5.5.7 → 5.5.9

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.
Files changed (198) hide show
  1. package/dist/Editor/ChatEditor.js +34 -25
  2. package/dist/Editor/CommonEditor.js +13 -26
  3. package/dist/Editor/Editor.css +19 -102
  4. package/dist/Editor/Elements/AI/AIInput.js +1 -0
  5. package/dist/Editor/Elements/AI/CustomSelect.js +10 -17
  6. package/dist/Editor/Elements/AI/PopoverAIInput.js +53 -59
  7. package/dist/Editor/Elements/AI/Styles.js +6 -24
  8. package/dist/Editor/Elements/Accordion/Accordion.js +1 -8
  9. package/dist/Editor/Elements/AppHeader/AppHeader.js +6 -6
  10. package/dist/Editor/Elements/Button/EditorButton.js +1 -6
  11. package/dist/Editor/Elements/Carousel/CarouselItem.js +3 -11
  12. package/dist/Editor/Elements/Color Picker/ColorButtons.js +5 -7
  13. package/dist/Editor/Elements/Color Picker/Styles.js +3 -8
  14. package/dist/Editor/Elements/Color Picker/defaultColors.js +2 -2
  15. package/dist/Editor/Elements/Divider/Divider.js +20 -36
  16. package/dist/Editor/Elements/Embed/Image.js +16 -51
  17. package/dist/Editor/Elements/Embed/Video.js +3 -26
  18. package/dist/Editor/Elements/Form/Form.js +2 -38
  19. package/dist/Editor/Elements/Form/FormElements/FormCheckbox.js +1 -7
  20. package/dist/Editor/Elements/Form/FormElements/FormDate.js +1 -7
  21. package/dist/Editor/Elements/Form/FormElements/FormEmail.js +1 -7
  22. package/dist/Editor/Elements/Form/FormElements/FormNumbers.js +1 -7
  23. package/dist/Editor/Elements/Form/FormElements/FormRadioButton.js +1 -7
  24. package/dist/Editor/Elements/Form/FormElements/FormText.js +1 -7
  25. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +1 -6
  26. package/dist/Editor/Elements/Form/FormPopup.js +9 -12
  27. package/dist/Editor/Elements/Form/Workflow/Styles.js +0 -2
  28. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +1 -1
  29. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +2 -4
  30. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +1 -20
  31. package/dist/Editor/Elements/FreeGrid/breakpointConstants.js +4 -4
  32. package/dist/Editor/Elements/FreeGrid/styles.js +1 -1
  33. package/dist/Editor/Elements/Grid/GridButton.js +2 -2
  34. package/dist/Editor/Elements/Grid/GridItem.js +36 -47
  35. package/dist/Editor/Elements/Grid/Styles.js +0 -50
  36. package/dist/Editor/Elements/Link/LinkButton.js +1 -1
  37. package/dist/Editor/Elements/Search/SearchButton.js +0 -1
  38. package/dist/Editor/Elements/Signature/Signature.css +1 -1
  39. package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -2
  40. package/dist/Editor/Elements/Signature/SignaturePopup.js +52 -17
  41. package/dist/Editor/Elements/SimpleText/style.js +0 -15
  42. package/dist/Editor/Elements/Table/Styles.js +78 -88
  43. package/dist/Editor/Elements/Table/Table.js +140 -263
  44. package/dist/Editor/Elements/Table/TableCell.js +111 -365
  45. package/dist/Editor/Elements/Table/TablePopup.js +3 -9
  46. package/dist/Editor/Elements/Table/TableRow.js +2 -10
  47. package/dist/Editor/Elements/TopBanner/TopBanner.js +1 -2
  48. package/dist/Editor/MiniEditor.js +2 -21
  49. package/dist/Editor/Styles/EditorStyles.js +4 -13
  50. package/dist/Editor/Toolbar/FormatTools/BlockButton.js +0 -10
  51. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +12 -7
  52. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +4 -26
  53. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +0 -3
  54. package/dist/Editor/Toolbar/FormatTools/TextSize.js +5 -5
  55. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +8 -8
  56. package/dist/Editor/Toolbar/Mini/Styles.js +1 -9
  57. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/InfinityAITool.js +3 -7
  58. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -6
  59. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +15 -19
  60. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +58 -547
  61. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +16 -28
  62. package/dist/Editor/Toolbar/PopupTool/index.js +5 -3
  63. package/dist/Editor/Toolbar/Toolbar.js +0 -6
  64. package/dist/Editor/Toolbar/toolbarGroups.js +0 -4
  65. package/dist/Editor/assets/svg/BrainIcon.js +2 -2
  66. package/dist/Editor/assets/svg/SettingsIcon.js +4 -4
  67. package/dist/Editor/common/ColorPickerButton.js +45 -85
  68. package/dist/Editor/common/DnD/Draggable.js +1 -2
  69. package/dist/Editor/common/FontLoader/FontLoader.js +2 -2
  70. package/dist/Editor/common/Icon.js +21 -54
  71. package/dist/Editor/common/ImageSelector/Options/Upload.js +1 -2
  72. package/dist/Editor/common/ImageSelector/Styles.js +6 -47
  73. package/dist/Editor/common/ImageSelector/UploadStyles.js +6 -18
  74. package/dist/Editor/common/LinkSettings/NavComponents.js +1 -2
  75. package/dist/Editor/common/LinkSettings/index.js +1 -2
  76. package/dist/Editor/common/MentionsPopup/Styles.js +8 -142
  77. package/dist/Editor/common/MentionsPopup/index.js +1 -1
  78. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +12 -107
  79. package/dist/Editor/common/RnD/GuideLines/styles.js +3 -3
  80. package/dist/Editor/common/RnD/ShadowElement.js +1 -1
  81. package/dist/Editor/common/RnD/VirtualElement/index.js +1 -5
  82. package/dist/Editor/common/RnD/index.js +3 -4
  83. package/dist/Editor/common/Section/index.js +3 -3
  84. package/dist/Editor/common/Section/styles.js +1 -5
  85. package/dist/Editor/common/Shorthands/elements.js +1 -13
  86. package/dist/Editor/common/StyleBuilder/fieldStyle.js +1 -2
  87. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -4
  88. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +7 -35
  89. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +2 -15
  90. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +1 -2
  91. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +1 -1
  92. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +0 -2
  93. package/dist/Editor/common/StyleBuilder/fieldTypes/radiusStyle.js +11 -11
  94. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +6 -22
  95. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -21
  96. package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -20
  97. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +2 -12
  98. package/dist/Editor/common/StyleBuilder/formStyle.js +149 -268
  99. package/dist/Editor/common/StyleBuilder/index.js +20 -101
  100. package/dist/Editor/common/StyleBuilder/tableStyle.js +25 -69
  101. package/dist/Editor/common/SwipeableDrawer/style.js +4 -15
  102. package/dist/Editor/common/ToolbarIcon.js +1 -1
  103. package/dist/Editor/common/Uploader.js +37 -39
  104. package/dist/Editor/common/iconListV2.js +74 -598
  105. package/dist/Editor/common/iconslist.js +19 -25
  106. package/dist/Editor/commonStyle.js +15 -421
  107. package/dist/Editor/helper/deserialize/index.js +2 -31
  108. package/dist/Editor/helper/index.js +2 -15
  109. package/dist/Editor/helper/theme.js +1 -15
  110. package/dist/Editor/hooks/useBreakpoints.js +1 -1
  111. package/dist/Editor/plugins/withCustomDeleteBackward.js +3 -34
  112. package/dist/Editor/plugins/withEmbeds.js +26 -30
  113. package/dist/Editor/plugins/withHTML.js +12 -100
  114. package/dist/Editor/plugins/withLayout.js +0 -1
  115. package/dist/Editor/utils/SlateUtilityFunctions.js +11 -31
  116. package/dist/Editor/utils/brains.js +1 -1
  117. package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js +1 -26
  118. package/dist/Editor/utils/customHooks/useResize.js +4 -7
  119. package/dist/Editor/utils/customHooks/useTableResize.js +2 -6
  120. package/dist/Editor/utils/embed.js +1 -2
  121. package/dist/Editor/utils/events.js +1 -0
  122. package/dist/Editor/utils/font.js +4 -11
  123. package/dist/Editor/utils/formfield.js +4 -8
  124. package/dist/Editor/utils/helper.js +2 -100
  125. package/dist/Editor/utils/insertNewLine.js +1 -19
  126. package/dist/Editor/utils/serializeToText.js +0 -2
  127. package/dist/Editor/utils/table.js +24 -228
  128. package/package.json +2 -2
  129. package/dist/Editor/Elements/DataView/DataView.js +0 -124
  130. package/dist/Editor/Elements/DataView/DataViewButton.js +0 -23
  131. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +0 -83
  132. package/dist/Editor/Elements/DataView/Layouts/DataTypes/CheckType.js +0 -33
  133. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/Select.js +0 -180
  134. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/SimpleSelect.js +0 -62
  135. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/styles.js +0 -68
  136. package/dist/Editor/Elements/DataView/Layouts/DataTypes/DateType.js +0 -35
  137. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +0 -39
  138. package/dist/Editor/Elements/DataView/Layouts/DataTypes/NumberType.js +0 -30
  139. package/dist/Editor/Elements/DataView/Layouts/DataTypes/PersonType.js +0 -30
  140. package/dist/Editor/Elements/DataView/Layouts/DataTypes/SelectType.js +0 -35
  141. package/dist/Editor/Elements/DataView/Layouts/DataTypes/TextType.js +0 -36
  142. package/dist/Editor/Elements/DataView/Layouts/DataTypes/index.js +0 -17
  143. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseField.js +0 -29
  144. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +0 -38
  145. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +0 -86
  146. package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +0 -71
  147. package/dist/Editor/Elements/DataView/Layouts/FilterSort/styles.js +0 -138
  148. package/dist/Editor/Elements/DataView/Layouts/FilterView.js +0 -213
  149. package/dist/Editor/Elements/DataView/Layouts/Formula.js +0 -29
  150. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +0 -113
  151. package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +0 -44
  152. package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +0 -146
  153. package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +0 -79
  154. package/dist/Editor/Elements/DataView/Layouts/Options/ColumnsList.js +0 -57
  155. package/dist/Editor/Elements/DataView/Layouts/Options/Constants.js +0 -101
  156. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +0 -174
  157. package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +0 -241
  158. package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +0 -45
  159. package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +0 -32
  160. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -110
  161. package/dist/Editor/Elements/DataView/Layouts/Options/styles.js +0 -217
  162. package/dist/Editor/Elements/DataView/Layouts/TableStyles.js +0 -131
  163. package/dist/Editor/Elements/DataView/Layouts/TableView.js +0 -253
  164. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +0 -85
  165. package/dist/Editor/Elements/DataView/Layouts/colStyles.js +0 -10
  166. package/dist/Editor/Elements/DataView/Layouts/index.js +0 -25
  167. package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +0 -277
  168. package/dist/Editor/Elements/DataView/Utils/globalSearch.js +0 -15
  169. package/dist/Editor/Elements/DataView/Utils/multiSortRows.js +0 -88
  170. package/dist/Editor/Elements/DataView/styles.js +0 -169
  171. package/dist/Editor/Elements/Table/AddRowCol.js +0 -77
  172. package/dist/Editor/Elements/Table/DragButton.js +0 -142
  173. package/dist/Editor/Elements/Table/DragStyles.js +0 -70
  174. package/dist/Editor/Elements/Table/Draggable.js +0 -25
  175. package/dist/Editor/Elements/Table/Droppable.js +0 -53
  176. package/dist/Editor/Elements/Table/TableTool.js +0 -101
  177. package/dist/Editor/Elements/Table/tableHelper.js +0 -71
  178. package/dist/Editor/assets/svg/ArrowDownIcon.js +0 -25
  179. package/dist/Editor/assets/svg/ArrowUpIcon.js +0 -25
  180. package/dist/Editor/assets/svg/CalenderIconTick.js +0 -64
  181. package/dist/Editor/assets/svg/ChervDown.js +0 -18
  182. package/dist/Editor/assets/svg/ChervUp.js +0 -18
  183. package/dist/Editor/assets/svg/DataTableIcon.js +0 -50
  184. package/dist/Editor/assets/svg/DuplicateIcon.js +0 -23
  185. package/dist/Editor/assets/svg/EyeIcon.js +0 -23
  186. package/dist/Editor/assets/svg/EyeSlash.js +0 -43
  187. package/dist/Editor/assets/svg/HashtagIcon.js +0 -33
  188. package/dist/Editor/assets/svg/PlusIcon.js +0 -23
  189. package/dist/Editor/assets/svg/SelectRoundedIcon.js +0 -24
  190. package/dist/Editor/assets/svg/SortByIcon.js +0 -33
  191. package/dist/Editor/assets/svg/TableIcons.js +0 -220
  192. package/dist/Editor/assets/svg/TickOutlined.js +0 -23
  193. package/dist/Editor/assets/svg/TrashCanIcon.js +0 -38
  194. package/dist/Editor/common/Select/index.js +0 -20
  195. package/dist/Editor/common/Select/styles.js +0 -17
  196. package/dist/Editor/helper/enforceDateFormat.js +0 -41
  197. package/dist/Editor/hooks/useTable.js +0 -210
  198. package/dist/Editor/utils/dataView.js +0 -43
@@ -1,15 +1,14 @@
1
1
  const usePopupStyle = theme => ({
2
2
  popupWrapper: {
3
- boxShadow: theme?.palette?.type === "light" ? "1px 2px 15px 0px #2563EB40" : "unset",
3
+ boxShadow: "1px 2px 15px 0px #2563EB40",
4
4
  zIndex: 1300,
5
5
  marginBottom: "12px !important",
6
- borderRadius: "20px !important",
7
- border: `1px solid ${theme?.palette?.editor?.popUpBorderColor} !important`,
6
+ borderRadius: "6px",
7
+ border: "1px solid #D8DDE1",
8
8
  maxWidth: "100%",
9
9
  // maxHeight: "40px",
10
10
  "&.fullscreen": {
11
11
  marginBottom: "0px !important",
12
- borderRadius: "0px !important",
13
12
  "& .papper-wrpr": {
14
13
  boxShadow: "none"
15
14
  }
@@ -18,42 +17,7 @@ const usePopupStyle = theme => ({
18
17
  transform: "none !important"
19
18
  },
20
19
  "& .MuiPaper-root": {
21
- backgroundColor: `${theme?.palette?.editor?.textFormatBgColor} !important`,
22
- borderRadius: "19px !important"
23
- },
24
- "& .MuiDialog-paperFullScreen": {
25
- borderRadius: "0px !important"
26
- },
27
- "& .inputField": {
28
- height: "29px",
29
- "& .MuiIconButton-root": {
30
- padding: "5px"
31
- },
32
- "& .MuiOutlinedInput-root ": {
33
- background: `${theme?.palette?.editor?.inputFieldBgColor}`,
34
- borderRadius: "8px",
35
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
36
- },
37
- "& .MuiFormControl-root": {
38
- background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
39
- borderRadius: "8px",
40
- height: "29px"
41
- },
42
- "& .MuiOutlinedInput-notchedOutline": {
43
- borderRadius: "8px",
44
- border: `1px solid transparent`
45
- },
46
- "& .MuiOutlinedInput-input": {
47
- padding: "3px 35px 4px 2px !important"
48
- },
49
- "& .MuiInputBase-adornedStart": {
50
- padding: "0px 0px 0px 9px"
51
- },
52
- "& svg": {
53
- "& path": {
54
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
55
- }
56
- }
20
+ backgroundColor: theme?.palette?.editor?.background
57
21
  },
58
22
  "&.textSettings": {
59
23
  "@media only screen and (max-width: 600px)": {
@@ -62,7 +26,7 @@ const usePopupStyle = theme => ({
62
26
  }
63
27
  },
64
28
  "& .MuiTypography-root": {
65
- color: theme?.palette?.editor?.textFormatTextColor
29
+ color: theme?.palette?.editor?.textColor
66
30
  },
67
31
  "& .MuiInputBase-root": {
68
32
  color: theme?.palette?.editor?.textColor,
@@ -87,25 +51,15 @@ const usePopupStyle = theme => ({
87
51
  "& .buttonsWrpr": {
88
52
  "& button": {
89
53
  color: theme?.palette?.editor?.textColor
90
- },
91
- "& .more-btn-cbs": {
92
- color: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
93
- border: `1px solid ${theme?.palette?.editor?.closeButtonSvgStroke}`,
94
- paddingTop: "10px",
95
- "& svg": {
96
- width: "20px",
97
- height: "24px"
98
- }
99
54
  }
100
55
  },
101
56
  "@media only screen and (max-width: 599px)": {
102
- // margin: "10px !important",
57
+ padding: "10px",
103
58
  background: "unset",
104
- boxShadow: "unset"
105
- // border: "none",
59
+ boxShadow: "unset",
60
+ border: "none"
106
61
  }
107
62
  },
108
-
109
63
  textFormatWrapper: {
110
64
  padding: "0px 16px 16px 16px",
111
65
  width: "323px",
@@ -129,9 +83,6 @@ const usePopupStyle = theme => ({
129
83
  width: "330px"
130
84
  }
131
85
  },
132
- "& .MuiTypography-root": {
133
- padding: "0px"
134
- },
135
86
  "&.templates": {
136
87
  width: "500px",
137
88
  maxWidth: "100%",
@@ -139,38 +90,13 @@ const usePopupStyle = theme => ({
139
90
  width: "100%",
140
91
  maxHeight: "fit-content"
141
92
  },
142
- "& .MuiTab-root": {
143
- textTransform: "capitalize",
144
- color: "#64748B",
145
- borderBottom: `1.5px solid ${theme?.palette?.editor?.deviderBgColor}`
146
- },
147
- "& .Mui-selected": {
148
- color: `${theme?.palette?.editor?.textColor} !important`,
149
- fontWeight: "700 !important"
150
- },
151
- "& .MuiTabs-indicator": {
152
- background: "#2563EB"
153
- },
154
- "& .MuiTabScrollButton-horizontal": {
155
- borderBottom: "unset !important",
156
- width: "10px",
157
- "& svg": {
158
- color: theme?.palette?.editor?.closeButtonSvgStroke
159
- }
160
- },
161
93
  "@media only screen and (max-width: 599px)": {
162
94
  width: "330px"
163
- },
164
- "& .MuiCardContent-root": {
165
- color: theme?.palette?.editor?.textColor,
166
- fontFamily: "Inter, sans-serif",
167
- fontSize: "12px",
168
- fontWeight: "500"
169
95
  }
170
96
  },
171
97
  "& .headerContainer": {},
172
98
  "& .textSettingHeader": {
173
- // borderBottom: "1px solid #DCE4EC",
99
+ borderBottom: "1px solid #DCE4EC",
174
100
  padding: "8px 0px 5px",
175
101
  marginBottom: "20px"
176
102
  },
@@ -185,72 +111,8 @@ const usePopupStyle = theme => ({
185
111
  justifyContent: "start",
186
112
  borderRadius: "10px !important",
187
113
  transition: "background-color 0.3s ease",
188
- "& .signatureElementIcon": {
189
- "& path": {
190
- fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
191
- }
192
- },
193
- "& .commonSvgStyle": {
194
- "& path": {
195
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`
196
- }
197
- },
198
- "& .commonSvgStyle2": {
199
- "& path": {
200
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`
201
- }
202
- },
203
- "& .colorBoxElementIcon": {
204
- "& path": {
205
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
206
- fill: "none"
207
- }
208
- },
209
- "& .gridElementIcon": {
210
- "& path": {
211
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
212
- fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
213
- }
214
- },
215
- "& .newLineElementIcon": {
216
- "& path": {
217
- fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
218
- }
219
- },
220
114
  "&:hover": {
221
- backgroundColor: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`,
222
- "& .signatureElementIcon": {
223
- "& path": {
224
- fill: `${theme?.palette?.editor?.textColor}`
225
- }
226
- },
227
- "& .commonSvgStyle": {
228
- "& path": {
229
- stroke: `${theme?.palette?.editor?.textColor}`
230
- }
231
- },
232
- "& .commonSvgStyle2": {
233
- "& path": {
234
- stroke: `${theme?.palette?.editor?.textColor}`
235
- }
236
- },
237
- "& .colorBoxElementIcon": {
238
- "& path": {
239
- stroke: `${theme?.palette?.editor?.textColor}`,
240
- fill: "none"
241
- }
242
- },
243
- "& .gridElementIcon": {
244
- "& path": {
245
- stroke: `${theme?.palette?.editor?.textColor}`,
246
- fill: `${theme?.palette?.editor?.textColor}`
247
- }
248
- },
249
- "& .newLineElementIcon": {
250
- "& path": {
251
- fill: `${theme?.palette?.editor?.textColor}`
252
- }
253
- }
115
+ backgroundColor: "#E9F3FE"
254
116
  },
255
117
  "& svg": {
256
118
  width: "24px",
@@ -289,14 +151,6 @@ const usePopupStyle = theme => ({
289
151
  },
290
152
  "@media only screen and (max-width: 599px)": {
291
153
  width: "330px"
292
- },
293
- "& .textFormatMUIIcon": {
294
- "& svg": {
295
- color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
296
- }
297
- },
298
- "& .npr-0": {
299
- paddingRight: "0px !important"
300
154
  }
301
155
  },
302
156
  textFormatLabel: {
@@ -314,24 +168,11 @@ const usePopupStyle = theme => ({
314
168
  },
315
169
  "& .MuiFormControl-root.MuiTextField-root input": {
316
170
  padding: "8px 35px 6px 12px"
317
- },
318
- "& .toogleFullScreenBtn": {
319
- background: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
320
- padding: "4px !important",
321
- "& .toogleFullScreenSvg": {
322
- "& path": {
323
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
324
- }
325
- }
326
171
  }
327
172
  },
328
- textSettingHeader: {
329
- display: "flex",
330
- borderBottom: `1px solid ${theme?.palette?.editor?.deviderBgColor} !important`
331
- },
332
173
  textFormatField: {
333
- marginBottom: "8px",
334
- marginTop: "8px"
174
+ marginBottom: "16px",
175
+ marginTop: "10px"
335
176
  },
336
177
  textFormatField1: {
337
178
  marginBottom: "16px",
@@ -341,137 +182,6 @@ const usePopupStyle = theme => ({
341
182
  // marginBottom: "16px",
342
183
  marginTop: "10px"
343
184
  },
344
- textFormatField3: {
345
- marginBottom: "16px"
346
- },
347
- textAlignButtons: {
348
- paddingLeft: "0px",
349
- paddingRight: "12px",
350
- "&:hover": {
351
- background: "unset"
352
- },
353
- "&:not(.btnActive):hover": {
354
- background: "unset",
355
- color: `${theme?.palette?.editor?.textColor} !important`,
356
- "& .justifyIcon": {
357
- "& path": {
358
- fill: `${theme?.palette?.editor?.textColor}`,
359
- stroke: `${theme?.palette?.editor?.textColor}`
360
- }
361
- },
362
- "& .textAlignIconSameStyles": {
363
- "& path": {
364
- fill: `${theme?.palette?.editor?.textColor}`
365
- }
366
- },
367
- "& .orderedListIcon": {
368
- "& .strokePathList": {
369
- stroke: `${theme?.palette?.editor?.textColor} !important`
370
- },
371
- "& .fillPathList": {
372
- fill: `${theme?.palette?.editor?.textColor} !important`
373
- }
374
- },
375
- "& .bulletedListTextIcon": {
376
- "& path": {
377
- fill: `${theme?.palette?.editor?.textColor}`,
378
- stroke: `${theme?.palette?.editor?.textColor}`
379
- },
380
- "& circle": {
381
- fill: `${theme?.palette?.editor?.textColor}`
382
- }
383
- },
384
- "& .checkedListTextIcon": {
385
- "& path": {
386
- stroke: `${theme?.palette?.editor?.textColor}`
387
- }
388
- },
389
- "& .accordianListTextIcon": {
390
- // stroke: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`,
391
- "& svg": {
392
- fill: `${theme?.palette?.editor?.textColor}`,
393
- stroke: `${theme?.palette?.editor?.textColor}`
394
- },
395
- "& path": {
396
- fill: `${theme?.palette?.editor?.textColor}`,
397
- stroke: `${theme?.palette?.editor?.textColor}`
398
- }
399
- }
400
- }
401
- },
402
- autoCompleteaFontFamily: {
403
- "& .MuiOutlinedInput-root": {
404
- borderRadius: "8px",
405
- backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor}`,
406
- fontSize: "12px",
407
- fontWeight: "400",
408
- height: "36px",
409
- paddingLeft: "12px !important"
410
- },
411
- "& .MuiOutlinedInput-notchedOutline": {
412
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
413
- },
414
- "& svg": {
415
- width: "20px",
416
- height: "24px"
417
- }
418
- },
419
- fontFamilyListOptions: {
420
- "& .MuiAutocomplete-listbox": {
421
- padding: "0px",
422
- "&::-webkit-scrollbar-thumb": {
423
- background: `none !important`
424
- },
425
- "&::-webkit-scrollbar-track": {
426
- visibility: "hidden"
427
- },
428
- "&::-webkit-scrollbar-thumb": {
429
- background: `${theme?.palette?.editor?.brainPopupScroll} !important`
430
- },
431
- "&::-webkit-scrollbar-track": {
432
- visibility: "hidden"
433
- },
434
- "& li": {
435
- margin: "5px",
436
- borderRadius: "8px",
437
- color: theme?.palette?.editor?.menuOptionTextColor,
438
- fontSize: '14px',
439
- padding: '8px 12px',
440
- '&[aria-selected="true"]': {
441
- backgroundColor: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
442
- }
443
- }
444
- },
445
- "& .MuiPaper-root": {
446
- borderRadius: "8px",
447
- background: theme?.palette?.editor?.textWeightPopUpBackground
448
- }
449
- },
450
- textFormatSelect: {
451
- background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
452
- width: "100%",
453
- height: "36px",
454
- borderRadius: "10px",
455
- fontSize: "12px",
456
- fontFamily: "Inter, sans-serif",
457
- "& .MuiOutlinedInput-notchedOutline": {
458
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
459
- },
460
- "& svg": {
461
- width: "20px",
462
- height: "24px"
463
- }
464
- },
465
- textFormatSelectOptions: {
466
- margin: "5px !important",
467
- borderRadius: "4px !important",
468
- fontSize: "12px !important",
469
- fontWeight: 500,
470
- "&.Mui-selected": {
471
- background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`,
472
- color: `${theme?.palette?.editor?.menuOptionTextColor} !important`
473
- }
474
- },
475
185
  textFormatFieldBorder: {
476
186
  display: "flex",
477
187
  alignItems: "center",
@@ -482,31 +192,13 @@ const usePopupStyle = theme => ({
482
192
  },
483
193
  dividerGrid: {
484
194
  margin: "5px 0px 10px 0px"
485
- // background: `${theme?.palette?.editor?.deviderBgColor} !important`,
486
195
  },
487
-
488
196
  textFormatColorWrpr: {
489
197
  display: "flex",
490
198
  alignItems: "center",
491
199
  marginBottom: "8px"
492
200
  },
493
- textFormatCG: {
494
- alignItems: "flexStart",
495
- justifyContent: "center",
496
- flexDirection: "row",
497
- "& .accordionIcon": {
498
- paddingLeft: "0px",
499
- paddingRight: "12px",
500
- "&:not(.btnActive):hover": {
501
- background: "unset",
502
- "& .accordianIconSvgTextFormat": {
503
- "& path": {
504
- stroke: theme?.palette?.editor?.textColor
505
- }
506
- }
507
- }
508
- }
509
- },
201
+ textFormatCG: {},
510
202
  evenSpace: {
511
203
  display: "flex",
512
204
  flexDirection: "row",
@@ -518,36 +210,7 @@ const usePopupStyle = theme => ({
518
210
  "&.typo-icons": {
519
211
  "& button": {
520
212
  width: "31px",
521
- height: "36px",
522
- "&:hover": {
523
- background: "unset"
524
- },
525
- "&:not(.btnActive):hover": {
526
- background: "unset",
527
- "& svg": {
528
- color: `${theme?.palette?.editor?.textColor} !important`
529
- },
530
- "& .linkIcon": {
531
- "& path": {
532
- stroke: theme?.palette?.editor?.textColor
533
- }
534
- }
535
- }
536
- },
537
- alignItems: "flexStart",
538
- justifyContent: "center",
539
- flexDirection: "row",
540
- "&:hover": {
541
- background: "unset"
542
- },
543
- "& .customSelectTool": {
544
- color: theme?.palette?.editor?.closeButtonSvgStroke,
545
- fontWeight: "510",
546
- "& svg": {
547
- marginTop: "8px",
548
- width: "16px",
549
- height: "8px"
550
- }
213
+ height: "36px"
551
214
  }
552
215
  },
553
216
  "&.text-decorations-wrpr": {
@@ -560,24 +223,15 @@ const usePopupStyle = theme => ({
560
223
  fontSize: "14px",
561
224
  marginBottom: "5px",
562
225
  paddingLeft: "5px",
563
- marginTop: "4px",
564
226
  fontWeight: 500,
565
227
  color: theme?.palette?.editor?.textColor || "#000"
566
228
  },
567
229
  typoLabel2: {
568
230
  fontSize: "14px",
569
- marginBottom: "2px",
570
- // paddingLeft: "10px",
231
+ marginBottom: "5px",
232
+ paddingLeft: "10px",
571
233
  fontWeight: 500
572
234
  },
573
- typoLabel3: {
574
- fontSize: "14px",
575
- marginBottom: "10px",
576
- paddingLeft: "5px",
577
- marginTop: "4px",
578
- fontWeight: 500,
579
- color: theme?.palette?.editor?.textColor || "#000"
580
- },
581
235
  templateCard: {
582
236
  borderRadius: "10px",
583
237
  boxShadow: "none",
@@ -647,110 +301,61 @@ const usePopupStyle = theme => ({
647
301
  }
648
302
  },
649
303
  btnGroup: {
650
- border: `1px solid ${theme?.palette?.editor?.borderColor}`,
651
- borderRadius: "7px",
652
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
653
- height: "36px",
304
+ backgroundColor: theme?.palette?.editor?.background,
654
305
  "& button": {
655
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
306
+ backgroundColor: theme?.palette?.editor?.background,
656
307
  marginRight: "0px",
657
308
  color: theme?.palette?.editor?.textColor,
658
- borderColor: "#ffffff00 !important",
309
+ borderColor: theme?.palette?.editor?.borderColor,
659
310
  textTransform: "capitalize",
660
311
  marginBottom: "0px",
312
+ "&:hover": {
313
+ color: theme?.palette?.editor?.borderColor,
314
+ background: theme?.palette?.editor?.background
315
+ },
661
316
  "&.active": {
662
317
  background: theme?.palette?.editor?.background,
663
318
  color: theme?.palette?.editor?.activeColor
664
319
  },
665
320
  "&.no-hover": {
666
- border: `1px solid #ffffff00`
321
+ border: `1px solid ${theme?.palette?.editor?.borderColor}`
667
322
  }
668
- },
669
- "& .colorBox": {
670
- background: theme?.palette?.editor?.inputFieldBgColor,
671
- borderRadius: "7px 0px 0px 7px",
672
- fontSize: "12px !important",
673
- fontWeight: 500
674
- },
675
- "& .colorPicker": {
676
- background: theme?.palette?.editor?.inputFieldBgColor,
677
- borderRadius: "0px 7px 7px 0px",
678
- padding: "0px"
679
- },
680
- "& .vl": {
681
- background: theme?.palette?.editor?.borderColor,
682
- width: "2px",
683
- height: "25px",
684
- margin: "5px 0px"
685
- },
686
- "& svg": {
687
- width: "20px",
688
- height: "24px"
689
323
  }
690
324
  },
691
325
  btnGroup2: {
692
- border: `1px solid ${theme?.palette?.editor?.borderColor}`,
693
- borderRadius: "7px",
694
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
695
- height: "36px",
326
+ backgroundColor: theme?.palette?.editor?.background,
696
327
  "& button": {
697
328
  backgroundColor: theme?.palette?.editor?.background,
698
329
  marginRight: "0px",
699
330
  color: theme?.palette?.editor?.textColor,
700
- borderColor: "#ffffff00 !important",
331
+ borderColor: theme?.palette?.editor?.borderColor,
701
332
  textTransform: "capitalize",
702
333
  marginBottom: "0px",
703
- // "&:hover": {
704
- // color: theme?.palette?.editor?.borderColor,
705
- // background: theme?.palette?.editor?.background,
706
- // },
334
+ "&:hover": {
335
+ color: theme?.palette?.editor?.borderColor,
336
+ background: theme?.palette?.editor?.background
337
+ },
707
338
  "&.active": {
708
339
  background: theme?.palette?.editor?.background,
709
340
  color: theme?.palette?.editor?.activeColor
710
341
  },
711
342
  "&.no-hover": {
712
- border: `1px solid #ffffff00`,
713
- borderRadius: "7px 0px 0px 7px"
714
- },
715
- "& svg": {
716
- width: "20px",
717
- height: "24px"
343
+ border: `1px solid ${theme?.palette?.editor?.borderColor}`,
344
+ padding: "0px 5px !important"
718
345
  }
719
- },
720
- "& .colorBox": {
721
- background: theme?.palette?.editor?.inputFieldBgColor,
722
- borderRadius: "7px 0px 0px 7px",
723
- fontSize: "12px !important",
724
- fontWeight: 500
725
- },
726
- "& .colorPicker": {
727
- background: theme?.palette?.editor?.inputFieldBgColor,
728
- borderRadius: "0px 7px 7px 0px",
729
- padding: "0px"
730
- },
731
- "& .vl": {
732
- background: theme?.palette?.editor?.borderColor,
733
- width: "2px",
734
- height: "25px",
735
- margin: "5px 0px"
736
346
  }
737
347
  },
738
348
  allColor: {
739
- borderRadius: "7px !important",
740
349
  "& .buttonsWrpr": {
741
- backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
742
- border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
743
- borderRadius: "7px !important",
744
350
  "& button": {
745
351
  color: theme?.palette?.editor?.textColor
746
352
  }
747
353
  }
748
354
  },
749
355
  allColorInner: {
750
- borderRadius: "7px !important",
751
356
  "& .buttonsWrpr": {
752
357
  "& button": {
753
- // border: "1px solid #ccc",
358
+ border: "1px solid #ccc",
754
359
  margin: "4px",
755
360
  width: "24px",
756
361
  height: "24px",
@@ -774,14 +379,14 @@ const usePopupStyle = theme => ({
774
379
  textTransform: "none",
775
380
  textDecorationLine: "underline",
776
381
  textUnderlineOffset: "2px",
777
- padding: "0px"
382
+ padding: "0px 10px"
778
383
  },
779
384
  defaultBtn2: {
780
- color: `${theme?.palette?.editor?.deafultColorOptionTextColor} !important`,
385
+ color: "#A2B0B9 !important",
781
386
  textTransform: "none",
782
387
  textDecorationLine: "underline",
783
388
  textUnderlineOffset: "2px",
784
- padding: "0px"
389
+ padding: "0px 10px"
785
390
  },
786
391
  defaultBtn: {
787
392
  color: "#0F172A",
@@ -806,16 +411,14 @@ const usePopupStyle = theme => ({
806
411
  padding: "7px 15px",
807
412
  color: "#FFF",
808
413
  width: "100px",
809
- marginBottom: "10px",
810
- textTransform: "capitalize"
414
+ marginBottom: "10px"
811
415
  },
812
416
  "& .outlineBtn": {
813
417
  border: "1px solid #D7DBEC",
814
418
  borderRadius: "7px",
815
419
  padding: "7px 15px",
816
420
  color: "#FFF",
817
- width: "100px",
818
- textTransform: "capitalize"
421
+ width: "100px"
819
422
  }
820
423
  },
821
424
  searchBox: {
@@ -827,111 +430,52 @@ const usePopupStyle = theme => ({
827
430
  }
828
431
  },
829
432
  textOptions: {
830
- backgroundColor: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`,
831
- color: theme?.palette?.editor?.textColor,
832
- borderRadius: "8px !important",
833
- fontFamily: "Inter, sans-serif",
834
- "& .MuiList-root": {
835
- padding: "0px !important"
836
- }
433
+ backgroundColor: theme?.palette?.editor?.background,
434
+ color: theme?.palette?.editor?.textColor
837
435
  },
838
436
  textSize: {
839
- height: "36px !important",
840
- "& .MuiOutlinedInput-root": {
841
- borderRadius: "8px !important",
842
- height: "36px !important",
843
- background: `${theme?.palette?.editor?.inputFieldBgColor} !important`
844
- },
845
- "& .MuiOutlinedInput-notchedOutline": {
846
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
847
- },
848
437
  "& .textFontArrows": {
849
438
  "& svg": {
850
- stroke: theme?.palette?.editor?.closeButtonSvgStroke,
851
- color: theme?.palette?.editor?.closeButtonSvgStroke,
852
- width: "10px",
853
- height: "12px"
439
+ stroke: theme?.palette?.editor?.textColor
854
440
  }
855
441
  }
856
442
  },
857
443
  closeBtn: {
858
- background: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
859
- color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
444
+ backgroundColor: theme?.palette?.editor?.background,
445
+ color: theme?.palette?.editor?.textColor
860
446
  },
861
447
  colorPickerPopup: {
862
448
  margin: "30px",
863
449
  "& .MuiPaper-root": {
864
450
  overflow: "auto",
865
- backgroundColor: theme?.palette?.editor?.background,
866
- borderRadius: "14px !important",
867
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
451
+ backgroundColor: theme?.palette?.editor?.background
868
452
  },
869
453
  "& .popup_tabs": {
870
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
871
- "@media only screen and (max-width: 899px)": {
872
- width: "100% !important"
873
- }
454
+ backgroundColor: theme?.palette?.editor?.background
874
455
  },
875
456
  "& .popup_tabs-header": {
876
- fontFamily: "Inter, sans-serif",
877
- fontWeight: 700,
878
- fontSize: "12px !important",
879
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
457
+ backgroundColor: theme?.palette?.editor?.background,
880
458
  "& .popup_tabs-header-label-active": {
881
459
  color: theme?.palette?.editor?.activeColor,
882
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground
460
+ backgroundColor: theme?.palette?.editor?.background
883
461
  }
884
462
  },
885
- "& .popup_tabs-body": {
886
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground
887
- },
888
463
  "& .colorpicker": {
889
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground
464
+ backgroundColor: theme?.palette?.editor?.background
890
465
  },
891
466
  "& .color-picker-panel": {
892
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground
467
+ backgroundColor: theme?.palette?.editor?.background
893
468
  },
894
469
  "& .input_rgba": {
895
470
  "& input": {
896
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
897
- color: theme?.palette?.editor?.textColor,
898
- height: "32px !important",
899
- borderRadius: "10px !important",
900
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
901
- boxShadow: "none",
902
- "&:hover": {
903
- backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`
904
- },
905
- "&:focus": {
906
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
907
- backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
908
- boxShadow: "none"
909
- }
910
- },
911
- "& .input_rgba-hex-label": {
912
- top: "4px !important"
913
- },
914
- "& .input_rgba-alpha-label": {
915
- top: "6px !important"
916
- },
917
- "& .input_rgba-label": {
918
- display: "none"
919
- }
920
- },
921
- "& .default-color-panel": {
922
- gridTemplateColumns: "repeat(auto-fill, 24px)",
923
- "& .default-color-panel_item": {
924
- borderRadius: "50%",
925
- width: "16px",
926
- height: "16px"
471
+ backgroundColor: theme?.palette?.editor?.background,
472
+ color: theme?.palette?.editor?.textColor
927
473
  }
928
474
  }
929
475
  },
930
476
  colorPopper: {
931
477
  "& .MuiPaper-root": {
932
- backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
933
- background: `${theme?.palette?.editor?.miniToolBarBackground}`,
934
- borderRadius: "7px !important",
478
+ backgroundColor: theme?.palette?.editor?.background,
935
479
  "@media only screen and (max-width: 600px)": {
936
480
  marginTop: "-40px"
937
481
  }
@@ -1045,18 +589,17 @@ const usePopupStyle = theme => ({
1045
589
  "& .MuiPopover-paper": {
1046
590
  maxHeight: "140px",
1047
591
  // minWidth: "130px",
1048
- // border: "1px solid #E4E8EB",
1049
- background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`,
592
+ border: "1px solid #E4E8EB",
593
+ background: `${theme?.palette?.editor?.background} !important`,
1050
594
  overflowY: "scroll",
1051
- padding: "3px 12px 8px 2px",
1052
- borderRadius: "8px",
595
+ padding: "6px 12px 6px 0px",
1053
596
  "@media only screen and (max-width: 600px)": {
1054
597
  marginTop: "-40px"
1055
598
  }
1056
599
  },
1057
600
  "& .customSelectOptionLabel": {
1058
601
  color: theme?.palette?.editor?.textColor || "black",
1059
- margin: "6px 6px 0px 6px",
602
+ margin: "0px 6px 0px 6px",
1060
603
  width: "100%",
1061
604
  justifyContent: "start",
1062
605
  paddingRight: "20px",
@@ -1069,40 +612,8 @@ const usePopupStyle = theme => ({
1069
612
  background: `${theme?.palette?.action?.selected} !important`
1070
613
  },
1071
614
  "&.selected": {
1072
- color: `${theme?.palette?.editor?.menuOptionTextColor} !important`,
1073
- background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`,
1074
- "& .orderedListIcon": {
1075
- "& .strokePathList": {
1076
- stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
1077
- },
1078
- "& .fillPathList": {
1079
- fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
1080
- }
1081
- },
1082
- "& .bulletedListTextIcon": {
1083
- "& path": {
1084
- fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`,
1085
- stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
1086
- },
1087
- "& circle": {
1088
- fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
1089
- }
1090
- },
1091
- "& .checkedListTextIcon": {
1092
- "& path": {
1093
- stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
1094
- }
1095
- },
1096
- "& .accordianIconSvgTextFormat": {
1097
- "& path": {
1098
- stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
1099
- }
1100
- },
1101
- "& .textAlignIconSameStyles": {
1102
- "& path": {
1103
- fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
1104
- }
1105
- }
615
+ color: `#2563EB !important`,
616
+ background: `#E9F3FE !important`
1106
617
  }
1107
618
  },
1108
619
  "& .menuOptions": {