update shadows UI to match new designs

WordPress · Apr 25, 2024 · fd8d6e8 · fd8d6e8
1 parent 8ac5225
commit fd8d6e8
Show file tree

Hide file tree

Showing 6 changed files with 558 additions and 347 deletions.
diff --git a/packages/edit-site/src/components/global-styles/screen-shadows.js b/packages/edit-site/src/components/global-styles/screen-shadows.js
@@ -1,35 +1,13 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
 /**
  * Internal dependencies
  */
-import ScreenHeader from './header';
 import ShadowsPanel from './shadows-panel';
-import { unlock } from '../../lock-unlock';
+import ShadowsEditPanel from './shadows-edit-panel';
 
-const { useGlobalSetting, useSettingsForBlockElement } =
-	unlock( blockEditorPrivateApis );
-
-function ScreenShadows() {
-	// const [ rawSettings ] = useGlobalSetting( '' );
-	// const settings = useSettingsForBlockElement( rawSettings );
-	return (
-		<>
-			<ScreenHeader
-                title={ __( 'Shadows' ) } 
-                description={ __(
-					'Shadows and the application of those shadows on site elements.'
-				) }
-            />
-            <div className="edit-site-global-styles-screen">
-                <ShadowsPanel />
-            </div>
-		</>
-	);
+export function ScreenShadows() {
+	return <ShadowsPanel />;
 }
 
-export default ScreenShadows;
+export function ScreenShadowsEdit() {
+	return <ShadowsEditPanel />;
+}