Add a utility for getting the spacing inline styles

packages/block-editor/src/hooks/index.js

@@ -15,3 +15,4 @@ import './layout';
 export { useCustomSides } from './spacing';
 export { getBorderClassesAndStyles, useBorderProps } from './use-border-props';
 export { getColorClassesAndStyles, useColorProps } from './use-color-props';
+export { useSpacingProps } from './use-spacing-props';

packages/block-editor/src/hooks/use-spacing-props.js

@@ -0,0 +1,27 @@
+/**
+ * Internal dependencies
+ */
+import { getInlineStyles } from './style';
+
+// This utility is intended to assist where the serialization of the spacing
+// block support is being skipped for a block but the spacing related CSS
+// styles still need to be generated so they can be applied to inner elements.
+
+/**
+ * Determines the spacing related props for a block derived from its spacing block
+ * support attributes.
+ *
+ * @param  {Object} attributes Block attributes.
+ * @return {Object}            ClassName & style props from spacing block support.
+ */
+export function useSpacingProps( attributes ) {
+	const { style } = attributes;
+
+	// Collect inline styles for spacing.
+	const spacingStyles = style?.spacing || {};
+	const styleProp = getInlineStyles( { spacing: spacingStyles } );
+
+	return {
+		style: styleProp,
+	};
+}

packages/block-editor/src/index.js

@@ -8,6 +8,7 @@ export {
 	getColorClassesAndStyles as __experimentalGetColorClassesAndStyles,
 	useColorProps as __experimentalUseColorProps,
 	useCustomSides as __experimentalUseCustomSides,
+	useSpacingProps as __experimentalUseSpacingProps,
 } from './hooks';
 export * from './components';
 export * from './utils';