Fix (style guide): move files to lazy loaded component (#3595)

* move block style generators

* move meta separators to util

---------

Co-authored-by: [email protected] <>

Author: kaeizen

src/block/posts/util.js

@@ -12,6 +12,7 @@ import {
 	getTypographyClasses,
 } from '~stackable/block-components'
 import { getBlockStyle } from '~stackable/hooks'
+import { META_SEPARATORS } from '~stackable/util'
 
 /**
  * WordPress dependencies
@@ -27,14 +28,6 @@ import { Fragment } from '@wordpress/element'
  */
 import variations from './variations'
 
-export const META_SEPARATORS = {
-	dot: '·',
-	space: ' ',
-	comma: ',',
-	dash: '—',
-	pipe: '|',
-}
-
 export const CONTENTS = [
 	{
 		label: __( 'Featured Image', i18n ),

src/components/design-library-list/util.js

@@ -4,10 +4,10 @@ import DEFAULT from './default.json'
 import {
 	settings, isPro, cdnUrl,
 } from 'stackable'
+import { META_SEPARATORS } from '~stackable/util'
 
 import { parse, serialize } from '@wordpress/blocks'
 import { select } from '@wordpress/data'
-import { META_SEPARATORS } from '~stackable/block/posts/util'
 
 export const DEFAULT_CONTENT = { ...DEFAULT }
 const PARSER = new DOMParser()

src/util/styles/block-style-generators.js …ts/style-guide/block-style-generators.jssrc/util/styles/block-style-generators.js renamed to src/lazy-components/style-guide/block-style-generators.js src/util/styles/block-style-generators.js renamed to src/lazy-components/style-guide/block-style-generators.js

@@ -1,5 +1,7 @@
 import heroBg from './images/hero-bg.webp'
 import profile from './images/profile.webp'
+import { blockStyleGenerators } from './block-style-generators'
+
 import {
 	i18n, srcUrl, version as VERSION,
 } from 'stackable'
@@ -8,7 +10,6 @@ import { CssSaveCompiler } from '../../components/block-css'
 import {
 	cleanSerializedBlock,
 	createUniqueClass,
-	blockStyleGenerators,
 } from '~stackable/util'
 import { PLACEHOLDER_INNER_BLOCKS } from './block-templates'
 

src/lazy-components/style-guide/utils.js

@@ -619,3 +619,11 @@ export const cleanSerializedBlock = ( serialized, cb, attributes = {} ) => {
 
 	return cleanSerialized
 }
+
+export const META_SEPARATORS = {
+	dot: '·',
+	space: ' ',
+	comma: ',',
+	dash: '—',
+	pipe: '|',
+}

src/util/blocks.js

@@ -15,7 +15,6 @@ import { applyFilters } from '@wordpress/hooks'
 export { default as StyleObject } from './style-object'
 export { useStyles, getStyles } from './style-object'
 export { useQueryLoopInstanceId } from './style-object'
-export { blockStyleGenerators } from './block-style-generators'
 
 export const isDarkColor = _color => {
 	try {