@elementor/editor-controls 3.35.0-339 → 3.35.0-340
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/index.js +16 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +25 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
- package/src/components/inline-editor-toolbar.tsx +25 -3
package/dist/index.mjs
CHANGED
|
@@ -5962,7 +5962,15 @@ import {
|
|
|
5962
5962
|
SuperscriptIcon,
|
|
5963
5963
|
UnderlineIcon
|
|
5964
5964
|
} from "@elementor/icons";
|
|
5965
|
-
import {
|
|
5965
|
+
import {
|
|
5966
|
+
Box as Box21,
|
|
5967
|
+
IconButton as IconButton8,
|
|
5968
|
+
ToggleButton as ToggleButton5,
|
|
5969
|
+
ToggleButtonGroup as ToggleButtonGroup2,
|
|
5970
|
+
toggleButtonGroupClasses,
|
|
5971
|
+
Tooltip as Tooltip9,
|
|
5972
|
+
usePopupState as usePopupState8
|
|
5973
|
+
} from "@elementor/ui";
|
|
5966
5974
|
import { useEditorState } from "@tiptap/react";
|
|
5967
5975
|
import { __ as __51 } from "@wordpress/i18n";
|
|
5968
5976
|
|
|
@@ -6135,18 +6143,19 @@ var InlineEditorToolbar = ({ editor }) => {
|
|
|
6135
6143
|
ref: toolbarRef,
|
|
6136
6144
|
sx: {
|
|
6137
6145
|
position: "absolute",
|
|
6146
|
+
left: 0,
|
|
6138
6147
|
top: -40,
|
|
6139
6148
|
display: "inline-flex",
|
|
6140
6149
|
gap: 0.5,
|
|
6141
6150
|
padding: 0.5,
|
|
6142
|
-
borderRadius:
|
|
6151
|
+
borderRadius: "8px",
|
|
6143
6152
|
backgroundColor: "background.paper",
|
|
6144
6153
|
boxShadow: "0 2px 8px rgba(0, 0, 0, 0.2)",
|
|
6145
6154
|
alignItems: "center",
|
|
6146
6155
|
visibility: popupState.isOpen ? "hidden" : "visible"
|
|
6147
6156
|
}
|
|
6148
6157
|
},
|
|
6149
|
-
/* @__PURE__ */ React100.createElement(Tooltip9, { title: clearButton.label, placement: "top" }, /* @__PURE__ */ React100.createElement(IconButton8, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
|
|
6158
|
+
/* @__PURE__ */ React100.createElement(Tooltip9, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React100.createElement(IconButton8, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
|
|
6150
6159
|
/* @__PURE__ */ React100.createElement(
|
|
6151
6160
|
ToggleButtonGroup2,
|
|
6152
6161
|
{
|
|
@@ -6154,7 +6163,19 @@ var InlineEditorToolbar = ({ editor }) => {
|
|
|
6154
6163
|
size: "tiny",
|
|
6155
6164
|
sx: {
|
|
6156
6165
|
display: "flex",
|
|
6157
|
-
gap: 0.5
|
|
6166
|
+
gap: 0.5,
|
|
6167
|
+
border: "none",
|
|
6168
|
+
[`& .${toggleButtonGroupClasses.firstButton}, & .${toggleButtonGroupClasses.middleButton}, & .${toggleButtonGroupClasses.lastButton}`]: {
|
|
6169
|
+
borderRadius: "8px",
|
|
6170
|
+
border: "none",
|
|
6171
|
+
marginLeft: 0,
|
|
6172
|
+
"&.Mui-selected": {
|
|
6173
|
+
marginLeft: 0
|
|
6174
|
+
},
|
|
6175
|
+
"& + &.Mui-selected": {
|
|
6176
|
+
marginLeft: 0
|
|
6177
|
+
}
|
|
6178
|
+
}
|
|
6158
6179
|
}
|
|
6159
6180
|
},
|
|
6160
6181
|
formatButtonsList.map((button) => /* @__PURE__ */ React100.createElement(Tooltip9, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React100.createElement(
|