From 31c6070d8ba8904db18d606fa3c5871668bc0354 Mon Sep 17 00:00:00 2001
From: madhusudhand <madhusudhan.dollu@gmail.com>
Date: Tue, 31 Jan 2023 17:59:25 +0530
Subject: [PATCH] update variation path

---
 .../edit-site/src/components/global-styles/screen-border.js | 4 ++--
 .../edit-site/src/components/global-styles/shadow-panel.js  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/edit-site/src/components/global-styles/screen-border.js b/packages/edit-site/src/components/global-styles/screen-border.js
index 9239e268735c52..b0d07638242675 100644
--- a/packages/edit-site/src/components/global-styles/screen-border.js
+++ b/packages/edit-site/src/components/global-styles/screen-border.js
@@ -14,7 +14,7 @@ import ShadowPanel, { useHasShadowControl } from './shadow-panel';
 
 function ScreenBorder( { name, variation = '' } ) {
 	const hasBorderPanel = useHasBorderPanel( name );
-	const variationClassName = getVariationClassName( variationPath );
+	const variationClassName = getVariationClassName( variation );
 	const hasShadowPanel = useHasShadowControl( name );
 	return (
 		<>
@@ -24,7 +24,7 @@ function ScreenBorder( { name, variation = '' } ) {
 				<BorderPanel name={ name } variation={ variation } />
 			) }
 			{ hasShadowPanel && (
-				<ShadowPanel name={ name } variationPath={ variationPath } />
+				<ShadowPanel name={ name } variation={ variation } />
 			) }
 		</>
 	);
diff --git a/packages/edit-site/src/components/global-styles/shadow-panel.js b/packages/edit-site/src/components/global-styles/shadow-panel.js
index 238d0bd00770d8..038e2599620b52 100644
--- a/packages/edit-site/src/components/global-styles/shadow-panel.js
+++ b/packages/edit-site/src/components/global-styles/shadow-panel.js
@@ -38,13 +38,13 @@ export function useHasShadowControl( name ) {
 	return supports.includes( 'shadow' );
 }
 
-export default function ShadowPanel( { name, variationPath = '' } ) {
+export default function ShadowPanel( { name, variation = '' } ) {
 	const [ shadow, setShadow ] = useGlobalStyle(
-		`${ variationPath }shadow`,
+		`${ variation }shadow`,
 		name
 	);
 	const [ userShadow ] = useGlobalStyle(
-		`${ variationPath }shadow`,
+		`${ variation }shadow`,
 		name,
 		'user'
 	);