@flozy/editor 10.1.3 → 10.1.4

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 (150) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +15 -115
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -16
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  7. package/dist/Editor/Elements/Button/EditorButton.js +9 -25
  8. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  9. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  10. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  11. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  12. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  13. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
  14. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -5
  15. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
  16. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  17. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  18. package/dist/Editor/Elements/Embed/Image.js +2 -3
  19. package/dist/Editor/Elements/Embed/Video.js +1 -1
  20. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  21. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  22. package/dist/Editor/Elements/Form/Form.js +168 -181
  23. package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
  24. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -3
  25. package/dist/Editor/Elements/Form/FormField.js +6 -13
  26. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  27. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +24 -6
  28. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  29. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  30. package/dist/Editor/Elements/FreeGrid/styles.js +7 -67
  31. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  32. package/dist/Editor/Elements/List/CheckList.js +1 -4
  33. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  34. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  35. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  36. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  37. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  38. package/dist/Editor/Elements/Table/Table.js +3 -3
  39. package/dist/Editor/Elements/Title/title.js +6 -6
  40. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  41. package/dist/Editor/MiniEditor.js +1 -2
  42. package/dist/Editor/Styles/EditorStyles.js +5 -5
  43. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  44. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  45. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  46. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  47. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  48. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  49. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  50. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  51. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  52. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  53. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  54. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  55. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  56. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  57. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  58. package/dist/Editor/common/ColorPickerButton.js +17 -39
  59. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  60. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  61. package/dist/Editor/common/Icon.js +1 -31
  62. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  63. package/dist/Editor/common/LinkSettings/NavComponents.js +8 -34
  64. package/dist/Editor/common/LinkSettings/index.js +68 -84
  65. package/dist/Editor/common/LinkSettings/style.js +30 -245
  66. package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
  67. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  68. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  69. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  70. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  71. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  72. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  73. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  74. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  75. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  76. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  77. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  78. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  79. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  80. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
  81. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  82. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
  83. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  84. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  85. package/dist/Editor/common/RnD/Utils/gridDropItem.js +2 -1
  86. package/dist/Editor/common/RnD/index.js +6 -5
  87. package/dist/Editor/common/Select/index.js +0 -2
  88. package/dist/Editor/common/Shorthands/elements.js +0 -54
  89. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  90. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  91. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  92. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  93. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  94. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  95. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  96. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  97. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  98. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  99. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  100. package/dist/Editor/common/Uploader.js +0 -8
  101. package/dist/Editor/common/iconListV2.js +6 -101
  102. package/dist/Editor/common/iconslist.js +0 -24
  103. package/dist/Editor/commonStyle.js +61 -165
  104. package/dist/Editor/helper/theme.js +2 -203
  105. package/dist/Editor/hooks/useMouseMove.js +5 -8
  106. package/dist/Editor/plugins/withEmbeds.js +1 -1
  107. package/dist/Editor/plugins/withHTML.js +1 -3
  108. package/dist/Editor/plugins/withTable.js +1 -1
  109. package/dist/Editor/theme/ThemeList.js +173 -50
  110. package/dist/Editor/utils/SlateUtilityFunctions.js +43 -166
  111. package/dist/Editor/utils/button.js +17 -1
  112. package/dist/Editor/utils/draftToSlate.js +2 -3
  113. package/dist/Editor/utils/font.js +37 -40
  114. package/dist/Editor/utils/form.js +4 -4
  115. package/dist/Editor/utils/formfield.js +2 -8
  116. package/dist/Editor/utils/helper.js +19 -90
  117. package/package.json +4 -4
  118. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  119. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  120. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  121. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  122. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  123. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  124. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  125. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  126. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  127. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  128. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  129. package/dist/Editor/common/CustomSelect.js +0 -43
  130. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  131. package/dist/Editor/common/SnackBar/index.js +0 -43
  132. package/dist/Editor/helper/textIndeces.js +0 -58
  133. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  134. package/dist/Editor/hooks/useThemeValues.js +0 -63
  135. package/dist/Editor/theme/index.js +0 -149
  136. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  137. package/dist/Editor/themeSettings/buttons/index.js +0 -290
  138. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  139. package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
  140. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  141. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  142. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  143. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  144. package/dist/Editor/themeSettings/icons.js +0 -60
  145. package/dist/Editor/themeSettings/index.js +0 -361
  146. package/dist/Editor/themeSettings/style.js +0 -292
  147. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  148. package/dist/Editor/themeSettingsAI/index.js +0 -355
  149. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  150. package/dist/Editor/themeSettingsAI/style.js +0 -324
@@ -1236,37 +1236,27 @@ export function ToggleFullScreenIcon() {
1236
1236
  }
1237
1237
  export function CodeElementIcon() {
1238
1238
  return /*#__PURE__*/_jsxs("svg", {
1239
- width: "24",
1240
- height: "24",
1241
- viewBox: "0 0 24 24",
1239
+ width: "12",
1240
+ height: "9",
1241
+ viewBox: "0 0 12 9",
1242
1242
  fill: "none",
1243
1243
  xmlns: "http://www.w3.org/2000/svg",
1244
1244
  className: "commonSvgStyle",
1245
1245
  children: [/*#__PURE__*/_jsx("path", {
1246
- d: "M8 10L6 12L8 14",
1246
+ d: "M6.83331 1L4.83331 8",
1247
1247
  stroke: "#64748B",
1248
- strokeWidth: "1.5",
1249
1248
  strokeMiterlimit: "10",
1250
1249
  strokeLinecap: "round",
1251
1250
  strokeLinejoin: "round"
1252
1251
  }), /*#__PURE__*/_jsx("path", {
1253
- d: "M16 10L18 12L16 14",
1252
+ d: "M8.83331 2.32983L10.6666 4.32983L8.83331 6.32983",
1254
1253
  stroke: "#64748B",
1255
- strokeWidth: "1.5",
1256
- strokeMiterlimit: "10",
1257
- strokeLinecap: "round",
1258
- strokeLinejoin: "round"
1259
- }), /*#__PURE__*/_jsx("path", {
1260
- d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
1261
- stroke: "#64748B",
1262
- strokeWidth: "1.5",
1263
1254
  strokeMiterlimit: "10",
1264
1255
  strokeLinecap: "round",
1265
1256
  strokeLinejoin: "round"
1266
1257
  }), /*#__PURE__*/_jsx("path", {
1267
- d: "M13 9.66992L11 14.33",
1258
+ d: "M2.83333 2.32983L1 4.32983L2.83333 6.32983",
1268
1259
  stroke: "#64748B",
1269
- strokeWidth: "1.5",
1270
1260
  strokeMiterlimit: "10",
1271
1261
  strokeLinecap: "round",
1272
1262
  strokeLinejoin: "round"
@@ -1441,89 +1431,4 @@ export function SectionDragIcon() {
1441
1431
  fill: "#94A3B8"
1442
1432
  })]
1443
1433
  });
1444
- }
1445
- export function PenIcon() {
1446
- return /*#__PURE__*/_jsxs("svg", {
1447
- width: "17",
1448
- height: "17",
1449
- viewBox: "0 0 17 17",
1450
- fill: "none",
1451
- xmlns: "http://www.w3.org/2000/svg",
1452
- className: "commonSvgStyle",
1453
- children: [/*#__PURE__*/_jsx("path", {
1454
- d: "M9.74898 3.14435L3.93357 9.29977C3.71398 9.53352 3.50148 9.99393 3.45898 10.3127L3.1969 12.6077C3.10482 13.4364 3.69982 14.0031 4.52148 13.8614L6.80232 13.4719C7.12107 13.4152 7.56732 13.1814 7.7869 12.9406L13.6023 6.78518C14.6081 5.72268 15.0615 4.51143 13.4961 3.03102C11.9377 1.56477 10.7548 2.08185 9.74898 3.14435Z",
1455
- stroke: "#64748B",
1456
- strokeWidth: "1.2",
1457
- strokeMiterlimit: "10",
1458
- strokeLinecap: "round",
1459
- strokeLinejoin: "round"
1460
- }), /*#__PURE__*/_jsx("path", {
1461
- d: "M8.77734 4.17188C9.08193 6.12688 10.6686 7.62146 12.6378 7.81979",
1462
- stroke: "#64748B",
1463
- strokeWidth: "1.2",
1464
- strokeMiterlimit: "10",
1465
- strokeLinecap: "round",
1466
- strokeLinejoin: "round"
1467
- })]
1468
- });
1469
- }
1470
- export function SaveTemplIcon() {
1471
- return /*#__PURE__*/_jsxs("svg", {
1472
- width: "18",
1473
- height: "18",
1474
- viewBox: "0 0 18 18",
1475
- fill: "none",
1476
- xmlns: "http://www.w3.org/2000/svg",
1477
- className: "commonSvgStyle",
1478
- children: [/*#__PURE__*/_jsx("path", {
1479
- d: "M9 1.5V6.75L10.5 5.25",
1480
- stroke: "#64748B",
1481
- strokeWidth: "1.2",
1482
- strokeLinecap: "round",
1483
- strokeLinejoin: "round"
1484
- }), /*#__PURE__*/_jsx("path", {
1485
- d: "M9 6.75L7.5 5.25",
1486
- stroke: "#64748B",
1487
- strokeWidth: "1.2",
1488
- strokeLinecap: "round",
1489
- strokeLinejoin: "round"
1490
- }), /*#__PURE__*/_jsx("path", {
1491
- d: "M1.48438 9.75H4.79187C5.07687 9.75 5.33188 9.9075 5.45938 10.1625L6.33687 11.9175C6.59187 12.4275 7.10938 12.75 7.67938 12.75H10.3269C10.8969 12.75 11.4144 12.4275 11.6694 11.9175L12.5469 10.1625C12.6744 9.9075 12.9369 9.75 13.2144 9.75H16.4844",
1492
- stroke: "#64748B",
1493
- strokeWidth: "1.2",
1494
- strokeLinecap: "round",
1495
- strokeLinejoin: "round"
1496
- }), /*#__PURE__*/_jsx("path", {
1497
- d: "M5.25 3.09766C2.595 3.48766 1.5 5.04766 1.5 8.25016V11.2502C1.5 15.0002 3 16.5002 6.75 16.5002H11.25C15 16.5002 16.5 15.0002 16.5 11.2502V8.25016C16.5 5.04766 15.405 3.48766 12.75 3.09766",
1498
- stroke: "#64748B",
1499
- strokeWidth: "1.2",
1500
- strokeLinecap: "round",
1501
- strokeLinejoin: "round"
1502
- })]
1503
- });
1504
- }
1505
- export function UploadIconCloud() {
1506
- return /*#__PURE__*/_jsxs("svg", {
1507
- width: "16",
1508
- height: "16",
1509
- viewBox: "0 0 16 16",
1510
- fill: "none",
1511
- xmlns: "http://www.w3.org/2000/svg",
1512
- className: "commonSvgStyle uploadIcon",
1513
- children: [/*#__PURE__*/_jsx("path", {
1514
- d: "M6.00065 14.6673H4.66732C2.00065 14.6673 1.33398 14.0007 1.33398 11.334V4.66732C1.33398 2.00065 2.00065 1.33398 4.66732 1.33398H5.66732C6.66732 1.33398 6.88733 1.62733 7.26733 2.13399L8.26733 3.46733C8.52067 3.80066 8.66732 4.00065 9.33398 4.00065H11.334C14.0007 4.00065 14.6673 4.66732 14.6673 7.33398V8.66732",
1515
- stroke: "#64748B",
1516
- strokeWidth: "1.2",
1517
- strokeMiterlimit: "10",
1518
- strokeLinecap: "round",
1519
- strokeLinejoin: "round"
1520
- }), /*#__PURE__*/_jsx("path", {
1521
- d: "M9.17305 12.2136C7.60638 12.3269 7.60638 14.5936 9.17305 14.7069H12.8797C13.3264 14.7069 13.7664 14.5402 14.093 14.2402C15.193 13.2802 14.6064 11.3602 13.1597 11.1802C12.6397 8.05358 8.11973 9.24024 9.18639 12.2202",
1522
- stroke: "#64748B",
1523
- strokeWidth: "1.2",
1524
- strokeMiterlimit: "10",
1525
- strokeLinecap: "round",
1526
- strokeLinejoin: "round"
1527
- })]
1528
- });
1529
1434
  }
@@ -1273,7 +1273,6 @@ export const GridSettingsIcon = props => /*#__PURE__*/_jsxs("svg", {
1273
1273
  height: "22",
1274
1274
  viewBox: "0 0 22 22",
1275
1275
  fill: "none",
1276
- className: "commonSvgStyle",
1277
1276
  children: [/*#__PURE__*/_jsx("path", {
1278
1277
  d: "M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48122 12.5188 8.25 11 8.25C9.48122 8.25 8.25 9.48122 8.25 11C8.25 12.5188 9.48122 13.75 11 13.75Z",
1279
1278
  stroke: "#64748B",
@@ -1342,7 +1341,6 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
1342
1341
  height: "20",
1343
1342
  viewBox: "0 0 20 20",
1344
1343
  fill: "none",
1345
- className: "addIconCircle",
1346
1344
  children: [/*#__PURE__*/_jsx("path", {
1347
1345
  d: "M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z",
1348
1346
  stroke: "#64748B",
@@ -1677,27 +1675,6 @@ export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
1677
1675
  strokeLinejoin: "round"
1678
1676
  })]
1679
1677
  });
1680
- export const CloseIcon2 = props => /*#__PURE__*/_jsxs("svg", {
1681
- width: "10",
1682
- height: "10",
1683
- viewBox: "0 0 10 10",
1684
- fill: "none",
1685
- xmlns: "http://www.w3.org/2000/svg",
1686
- ...(props || {}),
1687
- children: [/*#__PURE__*/_jsx("path", {
1688
- d: "M9.12476 0.875L0.875176 9.12458",
1689
- stroke: "#8F9CAE",
1690
- strokeWidth: "1.5",
1691
- strokeLinecap: "round",
1692
- strokeLinejoin: "round"
1693
- }), /*#__PURE__*/_jsx("path", {
1694
- d: "M0.875183 0.875L9.12476 9.12458",
1695
- stroke: "#8F9CAE",
1696
- strokeWidth: "1.5",
1697
- strokeLinecap: "round",
1698
- strokeLinejoin: "round"
1699
- })]
1700
- });
1701
1678
  export const SearchIcon = () => /*#__PURE__*/_jsxs("svg", {
1702
1679
  width: "18",
1703
1680
  height: "18",
@@ -1809,7 +1786,6 @@ export const Text = props => /*#__PURE__*/_jsxs("svg", {
1809
1786
  viewBox: "0 0 15 14",
1810
1787
  fill: "none",
1811
1788
  xmlns: "http://www.w3.org/2000/svg",
1812
- className: "commonSvgStyle",
1813
1789
  children: [/*#__PURE__*/_jsx("path", {
1814
1790
  d: "M2.5 4.1825V3.12083C2.5 2.45 3.0425 1.91333 3.7075 1.91333H12.1775C12.8483 1.91333 13.385 2.45583 13.385 3.12083V4.1825",
1815
1791
  stroke: props?.stroke || "#000",
@@ -49,19 +49,15 @@ const useCommonStyle = theme => ({
49
49
  fontWeight: "500",
50
50
  fontFamily: "Inter, sans-serif"
51
51
  },
52
- "& .MuiPaper-root": {
53
- border: `unset !important`,
54
- borderRadius: "0px",
55
- height: "fit-content",
56
- padding: "2px"
57
- },
58
52
  "& p": {
59
53
  marginBottom: "7px",
60
54
  marginTop: "4px"
61
55
  },
62
- "& p": {
63
- marginBottom: "7px",
64
- marginTop: "4px"
56
+ "& .MuiPaper-root": {
57
+ border: 'unset !important',
58
+ borderRadius: '0px',
59
+ height: 'fit-content',
60
+ padding: '2px'
65
61
  },
66
62
  "& .muiIconsListParent": {
67
63
  "& svg": {
@@ -69,12 +65,15 @@ const useCommonStyle = theme => ({
69
65
  },
70
66
  "&::-webkit-scrollbar-thumb": {
71
67
  background: `${theme?.palette?.editor?.brainPopupScroll} !important`
68
+ },
69
+ "&::-webkit-scrollbar-track": {
70
+ visibility: "hidden"
72
71
  }
73
72
  },
74
73
  "& .MuiGrid-root>.MuiGrid-item": {
75
74
  paddingRight: "0px !important",
76
75
  fontFamily: "Inter, sans-serif",
77
- height: "fit-content"
76
+ height: 'fit-content'
78
77
  },
79
78
  "& .MuiInputBase-root": {
80
79
  borderRadius: "10px",
@@ -133,16 +132,16 @@ const useCommonStyle = theme => ({
133
132
  background: theme?.palette?.editor?.inputFieldBgColor,
134
133
  border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
135
134
  borderRadius: "10px",
136
- width: "52px !important",
135
+ width: "46px !important",
137
136
  marginLeft: "10px",
138
- height: "36px !important"
137
+ height: '36px !important'
139
138
  },
140
139
  "& .spacingSlider": {
141
140
  width: "calc(100% - 18px)"
142
141
  }
143
142
  },
144
- "& .MuiFormHelperText-root": {
145
- margin: "4px 0px 0px 0px",
143
+ '& .MuiFormHelperText-root': {
144
+ margin: '4px 0px 0px 0px',
146
145
  color: theme?.palette?.editor?.closeButtonSvgStroke,
147
146
  fontFamily: "Inter, sans-serif"
148
147
  }
@@ -212,16 +211,16 @@ const useCommonStyle = theme => ({
212
211
  backgroundColor: theme?.palette?.editor?.miniToolBarBackground
213
212
  },
214
213
  "& .popup_tabs": {
215
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
214
+ backgroundColor: theme?.palette?.editor?.background,
216
215
  "@media only screen and (max-width: 899px)": {
217
216
  width: "100% !important"
218
217
  }
219
218
  },
220
219
  "& .popup_tabs-header": {
221
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
220
+ backgroundColor: theme?.palette?.editor?.background,
222
221
  "& .popup_tabs-header-label-active": {
223
222
  color: theme?.palette?.editor?.activeColor,
224
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground
223
+ backgroundColor: theme?.palette?.editor?.background
225
224
  }
226
225
  },
227
226
  "& .colorpicker": {
@@ -250,40 +249,6 @@ const useCommonStyle = theme => ({
250
249
  backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
251
250
  color: theme?.palette?.editor?.textColor
252
251
  }
253
- },
254
- "& .colorPickerActionBtns": {
255
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
256
- display: "flex",
257
- justifyContent: "end",
258
- padding: "10px",
259
- position: "sticky",
260
- bottom: 0,
261
- right: 0,
262
- boxShadow: `0px -3px 12px 0px ${theme?.palette?.editor?.cardShadow}`,
263
- gap: "8px",
264
- "& button": {
265
- fontWeight: 600,
266
- fontSize: "14px",
267
- opacity: 1,
268
- borderRadius: "8px",
269
- textTransform: "math-auto",
270
- padding: "4px 20px",
271
- height: "fit-content",
272
- minWidth: "90px",
273
- "@media only screen and (max-width: 899px)": {
274
- width: "50%"
275
- },
276
- "&.confirmBtn": {
277
- backgroundColor: "#2563EB",
278
- color: "#ffffff",
279
- border: `1px solid #2563EB`
280
- },
281
- "&.cancelBtn": {
282
- backgroundColor: theme?.palette?.editor?.closeButtonBackground,
283
- color: theme?.palette?.editor?.customDialogueCloseBtnColor,
284
- border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder}`
285
- }
286
- }
287
252
  }
288
253
  },
289
254
  colorPickerBtnBorder: {
@@ -432,14 +397,14 @@ const useCommonStyle = theme => ({
432
397
  padding: "8px 12px",
433
398
  fontSize: "12px",
434
399
  color: theme?.palette?.editor?.menuOptionTextColor,
435
- fontWeight: "500",
400
+ fontWeight: '500',
436
401
  fontFamily: "Inter, sans-serif",
437
- minHeight: "36px",
402
+ minHeight: '36px',
438
403
  "&:hover": {
439
404
  backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
440
405
  }
441
406
  },
442
- "& .Mui-selected": {
407
+ '& .Mui-selected': {
443
408
  background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
444
409
  },
445
410
  "& .MuiListSubheader-root": {
@@ -448,16 +413,16 @@ const useCommonStyle = theme => ({
448
413
  fontSize: "12px"
449
414
  },
450
415
  "& .MuiPaper-root": {
451
- borderRadius: "8px",
452
- padding: "0px",
416
+ borderRadius: '8px',
417
+ padding: '0px',
453
418
  background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
454
419
  },
455
- "& .MuiButtonBase-root": {
456
- margin: "4px",
457
- borderRadius: "6px"
420
+ '& .MuiButtonBase-root': {
421
+ margin: '4px',
422
+ borderRadius: '6px'
458
423
  },
459
- "& .MuiList-root": {
460
- padding: "0px"
424
+ '& .MuiList-root': {
425
+ padding: '0px'
461
426
  }
462
427
  },
463
428
  datePicker: {
@@ -557,27 +522,27 @@ const useCommonStyle = theme => ({
557
522
  }
558
523
  }
559
524
  },
525
+ pageSettingPopUpRoot: {
526
+ padding: "16px 8px 16px 10px!important",
527
+ height: "100%"
528
+ },
560
529
  buttonMoreOption: {
561
530
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
562
531
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
563
- padding: "4px !important",
564
- "& svg": {
565
- width: "18px !important",
566
- height: "18px !important",
567
- "& path": {
532
+ padding: '4px !important',
533
+ '& svg': {
534
+ width: '18px !important',
535
+ height: '18px !important',
536
+ '& path': {
568
537
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
569
538
  }
570
539
  }
571
540
  },
572
- pageSettingPopUpRoot: {
573
- padding: "16px 8px 16px 10px!important",
574
- height: "100%"
575
- },
576
541
  buttonMoreOption2: {
577
542
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
578
543
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
579
- "& svg": {
580
- "& path": {
544
+ '& svg': {
545
+ '& path': {
581
546
  fill: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
582
547
  }
583
548
  }
@@ -585,11 +550,11 @@ const useCommonStyle = theme => ({
585
550
  buttonMoreOption3: {
586
551
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
587
552
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
588
- padding: "5px !important",
589
- "& svg": {
590
- width: "16px !important",
591
- height: "16px !important",
592
- "& path": {
553
+ padding: '5px !important',
554
+ '& svg': {
555
+ width: '16px !important',
556
+ height: '16px !important',
557
+ '& path': {
593
558
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
594
559
  }
595
560
  }
@@ -597,109 +562,40 @@ const useCommonStyle = theme => ({
597
562
  resizeButton: {
598
563
  background: theme?.palette?.editor?.aiInputBackground,
599
564
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1}`,
600
- padding: "5px !important",
601
- borderRadius: "50% !important",
602
- "& svg": {
603
- width: "18px",
604
- height: "18px",
605
- "& path": {
565
+ padding: '5px !important',
566
+ borderRadius: '50% !important',
567
+ '& svg': {
568
+ width: '18px',
569
+ height: '18px',
570
+ '& path': {
606
571
  fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
607
572
  }
608
573
  },
609
- "&:hover": {
574
+ '&:hover': {
610
575
  background: theme?.palette?.editor?.aiInputBackground
611
576
  }
612
577
  },
613
578
  gradientFillBtn: {
614
579
  background: `linear-gradient(112.61deg, #2C63ED 19.3%, #8360FD 88.14%) !important`,
615
- textTransform: "math-auto !important",
616
- color: "#FFFFFF !important",
617
- padding: "0px 12px !important",
618
- height: "32px",
619
- borderRadius: "8px",
620
- fontWeight: "500",
621
- fontSize: "14px"
580
+ textTransform: 'math-auto !important',
581
+ color: '#FFFFFF !important',
582
+ padding: '0px 12px !important',
583
+ height: '32px',
584
+ borderRadius: '8px',
585
+ fontWeight: '500',
586
+ fontSize: '14px'
622
587
  },
623
588
  emptyThumbBtn: {
624
589
  background: `${theme?.palette?.editor?.sectionSettingIconHover} !important`,
625
590
  color: `${theme?.palette?.editor?.textColor} !important`,
626
- fontSize: "14px !important",
627
- "& svg": {
628
- width: "20px !important",
629
- height: "20px !important",
630
- "& path": {
591
+ fontSize: '14px !important',
592
+ '& svg': {
593
+ width: '20px !important',
594
+ height: '20px !important',
595
+ '& path': {
631
596
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
632
597
  }
633
598
  }
634
- },
635
- formStyles: {
636
- "& input": {
637
- background: theme?.palette?.editor?.inputFieldBgColor,
638
- borderColor: theme?.palette?.editor?.inputFieldBorder,
639
- height: "44px",
640
- fontSize: "14px",
641
- color: theme?.palette?.editor?.textColor
642
- },
643
- "& .form-btn-wrpr": {
644
- "& button": {
645
- fontWeight: 500,
646
- height: "44px"
647
- }
648
- }
649
- },
650
- formMenuStyle: {
651
- "& .MuiPaper-root": {
652
- background: "transparent",
653
- boxShadow: "none"
654
- },
655
- "& .MuiList-root": {
656
- padding: "2px 0px 0px 16px"
657
- },
658
- "& .MuiButtonBase-root": {
659
- padding: "2px"
660
- },
661
- "& li": {
662
- marginLeft: "5px",
663
- "&:hover": {
664
- background: "transparent"
665
- },
666
- "& button": {
667
- height: "28px",
668
- width: "28px",
669
- borderRadius: "50%",
670
- background: theme?.palette?.editor?.signatureFontBtnBg,
671
- border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
672
- boxShadow: "0px 0px 4px 0px #00000024",
673
- "&:hover": {
674
- background: theme?.palette?.editor?.signatureFontBtnBg
675
- },
676
- "& svg": {
677
- height: "20px",
678
- width: "20px"
679
- },
680
- "& .uploadIcon": {
681
- height: "17px",
682
- width: "17px"
683
- },
684
- "& .commonSvgStyle path": {
685
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
686
- }
687
- }
688
- }
689
- },
690
- fieldBtnSettings: {
691
- "& .MuiButtonBase-root": {
692
- height: "28px",
693
- width: "28px",
694
- padding: "4px",
695
- "& svg": {
696
- width: "20px",
697
- height: "20px",
698
- "& path": {
699
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
700
- }
701
- }
702
- }
703
599
  }
704
600
  });
705
601
  export default useCommonStyle;