@elementor/editor-controls 3.35.0-339 → 3.35.0-341
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.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +17 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +26 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
- package/src/components/inline-editor-toolbar.tsx +25 -3
- package/src/utils/size-control.ts +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -31,7 +31,7 @@ type Props$7 = {
|
|
|
31
31
|
};
|
|
32
32
|
declare const TextAreaControl: ControlComponent$1<({ placeholder, ariaLabel }: Props$7) => React$1.JSX.Element>;
|
|
33
33
|
|
|
34
|
-
declare const lengthUnits: readonly ["px", "%", "em", "rem", "vw", "vh"];
|
|
34
|
+
declare const lengthUnits: readonly ["px", "%", "em", "rem", "vw", "vh", "ch"];
|
|
35
35
|
declare const angleUnits: readonly ["deg", "rad", "grad", "turn"];
|
|
36
36
|
declare const timeUnits: readonly ["s", "ms"];
|
|
37
37
|
declare const defaultExtendedOptions: readonly ["auto", "custom"];
|
package/dist/index.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ type Props$7 = {
|
|
|
31
31
|
};
|
|
32
32
|
declare const TextAreaControl: ControlComponent$1<({ placeholder, ariaLabel }: Props$7) => React$1.JSX.Element>;
|
|
33
33
|
|
|
34
|
-
declare const lengthUnits: readonly ["px", "%", "em", "rem", "vw", "vh"];
|
|
34
|
+
declare const lengthUnits: readonly ["px", "%", "em", "rem", "vw", "vh", "ch"];
|
|
35
35
|
declare const angleUnits: readonly ["deg", "rad", "grad", "turn"];
|
|
36
36
|
declare const timeUnits: readonly ["s", "ms"];
|
|
37
37
|
declare const defaultExtendedOptions: readonly ["auto", "custom"];
|
package/dist/index.js
CHANGED
|
@@ -645,7 +645,7 @@ var import_icons2 = require("@elementor/icons");
|
|
|
645
645
|
var import_ui11 = require("@elementor/ui");
|
|
646
646
|
|
|
647
647
|
// src/utils/size-control.ts
|
|
648
|
-
var lengthUnits = ["px", "%", "em", "rem", "vw", "vh"];
|
|
648
|
+
var lengthUnits = ["px", "%", "em", "rem", "vw", "vh", "ch"];
|
|
649
649
|
var angleUnits = ["deg", "rad", "grad", "turn"];
|
|
650
650
|
var timeUnits = ["s", "ms"];
|
|
651
651
|
var defaultExtendedOptions = ["auto", "custom"];
|
|
@@ -6132,18 +6132,19 @@ var InlineEditorToolbar = ({ editor }) => {
|
|
|
6132
6132
|
ref: toolbarRef,
|
|
6133
6133
|
sx: {
|
|
6134
6134
|
position: "absolute",
|
|
6135
|
+
left: 0,
|
|
6135
6136
|
top: -40,
|
|
6136
6137
|
display: "inline-flex",
|
|
6137
6138
|
gap: 0.5,
|
|
6138
6139
|
padding: 0.5,
|
|
6139
|
-
borderRadius:
|
|
6140
|
+
borderRadius: "8px",
|
|
6140
6141
|
backgroundColor: "background.paper",
|
|
6141
6142
|
boxShadow: "0 2px 8px rgba(0, 0, 0, 0.2)",
|
|
6142
6143
|
alignItems: "center",
|
|
6143
6144
|
visibility: popupState.isOpen ? "hidden" : "visible"
|
|
6144
6145
|
}
|
|
6145
6146
|
},
|
|
6146
|
-
/* @__PURE__ */ React100.createElement(import_ui86.Tooltip, { title: clearButton.label, placement: "top" }, /* @__PURE__ */ React100.createElement(import_ui86.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
|
|
6147
|
+
/* @__PURE__ */ React100.createElement(import_ui86.Tooltip, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React100.createElement(import_ui86.IconButton, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
|
|
6147
6148
|
/* @__PURE__ */ React100.createElement(
|
|
6148
6149
|
import_ui86.ToggleButtonGroup,
|
|
6149
6150
|
{
|
|
@@ -6151,7 +6152,19 @@ var InlineEditorToolbar = ({ editor }) => {
|
|
|
6151
6152
|
size: "tiny",
|
|
6152
6153
|
sx: {
|
|
6153
6154
|
display: "flex",
|
|
6154
|
-
gap: 0.5
|
|
6155
|
+
gap: 0.5,
|
|
6156
|
+
border: "none",
|
|
6157
|
+
[`& .${import_ui86.toggleButtonGroupClasses.firstButton}, & .${import_ui86.toggleButtonGroupClasses.middleButton}, & .${import_ui86.toggleButtonGroupClasses.lastButton}`]: {
|
|
6158
|
+
borderRadius: "8px",
|
|
6159
|
+
border: "none",
|
|
6160
|
+
marginLeft: 0,
|
|
6161
|
+
"&.Mui-selected": {
|
|
6162
|
+
marginLeft: 0
|
|
6163
|
+
},
|
|
6164
|
+
"& + &.Mui-selected": {
|
|
6165
|
+
marginLeft: 0
|
|
6166
|
+
}
|
|
6167
|
+
}
|
|
6155
6168
|
}
|
|
6156
6169
|
},
|
|
6157
6170
|
formatButtonsList.map((button) => /* @__PURE__ */ React100.createElement(import_ui86.Tooltip, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React100.createElement(
|