@elementor/editor-controls 3.35.3 → 3.35.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-controls",
   "description": "This package contains the controls model and utils for the Elementor editor",
-  "version": "3.35.3",
+  "version": "3.35.4",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,22 +40,22 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-current-user": "3.35.3",
-    "@elementor/editor-elements": "3.35.3",
-    "@elementor/editor-props": "3.35.3",
-    "@elementor/editor-responsive": "3.35.3",
-    "@elementor/editor-ui": "3.35.3",
-    "@elementor/editor-v1-adapters": "3.35.3",
-    "@elementor/env": "3.35.3",
-    "@elementor/http-client": "3.35.3",
+    "@elementor/editor-current-user": "3.35.4",
+    "@elementor/editor-elements": "3.35.4",
+    "@elementor/editor-props": "3.35.4",
+    "@elementor/editor-responsive": "3.35.4",
+    "@elementor/editor-ui": "3.35.4",
+    "@elementor/editor-v1-adapters": "3.35.4",
+    "@elementor/env": "3.35.4",
+    "@elementor/http-client": "3.35.4",
     "@elementor/icons": "^1.63.0",
-    "@elementor/locations": "3.35.3",
-    "@elementor/events": "3.35.3",
-    "@elementor/query": "3.35.3",
-    "@elementor/session": "3.35.3",
+    "@elementor/locations": "3.35.4",
+    "@elementor/events": "3.35.4",
+    "@elementor/query": "3.35.4",
+    "@elementor/session": "3.35.4",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "3.35.3",
-    "@elementor/wp-media": "3.35.3",
+    "@elementor/utils": "3.35.4",
+    "@elementor/wp-media": "3.35.4",
     "@wordpress/i18n": "^5.13.0",
     "@monaco-editor/react": "^4.7.0",
     "dayjs": "^1.11.18",

package/src/controls/transition-control/data.ts

@@ -50,7 +50,7 @@ const shouldExtendTransitionProperties = (): boolean => {
 	const hasProInstalled = !! window.elementorPro;
 
 	if ( ! hasProInstalled ) {
-		return true;
+		return false;
 	}
 
 	const proVersion = window.elementorPro?.config?.version;

package/src/controls/transition-control/transition-selector.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useMemo, useRef } from 'react';
 import { keyValuePropTypeUtil, type KeyValuePropValue, type StringPropValue } from '@elementor/editor-props';
-import { PromotionChip } from '@elementor/editor-ui';
-import { ChevronDownIcon, CrownFilledIcon, VariationsIcon } from '@elementor/icons';
-import { Alert, bindPopover, bindTrigger, Box, Popover, UnstableTag, usePopupState } from '@elementor/ui';
+import { PromotionAlert, PromotionChip } from '@elementor/editor-ui';
+import { ChevronDownIcon, VariationsIcon } from '@elementor/icons';
+import { bindPopover, bindTrigger, Box, Popover, UnstableTag, usePopupState } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
 
 import { useBoundProp } from '../../bound-prop-context';
@@ -164,32 +164,13 @@ export const TransitionSelector = ( {
 					) }
 					footer={
 						showPromotion ? (
-							<Alert
-								variant="standard"
-								color="promotion"
-								icon={ false }
-								role="dialog"
-								aria-label="promotion-alert"
-								size="small"
-								sx={ { m: 1.5, mt: 0 } }
-							>
-								{ __( 'Upgrade to customize transition properties and control effects.', 'elementor' ) }
-								<Box
-									component="a"
-									href={ PRO_UPGRADE_URL }
-									target="_blank"
-									rel="noopener noreferrer"
-									sx={ {
-										display: 'flex',
-										alignItems: 'center',
-										gap: 0.5,
-										color: 'promotion.main',
-									} }
-								>
-									<CrownFilledIcon fontSize="tiny" />
-									{ __( 'Upgrade now', 'elementor' ) }
-								</Box>
-							</Alert>
+							<PromotionAlert
+								message={ __(
+									'Upgrade to customize transition properties and control effects.',
+									'elementor'
+								) }
+								upgradeUrl={ PRO_UPGRADE_URL }
+							/>
 						) : null
 					}
 				/>