hide/show default shadows based on the setting from theme.json

WordPress · Dec 30, 2022 · e25741c · e25741c · github-actions · Dec 30, 2022
1 parent 164d870
commit e25741c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/lib/theme.json b/lib/theme.json
@@ -187,6 +187,7 @@
 			"text": true
 		},
 		"shadow": {
+			"defaultPalette": true,
 			"palette": [
 				{
 					"name": "Natural",

diff --git a/packages/edit-site/src/components/global-styles/shadow-panel.js b/packages/edit-site/src/components/global-styles/shadow-panel.js
@@ -113,17 +113,20 @@ function renderShadowToggle() {
 function ShadowPopoverContainer( { shadow, onShadowChange } ) {
 	const [ defaultShadows ] = useSetting( 'shadow.palette.default' );
 	const [ themeShadows ] = useSetting( 'shadow.palette.theme' );
+	const [ defaultPaletteEnabled ] = useSetting( 'shadow.defaultPalette' );
 
 	return (
 		<div className="edit-site-global-styles__shadow-panel">
 			<VStack spacing={ 4 }>
 				<Heading level={ 5 }>{ __( 'Drop shadows' ) }</Heading>
-				<ShadowPresets
-					label={ __( 'Default' ) }
-					presets={ defaultShadows }
-					activeShadow={ shadow }
-					onSelect={ onShadowChange }
-				/>
+				{ defaultPaletteEnabled && (
+					<ShadowPresets
+						label={ __( 'Default' ) }
+						presets={ defaultShadows }
+						activeShadow={ shadow }
+						onSelect={ onShadowChange }
+					/>
+				) }
 				<ShadowPresets
 					label={ __( 'Theme' ) }
 					presets={ themeShadows }