Theme.json: fix some shadow properties doesn't work properly on the s…

…ite editor (#44569)
WordPress · Sep 29, 2022 · 0c807b3 · 0c807b3
1 parent 4e0936c
commit 0c807b3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/packages/edit-site/src/components/global-styles/use-global-styles-output.js b/packages/edit-site/src/components/global-styles/use-global-styles-output.js
@@ -441,6 +441,7 @@ export const getNodesWithStyles = ( tree, blockSelectors ) => {
 				'typography',
 				'filter',
 				'outline',
+				'shadow',
 			].includes( key )
 		);
 

diff --git a/packages/style-engine/src/test/index.js b/packages/style-engine/src/test/index.js
@@ -246,6 +246,7 @@ describe( 'getCSSRules', () => {
 						style: 'dashed',
 						color: 'red',
 					},
+					shadow: '10px 10px red',
 				},
 				{
 					selector: '.some-selector',
@@ -308,45 +309,50 @@ describe( 'getCSSRules', () => {
 				value: '5px',
 			},
 			{
-				key: 'fontFamily',
 				selector: '.some-selector',
+				key: 'fontFamily',
 				value: "'Helvetica Neue',sans-serif",
 			},
 			{
-				key: 'fontSize',
 				selector: '.some-selector',
+				key: 'fontSize',
 				value: '2.2rem',
 			},
 			{
-				key: 'fontStyle',
 				selector: '.some-selector',
+				key: 'fontStyle',
 				value: 'italic',
 			},
 			{
-				key: 'fontWeight',
 				selector: '.some-selector',
+				key: 'fontWeight',
 				value: '800',
 			},
 			{
-				key: 'letterSpacing',
 				selector: '.some-selector',
+				key: 'letterSpacing',
 				value: '12px',
 			},
 			{
-				key: 'lineHeight',
 				selector: '.some-selector',
+				key: 'lineHeight',
 				value: '3.3',
 			},
 			{
-				key: 'textDecoration',
 				selector: '.some-selector',
+				key: 'textDecoration',
 				value: 'line-through',
 			},
 			{
-				key: 'textTransform',
 				selector: '.some-selector',
+				key: 'textTransform',
 				value: 'uppercase',
 			},
+			{
+				selector: '.some-selector',
+				key: 'boxShadow',
+				value: '10px 10px red',
+			},
 		] );
 	} );