@flozy/editor 3.4.7 → 3.4.8

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.
@@ -66,6 +66,7 @@ function DisplayOption({
66
66
  onSend(option.value, option);
67
67
  },
68
68
  id: "infinity-select-popover",
69
+ className: open ? "active" : "",
69
70
  children: [/*#__PURE__*/_jsxs("div", {
70
71
  className: "option-label",
71
72
  id: "infinity-select-popover",
@@ -110,7 +110,8 @@ const Styles = theme => ({
110
110
  overflow: "auto",
111
111
  // width: "240px",
112
112
  minWidth: "200px",
113
- border: "1px solid #E0E0E0"
113
+ border: "1px solid #E0E0E0",
114
+ padding: "6px"
114
115
  },
115
116
  optionWrapper: {
116
117
  position: "relative"
@@ -124,23 +125,37 @@ const Styles = theme => ({
124
125
 
125
126
  optionBtn: {
126
127
  color: theme?.palette?.editor?.textColor || "#373232",
127
- padding: "8px 12px",
128
128
  textTransform: "none",
129
129
  justifyContent: "space-between",
130
130
  width: "100%",
131
131
  fontWeight: "normal !important",
132
+ minHeight: "36px",
133
+ padding: "4px 8px",
132
134
  "& .option-label": {
133
135
  display: "flex",
134
136
  alignItems: "center",
135
137
  gap: "8px"
138
+ },
139
+ "&:hover": {
140
+ background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
141
+ },
142
+ "&.active": {
143
+ background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`,
144
+ color: "#2563EB",
145
+ "& svg path": {
146
+ stroke: "#2563EB"
147
+ },
148
+ "& svg": {
149
+ color: "#2563EB !important"
150
+ }
136
151
  }
137
152
  },
138
153
  optionHeading: {
139
154
  color: theme?.palette?.editor?.textColor,
140
- padding: "14px 0px 8px 4px",
155
+ padding: "10px 0px 8px 4px",
141
156
  fontWeight: 600,
142
157
  borderBottom: "1px solid #DCE4EC",
143
- margin: "0px 8px"
158
+ margin: "0px 8px 4px 8px"
144
159
  },
145
160
  mobileAIInputWrapper: {
146
161
  position: "fixed",
@@ -31,7 +31,6 @@ const usePopupStyles = theme => ({
31
31
  borderBottom: "1px solid #DCE4EC"
32
32
  },
33
33
  listItem: {
34
- padding: "4px",
35
34
  cursor: "pointer",
36
35
  background: "transparent",
37
36
  borderRadius: "10px",
@@ -40,10 +39,10 @@ const usePopupStyles = theme => ({
40
39
  color: theme?.palette?.editor?.textColor
41
40
  },
42
41
  "&.active": {
43
- background: "#E9F3FE"
42
+ background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
44
43
  },
45
44
  "&:hover": {
46
- background: "#E9F3FE"
45
+ background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
47
46
  },
48
47
  "&.renderComp": {
49
48
  padding: "0px",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flozy/editor",
3
- "version": "3.4.7",
3
+ "version": "3.4.8",
4
4
  "description": "An Editor for flozy app brain",
5
5
  "files": [
6
6
  "dist"