@wordpress/global-styles-engine 1.9.0 → 1.10.1-next.v.202604091042.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/build/preview-state-styles.cjs +1 -1
  2. package/build/preview-state-styles.cjs.map +2 -2
  3. package/build/settings/get-setting.cjs +1 -0
  4. package/build/settings/get-setting.cjs.map +2 -2
  5. package/build-module/preview-state-styles.mjs +1 -1
  6. package/build-module/preview-state-styles.mjs.map +2 -2
  7. package/build-module/settings/get-setting.mjs +1 -0
  8. package/build-module/settings/get-setting.mjs.map +2 -2
  9. package/build-types/settings/get-setting.d.ts.map +1 -1
  10. package/package.json +6 -6
  11. package/src/preview-state-styles.ts +1 -1
  12. package/src/settings/get-setting.ts +1 -0
package/build/preview-state-styles.cjs CHANGED
@@ -40,7 +40,7 @@ function generatePreviewStateStyles(stateStyles, blockName) {
40
40
  try {
41
41
  const [generatedStyles] = (0, import_render.generateGlobalStyles)(previewConfig, []);
42
42
  return generatedStyles.map((style) => style.css).join("\n");
43
- } catch (error) {
43
+ } catch {
44
44
  return "";
45
45
  }
46
46
  }
package/build/preview-state-styles.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/preview-state-styles.ts"],
4
- "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { generateGlobalStyles } from './core/render';\nimport type { GlobalStylesConfig } from './types';\n\n/**\n * Generates CSS for preview contexts to display a specific state (hover, focus, etc.).\n * Takes state-specific styles and generates CSS as if they were the default styles,\n * allowing previews to show how a block will appear in that state.\n *\n * @param stateStyles - The styles for the specific state (e.g., hover styles)\n * @param blockName - The block name (e.g., 'core/button')\n * @return CSS string for the state preview\n */\nexport function generatePreviewStateStyles(\n\tstateStyles: any,\n\tblockName: string\n): string {\n\tif ( ! stateStyles || ! blockName ) {\n\t\treturn '';\n\t}\n\n\t// Create a minimal theme.json-like config with the state styles\n\t// positioned as if they were the default styles for this block\n\tconst previewConfig: GlobalStylesConfig = {\n\t\tsettings: {}, // Empty settings to satisfy the config structure\n\t\tstyles: {\n\t\t\tblocks: {\n\t\t\t\t[ blockName ]: stateStyles,\n\t\t\t},\n\t\t},\n\t};\n\n\ttry {\n\t\tconst [ generatedStyles ] = generateGlobalStyles( previewConfig, [] );\n\n\t\treturn generatedStyles.map( ( style ) => style.css ).join( '\\n' );\n\t} catch ( error ) {\n\t\t// If generation fails, return empty string to avoid breaking previews\n\t\treturn '';\n\t}\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAqC;AAY9B,SAAS,2BACf,aACA,WACS;AACT,MAAK,CAAE,eAAe,CAAE,WAAY;AACnC,WAAO;AAAA,EACR;AAIA,QAAM,gBAAoC;AAAA,IACzC,UAAU,CAAC;AAAA;AAAA,IACX,QAAQ;AAAA,MACP,QAAQ;AAAA,QACP,CAAE,SAAU,GAAG;AAAA,MAChB;AAAA,IACD;AAAA,EACD;AAEA,MAAI;AACH,UAAM,CAAE,eAAgB,QAAI,oCAAsB,eAAe,CAAC,CAAE;AAEpE,WAAO,gBAAgB,IAAK,CAAE,UAAW,MAAM,GAAI,EAAE,KAAM,IAAK;AAAA,EACjE,SAAU,OAAQ;AAEjB,WAAO;AAAA,EACR;AACD;",
4
+ "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { generateGlobalStyles } from './core/render';\nimport type { GlobalStylesConfig } from './types';\n\n/**\n * Generates CSS for preview contexts to display a specific state (hover, focus, etc.).\n * Takes state-specific styles and generates CSS as if they were the default styles,\n * allowing previews to show how a block will appear in that state.\n *\n * @param stateStyles - The styles for the specific state (e.g., hover styles)\n * @param blockName - The block name (e.g., 'core/button')\n * @return CSS string for the state preview\n */\nexport function generatePreviewStateStyles(\n\tstateStyles: any,\n\tblockName: string\n): string {\n\tif ( ! stateStyles || ! blockName ) {\n\t\treturn '';\n\t}\n\n\t// Create a minimal theme.json-like config with the state styles\n\t// positioned as if they were the default styles for this block\n\tconst previewConfig: GlobalStylesConfig = {\n\t\tsettings: {}, // Empty settings to satisfy the config structure\n\t\tstyles: {\n\t\t\tblocks: {\n\t\t\t\t[ blockName ]: stateStyles,\n\t\t\t},\n\t\t},\n\t};\n\n\ttry {\n\t\tconst [ generatedStyles ] = generateGlobalStyles( previewConfig, [] );\n\n\t\treturn generatedStyles.map( ( style ) => style.css ).join( '\\n' );\n\t} catch {\n\t\t// If generation fails, return empty string to avoid breaking previews\n\t\treturn '';\n\t}\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAqC;AAY9B,SAAS,2BACf,aACA,WACS;AACT,MAAK,CAAE,eAAe,CAAE,WAAY;AACnC,WAAO;AAAA,EACR;AAIA,QAAM,gBAAoC;AAAA,IACzC,UAAU,CAAC;AAAA;AAAA,IACX,QAAQ;AAAA,MACP,QAAQ;AAAA,QACP,CAAE,SAAU,GAAG;AAAA,MAChB;AAAA,IACD;AAAA,EACD;AAEA,MAAI;AACH,UAAM,CAAE,eAAgB,QAAI,oCAAsB,eAAe,CAAC,CAAE;AAEpE,WAAO,gBAAgB,IAAK,CAAE,UAAW,MAAM,GAAI,EAAE,KAAM,IAAK;AAAA,EACjE,QAAQ;AAEP,WAAO;AAAA,EACR;AACD;",
6
6
  "names": []
7
7
  }
package/build/settings/get-setting.cjs CHANGED
@@ -31,6 +31,7 @@ var VALID_SETTINGS = [
31
31
  "background.backgroundRepeat",
32
32
  "background.backgroundSize",
33
33
  "background.backgroundPosition",
34
+ "background.gradient",
34
35
  "border.color",
35
36
  "border.radius",
36
37
  "border.radiusSizes",
package/build/settings/get-setting.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/settings/get-setting.ts"],
4
- "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\nimport type { GlobalStylesConfig } from '../types';\n\nconst VALID_SETTINGS = [\n\t'appearanceTools',\n\t'useRootPaddingAwareAlignments',\n\t'background.backgroundImage',\n\t'background.backgroundRepeat',\n\t'background.backgroundSize',\n\t'background.backgroundPosition',\n\t'border.color',\n\t'border.radius',\n\t'border.radiusSizes',\n\t'border.style',\n\t'border.width',\n\t'shadow.presets',\n\t'shadow.defaultPresets',\n\t'color.background',\n\t'color.button',\n\t'color.caption',\n\t'color.custom',\n\t'color.customDuotone',\n\t'color.customGradient',\n\t'color.defaultDuotone',\n\t'color.defaultGradients',\n\t'color.defaultPalette',\n\t'color.duotone',\n\t'color.gradients',\n\t'color.heading',\n\t'color.link',\n\t'color.palette',\n\t'color.text',\n\t'custom',\n\t'dimensions.aspectRatio',\n\t'dimensions.height',\n\t'dimensions.minHeight',\n\t'dimensions.width',\n\t'dimensions.dimensionSizes',\n\t'layout.contentSize',\n\t'layout.definitions',\n\t'layout.wideSize',\n\t'lightbox.enabled',\n\t'lightbox.allowEditing',\n\t'position.fixed',\n\t'position.sticky',\n\t'spacing.customSpacingSize',\n\t'spacing.defaultSpacingSizes',\n\t'spacing.spacingSizes',\n\t'spacing.spacingScale',\n\t'spacing.blockGap',\n\t'spacing.margin',\n\t'spacing.padding',\n\t'spacing.units',\n\t'typography.fluid',\n\t'typography.customFontSize',\n\t'typography.defaultFontSizes',\n\t'typography.dropCap',\n\t'typography.fontFamilies',\n\t'typography.fontSizes',\n\t'typography.fontStyle',\n\t'typography.fontWeight',\n\t'typography.letterSpacing',\n\t'typography.lineHeight',\n\t'typography.textAlign',\n\t'typography.textColumns',\n\t'typography.textDecoration',\n\t'typography.textIndent',\n\t'typography.textTransform',\n\t'typography.writingMode',\n];\n\nexport function getSetting< T = any >(\n\tglobalStyles: GlobalStylesConfig,\n\tpath: string,\n\tblockName?: string\n): T {\n\tconst appendedBlockPath = blockName ? '.blocks.' + blockName : '';\n\tconst appendedPropertyPath = path ? '.' + path : '';\n\tconst contextualPath = `settings${ appendedBlockPath }${ appendedPropertyPath }`;\n\tconst globalPath = `settings${ appendedPropertyPath }`;\n\n\tif ( path ) {\n\t\treturn ( getValueFromObjectPath( globalStyles, contextualPath ) ??\n\t\t\tgetValueFromObjectPath( globalStyles, globalPath ) ) as T;\n\t}\n\n\tlet result = {};\n\tVALID_SETTINGS.forEach( ( setting ) => {\n\t\tconst value =\n\t\t\tgetValueFromObjectPath(\n\t\t\t\tglobalStyles,\n\t\t\t\t`settings${ appendedBlockPath }.${ setting }`\n\t\t\t) ??\n\t\t\tgetValueFromObjectPath( globalStyles, `settings.${ setting }` );\n\t\tif ( value !== undefined ) {\n\t\t\tresult = setImmutably( result, setting.split( '.' ), value );\n\t\t}\n\t} );\n\treturn result as T;\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAqD;AAGrD,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEO,SAAS,WACf,cACA,MACA,WACI;AACJ,QAAM,oBAAoB,YAAY,aAAa,YAAY;AAC/D,QAAM,uBAAuB,OAAO,MAAM,OAAO;AACjD,QAAM,iBAAiB,WAAY,iBAAkB,GAAI,oBAAqB;AAC9E,QAAM,aAAa,WAAY,oBAAqB;AAEpD,MAAK,MAAO;AACX,eAAS,sCAAwB,cAAc,cAAe,SAC7D,sCAAwB,cAAc,UAAW;AAAA,EACnD;AAEA,MAAI,SAAS,CAAC;AACd,iBAAe,QAAS,CAAE,YAAa;AACtC,UAAM,YACL;AAAA,MACC;AAAA,MACA,WAAY,iBAAkB,IAAK,OAAQ;AAAA,IAC5C,SACA,sCAAwB,cAAc,YAAa,OAAQ,EAAG;AAC/D,QAAK,UAAU,QAAY;AAC1B,mBAAS,4BAAc,QAAQ,QAAQ,MAAO,GAAI,GAAG,KAAM;AAAA,IAC5D;AAAA,EACD,CAAE;AACF,SAAO;AACR;",
4
+ "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\nimport type { GlobalStylesConfig } from '../types';\n\nconst VALID_SETTINGS = [\n\t'appearanceTools',\n\t'useRootPaddingAwareAlignments',\n\t'background.backgroundImage',\n\t'background.backgroundRepeat',\n\t'background.backgroundSize',\n\t'background.backgroundPosition',\n\t'background.gradient',\n\t'border.color',\n\t'border.radius',\n\t'border.radiusSizes',\n\t'border.style',\n\t'border.width',\n\t'shadow.presets',\n\t'shadow.defaultPresets',\n\t'color.background',\n\t'color.button',\n\t'color.caption',\n\t'color.custom',\n\t'color.customDuotone',\n\t'color.customGradient',\n\t'color.defaultDuotone',\n\t'color.defaultGradients',\n\t'color.defaultPalette',\n\t'color.duotone',\n\t'color.gradients',\n\t'color.heading',\n\t'color.link',\n\t'color.palette',\n\t'color.text',\n\t'custom',\n\t'dimensions.aspectRatio',\n\t'dimensions.height',\n\t'dimensions.minHeight',\n\t'dimensions.width',\n\t'dimensions.dimensionSizes',\n\t'layout.contentSize',\n\t'layout.definitions',\n\t'layout.wideSize',\n\t'lightbox.enabled',\n\t'lightbox.allowEditing',\n\t'position.fixed',\n\t'position.sticky',\n\t'spacing.customSpacingSize',\n\t'spacing.defaultSpacingSizes',\n\t'spacing.spacingSizes',\n\t'spacing.spacingScale',\n\t'spacing.blockGap',\n\t'spacing.margin',\n\t'spacing.padding',\n\t'spacing.units',\n\t'typography.fluid',\n\t'typography.customFontSize',\n\t'typography.defaultFontSizes',\n\t'typography.dropCap',\n\t'typography.fontFamilies',\n\t'typography.fontSizes',\n\t'typography.fontStyle',\n\t'typography.fontWeight',\n\t'typography.letterSpacing',\n\t'typography.lineHeight',\n\t'typography.textAlign',\n\t'typography.textColumns',\n\t'typography.textDecoration',\n\t'typography.textIndent',\n\t'typography.textTransform',\n\t'typography.writingMode',\n];\n\nexport function getSetting< T = any >(\n\tglobalStyles: GlobalStylesConfig,\n\tpath: string,\n\tblockName?: string\n): T {\n\tconst appendedBlockPath = blockName ? '.blocks.' + blockName : '';\n\tconst appendedPropertyPath = path ? '.' + path : '';\n\tconst contextualPath = `settings${ appendedBlockPath }${ appendedPropertyPath }`;\n\tconst globalPath = `settings${ appendedPropertyPath }`;\n\n\tif ( path ) {\n\t\treturn ( getValueFromObjectPath( globalStyles, contextualPath ) ??\n\t\t\tgetValueFromObjectPath( globalStyles, globalPath ) ) as T;\n\t}\n\n\tlet result = {};\n\tVALID_SETTINGS.forEach( ( setting ) => {\n\t\tconst value =\n\t\t\tgetValueFromObjectPath(\n\t\t\t\tglobalStyles,\n\t\t\t\t`settings${ appendedBlockPath }.${ setting }`\n\t\t\t) ??\n\t\t\tgetValueFromObjectPath( globalStyles, `settings.${ setting }` );\n\t\tif ( value !== undefined ) {\n\t\t\tresult = setImmutably( result, setting.split( '.' ), value );\n\t\t}\n\t} );\n\treturn result as T;\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAqD;AAGrD,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEO,SAAS,WACf,cACA,MACA,WACI;AACJ,QAAM,oBAAoB,YAAY,aAAa,YAAY;AAC/D,QAAM,uBAAuB,OAAO,MAAM,OAAO;AACjD,QAAM,iBAAiB,WAAY,iBAAkB,GAAI,oBAAqB;AAC9E,QAAM,aAAa,WAAY,oBAAqB;AAEpD,MAAK,MAAO;AACX,eAAS,sCAAwB,cAAc,cAAe,SAC7D,sCAAwB,cAAc,UAAW;AAAA,EACnD;AAEA,MAAI,SAAS,CAAC;AACd,iBAAe,QAAS,CAAE,YAAa;AACtC,UAAM,YACL;AAAA,MACC;AAAA,MACA,WAAY,iBAAkB,IAAK,OAAQ;AAAA,IAC5C,SACA,sCAAwB,cAAc,YAAa,OAAQ,EAAG;AAC/D,QAAK,UAAU,QAAY;AAC1B,mBAAS,4BAAc,QAAQ,QAAQ,MAAO,GAAI,GAAG,KAAM;AAAA,IAC5D;AAAA,EACD,CAAE;AACF,SAAO;AACR;",
6
6
  "names": []
7
7
  }
package/build-module/preview-state-styles.mjs CHANGED
@@ -16,7 +16,7 @@ function generatePreviewStateStyles(stateStyles, blockName) {
16
16
  try {
17
17
  const [generatedStyles] = generateGlobalStyles(previewConfig, []);
18
18
  return generatedStyles.map((style) => style.css).join("\n");
19
- } catch (error) {
19
+ } catch {
20
20
  return "";
21
21
  }
22
22
  }
package/build-module/preview-state-styles.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/preview-state-styles.ts"],
4
- "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { generateGlobalStyles } from './core/render';\nimport type { GlobalStylesConfig } from './types';\n\n/**\n * Generates CSS for preview contexts to display a specific state (hover, focus, etc.).\n * Takes state-specific styles and generates CSS as if they were the default styles,\n * allowing previews to show how a block will appear in that state.\n *\n * @param stateStyles - The styles for the specific state (e.g., hover styles)\n * @param blockName - The block name (e.g., 'core/button')\n * @return CSS string for the state preview\n */\nexport function generatePreviewStateStyles(\n\tstateStyles: any,\n\tblockName: string\n): string {\n\tif ( ! stateStyles || ! blockName ) {\n\t\treturn '';\n\t}\n\n\t// Create a minimal theme.json-like config with the state styles\n\t// positioned as if they were the default styles for this block\n\tconst previewConfig: GlobalStylesConfig = {\n\t\tsettings: {}, // Empty settings to satisfy the config structure\n\t\tstyles: {\n\t\t\tblocks: {\n\t\t\t\t[ blockName ]: stateStyles,\n\t\t\t},\n\t\t},\n\t};\n\n\ttry {\n\t\tconst [ generatedStyles ] = generateGlobalStyles( previewConfig, [] );\n\n\t\treturn generatedStyles.map( ( style ) => style.css ).join( '\\n' );\n\t} catch ( error ) {\n\t\t// If generation fails, return empty string to avoid breaking previews\n\t\treturn '';\n\t}\n}\n"],
5
- "mappings": ";AAGA,SAAS,4BAA4B;AAY9B,SAAS,2BACf,aACA,WACS;AACT,MAAK,CAAE,eAAe,CAAE,WAAY;AACnC,WAAO;AAAA,EACR;AAIA,QAAM,gBAAoC;AAAA,IACzC,UAAU,CAAC;AAAA;AAAA,IACX,QAAQ;AAAA,MACP,QAAQ;AAAA,QACP,CAAE,SAAU,GAAG;AAAA,MAChB;AAAA,IACD;AAAA,EACD;AAEA,MAAI;AACH,UAAM,CAAE,eAAgB,IAAI,qBAAsB,eAAe,CAAC,CAAE;AAEpE,WAAO,gBAAgB,IAAK,CAAE,UAAW,MAAM,GAAI,EAAE,KAAM,IAAK;AAAA,EACjE,SAAU,OAAQ;AAEjB,WAAO;AAAA,EACR;AACD;",
4
+ "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { generateGlobalStyles } from './core/render';\nimport type { GlobalStylesConfig } from './types';\n\n/**\n * Generates CSS for preview contexts to display a specific state (hover, focus, etc.).\n * Takes state-specific styles and generates CSS as if they were the default styles,\n * allowing previews to show how a block will appear in that state.\n *\n * @param stateStyles - The styles for the specific state (e.g., hover styles)\n * @param blockName - The block name (e.g., 'core/button')\n * @return CSS string for the state preview\n */\nexport function generatePreviewStateStyles(\n\tstateStyles: any,\n\tblockName: string\n): string {\n\tif ( ! stateStyles || ! blockName ) {\n\t\treturn '';\n\t}\n\n\t// Create a minimal theme.json-like config with the state styles\n\t// positioned as if they were the default styles for this block\n\tconst previewConfig: GlobalStylesConfig = {\n\t\tsettings: {}, // Empty settings to satisfy the config structure\n\t\tstyles: {\n\t\t\tblocks: {\n\t\t\t\t[ blockName ]: stateStyles,\n\t\t\t},\n\t\t},\n\t};\n\n\ttry {\n\t\tconst [ generatedStyles ] = generateGlobalStyles( previewConfig, [] );\n\n\t\treturn generatedStyles.map( ( style ) => style.css ).join( '\\n' );\n\t} catch {\n\t\t// If generation fails, return empty string to avoid breaking previews\n\t\treturn '';\n\t}\n}\n"],
5
+ "mappings": ";AAGA,SAAS,4BAA4B;AAY9B,SAAS,2BACf,aACA,WACS;AACT,MAAK,CAAE,eAAe,CAAE,WAAY;AACnC,WAAO;AAAA,EACR;AAIA,QAAM,gBAAoC;AAAA,IACzC,UAAU,CAAC;AAAA;AAAA,IACX,QAAQ;AAAA,MACP,QAAQ;AAAA,QACP,CAAE,SAAU,GAAG;AAAA,MAChB;AAAA,IACD;AAAA,EACD;AAEA,MAAI;AACH,UAAM,CAAE,eAAgB,IAAI,qBAAsB,eAAe,CAAC,CAAE;AAEpE,WAAO,gBAAgB,IAAK,CAAE,UAAW,MAAM,GAAI,EAAE,KAAM,IAAK;AAAA,EACjE,QAAQ;AAEP,WAAO;AAAA,EACR;AACD;",
6
6
  "names": []
7
7
  }
package/build-module/settings/get-setting.mjs CHANGED
@@ -7,6 +7,7 @@ var VALID_SETTINGS = [
7
7
  "background.backgroundRepeat",
8
8
  "background.backgroundSize",
9
9
  "background.backgroundPosition",
10
+ "background.gradient",
10
11
  "border.color",
11
12
  "border.radius",
12
13
  "border.radiusSizes",
package/build-module/settings/get-setting.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/settings/get-setting.ts"],
4
- "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\nimport type { GlobalStylesConfig } from '../types';\n\nconst VALID_SETTINGS = [\n\t'appearanceTools',\n\t'useRootPaddingAwareAlignments',\n\t'background.backgroundImage',\n\t'background.backgroundRepeat',\n\t'background.backgroundSize',\n\t'background.backgroundPosition',\n\t'border.color',\n\t'border.radius',\n\t'border.radiusSizes',\n\t'border.style',\n\t'border.width',\n\t'shadow.presets',\n\t'shadow.defaultPresets',\n\t'color.background',\n\t'color.button',\n\t'color.caption',\n\t'color.custom',\n\t'color.customDuotone',\n\t'color.customGradient',\n\t'color.defaultDuotone',\n\t'color.defaultGradients',\n\t'color.defaultPalette',\n\t'color.duotone',\n\t'color.gradients',\n\t'color.heading',\n\t'color.link',\n\t'color.palette',\n\t'color.text',\n\t'custom',\n\t'dimensions.aspectRatio',\n\t'dimensions.height',\n\t'dimensions.minHeight',\n\t'dimensions.width',\n\t'dimensions.dimensionSizes',\n\t'layout.contentSize',\n\t'layout.definitions',\n\t'layout.wideSize',\n\t'lightbox.enabled',\n\t'lightbox.allowEditing',\n\t'position.fixed',\n\t'position.sticky',\n\t'spacing.customSpacingSize',\n\t'spacing.defaultSpacingSizes',\n\t'spacing.spacingSizes',\n\t'spacing.spacingScale',\n\t'spacing.blockGap',\n\t'spacing.margin',\n\t'spacing.padding',\n\t'spacing.units',\n\t'typography.fluid',\n\t'typography.customFontSize',\n\t'typography.defaultFontSizes',\n\t'typography.dropCap',\n\t'typography.fontFamilies',\n\t'typography.fontSizes',\n\t'typography.fontStyle',\n\t'typography.fontWeight',\n\t'typography.letterSpacing',\n\t'typography.lineHeight',\n\t'typography.textAlign',\n\t'typography.textColumns',\n\t'typography.textDecoration',\n\t'typography.textIndent',\n\t'typography.textTransform',\n\t'typography.writingMode',\n];\n\nexport function getSetting< T = any >(\n\tglobalStyles: GlobalStylesConfig,\n\tpath: string,\n\tblockName?: string\n): T {\n\tconst appendedBlockPath = blockName ? '.blocks.' + blockName : '';\n\tconst appendedPropertyPath = path ? '.' + path : '';\n\tconst contextualPath = `settings${ appendedBlockPath }${ appendedPropertyPath }`;\n\tconst globalPath = `settings${ appendedPropertyPath }`;\n\n\tif ( path ) {\n\t\treturn ( getValueFromObjectPath( globalStyles, contextualPath ) ??\n\t\t\tgetValueFromObjectPath( globalStyles, globalPath ) ) as T;\n\t}\n\n\tlet result = {};\n\tVALID_SETTINGS.forEach( ( setting ) => {\n\t\tconst value =\n\t\t\tgetValueFromObjectPath(\n\t\t\t\tglobalStyles,\n\t\t\t\t`settings${ appendedBlockPath }.${ setting }`\n\t\t\t) ??\n\t\t\tgetValueFromObjectPath( globalStyles, `settings.${ setting }` );\n\t\tif ( value !== undefined ) {\n\t\t\tresult = setImmutably( result, setting.split( '.' ), value );\n\t\t}\n\t} );\n\treturn result as T;\n}\n"],
5
- "mappings": ";AAGA,SAAS,wBAAwB,oBAAoB;AAGrD,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEO,SAAS,WACf,cACA,MACA,WACI;AACJ,QAAM,oBAAoB,YAAY,aAAa,YAAY;AAC/D,QAAM,uBAAuB,OAAO,MAAM,OAAO;AACjD,QAAM,iBAAiB,WAAY,iBAAkB,GAAI,oBAAqB;AAC9E,QAAM,aAAa,WAAY,oBAAqB;AAEpD,MAAK,MAAO;AACX,WAAS,uBAAwB,cAAc,cAAe,KAC7D,uBAAwB,cAAc,UAAW;AAAA,EACnD;AAEA,MAAI,SAAS,CAAC;AACd,iBAAe,QAAS,CAAE,YAAa;AACtC,UAAM,QACL;AAAA,MACC;AAAA,MACA,WAAY,iBAAkB,IAAK,OAAQ;AAAA,IAC5C,KACA,uBAAwB,cAAc,YAAa,OAAQ,EAAG;AAC/D,QAAK,UAAU,QAAY;AAC1B,eAAS,aAAc,QAAQ,QAAQ,MAAO,GAAI,GAAG,KAAM;AAAA,IAC5D;AAAA,EACD,CAAE;AACF,SAAO;AACR;",
4
+ "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\nimport type { GlobalStylesConfig } from '../types';\n\nconst VALID_SETTINGS = [\n\t'appearanceTools',\n\t'useRootPaddingAwareAlignments',\n\t'background.backgroundImage',\n\t'background.backgroundRepeat',\n\t'background.backgroundSize',\n\t'background.backgroundPosition',\n\t'background.gradient',\n\t'border.color',\n\t'border.radius',\n\t'border.radiusSizes',\n\t'border.style',\n\t'border.width',\n\t'shadow.presets',\n\t'shadow.defaultPresets',\n\t'color.background',\n\t'color.button',\n\t'color.caption',\n\t'color.custom',\n\t'color.customDuotone',\n\t'color.customGradient',\n\t'color.defaultDuotone',\n\t'color.defaultGradients',\n\t'color.defaultPalette',\n\t'color.duotone',\n\t'color.gradients',\n\t'color.heading',\n\t'color.link',\n\t'color.palette',\n\t'color.text',\n\t'custom',\n\t'dimensions.aspectRatio',\n\t'dimensions.height',\n\t'dimensions.minHeight',\n\t'dimensions.width',\n\t'dimensions.dimensionSizes',\n\t'layout.contentSize',\n\t'layout.definitions',\n\t'layout.wideSize',\n\t'lightbox.enabled',\n\t'lightbox.allowEditing',\n\t'position.fixed',\n\t'position.sticky',\n\t'spacing.customSpacingSize',\n\t'spacing.defaultSpacingSizes',\n\t'spacing.spacingSizes',\n\t'spacing.spacingScale',\n\t'spacing.blockGap',\n\t'spacing.margin',\n\t'spacing.padding',\n\t'spacing.units',\n\t'typography.fluid',\n\t'typography.customFontSize',\n\t'typography.defaultFontSizes',\n\t'typography.dropCap',\n\t'typography.fontFamilies',\n\t'typography.fontSizes',\n\t'typography.fontStyle',\n\t'typography.fontWeight',\n\t'typography.letterSpacing',\n\t'typography.lineHeight',\n\t'typography.textAlign',\n\t'typography.textColumns',\n\t'typography.textDecoration',\n\t'typography.textIndent',\n\t'typography.textTransform',\n\t'typography.writingMode',\n];\n\nexport function getSetting< T = any >(\n\tglobalStyles: GlobalStylesConfig,\n\tpath: string,\n\tblockName?: string\n): T {\n\tconst appendedBlockPath = blockName ? '.blocks.' + blockName : '';\n\tconst appendedPropertyPath = path ? '.' + path : '';\n\tconst contextualPath = `settings${ appendedBlockPath }${ appendedPropertyPath }`;\n\tconst globalPath = `settings${ appendedPropertyPath }`;\n\n\tif ( path ) {\n\t\treturn ( getValueFromObjectPath( globalStyles, contextualPath ) ??\n\t\t\tgetValueFromObjectPath( globalStyles, globalPath ) ) as T;\n\t}\n\n\tlet result = {};\n\tVALID_SETTINGS.forEach( ( setting ) => {\n\t\tconst value =\n\t\t\tgetValueFromObjectPath(\n\t\t\t\tglobalStyles,\n\t\t\t\t`settings${ appendedBlockPath }.${ setting }`\n\t\t\t) ??\n\t\t\tgetValueFromObjectPath( globalStyles, `settings.${ setting }` );\n\t\tif ( value !== undefined ) {\n\t\t\tresult = setImmutably( result, setting.split( '.' ), value );\n\t\t}\n\t} );\n\treturn result as T;\n}\n"],
5
+ "mappings": ";AAGA,SAAS,wBAAwB,oBAAoB;AAGrD,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEO,SAAS,WACf,cACA,MACA,WACI;AACJ,QAAM,oBAAoB,YAAY,aAAa,YAAY;AAC/D,QAAM,uBAAuB,OAAO,MAAM,OAAO;AACjD,QAAM,iBAAiB,WAAY,iBAAkB,GAAI,oBAAqB;AAC9E,QAAM,aAAa,WAAY,oBAAqB;AAEpD,MAAK,MAAO;AACX,WAAS,uBAAwB,cAAc,cAAe,KAC7D,uBAAwB,cAAc,UAAW;AAAA,EACnD;AAEA,MAAI,SAAS,CAAC;AACd,iBAAe,QAAS,CAAE,YAAa;AACtC,UAAM,QACL;AAAA,MACC;AAAA,MACA,WAAY,iBAAkB,IAAK,OAAQ;AAAA,IAC5C,KACA,uBAAwB,cAAc,YAAa,OAAQ,EAAG;AAC/D,QAAK,UAAU,QAAY;AAC1B,eAAS,aAAc,QAAQ,QAAQ,MAAO,GAAI,GAAG,KAAM;AAAA,IAC5D;AAAA,EACD,CAAE;AACF,SAAO;AACR;",
6
6
  "names": []
7
7
  }
package/build-types/settings/get-setting.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"get-setting.d.ts","sourceRoot":"","sources":["../../src/settings/get-setting.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAsEnD,wBAAgB,UAAU,CAAE,CAAC,GAAG,GAAG,EAClC,YAAY,EAAE,kBAAkB,EAChC,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,GAChB,CAAC,CAwBH"}
1
+ {"version":3,"file":"get-setting.d.ts","sourceRoot":"","sources":["../../src/settings/get-setting.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAuEnD,wBAAgB,UAAU,CAAE,CAAC,GAAG,GAAG,EAClC,YAAY,EAAE,kBAAkB,EAChC,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,GAChB,CAAC,CAwBH"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/global-styles-engine",
3
- "version": "1.9.0",
3
+ "version": "1.10.1-next.v.202604091042.0+668146787",
4
4
  "description": "Pure CSS generation engine for WordPress global styles.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -42,10 +42,10 @@
42
42
  "types": "build-types/index.d.ts",
43
43
  "sideEffects": false,
44
44
  "dependencies": {
45
- "@wordpress/blocks": "^15.15.0",
46
- "@wordpress/data": "^10.42.0",
47
- "@wordpress/i18n": "^6.15.0",
48
- "@wordpress/style-engine": "^2.42.0",
45
+ "@wordpress/blocks": "^15.16.1-next.v.202604091042.0+668146787",
46
+ "@wordpress/data": "^10.43.1-next.v.202604091042.0+668146787",
47
+ "@wordpress/i18n": "^6.17.1-next.v.202604091042.0+668146787",
48
+ "@wordpress/style-engine": "^2.43.1-next.v.202604091042.0+668146787",
49
49
  "colord": "^2.9.2",
50
50
  "deepmerge": "^4.3.0",
51
51
  "fast-deep-equal": "^3.1.3",
@@ -59,5 +59,5 @@
59
59
  "publishConfig": {
60
60
  "access": "public"
61
61
  },
62
- "gitHead": "c20787b1778ae64c2db65643b1c236309d68e6ba"
62
+ "gitHead": "73606df74f1c38a084bfa5db97205259ef817593"
63
63
  }
package/src/preview-state-styles.ts CHANGED
@@ -36,7 +36,7 @@ export function generatePreviewStateStyles(
36
36
  const [ generatedStyles ] = generateGlobalStyles( previewConfig, [] );
37
37
 
38
38
  return generatedStyles.map( ( style ) => style.css ).join( '\n' );
39
- } catch ( error ) {
39
+ } catch {
40
40
  // If generation fails, return empty string to avoid breaking previews
41
41
  return '';
42
42
  }
package/src/settings/get-setting.ts CHANGED
@@ -11,6 +11,7 @@ const VALID_SETTINGS = [
11
11
  'background.backgroundRepeat',
12
12
  'background.backgroundSize',
13
13
  'background.backgroundPosition',
14
+ 'background.gradient',
14
15
  'border.color',
15
16
  'border.radius',
16
17
  'border.radiusSizes',