@flozy/editor 3.4.7 → 3.4.8

package/dist/Editor/Elements/AI/CustomSelect.js

@@ -66,6 +66,7 @@ function DisplayOption({
         onSend(option.value, option);
       },
       id: "infinity-select-popover",
+      className: open ? "active" : "",
       children: [/*#__PURE__*/_jsxs("div", {
         className: "option-label",
         id: "infinity-select-popover",

package/dist/Editor/Elements/AI/Styles.js

@@ -110,7 +110,8 @@ const Styles = theme => ({
     overflow: "auto",
     // width: "240px",
     minWidth: "200px",
-    border: "1px solid #E0E0E0"
+    border: "1px solid #E0E0E0",
+    padding: "6px"
   },
   optionWrapper: {
     position: "relative"
@@ -124,23 +125,37 @@ const Styles = theme => ({
 
   optionBtn: {
     color: theme?.palette?.editor?.textColor || "#373232",
-    padding: "8px 12px",
     textTransform: "none",
     justifyContent: "space-between",
     width: "100%",
     fontWeight: "normal !important",
+    minHeight: "36px",
+    padding: "4px 8px",
     "& .option-label": {
       display: "flex",
       alignItems: "center",
       gap: "8px"
+    },
+    "&:hover": {
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
+    },
+    "&.active": {
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`,
+      color: "#2563EB",
+      "& svg path": {
+        stroke: "#2563EB"
+      },
+      "& svg": {
+        color: "#2563EB !important"
+      }
     }
   },
   optionHeading: {
     color: theme?.palette?.editor?.textColor,
-    padding: "14px 0px 8px 4px",
+    padding: "10px 0px 8px 4px",
     fontWeight: 600,
     borderBottom: "1px solid #DCE4EC",
-    margin: "0px 8px"
+    margin: "0px 8px 4px 8px"
   },
   mobileAIInputWrapper: {
     position: "fixed",

package/dist/Editor/common/MentionsPopup/Styles.js

@@ -31,7 +31,6 @@ const usePopupStyles = theme => ({
     borderBottom: "1px solid #DCE4EC"
   },
   listItem: {
-    padding: "4px",
     cursor: "pointer",
     background: "transparent",
     borderRadius: "10px",
@@ -40,10 +39,10 @@ const usePopupStyles = theme => ({
       color: theme?.palette?.editor?.textColor
     },
     "&.active": {
-      background: "#E9F3FE"
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
     },
     "&:hover": {
-      background: "#E9F3FE"
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
     },
     "&.renderComp": {
       padding: "0px",

package/package.json

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