Like the original hook, flatten props and combine with parsed styles

woocommerce · May 12, 2023 · cd6add0 · cd6add0
1 parent 8dd3c1e
commit cd6add0
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/assets/js/base/hooks/use-style-props.ts b/assets/js/base/hooks/use-style-props.ts
@@ -38,18 +38,21 @@ export const useStyleProps = ( props: blockAttributes ): StyleProps => {
 				style: {},
 		  };
 
-	const styleObject = parseStyle( propsObject.style );
+	const style = parseStyle( propsObject.style );
 
 	const colorProps = getColorClassesAndStyles( {
-		style: styleObject,
+		...propsObject,
+		style,
 	} as WithStyle );
 
 	const borderProps = getBorderClassesAndStyles( {
-		style: styleObject,
+		...propsObject,
+		style,
 	} as WithStyle );
 
 	const spacingProps = getSpacingClassesAndStyles( {
-		style: styleObject,
+		...propsObject,
+		style,
 	} as WithStyle );
 
 	const typographyProps = useTypographyProps( propsObject );