@elementor/editor-editing-panel 4.4.0-1140 → 4.4.0-1142

package/dist/index.js

@@ -624,12 +624,6 @@ var getStylesProviderThemeColor = (provider) => {
   }
   return getStyleProviderColors(provider).getThemeColor;
 };
-function getTempStylesProviderThemeColor(provider) {
-  if ((0, import_editor_styles_repository2.isElementsStylesProvider)(provider)) {
-    return (theme) => theme.palette.primary.main;
-  }
-  return getStylesProviderThemeColor(provider);
-}
 
 // src/utils/tracking/subscribe.ts
 var import_editor_styles_repository3 = require("@elementor/editor-styles-repository");
@@ -1190,7 +1184,7 @@ function StateMenuItem({ state, label, closeMenu, ...props }) {
         StyleIndicator,
         {
           "aria-label": (0, import_i18n5.__)("Has style", "elementor"),
-          getColor: getTempStylesProviderThemeColor(provider ?? "")
+          getColor: getStylesProviderThemeColor(provider ?? "")
         }
       ), label)
     )
@@ -1289,7 +1283,7 @@ function CssClassItem(props) {
       openEditMode();
     }
   }, [id, convertedFromLocalId]);
-  return /* @__PURE__ */ React11.createElement(import_ui7.ThemeProvider, { palette: "default" }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React11.createElement(import_editor_ui3.ThemeProvider, null, /* @__PURE__ */ React11.createElement(
     import_ui7.UnstableChipGroup,
     {
       ref: setChipRef,
@@ -1406,7 +1400,7 @@ var EMPTY_OPTION = {
   label: (0, import_i18n8.__)("local", "elementor"),
   value: null,
   fixed: true,
-  color: getTempStylesProviderColorName("accent"),
+  color: "accent",
   icon: /* @__PURE__ */ React13.createElement(import_icons4.MapPinIcon, null),
   provider: null
 };
@@ -1574,19 +1568,13 @@ function useOptions() {
         label: styleDef.label,
         value: styleDef.id,
         fixed: isElements,
-        color: getTempStylesProviderColorName(getStylesProviderColorName(provider.getKey())),
+        color: getStylesProviderColorName(provider.getKey()),
         icon: isElements ? /* @__PURE__ */ React13.createElement(import_icons4.MapPinIcon, null) : null,
         provider: provider.getKey()
       };
     });
   });
 }
-function getTempStylesProviderColorName(color) {
-  if (color === "accent") {
-    return "primary";
-  }
-  return color;
-}
 function useCreateAction() {
   const [provider, createAction] = useCreateAndApplyClass();
   if (!provider || !createAction) {
@@ -1990,7 +1978,7 @@ var React93 = __toESM(require("react"));
 var import_editor_controls55 = require("@elementor/editor-controls");
 var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_panels = require("@elementor/editor-panels");
-var import_editor_ui8 = require("@elementor/editor-ui");
+var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons28 = require("@elementor/icons");
 var import_locations5 = require("@elementor/locations");
 var import_menus = require("@elementor/menus");
@@ -3425,10 +3413,11 @@ function useDirection() {
 
 // src/styles-inheritance/components/ui-providers.tsx
 var React33 = __toESM(require("react"));
+var import_editor_ui6 = require("@elementor/editor-ui");
 var import_ui20 = require("@elementor/ui");
 var UiProviders = ({ children }) => {
   const { isSiteRtl } = useDirection();
-  return /* @__PURE__ */ React33.createElement(import_ui20.DirectionProvider, { rtl: isSiteRtl }, /* @__PURE__ */ React33.createElement(import_ui20.ThemeProvider, null, children));
+  return /* @__PURE__ */ React33.createElement(import_ui20.DirectionProvider, { rtl: isSiteRtl }, /* @__PURE__ */ React33.createElement(import_editor_ui6.ThemeProvider, null, children));
 };
 
 // src/components/style-sections/border-section/border-radius-field.tsx
@@ -3694,7 +3683,7 @@ function useComputedStyle(elementId) {
 
 // src/components/style-tab-collapsible-content.tsx
 var React43 = __toESM(require("react"));
-var import_editor_ui6 = require("@elementor/editor-ui");
+var import_editor_ui7 = require("@elementor/editor-ui");
 
 // src/styles-inheritance/components/styles-inheritance-section-indicators.tsx
 var React42 = __toESM(require("react"));
@@ -3764,7 +3753,7 @@ function getCurrentStyleFromChain(chain, styleId, meta) {
 
 // src/components/style-tab-collapsible-content.tsx
 var StyleTabCollapsibleContent = ({ fields = [], children }) => {
-  return /* @__PURE__ */ React43.createElement(import_editor_ui6.CollapsibleContent, { titleEnd: getStylesInheritanceIndicators(fields) }, children);
+  return /* @__PURE__ */ React43.createElement(import_editor_ui7.CollapsibleContent, { titleEnd: getStylesInheritanceIndicators(fields) }, children);
 };
 function getStylesInheritanceIndicators(fields) {
   if (fields.length === 0) {
@@ -5193,12 +5182,12 @@ var ColumnGapField = () => {
 // src/components/style-sections/typography-section/font-family-field.tsx
 var React74 = __toESM(require("react"));
 var import_editor_controls42 = require("@elementor/editor-controls");
-var import_editor_ui7 = require("@elementor/editor-ui");
+var import_editor_ui8 = require("@elementor/editor-ui");
 var import_i18n51 = require("@wordpress/i18n");
 var FONT_FAMILY_LABEL = (0, import_i18n51.__)("Font family", "elementor");
 var FontFamilyField = () => {
   const fontFamilies = (0, import_editor_controls42.useFontFamilies)();
-  const sectionWidth = (0, import_editor_ui7.useSectionWidth)();
+  const sectionWidth = (0, import_editor_ui8.useSectionWidth)();
   if (fontFamilies.length === 0) {
     return null;
   }
@@ -5822,12 +5811,12 @@ var EditingPanel = () => {
   if (ReplacementComponent) {
     panelContent = /* @__PURE__ */ React93.createElement(ReplacementComponent, null);
   }
-  return /* @__PURE__ */ React93.createElement(import_ui46.ErrorBoundary, { fallback: /* @__PURE__ */ React93.createElement(EditorPanelErrorFallback, null) }, /* @__PURE__ */ React93.createElement(import_session9.SessionStorageProvider, { prefix: "elementor" }, /* @__PURE__ */ React93.createElement(import_editor_ui8.ThemeProvider, null, /* @__PURE__ */ React93.createElement(import_editor_controls55.ControlActionsProvider, { items: menuItems }, /* @__PURE__ */ React93.createElement(import_editor_controls55.ControlReplacementsProvider, { replacements: controlReplacements }, /* @__PURE__ */ React93.createElement(ElementProvider, { element, elementType, settings }, /* @__PURE__ */ React93.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React93.createElement(PanelHeaderTopSlot, null), panelContent)))))));
+  return /* @__PURE__ */ React93.createElement(import_ui46.ErrorBoundary, { fallback: /* @__PURE__ */ React93.createElement(EditorPanelErrorFallback, null) }, /* @__PURE__ */ React93.createElement(import_session9.SessionStorageProvider, { prefix: "elementor" }, /* @__PURE__ */ React93.createElement(import_editor_ui9.ThemeProvider, null, /* @__PURE__ */ React93.createElement(import_editor_controls55.ControlActionsProvider, { items: menuItems }, /* @__PURE__ */ React93.createElement(import_editor_controls55.ControlReplacementsProvider, { replacements: controlReplacements }, /* @__PURE__ */ React93.createElement(ElementProvider, { element, elementType, settings }, /* @__PURE__ */ React93.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React93.createElement(PanelHeaderTopSlot, null), panelContent)))))));
 };
 
 // src/components/style-states/pseudo-state-menu-items.tsx
 var React94 = __toESM(require("react"));
-var import_editor_ui9 = require("@elementor/editor-ui");
+var import_editor_ui10 = require("@elementor/editor-ui");
 var import_ui47 = require("@elementor/ui");
 var import_i18n67 = require("@wordpress/i18n");
 function PseudoStateMenuItems({ states, activeState, onSelectState, onClose }) {
@@ -5843,7 +5832,7 @@ function PseudoStateMenuItems({ states, activeState, onSelectState, onClose }) {
     },
     (0, import_i18n67.__)("States", "elementor")
   ), states.map((state) => /* @__PURE__ */ React94.createElement(
-    import_editor_ui9.MenuListItem,
+    import_editor_ui10.MenuListItem,
     {
       key: state.key,
       selected: state.value === activeState,
@@ -7189,7 +7178,7 @@ var Content = ({ rawValue }) => {
 // src/dynamics/components/dynamic-selection-control.tsx
 var React103 = __toESM(require("react"));
 var import_editor_controls66 = require("@elementor/editor-controls");
-var import_editor_ui11 = require("@elementor/editor-ui");
+var import_editor_ui12 = require("@elementor/editor-ui");
 var import_icons32 = require("@elementor/icons");
 var import_ui52 = require("@elementor/ui");
 var import_i18n78 = require("@wordpress/i18n");
@@ -7292,7 +7281,7 @@ var DynamicControl = ({ bind, children }) => {
 var React102 = __toESM(require("react"));
 var import_react47 = require("react");
 var import_editor_controls65 = require("@elementor/editor-controls");
-var import_editor_ui10 = require("@elementor/editor-ui");
+var import_editor_ui11 = require("@elementor/editor-ui");
 var import_icons31 = require("@elementor/icons");
 var import_ui51 = require("@elementor/ui");
 var import_i18n77 = require("@wordpress/i18n");
@@ -7348,14 +7337,14 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
       return /* @__PURE__ */ React102.createElement(ExpiredDynamicTags, null);
     }
     return /* @__PURE__ */ React102.createElement(import_react47.Fragment, null, /* @__PURE__ */ React102.createElement(
-      import_editor_ui10.SearchField,
+      import_editor_ui11.SearchField,
       {
         value: searchValue,
         onSearch: handleSearch,
         placeholder: (0, import_i18n77.__)("Search dynamic tags\u2026", "elementor")
       }
     ), /* @__PURE__ */ React102.createElement(import_ui51.Divider, null), /* @__PURE__ */ React102.createElement(
-      import_editor_ui10.PopoverMenuList,
+      import_editor_ui11.PopoverMenuList,
       {
         items: virtualizedItems,
         onSelect: handleSetDynamicTag,
@@ -7366,8 +7355,8 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
       }
     ));
   };
-  return /* @__PURE__ */ React102.createElement(import_editor_ui10.SectionPopoverBody, { "aria-label": (0, import_i18n77.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React102.createElement(
-    import_editor_ui10.PopoverHeader,
+  return /* @__PURE__ */ React102.createElement(import_editor_ui11.SectionPopoverBody, { "aria-label": (0, import_i18n77.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React102.createElement(
+    import_editor_ui11.PopoverHeader,
     {
       title: (0, import_i18n77.__)("Dynamic tags", "elementor"),
       onClose: closePopover,
@@ -7405,7 +7394,7 @@ var NoDynamicTags = () => /* @__PURE__ */ React102.createElement(React102.Fragme
   /* @__PURE__ */ React102.createElement(import_ui51.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n77.__)("Streamline your workflow with dynamic tags", "elementor")),
   /* @__PURE__ */ React102.createElement(import_ui51.Typography, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, (0, import_i18n77.__)("Upgrade now to display your content dynamically.", "elementor")),
   /* @__PURE__ */ React102.createElement(
-    import_editor_ui10.CtaButton,
+    import_editor_ui11.CtaButton,
     {
       size: "small",
       href: PRO_DYNAMIC_TAGS_URL,
@@ -7428,7 +7417,7 @@ var ExpiredDynamicTags = () => /* @__PURE__ */ React102.createElement(React102.F
   /* @__PURE__ */ React102.createElement(import_ui51.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n77.__)("Unlock your Dynamic tags again", "elementor")),
   /* @__PURE__ */ React102.createElement(import_ui51.Typography, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, (0, import_i18n77.__)("Dynamic tags need Elementor Pro. Renew now to keep them active.", "elementor")),
   /* @__PURE__ */ React102.createElement(
-    import_editor_ui10.CtaButton,
+    import_editor_ui11.CtaButton,
     {
       size: "small",
       href: RENEW_DYNAMIC_TAGS_URL,
@@ -7508,7 +7497,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
       },
       ...(0, import_ui52.bindPopover)(selectionPopoverState)
     },
-    /* @__PURE__ */ React103.createElement(import_editor_ui11.SectionPopoverBody, { "aria-label": (0, import_i18n78.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React103.createElement(DynamicSelection, { close: selectionPopoverState.close, expired: readonly }))
+    /* @__PURE__ */ React103.createElement(import_editor_ui12.SectionPopoverBody, { "aria-label": (0, import_i18n78.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React103.createElement(DynamicSelection, { close: selectionPopoverState.close, expired: readonly }))
   ));
 };
 var DynamicSettingsPopover = ({
@@ -7541,8 +7530,8 @@ var DynamicSettingsPopover = ({
       },
       ...(0, import_ui52.bindPopover)(popupState)
     },
-    /* @__PURE__ */ React103.createElement(import_editor_ui11.SectionPopoverBody, { "aria-label": (0, import_i18n78.__)("Dynamic settings", "elementor") }, /* @__PURE__ */ React103.createElement(
-      import_editor_ui11.PopoverHeader,
+    /* @__PURE__ */ React103.createElement(import_editor_ui12.SectionPopoverBody, { "aria-label": (0, import_i18n78.__)("Dynamic settings", "elementor") }, /* @__PURE__ */ React103.createElement(
+      import_editor_ui12.PopoverHeader,
       {
         title: dynamicTag.label,
         onClose: popupState.close,
@@ -7819,7 +7808,7 @@ var import_i18n84 = require("@wordpress/i18n");
 var React109 = __toESM(require("react"));
 var import_react49 = require("react");
 var import_editor_canvas5 = require("@elementor/editor-canvas");
-var import_editor_ui12 = require("@elementor/editor-ui");
+var import_editor_ui13 = require("@elementor/editor-ui");
 var import_ui57 = require("@elementor/ui");
 var import_i18n83 = require("@wordpress/i18n");
 
@@ -8013,7 +8002,7 @@ var StylesInheritanceInfotip = ({
     setShowInfotip(false);
   };
   const key = path.join(".");
-  const sectionWidth = (0, import_editor_ui12.useSectionWidth)();
+  const sectionWidth = (0, import_editor_ui13.useSectionWidth)();
   const resolve = (0, import_react49.useMemo)(() => {
     return (0, import_editor_canvas5.createPropsResolver)({
       transformers: import_editor_canvas5.stylesInheritanceTransformersRegistry,
@@ -8044,7 +8033,7 @@ var StylesInheritanceInfotip = ({
           backgroundColor: "background.paper"
         }
       },
-      /* @__PURE__ */ React109.createElement(import_editor_ui12.PopoverHeader, { title: (0, import_i18n83.__)("Style origin", "elementor"), onClose: closeInfotip })
+      /* @__PURE__ */ React109.createElement(import_editor_ui13.PopoverHeader, { title: (0, import_i18n83.__)("Style origin", "elementor"), onClose: closeInfotip })
     ),
     /* @__PURE__ */ React109.createElement(
       import_ui57.CardContent,
@@ -8270,7 +8259,7 @@ var getGradientValue = (gradient) => {
 // src/styles-inheritance/transformers/background-image-overlay-transformer.tsx
 var React114 = __toESM(require("react"));
 var import_editor_canvas9 = require("@elementor/editor-canvas");
-var import_editor_ui13 = require("@elementor/editor-ui");
+var import_editor_ui14 = require("@elementor/editor-ui");
 var import_ui60 = require("@elementor/ui");
 var import_wp_media = require("@elementor/wp-media");
 var backgroundImageOverlayTransformer = (0, import_editor_canvas9.createTransformer)((value) => /* @__PURE__ */ React114.createElement(import_ui60.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React114.createElement(ItemIconImage, { value }), /* @__PURE__ */ React114.createElement(ItemLabelImage, { value })));
@@ -8292,7 +8281,7 @@ var ItemIconImage = ({ value }) => {
 };
 var ItemLabelImage = ({ value }) => {
   const { imageTitle } = useImage(value);
-  return /* @__PURE__ */ React114.createElement(import_editor_ui13.EllipsisWithTooltip, { title: imageTitle }, /* @__PURE__ */ React114.createElement("span", null, imageTitle));
+  return /* @__PURE__ */ React114.createElement(import_editor_ui14.EllipsisWithTooltip, { title: imageTitle }, /* @__PURE__ */ React114.createElement("span", null, imageTitle));
 };
 var useImage = (image) => {
   let imageTitle, imageUrl = null;