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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-editing-panel",
-  "version": "4.4.0-1141",
+  "version": "4.4.0-1142",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,32 +39,32 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "4.4.0-1141",
-    "@elementor/editor-canvas": "4.4.0-1141",
-    "@elementor/editor-controls": "4.4.0-1141",
-    "@elementor/editor-current-user": "4.4.0-1141",
-    "@elementor/editor-documents": "4.4.0-1141",
-    "@elementor/editor-elements": "4.4.0-1141",
-    "@elementor/editor-interactions": "4.4.0-1141",
-    "@elementor/editor-notifications": "4.4.0-1141",
-    "@elementor/editor-panels": "4.4.0-1141",
-    "@elementor/editor-props": "4.4.0-1141",
-    "@elementor/editor-responsive": "4.4.0-1141",
-    "@elementor/editor-styles": "4.4.0-1141",
-    "@elementor/editor-styles-repository": "4.4.0-1141",
-    "@elementor/editor-ui": "4.4.0-1141",
-    "@elementor/editor-v1-adapters": "4.4.0-1141",
-    "@elementor/http-client": "4.4.0-1141",
+    "@elementor/editor": "4.4.0-1142",
+    "@elementor/editor-canvas": "4.4.0-1142",
+    "@elementor/editor-controls": "4.4.0-1142",
+    "@elementor/editor-current-user": "4.4.0-1142",
+    "@elementor/editor-documents": "4.4.0-1142",
+    "@elementor/editor-elements": "4.4.0-1142",
+    "@elementor/editor-interactions": "4.4.0-1142",
+    "@elementor/editor-notifications": "4.4.0-1142",
+    "@elementor/editor-panels": "4.4.0-1142",
+    "@elementor/editor-props": "4.4.0-1142",
+    "@elementor/editor-responsive": "4.4.0-1142",
+    "@elementor/editor-styles": "4.4.0-1142",
+    "@elementor/editor-styles-repository": "4.4.0-1142",
+    "@elementor/editor-ui": "4.4.0-1142",
+    "@elementor/editor-v1-adapters": "4.4.0-1142",
+    "@elementor/http-client": "4.4.0-1142",
     "@elementor/icons": "~1.78.1",
-    "@elementor/editor-variables": "4.4.0-1141",
-    "@elementor/locations": "4.4.0-1141",
-    "@elementor/menus": "4.4.0-1141",
-    "@elementor/query": "4.4.0-1141",
-    "@elementor/schema": "4.4.0-1141",
-    "@elementor/session": "4.4.0-1141",
-    "@elementor/ui": "1.41.3",
-    "@elementor/utils": "4.4.0-1141",
-    "@elementor/wp-media": "4.4.0-1141",
+    "@elementor/editor-variables": "4.4.0-1142",
+    "@elementor/locations": "4.4.0-1142",
+    "@elementor/menus": "4.4.0-1142",
+    "@elementor/query": "4.4.0-1142",
+    "@elementor/schema": "4.4.0-1142",
+    "@elementor/session": "4.4.0-1142",
+    "@elementor/ui": "1.41.4",
+    "@elementor/utils": "4.4.0-1142",
+    "@elementor/wp-media": "4.4.0-1142",
     "@wordpress/i18n": "^5.13.0"
   },
   "peerDependencies": {

package/src/components/css-classes/css-class-item.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type ReactElement, useEffect, useMemo, useState } from 'react';
 import { isClassState } from '@elementor/editor-styles';
 import { stylesRepository, useUserStylesCapability, 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 } from '@elementor/session';
 import {
@@ -12,7 +12,6 @@ import {
 	type ChipOwnProps,
 	Stack,
 	type Theme,
-	ThemeProvider,
 	Typography,
 	UnstableChipGroup,
 	usePopupState,
@@ -96,7 +95,7 @@ export function CssClassItem( props: CssClassItemProps ) {
 	}, [ id, convertedFromLocalId ] );
 
 	return (
-		<ThemeProvider palette="default">
+		<ThemeProvider>
 			<UnstableChipGroup
 				ref={ setChipRef }
 				{ ...chipGroupProps }

package/src/components/css-classes/css-class-menu.tsx

@@ -13,7 +13,7 @@ import { __ } from '@wordpress/i18n';
 import { useElement } from '../../contexts/element-context';
 import { useStyle } from '../../contexts/style-context';
 import { type StyleDefinitionStateWithNormal } from '../../styles-inheritance/types';
-import { getTempStylesProviderThemeColor } from '../../utils/get-styles-provider-color';
+import { getStylesProviderThemeColor } from '../../utils/get-styles-provider-color';
 import { trackStyles } from '../../utils/tracking/subscribe';
 import { StyleIndicator } from '../style-indicator';
 import { usePseudoStates } from '../style-states/use-pseudo-states';
@@ -259,7 +259,7 @@ function StateMenuItem( { state, label, closeMenu, ...props }: StateMenuItemProp
 					{ isStyled && (
 						<StyleIndicator
 							aria-label={ __( 'Has style', 'elementor' ) }
-							getColor={ getTempStylesProviderThemeColor( provider ?? '' ) }
+							getColor={ getStylesProviderThemeColor( provider ?? '' ) }
 						/>
 					) }
 					{ label }

package/src/components/css-classes/css-class-selector.tsx

@@ -69,7 +69,7 @@ const EMPTY_OPTION = {
 	label: __( 'local', 'elementor' ),
 	value: null,
 	fixed: true,
-	color: getTempStylesProviderColorName( 'accent' ),
+	color: 'accent',
 	icon: <MapPinIcon />,
 	provider: null,
 } satisfies StyleDefOption;
@@ -315,7 +315,7 @@ function useOptions() {
 					label: styleDef.label,
 					value: styleDef.id,
 					fixed: isElements,
-					color: getTempStylesProviderColorName( getStylesProviderColorName( provider.getKey() ) ),
+					color: getStylesProviderColorName( provider.getKey() ),
 					icon: isElements ? <MapPinIcon /> : null,
 					provider: provider.getKey(),
 				};
@@ -323,14 +323,6 @@ function useOptions() {
 		} );
 }
 
-function getTempStylesProviderColorName( color: ChipOwnProps[ 'color' ] ): ChipOwnProps[ 'color' ] {
-	if ( color === 'accent' ) {
-		return 'primary';
-	}
-
-	return color;
-}
-
 function useCreateAction() {
 	const [ provider, createAction ] = useCreateAndApplyClass();
 	if ( ! provider || ! createAction ) {

package/src/styles-inheritance/components/ui-providers.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { DirectionProvider, ThemeProvider } from '@elementor/ui';
+import { ThemeProvider } from '@elementor/editor-ui';
+import { DirectionProvider } from '@elementor/ui';
 
 import { useDirection } from '../../hooks/use-direction';
 

package/src/utils/get-styles-provider-color.ts

@@ -26,11 +26,3 @@ export const getStylesProviderThemeColor = ( provider: string ): ( ( theme: Them
 
 	return getStyleProviderColors( provider ).getThemeColor;
 };
-
-export function getTempStylesProviderThemeColor( provider: string ): ( ( theme: Theme ) => string ) | null {
-	if ( isElementsStylesProvider( provider ) ) {
-		return ( theme: Theme ) => theme.palette.primary.main;
-	}
-
-	return getStylesProviderThemeColor( provider );
-}