Move getSpacingPresetCssVar to outermost utils folder

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

@@ -98,7 +98,6 @@ export { __experimentalImageURLInputUI } from './url-popover/image-url-input-ui'
 export { default as withColorContext } from './color-palette/with-color-context';
 export { default as __experimentalSpacingSizesControl } from './spacing-sizes-control';
 export {
-	getSpacingPresetCssVar,
 	isValueSpacingPreset,
 	getCustomValueFromPreset,
 } from './spacing-sizes-control/utils';

packages/block-editor/src/components/index.native.js

@@ -87,7 +87,6 @@ export { default as VideoPlayer, VIDEO_ASPECT_RATIO } from './video-player';
 export { default as AudioPlayer } from './audio-player';
 
 export {
-	getSpacingPresetCssVar,
 	getCustomValueFromPreset,
 	isValueSpacingPreset,
 } from './spacing-sizes-control/utils';

packages/block-editor/src/components/spacing-sizes-control/test/utils.js

@@ -7,7 +7,6 @@ import {
 	getInitialView,
 	getPresetValueFromCustomValue,
 	getSliderValueFromPreset,
-	getSpacingPresetCssVar,
 	getSpacingPresetSlug,
 	hasAxisSupport,
 	hasBalancedSidesSupport,
@@ -73,17 +72,6 @@ describe( 'getPresetValueFromCustomValue', () => {
 	} );
 } );
 
-describe( 'getSpacingPresetCssVar', () => {
-	it( 'should return original value if not a string in spacing presets var format', () => {
-		expect( getSpacingPresetCssVar( '20px' ) ).toBe( '20px' );
-	} );
-	it( 'should return a string in spacing presets css var format with slug from provided value', () => {
-		expect( getSpacingPresetCssVar( 'var:preset|spacing|20' ) ).toBe(
-			'var(--wp--preset--spacing--20)'
-		);
-	} );
-} );
-
 describe( 'getSpacingPresetSlug', () => {
 	it( 'should return original value if 0 or default', () => {
 		expect( getSpacingPresetSlug( '0' ) ).toBe( '0' );

packages/block-editor/src/components/spacing-sizes-control/utils.js

@@ -118,27 +118,6 @@ export function getPresetValueFromCustomValue( value, spacingSizes ) {
 	return value;
 }
 
-/**
- * Converts a spacing preset into a custom value.
- *
- * @param {string} value Value to convert.
- *
- * @return {string | undefined} CSS var string for given spacing preset value.
- */
-export function getSpacingPresetCssVar( value ) {
-	if ( ! value ) {
-		return;
-	}
-
-	const slug = value.match( /var:preset\|spacing\|(.+)/ );
-
-	if ( ! slug ) {
-		return value;
-	}
-
-	return `var(--wp--preset--spacing--${ slug[ 1 ] })`;
-}
-
 /**
  * Returns the slug section of the given spacing preset string.
  *

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

@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
-import { getSpacingPresetCssVar } from '../components/spacing-sizes-control/utils';
+import { getSpacingPresetCssVar } from '../utils/get-spacing-preset-css-var';
 
 /**
  * Returns a BoxControl object value from a given blockGap style value.

packages/block-editor/src/utils/get-spacing-preset-css-var.js

@@ -0,0 +1,20 @@
+/**
+ * Converts a spacing preset into a custom value.
+ *
+ * @param {string} value Value to convert.
+ *
+ * @return {string | undefined} CSS var string for given spacing preset value.
+ */
+export function getSpacingPresetCssVar( value ) {
+	if ( ! value ) {
+		return;
+	}
+
+	const slug = value.match( /var:preset\|spacing\|(.+)/ );
+
+	if ( ! slug ) {
+		return value;
+	}
+
+	return `var(--wp--preset--spacing--${ slug[ 1 ] })`;
+}

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

@@ -1,3 +1,4 @@
 export { default as transformStyles } from './transform-styles';
 export { default as getPxFromCssUnit } from './get-px-from-css-unit';
 export { useBlockBindingsUtils } from './block-bindings';
+export { getSpacingPresetCssVar } from './get-spacing-preset-css-var';

packages/block-editor/src/utils/test/get-spacing-preset-css-var.js

@@ -0,0 +1,15 @@
+/**
+ * Internal dependencies
+ */
+import { getSpacingPresetCssVar } from '../get-spacing-preset-css-var';
+
+describe( 'getSpacingPresetCssVar', () => {
+	it( 'should return original value if not a string in spacing presets var format', () => {
+		expect( getSpacingPresetCssVar( '20px' ) ).toBe( '20px' );
+	} );
+	it( 'should return a string in spacing presets css var format with slug from provided value', () => {
+		expect( getSpacingPresetCssVar( 'var:preset|spacing|20' ) ).toBe(
+			'var(--wp--preset--spacing--20)'
+		);
+	} );
+} );