@wordpress/global-styles-engine 1.17.1-next.v.202607070741.0 → 1.18.0

package/build-module/utils/viewport.mjs

@@ -0,0 +1,81 @@
+// packages/global-styles-engine/src/utils/viewport.ts
+var DEFAULT_VIEWPORT_BREAKPOINTS = {
+  mobile: "480px",
+  tablet: "782px"
+};
+var VIEWPORT_SIZE_REGEXP = /^(\d+|\d*\.\d+)(px|em|rem)$/;
+var DEFAULT_FONT_SIZE = 16;
+function isViewportSettings(configOrSettings) {
+  return "mobile" in configOrSettings || "tablet" in configOrSettings;
+}
+function getViewportSettings(configOrSettings) {
+  if (!configOrSettings || typeof configOrSettings !== "object") {
+    return {};
+  }
+  if (isViewportSettings(configOrSettings)) {
+    return configOrSettings;
+  }
+  return configOrSettings.settings?.viewport ?? {};
+}
+function isValidViewportSize(value) {
+  return typeof value === "string" && VIEWPORT_SIZE_REGEXP.test(value.trim());
+}
+function getViewportBreakpointValueInPixels(value) {
+  if (typeof value === "number") {
+    return value;
+  }
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const match = value.trim().match(VIEWPORT_SIZE_REGEXP);
+  if (!match) {
+    return void 0;
+  }
+  const numericValue = Number.parseFloat(match[1]);
+  const unit = match[2];
+  return unit === "px" ? numericValue : numericValue * DEFAULT_FONT_SIZE;
+}
+function getViewportBreakpoints(configOrSettings) {
+  const viewportSettings = getViewportSettings(configOrSettings);
+  const breakpoints = {};
+  const breakpointValuesInPixels = {};
+  Object.keys(DEFAULT_VIEWPORT_BREAKPOINTS).forEach((breakpoint) => {
+    const key = breakpoint;
+    const value = viewportSettings[key];
+    const px = getViewportBreakpointValueInPixels(value);
+    if (px !== void 0 && isValidViewportSize(value)) {
+      breakpoints[key] = value.trim();
+      breakpointValuesInPixels[key] = px;
+    }
+  });
+  const breakpointNames = Object.keys(breakpoints);
+  if (!breakpointNames.length) {
+    return { ...DEFAULT_VIEWPORT_BREAKPOINTS };
+  }
+  if (1 === breakpointNames.length) {
+    return breakpoints;
+  }
+  const mobile = breakpoints.mobile;
+  const tablet = breakpoints.tablet;
+  if (breakpointValuesInPixels.mobile >= breakpointValuesInPixels.tablet) {
+    return { mobile };
+  }
+  return { mobile, tablet };
+}
+function getResponsiveMediaQueries(configOrSettings) {
+  const breakpoints = getViewportBreakpoints(configOrSettings);
+  const mediaQueries = {};
+  if (breakpoints.mobile) {
+    mediaQueries["@mobile"] = `@media (width <= ${breakpoints.mobile})`;
+  }
+  if (breakpoints.tablet) {
+    mediaQueries["@tablet"] = breakpoints.mobile ? `@media (${breakpoints.mobile} < width <= ${breakpoints.tablet})` : `@media (width <= ${breakpoints.tablet})`;
+  }
+  return mediaQueries;
+}
+export {
+  getResponsiveMediaQueries,
+  getViewportBreakpointValueInPixels,
+  getViewportBreakpoints
+};
+//# sourceMappingURL=viewport.mjs.map

package/build-module/utils/viewport.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/viewport.ts"],
+  "sourcesContent": ["import type { GlobalStylesConfig } from '../types';\n\nconst DEFAULT_VIEWPORT_BREAKPOINTS = {\n\tmobile: '480px',\n\ttablet: '782px',\n};\n\ntype ViewportBreakpoint = keyof typeof DEFAULT_VIEWPORT_BREAKPOINTS;\ntype ViewportSettings = Partial< Record< ViewportBreakpoint, string > >;\ntype ViewportBreakpoints = Partial< Record< ViewportBreakpoint, string > >;\n\n// Matches positive CSS length values supported for viewport breakpoints, and\n// captures the numeric value and unit for conversion to pixels.\nconst VIEWPORT_SIZE_REGEXP = /^(\\d+|\\d*\\.\\d+)(px|em|rem)$/;\nconst DEFAULT_FONT_SIZE = 16;\n\nfunction isViewportSettings(\n\tconfigOrSettings: GlobalStylesConfig | ViewportSettings\n): configOrSettings is ViewportSettings {\n\treturn 'mobile' in configOrSettings || 'tablet' in configOrSettings;\n}\n\nfunction getViewportSettings(\n\tconfigOrSettings?: GlobalStylesConfig | ViewportSettings\n): ViewportSettings {\n\tif ( ! configOrSettings || typeof configOrSettings !== 'object' ) {\n\t\treturn {};\n\t}\n\n\tif ( isViewportSettings( configOrSettings ) ) {\n\t\treturn configOrSettings;\n\t}\n\n\treturn configOrSettings.settings?.viewport ?? {};\n}\n\nfunction isValidViewportSize( value: unknown ): value is string {\n\treturn (\n\t\ttypeof value === 'string' && VIEWPORT_SIZE_REGEXP.test( value.trim() )\n\t);\n}\n\n/**\n * Converts a viewport breakpoint value to pixels.\n *\n * Numeric values are returned as-is. CSS length values are only supported when\n * expressed in px, em, or rem units.\n *\n * @param value Breakpoint value as a number or CSS length.\n * @return The breakpoint value in pixels, or undefined when invalid.\n */\nexport function getViewportBreakpointValueInPixels(\n\tvalue: number | string | undefined\n): number | undefined {\n\tif ( typeof value === 'number' ) {\n\t\treturn value;\n\t}\n\n\tif ( typeof value !== 'string' ) {\n\t\treturn undefined;\n\t}\n\n\tconst match = value.trim().match( VIEWPORT_SIZE_REGEXP );\n\tif ( ! match ) {\n\t\treturn undefined;\n\t}\n\n\tconst numericValue = Number.parseFloat( match[ 1 ] );\n\tconst unit = match[ 2 ];\n\n\t// Use the most common browser default font size as the base for em/rem\n\t// media query conversions. This pixel value is used to compare breakpoint\n\t// order and calculate preview sizes; generated media queries keep the\n\t// original units.\n\treturn unit === 'px' ? numericValue : numericValue * DEFAULT_FONT_SIZE;\n}\n\n/**\n * Returns sanitized viewport breakpoints keyed by viewport state.\n *\n * Falls back to default breakpoints when no valid values are provided. If the\n * mobile breakpoint is missing, a valid tablet breakpoint remains keyed as\n * tablet so the editor can present it as a tablet breakpoint. If the tablet\n * breakpoint is missing, invalid, or not larger than the mobile breakpoint, the\n * result only includes the mobile breakpoint.\n *\n * @param configOrSettings Global styles config or viewport settings.\n * @return Sanitized viewport breakpoints.\n */\nexport function getViewportBreakpoints(\n\tconfigOrSettings?: GlobalStylesConfig | ViewportSettings\n): ViewportBreakpoints {\n\tconst viewportSettings = getViewportSettings( configOrSettings );\n\tconst breakpoints: ViewportBreakpoints = {};\n\tconst breakpointValuesInPixels: Partial<\n\t\tRecord< ViewportBreakpoint, number >\n\t> = {};\n\n\tObject.keys( DEFAULT_VIEWPORT_BREAKPOINTS ).forEach( ( breakpoint ) => {\n\t\tconst key = breakpoint as ViewportBreakpoint;\n\t\tconst value = viewportSettings[ key ];\n\t\tconst px = getViewportBreakpointValueInPixels( value );\n\t\tif ( px !== undefined && isValidViewportSize( value ) ) {\n\t\t\tbreakpoints[ key ] = value.trim();\n\t\t\tbreakpointValuesInPixels[ key ] = px;\n\t\t}\n\t} );\n\n\tconst breakpointNames = Object.keys( breakpoints );\n\tif ( ! breakpointNames.length ) {\n\t\treturn { ...DEFAULT_VIEWPORT_BREAKPOINTS };\n\t}\n\n\tif ( 1 === breakpointNames.length ) {\n\t\treturn breakpoints;\n\t}\n\n\tconst mobile = breakpoints.mobile!;\n\tconst tablet = breakpoints.tablet!;\n\tif (\n\t\tbreakpointValuesInPixels.mobile! >= breakpointValuesInPixels.tablet!\n\t) {\n\t\treturn { mobile };\n\t}\n\n\treturn { mobile, tablet };\n}\n\n/**\n * Returns responsive media query aliases for the configured viewport\n * breakpoints.\n *\n * @param configOrSettings Global styles config or viewport settings.\n * @return Responsive media queries keyed by alias.\n */\nexport function getResponsiveMediaQueries(\n\tconfigOrSettings?: GlobalStylesConfig | ViewportSettings\n): Record< string, string > {\n\tconst breakpoints = getViewportBreakpoints( configOrSettings );\n\tconst mediaQueries: Record< string, string > = {};\n\n\tif ( breakpoints.mobile ) {\n\t\tmediaQueries[ '@mobile' ] = `@media (width <= ${ breakpoints.mobile })`;\n\t}\n\n\tif ( breakpoints.tablet ) {\n\t\tmediaQueries[ '@tablet' ] = breakpoints.mobile\n\t\t\t? `@media (${ breakpoints.mobile } < width <= ${ breakpoints.tablet })`\n\t\t\t: `@media (width <= ${ breakpoints.tablet })`;\n\t}\n\n\treturn mediaQueries;\n}\n"],
+  "mappings": ";AAEA,IAAM,+BAA+B;AAAA,EACpC,QAAQ;AAAA,EACR,QAAQ;AACT;AAQA,IAAM,uBAAuB;AAC7B,IAAM,oBAAoB;AAE1B,SAAS,mBACR,kBACuC;AACvC,SAAO,YAAY,oBAAoB,YAAY;AACpD;AAEA,SAAS,oBACR,kBACmB;AACnB,MAAK,CAAE,oBAAoB,OAAO,qBAAqB,UAAW;AACjE,WAAO,CAAC;AAAA,EACT;AAEA,MAAK,mBAAoB,gBAAiB,GAAI;AAC7C,WAAO;AAAA,EACR;AAEA,SAAO,iBAAiB,UAAU,YAAY,CAAC;AAChD;AAEA,SAAS,oBAAqB,OAAkC;AAC/D,SACC,OAAO,UAAU,YAAY,qBAAqB,KAAM,MAAM,KAAK,CAAE;AAEvE;AAWO,SAAS,mCACf,OACqB;AACrB,MAAK,OAAO,UAAU,UAAW;AAChC,WAAO;AAAA,EACR;AAEA,MAAK,OAAO,UAAU,UAAW;AAChC,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ,MAAM,KAAK,EAAE,MAAO,oBAAqB;AACvD,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,QAAM,eAAe,OAAO,WAAY,MAAO,CAAE,CAAE;AACnD,QAAM,OAAO,MAAO,CAAE;AAMtB,SAAO,SAAS,OAAO,eAAe,eAAe;AACtD;AAcO,SAAS,uBACf,kBACsB;AACtB,QAAM,mBAAmB,oBAAqB,gBAAiB;AAC/D,QAAM,cAAmC,CAAC;AAC1C,QAAM,2BAEF,CAAC;AAEL,SAAO,KAAM,4BAA6B,EAAE,QAAS,CAAE,eAAgB;AACtE,UAAM,MAAM;AACZ,UAAM,QAAQ,iBAAkB,GAAI;AACpC,UAAM,KAAK,mCAAoC,KAAM;AACrD,QAAK,OAAO,UAAa,oBAAqB,KAAM,GAAI;AACvD,kBAAa,GAAI,IAAI,MAAM,KAAK;AAChC,+BAA0B,GAAI,IAAI;AAAA,IACnC;AAAA,EACD,CAAE;AAEF,QAAM,kBAAkB,OAAO,KAAM,WAAY;AACjD,MAAK,CAAE,gBAAgB,QAAS;AAC/B,WAAO,EAAE,GAAG,6BAA6B;AAAA,EAC1C;AAEA,MAAK,MAAM,gBAAgB,QAAS;AACnC,WAAO;AAAA,EACR;AAEA,QAAM,SAAS,YAAY;AAC3B,QAAM,SAAS,YAAY;AAC3B,MACC,yBAAyB,UAAW,yBAAyB,QAC5D;AACD,WAAO,EAAE,OAAO;AAAA,EACjB;AAEA,SAAO,EAAE,QAAQ,OAAO;AACzB;AASO,SAAS,0BACf,kBAC2B;AAC3B,QAAM,cAAc,uBAAwB,gBAAiB;AAC7D,QAAM,eAAyC,CAAC;AAEhD,MAAK,YAAY,QAAS;AACzB,iBAAc,SAAU,IAAI,oBAAqB,YAAY,MAAO;AAAA,EACrE;AAEA,MAAK,YAAY,QAAS;AACzB,iBAAc,SAAU,IAAI,YAAY,SACrC,WAAY,YAAY,MAAO,eAAgB,YAAY,MAAO,MAClE,oBAAqB,YAAY,MAAO;AAAA,EAC5C;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-types/core/render.d.ts

@@ -50,7 +50,7 @@ export declare function getStylesDeclarations(blockStyles?: any, selector?: stri
  *
  * @return Generated CSS rules for the layout styles
  */
-export declare function getLayoutStyles({ layoutDefinitions, style, selector, hasBlockGapSupport, hasFallbackGapSupport, fallbackGapValue }: {
+export declare function getLayoutStyles({ layoutDefinitions, style, selector, hasBlockGapSupport, hasFallbackGapSupport, fallbackGapValue, }: {
     layoutDefinitions?: Record<string, LayoutDefinition>;
     style?: GlobalStylesStyles;
     selector?: string;

package/build-types/core/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA4BnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA8CvE;;GAEG;AACH,UAAU,gBAAgB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAE;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,GAAG,CAAE,CAAC;KAC9B,CAAE,CAAC;IACJ,UAAU,CAAC,EAAE,KAAK,CAAE;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,GAAG,CAAE,CAAC;KAC9B,CAAE,CAAC;CACJ;AA6BD,MAAM,MAAM,cAAc,GAAG,MAAM,CAClC,MAAM,EACN;IACC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EACd,MAAM,GACN,MAAM,CAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,CAAE,CAAC;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,CAAC;CACnD,CACD,CAAC;AAmbF;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACpC,WAAW,GAAE,GAAQ,EACrB,QAAQ,GAAE,MAAW,EACrB,mBAAmB,CAAC,EAAE,OAAO,EAC7B,IAAI,GAAE,GAAQ,EACd,kBAAkB,GAAE,OAAe,GACjC,MAAM,EAAE,CAqJV;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAE,EAChC,iBAAsC,EACtC,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,GAChB,EAAE;IACF,iBAAiB,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,gBAAgB,CAAE,CAAC;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAI,MAAM,CA0HV;AAsKD,eAAO,MAAM,kBAAkB,SACxB,kBAAkB,kBACR,MAAM,GAAG,cAAc,KACrC,GAAG,EAoRL,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAC1B,kBAAkB,kBACR,MAAM,GAAG,cAAc,KACrC,GAAG,EAgEL,CAAC;AAgFF,eAAO,MAAM,wBAAwB,SAC9B,kBAAkB,kBACR,cAAc,KAC5B,MAuDF,CAAC;AA6JF,eAAO,MAAM,iBAAiB,SACvB,kBAAkB,kBACR,MAAM,GAAG,cAAc,uBAClB,OAAO,0BACJ,OAAO,wBACV,OAAO,uBACR,OAAO,iBACb,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,KACrC,MAiJF,CAAC;AAEF,wBAAgB,kBAAkB,CACjC,IAAI,EAAE,kBAAkB,EACxB,cAAc,EAAE,cAAc,GAC5B,MAAM,EAAE,CAKV;AA0BD,eAAO,MAAM,iBAAiB,eACjB,SAAS,EAAE,wBACD,MAAM,mBAkE5B,CAAC;AAwCF,wBAAgB,iBAAiB,CAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAuDpE;AAED,MAAM,WAAW,yBAAyB;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAE,SAAS,EAAE,MAAM,KAAM,GAAG,EAAE,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAC;CACzC;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CACnC,MAAM,GAAE,kBAAkB,GAAG,SAAc,EAC3C,UAAU,GAAE,GAAG,EAAO,EACtB,OAAO,GAAE,yBAA8B,GACrC,CAAE,GAAG,EAAE,EAAE,GAAG,CAAE,CAuFhB"}

package/build-types/index.d.ts

@@ -12,6 +12,7 @@ export { getBlockSelector } from './core/selectors';
 export { getTypographyFontSizeValue } from './utils/typography';
 export { getDimensionPresetCssVar } from './utils/dimensions';
 export { getValueFromVariable, getPresetVariableFromValue, getResolvedValue, splitSelectorList, } from './utils/common';
+export { privateApis } from './private-apis';
 export type * from './types';
 export { generatePreviewStateStyles as __unstableGeneratePreviewStateStyles } from './preview-state-styles';
 //# sourceMappingURL=index.d.ts.map

package/build-types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAGtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EACN,iBAAiB,IAAI,QAAQ,EAC7B,iBAAiB,EACjB,eAAe,EACf,iBAAiB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACN,oBAAoB,EACpB,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,GACjB,MAAM,gBAAgB,CAAC;AAGxB,mBAAmB,SAAS,CAAC;AAE7B,OAAO,EAAE,0BAA0B,IAAI,oCAAoC,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAGtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EACN,iBAAiB,IAAI,QAAQ,EAC7B,iBAAiB,EACjB,eAAe,EACf,iBAAiB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACN,oBAAoB,EACpB,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,mBAAmB,SAAS,CAAC;AAE7B,OAAO,EAAE,0BAA0B,IAAI,oCAAoC,EAAE,MAAM,wBAAwB,CAAC"}

package/build-types/lock-unlock.d.ts

@@ -0,0 +1,2 @@
+export declare const lock: (object: unknown, privateData: unknown) => void, unlock: <T = any>(object: unknown) => T;
+//# sourceMappingURL=lock-unlock.d.ts.map

package/build-types/lock-unlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lock-unlock.d.ts","sourceRoot":"","sources":["../src/lock-unlock.ts"],"names":[],"mappings":"AAKA,eAAO,MAAQ,IAAI,mDAAE,MAAM,iCAIzB,CAAC"}

package/build-types/private-apis.d.ts

@@ -0,0 +1,2 @@
+export declare const privateApis: {};
+//# sourceMappingURL=private-apis.d.ts.map

package/build-types/private-apis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW,IAAK,CAAC"}

package/build-types/settings/get-setting.d.ts.map

@@ -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;AAwEnD,wBAAgB,UAAU,CAAE,CAAC,GAAG,GAAG,EAClC,YAAY,EAAE,kBAAkB,EAChC,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,GAChB,CAAC,CAwBH"}
+{"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;AA0EnD,wBAAgB,UAAU,CAAE,CAAC,GAAG,GAAG,EAClC,YAAY,EAAE,kBAAkB,EAChC,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,GAChB,CAAC,CAwBH"}

package/build-types/style-state-back-compat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-state-back-compat.d.ts","sourceRoot":"","sources":["../src/style-state-back-compat.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAgBlD,OAAO,CAAC,MAAM,CAAC,CAAC;IACf,IAAI,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAiED;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACzC,YAAY,EAAE,kBAAkB,GAC9B,kBAAkB,CAapB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAE,IAAI,EAAE,MAAM,GAAI,MAAM,GAAG,SAAS,CAe1E"}
+{"version":3,"file":"style-state-back-compat.d.ts","sourceRoot":"","sources":["../src/style-state-back-compat.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAgBlD,OAAO,CAAC,MAAM,CAAC;IACd,IAAI,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAiED;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACzC,YAAY,EAAE,kBAAkB,GAC9B,kBAAkB,CAapB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAE,IAAI,EAAE,MAAM,GAAI,MAAM,GAAG,SAAS,CAe1E"}

package/build-types/types.d.ts

@@ -151,6 +151,10 @@ export interface SpacingSettings {
  */
 export interface GlobalStylesSettings {
     useRootPaddingAwareAlignments?: boolean;
+    viewport?: {
+        mobile?: string;
+        tablet?: string;
+    };
     typography?: TypographySettings;
     layout?: LayoutSettings;
     spacing?: SpacingSettings;

package/build-types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/build-types/utils/fluid.d.ts

@@ -33,7 +33,7 @@
  *
  * @return {string|null} A font-size value using clamp().
  */
-export declare function getComputedFluidTypographyValue({ minimumFontSize, maximumFontSize, fontSize, minimumViewportWidth, maximumViewportWidth, scaleFactor, minimumFontSizeLimit }: {
+export declare function getComputedFluidTypographyValue({ minimumFontSize, maximumFontSize, fontSize, minimumViewportWidth, maximumViewportWidth, scaleFactor, minimumFontSizeLimit, }: {
     minimumFontSize?: string;
     maximumFontSize?: string;
     fontSize?: string | number;

package/build-types/utils/fluid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fluid.d.ts","sourceRoot":"","sources":["../../src/utils/fluid.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,eAAe,EACf,eAAe,EACf,QAAQ,EACR,oBAAqD,EACrD,oBAAqD,EACrD,WAAkC,EAClC,oBAAoB,EACpB,EAAE;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B,iBA8JA;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,OAAO,KAAK;;;SAiEZ;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAE,MAAU,UAGlE"}
+{"version":3,"file":"fluid.d.ts","sourceRoot":"","sources":["../../src/utils/fluid.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,eAAe,EACf,eAAe,EACf,QAAQ,EACR,oBAAqD,EACrD,oBAAqD,EACrD,WAAkC,EAClC,oBAAoB,GACpB,EAAE;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B,iBA8JA;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAC1B,OAAO,KAAK;;;SAiEZ;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAE,MAAU,UAGlE"}

package/build-types/utils/viewport.d.ts

@@ -0,0 +1,41 @@
+import type { GlobalStylesConfig } from '../types';
+declare const DEFAULT_VIEWPORT_BREAKPOINTS: {
+    mobile: string;
+    tablet: string;
+};
+type ViewportBreakpoint = keyof typeof DEFAULT_VIEWPORT_BREAKPOINTS;
+type ViewportSettings = Partial<Record<ViewportBreakpoint, string>>;
+type ViewportBreakpoints = Partial<Record<ViewportBreakpoint, string>>;
+/**
+ * Converts a viewport breakpoint value to pixels.
+ *
+ * Numeric values are returned as-is. CSS length values are only supported when
+ * expressed in px, em, or rem units.
+ *
+ * @param value Breakpoint value as a number or CSS length.
+ * @return The breakpoint value in pixels, or undefined when invalid.
+ */
+export declare function getViewportBreakpointValueInPixels(value: number | string | undefined): number | undefined;
+/**
+ * Returns sanitized viewport breakpoints keyed by viewport state.
+ *
+ * Falls back to default breakpoints when no valid values are provided. If the
+ * mobile breakpoint is missing, a valid tablet breakpoint remains keyed as
+ * tablet so the editor can present it as a tablet breakpoint. If the tablet
+ * breakpoint is missing, invalid, or not larger than the mobile breakpoint, the
+ * result only includes the mobile breakpoint.
+ *
+ * @param configOrSettings Global styles config or viewport settings.
+ * @return Sanitized viewport breakpoints.
+ */
+export declare function getViewportBreakpoints(configOrSettings?: GlobalStylesConfig | ViewportSettings): ViewportBreakpoints;
+/**
+ * Returns responsive media query aliases for the configured viewport
+ * breakpoints.
+ *
+ * @param configOrSettings Global styles config or viewport settings.
+ * @return Responsive media queries keyed by alias.
+ */
+export declare function getResponsiveMediaQueries(configOrSettings?: GlobalStylesConfig | ViewportSettings): Record<string, string>;
+export {};
+//# sourceMappingURL=viewport.d.ts.map

package/build-types/utils/viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../src/utils/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,QAAA,MAAM,4BAA4B;IACjC,MAAM;IACN,MAAM;CACN,CAAC;AAEF,KAAK,kBAAkB,GAAG,MAAM,OAAO,4BAA4B,CAAC;AACpE,KAAK,gBAAgB,GAAG,OAAO,CAAE,MAAM,CAAE,kBAAkB,EAAE,MAAM,CAAE,CAAE,CAAC;AACxE,KAAK,mBAAmB,GAAG,OAAO,CAAE,MAAM,CAAE,kBAAkB,EAAE,MAAM,CAAE,CAAE,CAAC;AAiC3E;;;;;;;;GAQG;AACH,wBAAgB,kCAAkC,CACjD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAChC,MAAM,GAAG,SAAS,CAsBpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CACrC,gBAAgB,CAAC,EAAE,kBAAkB,GAAG,gBAAgB,GACtD,mBAAmB,CAmCrB;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACxC,gBAAgB,CAAC,EAAE,kBAAkB,GAAG,gBAAgB,GACtD,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,CAe1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/global-styles-engine",
-	"version": "1.17.1-next.v.202607070741.0+a51d59513",
+	"version": "1.18.0",
 	"description": "Pure CSS generation engine for WordPress global styles.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -42,10 +42,11 @@
 	"types": "build-types/index.d.ts",
 	"sideEffects": false,
 	"dependencies": {
-		"@wordpress/blocks": "^15.23.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/data": "^10.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/i18n": "^6.23.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/style-engine": "^2.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/blocks": "^15.24.0",
+		"@wordpress/data": "^10.51.0",
+		"@wordpress/i18n": "^6.24.0",
+		"@wordpress/private-apis": "^1.51.0",
+		"@wordpress/style-engine": "^2.51.0",
 		"colord": "^2.9.3",
 		"deepmerge": "^4.3.1",
 		"fast-deep-equal": "^3.1.3",
@@ -59,5 +60,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
+	"gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
 }

package/src/core/render.tsx

@@ -34,6 +34,7 @@ import { getGapCSSValue } from '../utils/gap';
 import { setBackgroundStyleDefaults } from '../utils/background';
 import { LAYOUT_DEFINITIONS } from '../utils/layout';
 import { getValueFromObjectPath, setImmutably } from '../utils/object';
+import { getResponsiveMediaQueries } from '../utils/viewport';
 import { getSetting } from '../settings/get-setting';
 import type { GlobalStylesConfig, GlobalStylesStyles } from '../types';
 import { normalizeStyleStateAliases } from '../style-state-back-compat';
@@ -228,15 +229,6 @@ const VALID_ELEMENT_PSEUDO_SELECTORS: Record< string, string[] > = {
 	],
 };
 
-/**
- * Responsive breakpoint state keys and their corresponding CSS media queries.
- * Keep in sync with WP_Theme_JSON_Gutenberg::RESPONSIVE_BREAKPOINTS.
- */
-const RESPONSIVE_BREAKPOINTS: Record< string, string > = {
-	'@mobile': '@media (width <= 480px)',
-	'@tablet': '@media (480px < width <= 782px)',
-};
-
 /**
  * Transform given preset tree into a set of preset class declarations.
  *
@@ -913,13 +905,21 @@ const STYLE_KEYS = [
 	'background',
 ];
 
-function pickStyleKeys( treeToPickFrom: any ): any {
-	return pickStyleAndPseudoKeys( treeToPickFrom );
+function pickStyleKeys(
+	treeToPickFrom: any,
+	responsiveMediaQueries: Record< string, string >
+): any {
+	return pickStyleAndPseudoKeys(
+		treeToPickFrom,
+		undefined,
+		responsiveMediaQueries
+	);
 }
 
 function pickStyleAndPseudoKeys(
 	treeToPickFrom: any,
-	blockName?: string
+	blockName: string | undefined,
+	responsiveMediaQueries: Record< string, string >
 ): any {
 	if ( ! treeToPickFrom ) {
 		return {};
@@ -933,7 +933,7 @@ function pickStyleAndPseudoKeys(
 		( [ key ] ) =>
 			STYLE_KEYS.includes( key ) ||
 			allowedPseudoSelectors.includes( key ) ||
-			RESPONSIVE_BREAKPOINTS[ key ]
+			responsiveMediaQueries[ key ]
 	);
 	// clone the style objects so that `getFeatureDeclarations` can remove consumed keys from it
 	const clonedEntries = pickedEntries.map( ( [ key, style ] ) => [
@@ -1001,14 +1001,22 @@ function getPseudoStyleNodes( node: StylesNode ): StylesNode[] {
  * Breakpoint nodes render feature-level, base, and pseudo declarations through
  * the normal node renderer.
  *
- * @param node Style node that may contain configured responsive state styles.
+ * @param node                   Style node that may contain configured responsive state styles.
+ * @param responsiveMediaQueries Media queries keyed by responsive state name.
  * @return Responsive style nodes in configured breakpoint order.
  */
-function getResponsiveStyleNodes( node: StylesNode ): StylesNode[] {
+function getResponsiveStyleNodes(
+	node: StylesNode,
+	responsiveMediaQueries: Record< string, string >
+): StylesNode[] {
 	const {
 		styles,
 		selector,
+		fallbackGapValue,
 		featureSelectors,
+		hasLayoutSupport,
+		layoutHasBlockGapSupport,
+		layoutSelector,
 		name,
 		elementName,
 		isStyleVariation,
@@ -1019,7 +1027,7 @@ function getResponsiveStyleNodes( node: StylesNode ): StylesNode[] {
 		return [];
 	}
 
-	return Object.entries( RESPONSIVE_BREAKPOINTS ).flatMap(
+	return Object.entries( responsiveMediaQueries ).flatMap(
 		( [ breakpointKey, mediaQuery ] ) => {
 			const breakpointStyles = styles?.[ breakpointKey ];
 			if ( ! breakpointStyles || typeof breakpointStyles !== 'object' ) {
@@ -1035,10 +1043,14 @@ function getResponsiveStyleNodes( node: StylesNode ): StylesNode[] {
 						featureSelectors && typeof featureSelectors !== 'string'
 							? featureSelectors
 							: undefined,
+					fallbackGapValue,
+					hasLayoutSupport,
 					name,
 					elementName,
 					isStyleVariation,
 					variationName,
+					layoutSelector,
+					layoutHasBlockGapSupport,
 				},
 			];
 		}
@@ -1055,8 +1067,10 @@ export const getNodesWithStyles = (
 		return nodes;
 	}
 
+	const responsiveMediaQueries = getResponsiveMediaQueries( tree );
+
 	// Top-level.
-	const styles = pickStyleKeys( tree.styles );
+	const styles = pickStyleKeys( tree.styles, responsiveMediaQueries );
 	if ( styles ) {
 		nodes.push( {
 			styles,
@@ -1085,7 +1099,11 @@ export const getNodesWithStyles = (
 	// Iterate over blocks: they can have styles & elements.
 	Object.entries( tree.styles?.blocks ?? {} ).forEach(
 		( [ blockName, node ] ) => {
-			const blockStyles = pickStyleAndPseudoKeys( node, blockName );
+			const blockStyles = pickStyleAndPseudoKeys(
+				node,
+				blockName,
+				responsiveMediaQueries
+			);
 			const typedNode = node as BlockNode;
 
 			// Store variation child nodes so they can be inserted after the block's own elements.
@@ -1098,7 +1116,8 @@ export const getNodesWithStyles = (
 						const typedVariation = variation as BlockVariation;
 						const variationStyles = pickStyleAndPseudoKeys(
 							typedVariation,
-							blockName
+							blockName,
+							responsiveMediaQueries
 						);
 						if ( typedVariation?.css ) {
 							variationStyles.css = typedVariation.css;
@@ -1193,7 +1212,8 @@ export const getNodesWithStyles = (
 								const variationBlockStyleNodes =
 									pickStyleAndPseudoKeys(
 										variationBlockStyles,
-										variationBlockName
+										variationBlockName,
+										responsiveMediaQueries
 									);
 
 								if ( variationBlockStyles?.css ) {
@@ -1757,12 +1777,16 @@ export const transformToStyles = (
 	}
 
 	if ( options.blockStyles ) {
+		const responsiveMediaQueries = getResponsiveMediaQueries( tree );
 		nodesWithStyles.forEach( ( node ) => {
 			if ( node.isStyleVariation && ! options.variationStyles ) {
 				return;
 			}
 
-			const responsiveNodes = getResponsiveStyleNodes( node );
+			const responsiveNodes = getResponsiveStyleNodes(
+				node,
+				responsiveMediaQueries
+			);
 			// Match PHP node order: base, responsive base, pseudo, responsive pseudo.
 			[
 				node,

package/src/index.ts

@@ -29,6 +29,7 @@ export {
 	getResolvedValue,
 	splitSelectorList,
 } from './utils/common';
+export { privateApis } from './private-apis';
 
 // Types
 export type * from './types';

package/src/lock-unlock.ts

@@ -0,0 +1,10 @@
+/**
+ * WordPress dependencies
+ */
+import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
+
+export const { lock, unlock } =
+	__dangerousOptInToUnstableAPIsOnlyForCoreModules(
+		'I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.',
+		'@wordpress/global-styles-engine'
+	);

package/src/private-apis.ts

@@ -0,0 +1,16 @@
+/**
+ * Internal dependencies
+ */
+import {
+	getResponsiveMediaQueries,
+	getViewportBreakpoints,
+	getViewportBreakpointValueInPixels,
+} from './utils/viewport';
+import { lock } from './lock-unlock';
+
+export const privateApis = {};
+lock( privateApis, {
+	getResponsiveMediaQueries,
+	getViewportBreakpoints,
+	getViewportBreakpointValueInPixels,
+} );

package/src/settings/get-setting.ts

@@ -72,6 +72,8 @@ const VALID_SETTINGS = [
 	'typography.textIndent',
 	'typography.textTransform',
 	'typography.writingMode',
+	'viewport.mobile',
+	'viewport.tablet',
 ];
 
 export function getSetting< T = any >(