@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.
- package/dist/Editor/ChatEditor.js +16 -17
- package/dist/Editor/CommonEditor.js +15 -115
- package/dist/Editor/DialogWrapper.js +25 -31
- package/dist/Editor/Editor.css +8 -16
- package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
- package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
- package/dist/Editor/Elements/Button/EditorButton.js +9 -25
- package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
- package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
- package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
- package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
- package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
- package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -5
- package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
- package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
- package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
- package/dist/Editor/Elements/Embed/Image.js +2 -3
- package/dist/Editor/Elements/Embed/Video.js +1 -1
- package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
- package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
- package/dist/Editor/Elements/Form/Form.js +168 -181
- package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
- package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -3
- package/dist/Editor/Elements/Form/FormField.js +6 -13
- package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
- package/dist/Editor/Elements/FreeGrid/FreeGrid.js +24 -6
- package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
- package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
- package/dist/Editor/Elements/FreeGrid/styles.js +7 -67
- package/dist/Editor/Elements/Grid/GridItem.js +1 -1
- package/dist/Editor/Elements/List/CheckList.js +1 -4
- package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
- package/dist/Editor/Elements/Search/SearchButton.js +8 -9
- package/dist/Editor/Elements/Search/SearchList.js +7 -9
- package/dist/Editor/Elements/SimpleText/index.js +1 -6
- package/dist/Editor/Elements/SimpleText/style.js +2 -2
- package/dist/Editor/Elements/Table/Table.js +3 -3
- package/dist/Editor/Elements/Title/title.js +6 -6
- package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
- package/dist/Editor/MiniEditor.js +1 -2
- package/dist/Editor/Styles/EditorStyles.js +5 -5
- package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
- package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
- package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
- package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
- package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
- package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
- package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
- package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
- package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
- package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
- package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
- package/dist/Editor/common/ColorPickerButton.js +17 -39
- package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
- package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
- package/dist/Editor/common/Icon.js +1 -31
- package/dist/Editor/common/ImageSelector/Styles.js +9 -3
- package/dist/Editor/common/LinkSettings/NavComponents.js +8 -34
- package/dist/Editor/common/LinkSettings/index.js +68 -84
- package/dist/Editor/common/LinkSettings/style.js +30 -245
- package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
- package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
- package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
- package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
- package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
- package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
- package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
- package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
- package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
- package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
- package/dist/Editor/common/RnD/Utils/gridDropItem.js +2 -1
- package/dist/Editor/common/RnD/index.js +6 -5
- package/dist/Editor/common/Select/index.js +0 -2
- package/dist/Editor/common/Shorthands/elements.js +0 -54
- package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
- package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
- package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
- package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
- package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
- package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
- package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
- package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
- package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
- package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
- package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
- package/dist/Editor/common/Uploader.js +0 -8
- package/dist/Editor/common/iconListV2.js +6 -101
- package/dist/Editor/common/iconslist.js +0 -24
- package/dist/Editor/commonStyle.js +61 -165
- package/dist/Editor/helper/theme.js +2 -203
- package/dist/Editor/hooks/useMouseMove.js +5 -8
- package/dist/Editor/plugins/withEmbeds.js +1 -1
- package/dist/Editor/plugins/withHTML.js +1 -3
- package/dist/Editor/plugins/withTable.js +1 -1
- package/dist/Editor/theme/ThemeList.js +173 -50
- package/dist/Editor/utils/SlateUtilityFunctions.js +43 -166
- package/dist/Editor/utils/button.js +17 -1
- package/dist/Editor/utils/draftToSlate.js +2 -3
- package/dist/Editor/utils/font.js +37 -40
- package/dist/Editor/utils/form.js +4 -4
- package/dist/Editor/utils/formfield.js +2 -8
- package/dist/Editor/utils/helper.js +19 -90
- package/package.json +4 -4
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
- package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
- package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
- package/dist/Editor/assets/svg/BackIcon.js +0 -18
- package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
- package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
- package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
- package/dist/Editor/common/CustomColorPicker/index.js +0 -130
- package/dist/Editor/common/CustomColorPicker/style.js +0 -53
- package/dist/Editor/common/CustomDialog2/index.js +0 -94
- package/dist/Editor/common/CustomDialog2/style.js +0 -67
- package/dist/Editor/common/CustomSelect.js +0 -43
- package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
- package/dist/Editor/common/SnackBar/index.js +0 -43
- package/dist/Editor/helper/textIndeces.js +0 -58
- package/dist/Editor/hooks/useEditorTheme.js +0 -153
- package/dist/Editor/hooks/useThemeValues.js +0 -63
- package/dist/Editor/theme/index.js +0 -149
- package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
- package/dist/Editor/themeSettings/buttons/index.js +0 -290
- package/dist/Editor/themeSettings/buttons/style.js +0 -23
- package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
- package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
- package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
- package/dist/Editor/themeSettings/fonts/index.js +0 -240
- package/dist/Editor/themeSettings/fonts/style.js +0 -62
- package/dist/Editor/themeSettings/icons.js +0 -60
- package/dist/Editor/themeSettings/index.js +0 -361
- package/dist/Editor/themeSettings/style.js +0 -292
- package/dist/Editor/themeSettingsAI/icons.js +0 -96
- package/dist/Editor/themeSettingsAI/index.js +0 -355
- package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
- 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: "
|
1240
|
-
height: "
|
1241
|
-
viewBox: "0 0
|
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: "
|
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: "
|
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: "
|
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
|
-
"&
|
63
|
-
|
64
|
-
|
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:
|
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: "
|
135
|
+
width: "46px !important",
|
137
136
|
marginLeft: "10px",
|
138
|
-
height:
|
137
|
+
height: '36px !important'
|
139
138
|
},
|
140
139
|
"& .spacingSlider": {
|
141
140
|
width: "calc(100% - 18px)"
|
142
141
|
}
|
143
142
|
},
|
144
|
-
|
145
|
-
margin:
|
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?.
|
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?.
|
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?.
|
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:
|
400
|
+
fontWeight: '500',
|
436
401
|
fontFamily: "Inter, sans-serif",
|
437
|
-
minHeight:
|
402
|
+
minHeight: '36px',
|
438
403
|
"&:hover": {
|
439
404
|
backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
|
440
405
|
}
|
441
406
|
},
|
442
|
-
|
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:
|
452
|
-
padding:
|
416
|
+
borderRadius: '8px',
|
417
|
+
padding: '0px',
|
453
418
|
background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
|
454
419
|
},
|
455
|
-
|
456
|
-
margin:
|
457
|
-
borderRadius:
|
420
|
+
'& .MuiButtonBase-root': {
|
421
|
+
margin: '4px',
|
422
|
+
borderRadius: '6px'
|
458
423
|
},
|
459
|
-
|
460
|
-
padding:
|
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:
|
564
|
-
|
565
|
-
width:
|
566
|
-
height:
|
567
|
-
|
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
|
-
|
580
|
-
|
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:
|
589
|
-
|
590
|
-
width:
|
591
|
-
height:
|
592
|
-
|
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:
|
601
|
-
borderRadius:
|
602
|
-
|
603
|
-
width:
|
604
|
-
height:
|
605
|
-
|
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
|
-
|
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:
|
616
|
-
color:
|
617
|
-
padding:
|
618
|
-
height:
|
619
|
-
borderRadius:
|
620
|
-
fontWeight:
|
621
|
-
fontSize:
|
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:
|
627
|
-
|
628
|
-
width:
|
629
|
-
height:
|
630
|
-
|
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;
|