@elementor/editor-editing-panel 1.19.0 → 1.20.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Change Log
 
+## 1.20.0
+
+### Minor Changes
+
+- 6cbaa91: Change v4 accordion style
+
+### Patch Changes
+
+- e67bdcb: Update control label spacing.
+- Updated dependencies [85facff]
+- Updated dependencies [e67bdcb]
+  - @elementor/editor-controls@0.18.1
+
 ## 1.19.0
 
 ### Minor Changes

package/dist/index.js

@@ -850,10 +850,17 @@ function Section({ title, children, defaultExpanded = false }) {
     {
       id: labelId,
       "aria-controls": contentId,
-      onClick: () => setIsOpen((prev) => !prev)
+      onClick: () => setIsOpen((prev) => !prev),
+      sx: { "&:hover": { backgroundColor: "transparent" } }
     },
-    /* @__PURE__ */ React13.createElement(import_ui9.ListItemText, { secondary: title }),
-    /* @__PURE__ */ React13.createElement(CollapseIcon, { open: isOpen, color: "secondary" })
+    /* @__PURE__ */ React13.createElement(
+      import_ui9.ListItemText,
+      {
+        secondary: title,
+        secondaryTypographyProps: { sx: { typography: "caption", fontWeight: "bold" } }
+      }
+    ),
+    /* @__PURE__ */ React13.createElement(CollapseIcon, { open: isOpen, color: "secondary", fontSize: "tiny" })
   ), /* @__PURE__ */ React13.createElement(import_ui9.Collapse, { id: contentId, "aria-labelledby": labelId, in: isOpen, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React13.createElement(import_ui9.Stack, { gap: 2.5, p: 2 }, children)), /* @__PURE__ */ React13.createElement(import_ui9.Divider, null));
 }
 
@@ -1732,7 +1739,7 @@ var DisplayField = () => {
       showTooltip: true
     }
   ];
-  return /* @__PURE__ */ React33.createElement(StylesField, { bind: "display" }, /* @__PURE__ */ React33.createElement(import_ui23.Stack, { gap: 1 }, /* @__PURE__ */ React33.createElement(import_editor_controls16.ControlLabel, null, (0, import_i18n13.__)("Display", "elementor")), /* @__PURE__ */ React33.createElement(import_editor_controls16.ToggleControl, { options: options12, fullWidth: true })));
+  return /* @__PURE__ */ React33.createElement(StylesField, { bind: "display" }, /* @__PURE__ */ React33.createElement(import_ui23.Stack, { gap: 0.75 }, /* @__PURE__ */ React33.createElement(import_editor_controls16.ControlLabel, null, (0, import_i18n13.__)("Display", "elementor")), /* @__PURE__ */ React33.createElement(import_editor_controls16.ToggleControl, { options: options12, fullWidth: true })));
 };
 
 // src/components/style-sections/layout-section/flex-direction-field.tsx
@@ -1992,7 +1999,7 @@ var options4 = [
 ];
 var JustifyContentField = () => {
   const { isSiteRtl } = useDirection();
-  return /* @__PURE__ */ React38.createElement(import_ui28.DirectionProvider, { rtl: isSiteRtl }, /* @__PURE__ */ React38.createElement(import_ui28.ThemeProvider, null, /* @__PURE__ */ React38.createElement(StylesField, { bind: "justify-content" }, /* @__PURE__ */ React38.createElement(import_ui28.Stack, { gap: 1 }, /* @__PURE__ */ React38.createElement(import_editor_controls21.ControlLabel, null, (0, import_i18n18.__)("Justify content", "elementor")), /* @__PURE__ */ React38.createElement(import_editor_controls21.ToggleControl, { options: options4, fullWidth: true })))));
+  return /* @__PURE__ */ React38.createElement(import_ui28.DirectionProvider, { rtl: isSiteRtl }, /* @__PURE__ */ React38.createElement(import_ui28.ThemeProvider, null, /* @__PURE__ */ React38.createElement(StylesField, { bind: "justify-content" }, /* @__PURE__ */ React38.createElement(import_ui28.Stack, { gap: 0.75 }, /* @__PURE__ */ React38.createElement(import_editor_controls21.ControlLabel, null, (0, import_i18n18.__)("Justify content", "elementor")), /* @__PURE__ */ React38.createElement(import_editor_controls21.ToggleControl, { options: options4, fullWidth: true })))));
 };
 
 // src/components/style-sections/layout-section/wrap-field.tsx
@@ -2062,7 +2069,7 @@ var DimensionsField = () => {
   return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(import_ui30.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-block-start", label: (0, import_i18n21.__)("Top", "elementor") }), /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-inline-end", label: getInlineEndLabel(isSiteRtl) })), /* @__PURE__ */ React41.createElement(import_ui30.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-block-end", label: (0, import_i18n21.__)("Bottom", "elementor") }), /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-inline-start", label: getInlineStartLabel(isSiteRtl) })));
 };
 var DimensionField = ({ side, label }) => {
-  return /* @__PURE__ */ React41.createElement(import_ui30.Grid, { container: true, gap: 1, alignItems: "center" }, /* @__PURE__ */ React41.createElement(import_ui30.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React41.createElement(import_editor_controls24.ControlLabel, null, label)), /* @__PURE__ */ React41.createElement(import_ui30.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React41.createElement(StylesField, { bind: side }, /* @__PURE__ */ React41.createElement(import_editor_controls24.SizeControl, { startIcon: sideIcons[side], extendedValues: ["auto"] }))));
+  return /* @__PURE__ */ React41.createElement(import_ui30.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React41.createElement(import_ui30.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React41.createElement(import_editor_controls24.ControlLabel, null, label)), /* @__PURE__ */ React41.createElement(import_ui30.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React41.createElement(StylesField, { bind: side }, /* @__PURE__ */ React41.createElement(import_editor_controls24.SizeControl, { startIcon: sideIcons[side], extendedValues: ["auto"] }))));
 };
 
 // src/components/style-sections/position-section/position-field.tsx
@@ -2183,7 +2190,7 @@ var SizeSection = () => {
   ))), /* @__PURE__ */ React46.createElement(import_ui34.Grid, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React46.createElement(import_ui34.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React46.createElement(SizeField, { bind: "max-width", label: (0, import_i18n25.__)("Max width", "elementor") })), /* @__PURE__ */ React46.createElement(import_ui34.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React46.createElement(SizeField, { bind: "max-height", label: (0, import_i18n25.__)("Max height", "elementor") }))), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(import_ui34.Stack, null, /* @__PURE__ */ React46.createElement(OverflowField, null)));
 };
 var SizeField = ({ label, bind, extendedValues }) => {
-  return /* @__PURE__ */ React46.createElement(StylesField, { bind }, /* @__PURE__ */ React46.createElement(import_ui34.Grid, { container: true, gap: 1, alignItems: "center" }, /* @__PURE__ */ React46.createElement(import_ui34.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React46.createElement(import_editor_controls28.ControlLabel, null, label)), /* @__PURE__ */ React46.createElement(import_ui34.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React46.createElement(import_editor_controls28.SizeControl, { extendedValues }))));
+  return /* @__PURE__ */ React46.createElement(StylesField, { bind }, /* @__PURE__ */ React46.createElement(import_ui34.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React46.createElement(import_ui34.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React46.createElement(import_editor_controls28.ControlLabel, null, label)), /* @__PURE__ */ React46.createElement(import_ui34.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React46.createElement(import_editor_controls28.SizeControl, { extendedValues }))));
 };
 
 // src/components/style-sections/spacing-section/spacing-section.tsx
@@ -2984,7 +2991,7 @@ var Control3 = ({ control }) => {
   if (!getControlByType(control.type)) {
     return null;
   }
-  return /* @__PURE__ */ React69.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React69.createElement(import_ui53.Grid, { container: true, gap: 1 }, control.label ? /* @__PURE__ */ React69.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(import_editor_controls47.ControlLabel, null, control.label)) : null, /* @__PURE__ */ React69.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(Control, { type: control.type, props: control.props }))));
+  return /* @__PURE__ */ React69.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React69.createElement(import_ui53.Grid, { container: true, gap: 0.75 }, control.label ? /* @__PURE__ */ React69.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(import_editor_controls47.ControlLabel, null, control.label)) : null, /* @__PURE__ */ React69.createElement(import_ui53.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(Control, { type: control.type, props: control.props }))));
 };
 
 // src/dynamics/hooks/use-prop-dynamic-action.tsx