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

package/dist/index.mjs

@@ -552,12 +552,6 @@ var getStylesProviderThemeColor = (provider) => {
   }
   return getStyleProviderColors(provider).getThemeColor;
 };
-function getTempStylesProviderThemeColor(provider) {
-  if (isElementsStylesProvider(provider)) {
-    return (theme) => theme.palette.primary.main;
-  }
-  return getStylesProviderThemeColor(provider);
-}
 
 // src/utils/tracking/subscribe.ts
 import { stylesRepository as stylesRepository2 } from "@elementor/editor-styles-repository";
@@ -571,14 +565,13 @@ import * as React11 from "react";
 import { useEffect, useMemo as useMemo3, useState as useState3 } from "react";
 import { isClassState } from "@elementor/editor-styles";
 import { stylesRepository as stylesRepository6, useUserStylesCapability as useUserStylesCapability4, validateStyleLabel } from "@elementor/editor-styles-repository";
-import { EditableField, EllipsisWithTooltip, useEditable } from "@elementor/editor-ui";
+import { EditableField, EllipsisWithTooltip, ThemeProvider, useEditable } from "@elementor/editor-ui";
 import { DotsVerticalIcon } from "@elementor/icons";
 import { useSessionStorage as useSessionStorage3 } from "@elementor/session";
 import {
   bindTrigger,
   Chip as Chip2,
   Stack as Stack3,
-  ThemeProvider,
   Typography as Typography2,
   UnstableChipGroup,
   usePopupState
@@ -1130,7 +1123,7 @@ function StateMenuItem({ state, label, closeMenu, ...props }) {
         StyleIndicator,
         {
           "aria-label": __5("Has style", "elementor"),
-          getColor: getTempStylesProviderThemeColor(provider ?? "")
+          getColor: getStylesProviderThemeColor(provider ?? "")
         }
       ), label)
     )
@@ -1229,7 +1222,7 @@ function CssClassItem(props) {
       openEditMode();
     }
   }, [id, convertedFromLocalId]);
-  return /* @__PURE__ */ React11.createElement(ThemeProvider, { palette: "default" }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React11.createElement(ThemeProvider, null, /* @__PURE__ */ React11.createElement(
     UnstableChipGroup,
     {
       ref: setChipRef,
@@ -1346,7 +1339,7 @@ var EMPTY_OPTION = {
   label: __8("local", "elementor"),
   value: null,
   fixed: true,
-  color: getTempStylesProviderColorName("accent"),
+  color: "accent",
   icon: /* @__PURE__ */ React13.createElement(MapPinIcon, null),
   provider: null
 };
@@ -1514,19 +1507,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(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) {
@@ -3445,7 +3432,8 @@ function useDirection() {
 
 // src/styles-inheritance/components/ui-providers.tsx
 import * as React33 from "react";
-import { DirectionProvider, ThemeProvider as ThemeProvider2 } from "@elementor/ui";
+import { ThemeProvider as ThemeProvider2 } from "@elementor/editor-ui";
+import { DirectionProvider } from "@elementor/ui";
 var UiProviders = ({ children }) => {
   const { isSiteRtl } = useDirection();
   return /* @__PURE__ */ React33.createElement(DirectionProvider, { rtl: isSiteRtl }, /* @__PURE__ */ React33.createElement(ThemeProvider2, null, children));