@wordpress/style-engine 2.32.0 → 2.32.1-next.b8c8708f3.0

package/build-module/index.js

@@ -1,75 +1,54 @@
-/**
- * External dependencies
- */
-import { paramCase as kebabCase } from 'change-case';
-
-/**
- * Internal dependencies
- */
-
-import { styleDefinitions } from './styles';
-
-/**
- * Generates a stylesheet for a given style object and selector.
- *
- * @since 6.1.0 Introduced in WordPress core.
- *
- * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json
- * @param options Options object with settings to adjust how the styles are generated.
- *
- * @return A generated stylesheet or inline style declarations.
- */
-export function compileCSS(style, options = {}) {
+import { paramCase as kebabCase } from "change-case";
+import { styleDefinitions } from "./styles";
+function compileCSS(style, options = {}) {
   const rules = getCSSRules(style, options);
-
-  // If no selector is provided, treat generated rules as inline styles to be returned as a single string.
   if (!options?.selector) {
     const inlineRules = [];
-    rules.forEach(rule => {
+    rules.forEach((rule) => {
       inlineRules.push(`${kebabCase(rule.key)}: ${rule.value};`);
     });
-    return inlineRules.join(' ');
+    return inlineRules.join(" ");
   }
-  const groupedRules = rules.reduce((acc, rule) => {
-    const {
-      selector
-    } = rule;
-    if (!selector) {
+  const groupedRules = rules.reduce(
+    (acc, rule) => {
+      const { selector } = rule;
+      if (!selector) {
+        return acc;
+      }
+      if (!acc[selector]) {
+        acc[selector] = [];
+      }
+      acc[selector].push(rule);
       return acc;
-    }
-    if (!acc[selector]) {
-      acc[selector] = [];
-    }
-    acc[selector].push(rule);
-    return acc;
-  }, {});
-  const selectorRules = Object.keys(groupedRules).reduce((acc, subSelector) => {
-    acc.push(`${subSelector} { ${groupedRules[subSelector].map(rule => `${kebabCase(rule.key)}: ${rule.value};`).join(' ')} }`);
-    return acc;
-  }, []);
-  return selectorRules.join('\n');
+    },
+    {}
+  );
+  const selectorRules = Object.keys(groupedRules).reduce(
+    (acc, subSelector) => {
+      acc.push(
+        `${subSelector} { ${groupedRules[subSelector].map(
+          (rule) => `${kebabCase(rule.key)}: ${rule.value};`
+        ).join(" ")} }`
+      );
+      return acc;
+    },
+    []
+  );
+  return selectorRules.join("\n");
 }
-
-/**
- * Returns a JSON representation of the generated CSS rules.
- *
- * @since 6.1.0 Introduced in WordPress core.
- *
- * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json
- * @param options Options object with settings to adjust how the styles are generated.
- *
- * @return A collection of objects containing the selector, if any, the CSS property key (camelcase) and parsed CSS value.
- */
-export function getCSSRules(style, options = {}) {
+function getCSSRules(style, options = {}) {
   const rules = [];
-  styleDefinitions.forEach(definition => {
-    if (typeof definition.generate === 'function') {
+  styleDefinitions.forEach((definition) => {
+    if (typeof definition.generate === "function") {
       rules.push(...definition.generate(style, options));
     }
   });
   return rules;
 }
-
-// Export style utils.
-export { getCSSValueFromRawStyle } from './styles/utils';
-//# sourceMappingURL=index.js.map
+import { getCSSValueFromRawStyle } from "./styles/utils";
+export {
+  compileCSS,
+  getCSSRules,
+  getCSSValueFromRawStyle
+};
+//# sourceMappingURL=index.js.map

package/build-module/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["paramCase","kebabCase","styleDefinitions","compileCSS","style","options","rules","getCSSRules","selector","inlineRules","forEach","rule","push","key","value","join","groupedRules","reduce","acc","selectorRules","Object","keys","subSelector","map","definition","generate","getCSSValueFromRawStyle"],"sources":["@wordpress/style-engine/src/index.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tStyle,\n\tStyleOptions,\n\tGeneratedCSSRule,\n\tStyleDefinition,\n} from './types';\nimport { styleDefinitions } from './styles';\n\n/**\n * Generates a stylesheet for a given style object and selector.\n *\n * @since 6.1.0 Introduced in WordPress core.\n *\n * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json\n * @param options Options object with settings to adjust how the styles are generated.\n *\n * @return A generated stylesheet or inline style declarations.\n */\nexport function compileCSS( style: Style, options: StyleOptions = {} ): string {\n\tconst rules = getCSSRules( style, options );\n\n\t// If no selector is provided, treat generated rules as inline styles to be returned as a single string.\n\tif ( ! options?.selector ) {\n\t\tconst inlineRules: string[] = [];\n\t\trules.forEach( ( rule ) => {\n\t\t\tinlineRules.push( `${ kebabCase( rule.key ) }: ${ rule.value };` );\n\t\t} );\n\t\treturn inlineRules.join( ' ' );\n\t}\n\n\tconst groupedRules = rules.reduce(\n\t\t( acc: Record< string, GeneratedCSSRule[] >, rule ) => {\n\t\t\tconst { selector } = rule;\n\t\t\tif ( ! selector ) {\n\t\t\t\treturn acc;\n\t\t\t}\n\t\t\tif ( ! acc[ selector ] ) {\n\t\t\t\tacc[ selector ] = [];\n\t\t\t}\n\t\t\tacc[ selector ].push( rule );\n\t\t\treturn acc;\n\t\t},\n\t\t{}\n\t);\n\tconst selectorRules = Object.keys( groupedRules ).reduce(\n\t\t( acc: string[], subSelector: string ) => {\n\t\t\tacc.push(\n\t\t\t\t`${ subSelector } { ${ groupedRules[ subSelector ]\n\t\t\t\t\t.map(\n\t\t\t\t\t\t( rule: GeneratedCSSRule ) =>\n\t\t\t\t\t\t\t`${ kebabCase( rule.key ) }: ${ rule.value };`\n\t\t\t\t\t)\n\t\t\t\t\t.join( ' ' ) } }`\n\t\t\t);\n\t\t\treturn acc;\n\t\t},\n\t\t[]\n\t);\n\n\treturn selectorRules.join( '\\n' );\n}\n\n/**\n * Returns a JSON representation of the generated CSS rules.\n *\n * @since 6.1.0 Introduced in WordPress core.\n *\n * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json\n * @param options Options object with settings to adjust how the styles are generated.\n *\n * @return A collection of objects containing the selector, if any, the CSS property key (camelcase) and parsed CSS value.\n */\nexport function getCSSRules(\n\tstyle: Style,\n\toptions: StyleOptions = {}\n): GeneratedCSSRule[] {\n\tconst rules: GeneratedCSSRule[] = [];\n\tstyleDefinitions.forEach( ( definition: StyleDefinition ) => {\n\t\tif ( typeof definition.generate === 'function' ) {\n\t\t\trules.push( ...definition.generate( style, options ) );\n\t\t}\n\t} );\n\n\treturn rules;\n}\n\n// Export style utils.\nexport { getCSSValueFromRawStyle } from './styles/utils';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,IAAIC,SAAS,QAAQ,aAAa;;AAEpD;AACA;AACA;;AAOA,SAASC,gBAAgB,QAAQ,UAAU;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAEC,KAAY,EAAEC,OAAqB,GAAG,CAAC,CAAC,EAAW;EAC9E,MAAMC,KAAK,GAAGC,WAAW,CAAEH,KAAK,EAAEC,OAAQ,CAAC;;EAE3C;EACA,IAAK,CAAEA,OAAO,EAAEG,QAAQ,EAAG;IAC1B,MAAMC,WAAqB,GAAG,EAAE;IAChCH,KAAK,CAACI,OAAO,CAAIC,IAAI,IAAM;MAC1BF,WAAW,CAACG,IAAI,CAAE,GAAIX,SAAS,CAAEU,IAAI,CAACE,GAAI,CAAC,KAAOF,IAAI,CAACG,KAAK,GAAK,CAAC;IACnE,CAAE,CAAC;IACH,OAAOL,WAAW,CAACM,IAAI,CAAE,GAAI,CAAC;EAC/B;EAEA,MAAMC,YAAY,GAAGV,KAAK,CAACW,MAAM,CAChC,CAAEC,GAAyC,EAAEP,IAAI,KAAM;IACtD,MAAM;MAAEH;IAAS,CAAC,GAAGG,IAAI;IACzB,IAAK,CAAEH,QAAQ,EAAG;MACjB,OAAOU,GAAG;IACX;IACA,IAAK,CAAEA,GAAG,CAAEV,QAAQ,CAAE,EAAG;MACxBU,GAAG,CAAEV,QAAQ,CAAE,GAAG,EAAE;IACrB;IACAU,GAAG,CAAEV,QAAQ,CAAE,CAACI,IAAI,CAAED,IAAK,CAAC;IAC5B,OAAOO,GAAG;EACX,CAAC,EACD,CAAC,CACF,CAAC;EACD,MAAMC,aAAa,GAAGC,MAAM,CAACC,IAAI,CAAEL,YAAa,CAAC,CAACC,MAAM,CACvD,CAAEC,GAAa,EAAEI,WAAmB,KAAM;IACzCJ,GAAG,CAACN,IAAI,CACP,GAAIU,WAAW,MAAQN,YAAY,CAAEM,WAAW,CAAE,CAChDC,GAAG,CACDZ,IAAsB,IACvB,GAAIV,SAAS,CAAEU,IAAI,CAACE,GAAI,CAAC,KAAOF,IAAI,CAACG,KAAK,GAC5C,CAAC,CACAC,IAAI,CAAE,GAAI,CAAC,IACd,CAAC;IACD,OAAOG,GAAG;EACX,CAAC,EACD,EACD,CAAC;EAED,OAAOC,aAAa,CAACJ,IAAI,CAAE,IAAK,CAAC;AAClC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASR,WAAWA,CAC1BH,KAAY,EACZC,OAAqB,GAAG,CAAC,CAAC,EACL;EACrB,MAAMC,KAAyB,GAAG,EAAE;EACpCJ,gBAAgB,CAACQ,OAAO,CAAIc,UAA2B,IAAM;IAC5D,IAAK,OAAOA,UAAU,CAACC,QAAQ,KAAK,UAAU,EAAG;MAChDnB,KAAK,CAACM,IAAI,CAAE,GAAGY,UAAU,CAACC,QAAQ,CAAErB,KAAK,EAAEC,OAAQ,CAAE,CAAC;IACvD;EACD,CAAE,CAAC;EAEH,OAAOC,KAAK;AACb;;AAEA;AACA,SAASoB,uBAAuB,QAAQ,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tStyle,\n\tStyleOptions,\n\tGeneratedCSSRule,\n\tStyleDefinition,\n} from './types';\nimport { styleDefinitions } from './styles';\n\n/**\n * Generates a stylesheet for a given style object and selector.\n *\n * @since 6.1.0 Introduced in WordPress core.\n *\n * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json\n * @param options Options object with settings to adjust how the styles are generated.\n *\n * @return A generated stylesheet or inline style declarations.\n */\nexport function compileCSS( style: Style, options: StyleOptions = {} ): string {\n\tconst rules = getCSSRules( style, options );\n\n\t// If no selector is provided, treat generated rules as inline styles to be returned as a single string.\n\tif ( ! options?.selector ) {\n\t\tconst inlineRules: string[] = [];\n\t\trules.forEach( ( rule ) => {\n\t\t\tinlineRules.push( `${ kebabCase( rule.key ) }: ${ rule.value };` );\n\t\t} );\n\t\treturn inlineRules.join( ' ' );\n\t}\n\n\tconst groupedRules = rules.reduce(\n\t\t( acc: Record< string, GeneratedCSSRule[] >, rule ) => {\n\t\t\tconst { selector } = rule;\n\t\t\tif ( ! selector ) {\n\t\t\t\treturn acc;\n\t\t\t}\n\t\t\tif ( ! acc[ selector ] ) {\n\t\t\t\tacc[ selector ] = [];\n\t\t\t}\n\t\t\tacc[ selector ].push( rule );\n\t\t\treturn acc;\n\t\t},\n\t\t{}\n\t);\n\tconst selectorRules = Object.keys( groupedRules ).reduce(\n\t\t( acc: string[], subSelector: string ) => {\n\t\t\tacc.push(\n\t\t\t\t`${ subSelector } { ${ groupedRules[ subSelector ]\n\t\t\t\t\t.map(\n\t\t\t\t\t\t( rule: GeneratedCSSRule ) =>\n\t\t\t\t\t\t\t`${ kebabCase( rule.key ) }: ${ rule.value };`\n\t\t\t\t\t)\n\t\t\t\t\t.join( ' ' ) } }`\n\t\t\t);\n\t\t\treturn acc;\n\t\t},\n\t\t[]\n\t);\n\n\treturn selectorRules.join( '\\n' );\n}\n\n/**\n * Returns a JSON representation of the generated CSS rules.\n *\n * @since 6.1.0 Introduced in WordPress core.\n *\n * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json\n * @param options Options object with settings to adjust how the styles are generated.\n *\n * @return A collection of objects containing the selector, if any, the CSS property key (camelcase) and parsed CSS value.\n */\nexport function getCSSRules(\n\tstyle: Style,\n\toptions: StyleOptions = {}\n): GeneratedCSSRule[] {\n\tconst rules: GeneratedCSSRule[] = [];\n\tstyleDefinitions.forEach( ( definition: StyleDefinition ) => {\n\t\tif ( typeof definition.generate === 'function' ) {\n\t\t\trules.push( ...definition.generate( style, options ) );\n\t\t}\n\t} );\n\n\treturn rules;\n}\n\n// Export style utils.\nexport { getCSSValueFromRawStyle } from './styles/utils';\n"],
+  "mappings": "AAGA,SAAS,aAAa,iBAAiB;AAWvC,SAAS,wBAAwB;AAY1B,SAAS,WAAY,OAAc,UAAwB,CAAC,GAAY;AAC9E,QAAM,QAAQ,YAAa,OAAO,OAAQ;AAG1C,MAAK,CAAE,SAAS,UAAW;AAC1B,UAAM,cAAwB,CAAC;AAC/B,UAAM,QAAS,CAAE,SAAU;AAC1B,kBAAY,KAAM,GAAI,UAAW,KAAK,GAAI,CAAE,KAAM,KAAK,KAAM,GAAI;AAAA,IAClE,CAAE;AACF,WAAO,YAAY,KAAM,GAAI;AAAA,EAC9B;AAEA,QAAM,eAAe,MAAM;AAAA,IAC1B,CAAE,KAA2C,SAAU;AACtD,YAAM,EAAE,SAAS,IAAI;AACrB,UAAK,CAAE,UAAW;AACjB,eAAO;AAAA,MACR;AACA,UAAK,CAAE,IAAK,QAAS,GAAI;AACxB,YAAK,QAAS,IAAI,CAAC;AAAA,MACpB;AACA,UAAK,QAAS,EAAE,KAAM,IAAK;AAC3B,aAAO;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,gBAAgB,OAAO,KAAM,YAAa,EAAE;AAAA,IACjD,CAAE,KAAe,gBAAyB;AACzC,UAAI;AAAA,QACH,GAAI,WAAY,MAAO,aAAc,WAAY,EAC/C;AAAA,UACA,CAAE,SACD,GAAI,UAAW,KAAK,GAAI,CAAE,KAAM,KAAK,KAAM;AAAA,QAC7C,EACC,KAAM,GAAI,CAAE;AAAA,MACf;AACA,aAAO;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACF;AAEA,SAAO,cAAc,KAAM,IAAK;AACjC;AAYO,SAAS,YACf,OACA,UAAwB,CAAC,GACJ;AACrB,QAAM,QAA4B,CAAC;AACnC,mBAAiB,QAAS,CAAE,eAAiC;AAC5D,QAAK,OAAO,WAAW,aAAa,YAAa;AAChD,YAAM,KAAM,GAAG,WAAW,SAAU,OAAO,OAAQ,CAAE;AAAA,IACtD;AAAA,EACD,CAAE;AAEF,SAAO;AACR;AAGA,SAAS,+BAA+B;",
+  "names": []
+}

package/build-module/styles/background/index.js

@@ -1,52 +1,80 @@
-/**
- * Internal dependencies
- */
-
-import { generateRule, safeDecodeURI } from '../utils';
+import { generateRule, safeDecodeURI } from "../utils";
 const backgroundImage = {
-  name: 'backgroundImage',
+  name: "backgroundImage",
   generate: (style, options) => {
     const _backgroundImage = style?.background?.backgroundImage;
-
-    /*
-     * The background image can be a string or an object.
-     * If the background image is a string, it could already contain a url() function,
-     * or have a linear-gradient value.
-     */
-    if (typeof _backgroundImage === 'object' && _backgroundImage?.url) {
-      return [{
-        selector: options.selector,
-        key: 'backgroundImage',
-        // Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.
-        value: `url( '${encodeURI(safeDecodeURI(_backgroundImage.url))}' )`
-      }];
+    if (typeof _backgroundImage === "object" && _backgroundImage?.url) {
+      return [
+        {
+          selector: options.selector,
+          key: "backgroundImage",
+          // Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.
+          value: `url( '${encodeURI(
+            safeDecodeURI(_backgroundImage.url)
+          )}' )`
+        }
+      ];
     }
-    return generateRule(style, options, ['background', 'backgroundImage'], 'backgroundImage');
+    return generateRule(
+      style,
+      options,
+      ["background", "backgroundImage"],
+      "backgroundImage"
+    );
   }
 };
 const backgroundPosition = {
-  name: 'backgroundPosition',
+  name: "backgroundPosition",
   generate: (style, options) => {
-    return generateRule(style, options, ['background', 'backgroundPosition'], 'backgroundPosition');
+    return generateRule(
+      style,
+      options,
+      ["background", "backgroundPosition"],
+      "backgroundPosition"
+    );
   }
 };
 const backgroundRepeat = {
-  name: 'backgroundRepeat',
+  name: "backgroundRepeat",
   generate: (style, options) => {
-    return generateRule(style, options, ['background', 'backgroundRepeat'], 'backgroundRepeat');
+    return generateRule(
+      style,
+      options,
+      ["background", "backgroundRepeat"],
+      "backgroundRepeat"
+    );
   }
 };
 const backgroundSize = {
-  name: 'backgroundSize',
+  name: "backgroundSize",
   generate: (style, options) => {
-    return generateRule(style, options, ['background', 'backgroundSize'], 'backgroundSize');
+    return generateRule(
+      style,
+      options,
+      ["background", "backgroundSize"],
+      "backgroundSize"
+    );
   }
 };
 const backgroundAttachment = {
-  name: 'backgroundAttachment',
+  name: "backgroundAttachment",
   generate: (style, options) => {
-    return generateRule(style, options, ['background', 'backgroundAttachment'], 'backgroundAttachment');
+    return generateRule(
+      style,
+      options,
+      ["background", "backgroundAttachment"],
+      "backgroundAttachment"
+    );
   }
 };
-export default [backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, backgroundAttachment];
-//# sourceMappingURL=index.js.map
+var background_default = [
+  backgroundImage,
+  backgroundPosition,
+  backgroundRepeat,
+  backgroundSize,
+  backgroundAttachment
+];
+export {
+  background_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/styles/background/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["generateRule","safeDecodeURI","backgroundImage","name","generate","style","options","_backgroundImage","background","url","selector","key","value","encodeURI","backgroundPosition","backgroundRepeat","backgroundSize","backgroundAttachment"],"sources":["@wordpress/style-engine/src/styles/background/index.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule, safeDecodeURI } from '../utils';\n\nconst backgroundImage = {\n\tname: 'backgroundImage',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\tconst _backgroundImage = style?.background?.backgroundImage;\n\n\t\t/*\n\t\t * The background image can be a string or an object.\n\t\t * If the background image is a string, it could already contain a url() function,\n\t\t * or have a linear-gradient value.\n\t\t */\n\t\tif ( typeof _backgroundImage === 'object' && _backgroundImage?.url ) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tselector: options.selector,\n\t\t\t\t\tkey: 'backgroundImage',\n\t\t\t\t\t// Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.\n\t\t\t\t\tvalue: `url( '${ encodeURI(\n\t\t\t\t\t\tsafeDecodeURI( _backgroundImage.url )\n\t\t\t\t\t) }' )`,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundImage' ],\n\t\t\t'backgroundImage'\n\t\t);\n\t},\n};\n\nconst backgroundPosition = {\n\tname: 'backgroundPosition',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundPosition' ],\n\t\t\t'backgroundPosition'\n\t\t);\n\t},\n};\n\nconst backgroundRepeat = {\n\tname: 'backgroundRepeat',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundRepeat' ],\n\t\t\t'backgroundRepeat'\n\t\t);\n\t},\n};\n\nconst backgroundSize = {\n\tname: 'backgroundSize',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundSize' ],\n\t\t\t'backgroundSize'\n\t\t);\n\t},\n};\n\nconst backgroundAttachment = {\n\tname: 'backgroundAttachment',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundAttachment' ],\n\t\t\t'backgroundAttachment'\n\t\t);\n\t},\n};\n\nexport default [\n\tbackgroundImage,\n\tbackgroundPosition,\n\tbackgroundRepeat,\n\tbackgroundSize,\n\tbackgroundAttachment,\n];\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,YAAY,EAAEC,aAAa,QAAQ,UAAU;AAEtD,MAAMC,eAAe,GAAG;EACvBC,IAAI,EAAE,iBAAiB;EACvBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,MAAMC,gBAAgB,GAAGF,KAAK,EAAEG,UAAU,EAAEN,eAAe;;IAE3D;AACF;AACA;AACA;AACA;IACE,IAAK,OAAOK,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,EAAEE,GAAG,EAAG;MACpE,OAAO,CACN;QACCC,QAAQ,EAAEJ,OAAO,CAACI,QAAQ;QAC1BC,GAAG,EAAE,iBAAiB;QACtB;QACAC,KAAK,EAAE,SAAUC,SAAS,CACzBZ,aAAa,CAAEM,gBAAgB,CAACE,GAAI,CACrC,CAAC;MACF,CAAC,CACD;IACF;IAEA,OAAOT,YAAY,CAClBK,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,iBAAiB,CAAE,EACnC,iBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMQ,kBAAkB,GAAG;EAC1BX,IAAI,EAAE,oBAAoB;EAC1BC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAON,YAAY,CAClBK,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,oBAAoB,CAAE,EACtC,oBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMS,gBAAgB,GAAG;EACxBZ,IAAI,EAAE,kBAAkB;EACxBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAON,YAAY,CAClBK,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,kBAAkB,CAAE,EACpC,kBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMU,cAAc,GAAG;EACtBb,IAAI,EAAE,gBAAgB;EACtBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAON,YAAY,CAClBK,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,gBAAgB,CAAE,EAClC,gBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMW,oBAAoB,GAAG;EAC5Bd,IAAI,EAAE,sBAAsB;EAC5BC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAON,YAAY,CAClBK,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,sBAAsB,CAAE,EACxC,sBACD,CAAC;EACF;AACD,CAAC;AAED,eAAe,CACdJ,eAAe,EACfY,kBAAkB,EAClBC,gBAAgB,EAChBC,cAAc,EACdC,oBAAoB,CACpB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/styles/background/index.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule, safeDecodeURI } from '../utils';\n\nconst backgroundImage = {\n\tname: 'backgroundImage',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\tconst _backgroundImage = style?.background?.backgroundImage;\n\n\t\t/*\n\t\t * The background image can be a string or an object.\n\t\t * If the background image is a string, it could already contain a url() function,\n\t\t * or have a linear-gradient value.\n\t\t */\n\t\tif ( typeof _backgroundImage === 'object' && _backgroundImage?.url ) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tselector: options.selector,\n\t\t\t\t\tkey: 'backgroundImage',\n\t\t\t\t\t// Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.\n\t\t\t\t\tvalue: `url( '${ encodeURI(\n\t\t\t\t\t\tsafeDecodeURI( _backgroundImage.url )\n\t\t\t\t\t) }' )`,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundImage' ],\n\t\t\t'backgroundImage'\n\t\t);\n\t},\n};\n\nconst backgroundPosition = {\n\tname: 'backgroundPosition',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundPosition' ],\n\t\t\t'backgroundPosition'\n\t\t);\n\t},\n};\n\nconst backgroundRepeat = {\n\tname: 'backgroundRepeat',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundRepeat' ],\n\t\t\t'backgroundRepeat'\n\t\t);\n\t},\n};\n\nconst backgroundSize = {\n\tname: 'backgroundSize',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundSize' ],\n\t\t\t'backgroundSize'\n\t\t);\n\t},\n};\n\nconst backgroundAttachment = {\n\tname: 'backgroundAttachment',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundAttachment' ],\n\t\t\t'backgroundAttachment'\n\t\t);\n\t},\n};\n\nexport default [\n\tbackgroundImage,\n\tbackgroundPosition,\n\tbackgroundRepeat,\n\tbackgroundSize,\n\tbackgroundAttachment,\n];\n"],
+  "mappings": "AAIA,SAAS,cAAc,qBAAqB;AAE5C,MAAM,kBAAkB;AAAA,EACvB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,UAAM,mBAAmB,OAAO,YAAY;AAO5C,QAAK,OAAO,qBAAqB,YAAY,kBAAkB,KAAM;AACpE,aAAO;AAAA,QACN;AAAA,UACC,UAAU,QAAQ;AAAA,UAClB,KAAK;AAAA;AAAA,UAEL,OAAO,SAAU;AAAA,YAChB,cAAe,iBAAiB,GAAI;AAAA,UACrC,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAEA,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,iBAAkB;AAAA,MAClC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,qBAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,oBAAqB;AAAA,MACrC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,mBAAmB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,kBAAmB;AAAA,MACnC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,iBAAiB;AAAA,EACtB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,gBAAiB;AAAA,MACjC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,uBAAuB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,sBAAuB;AAAA,MACvC;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "names": []
+}

package/build-module/styles/border/index.js

@@ -1,71 +1,69 @@
-/**
- * Internal dependencies
- */
-
-import { generateRule, generateBoxRules, camelCaseJoin } from '../utils';
-
-/**
- * Creates a function for generating CSS rules when the style path is the same as the camelCase CSS property used in React.
- *
- * @param path An array of strings representing the path to the style value in the style object.
- *
- * @return A function that generates CSS rules.
- */
+import { generateRule, generateBoxRules, camelCaseJoin } from "../utils";
 function createBorderGenerateFunction(path) {
   return (style, options) => generateRule(style, options, path, camelCaseJoin(path));
 }
-
-/**
- * Creates a function for generating border-{top,bottom,left,right}-{color,style,width} CSS rules.
- *
- * @param edge The edge to create CSS rules for.
- *
- * @return A function that generates CSS rules.
- */
 function createBorderEdgeGenerateFunction(edge) {
   return (style, options) => {
-    return ['color', 'style', 'width'].flatMap(key => {
-      const path = ['border', edge, key];
+    return ["color", "style", "width"].flatMap((key) => {
+      const path = ["border", edge, key];
       return createBorderGenerateFunction(path)(style, options);
     });
   };
 }
 const color = {
-  name: 'color',
-  generate: createBorderGenerateFunction(['border', 'color'])
+  name: "color",
+  generate: createBorderGenerateFunction(["border", "color"])
 };
 const radius = {
-  name: 'radius',
+  name: "radius",
   generate: (style, options) => {
-    return generateBoxRules(style, options, ['border', 'radius'], {
-      default: 'borderRadius',
-      individual: 'border%sRadius'
-    }, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']);
+    return generateBoxRules(
+      style,
+      options,
+      ["border", "radius"],
+      {
+        default: "borderRadius",
+        individual: "border%sRadius"
+      },
+      ["topLeft", "topRight", "bottomLeft", "bottomRight"]
+    );
   }
 };
 const borderStyle = {
-  name: 'style',
-  generate: createBorderGenerateFunction(['border', 'style'])
+  name: "style",
+  generate: createBorderGenerateFunction(["border", "style"])
 };
 const width = {
-  name: 'width',
-  generate: createBorderGenerateFunction(['border', 'width'])
+  name: "width",
+  generate: createBorderGenerateFunction(["border", "width"])
 };
 const borderTop = {
-  name: 'borderTop',
-  generate: createBorderEdgeGenerateFunction('top')
+  name: "borderTop",
+  generate: createBorderEdgeGenerateFunction("top")
 };
 const borderRight = {
-  name: 'borderRight',
-  generate: createBorderEdgeGenerateFunction('right')
+  name: "borderRight",
+  generate: createBorderEdgeGenerateFunction("right")
 };
 const borderBottom = {
-  name: 'borderBottom',
-  generate: createBorderEdgeGenerateFunction('bottom')
+  name: "borderBottom",
+  generate: createBorderEdgeGenerateFunction("bottom")
 };
 const borderLeft = {
-  name: 'borderLeft',
-  generate: createBorderEdgeGenerateFunction('left')
+  name: "borderLeft",
+  generate: createBorderEdgeGenerateFunction("left")
 };
-export default [color, borderStyle, width, radius, borderTop, borderRight, borderBottom, borderLeft];
-//# sourceMappingURL=index.js.map
+var border_default = [
+  color,
+  borderStyle,
+  width,
+  radius,
+  borderTop,
+  borderRight,
+  borderBottom,
+  borderLeft
+];
+export {
+  border_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/styles/border/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["generateRule","generateBoxRules","camelCaseJoin","createBorderGenerateFunction","path","style","options","createBorderEdgeGenerateFunction","edge","flatMap","key","color","name","generate","radius","default","individual","borderStyle","width","borderTop","borderRight","borderBottom","borderLeft"],"sources":["@wordpress/style-engine/src/styles/border/index.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { BoxEdge, GenerateFunction, StyleDefinition } from '../../types';\nimport { generateRule, generateBoxRules, camelCaseJoin } from '../utils';\n\n/**\n * Creates a function for generating CSS rules when the style path is the same as the camelCase CSS property used in React.\n *\n * @param path An array of strings representing the path to the style value in the style object.\n *\n * @return A function that generates CSS rules.\n */\nfunction createBorderGenerateFunction( path: string[] ): GenerateFunction {\n\treturn ( style, options ) =>\n\t\tgenerateRule( style, options, path, camelCaseJoin( path ) );\n}\n\n/**\n * Creates a function for generating border-{top,bottom,left,right}-{color,style,width} CSS rules.\n *\n * @param edge The edge to create CSS rules for.\n *\n * @return A function that generates CSS rules.\n */\nfunction createBorderEdgeGenerateFunction( edge: BoxEdge ): GenerateFunction {\n\treturn ( style, options ) => {\n\t\treturn [ 'color', 'style', 'width' ].flatMap( ( key ) => {\n\t\t\tconst path = [ 'border', edge, key ];\n\t\t\treturn createBorderGenerateFunction( path )( style, options );\n\t\t} );\n\t};\n}\n\nconst color: StyleDefinition = {\n\tname: 'color',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'color' ] ),\n};\n\nconst radius: StyleDefinition = {\n\tname: 'radius',\n\tgenerate: ( style, options ) => {\n\t\treturn generateBoxRules(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'border', 'radius' ],\n\t\t\t{\n\t\t\t\tdefault: 'borderRadius',\n\t\t\t\tindividual: 'border%sRadius',\n\t\t\t},\n\t\t\t[ 'topLeft', 'topRight', 'bottomLeft', 'bottomRight' ]\n\t\t);\n\t},\n};\n\nconst borderStyle: StyleDefinition = {\n\tname: 'style',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'style' ] ),\n};\n\nconst width: StyleDefinition = {\n\tname: 'width',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'width' ] ),\n};\n\nconst borderTop: StyleDefinition = {\n\tname: 'borderTop',\n\tgenerate: createBorderEdgeGenerateFunction( 'top' ),\n};\n\nconst borderRight: StyleDefinition = {\n\tname: 'borderRight',\n\tgenerate: createBorderEdgeGenerateFunction( 'right' ),\n};\n\nconst borderBottom: StyleDefinition = {\n\tname: 'borderBottom',\n\tgenerate: createBorderEdgeGenerateFunction( 'bottom' ),\n};\n\nconst borderLeft: StyleDefinition = {\n\tname: 'borderLeft',\n\tgenerate: createBorderEdgeGenerateFunction( 'left' ),\n};\n\nexport default [\n\tcolor,\n\tborderStyle,\n\twidth,\n\tradius,\n\tborderTop,\n\tborderRight,\n\tborderBottom,\n\tborderLeft,\n];\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,YAAY,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,UAAU;;AAExE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,4BAA4BA,CAAEC,IAAc,EAAqB;EACzE,OAAO,CAAEC,KAAK,EAAEC,OAAO,KACtBN,YAAY,CAAEK,KAAK,EAAEC,OAAO,EAAEF,IAAI,EAAEF,aAAa,CAAEE,IAAK,CAAE,CAAC;AAC7D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,gCAAgCA,CAAEC,IAAa,EAAqB;EAC5E,OAAO,CAAEH,KAAK,EAAEC,OAAO,KAAM;IAC5B,OAAO,CAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAE,CAACG,OAAO,CAAIC,GAAG,IAAM;MACxD,MAAMN,IAAI,GAAG,CAAE,QAAQ,EAAEI,IAAI,EAAEE,GAAG,CAAE;MACpC,OAAOP,4BAA4B,CAAEC,IAAK,CAAC,CAAEC,KAAK,EAAEC,OAAQ,CAAC;IAC9D,CAAE,CAAC;EACJ,CAAC;AACF;AAEA,MAAMK,KAAsB,GAAG;EAC9BC,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAEV,4BAA4B,CAAE,CAAE,QAAQ,EAAE,OAAO,CAAG;AAC/D,CAAC;AAED,MAAMW,MAAuB,GAAG;EAC/BF,IAAI,EAAE,QAAQ;EACdC,QAAQ,EAAEA,CAAER,KAAK,EAAEC,OAAO,KAAM;IAC/B,OAAOL,gBAAgB,CACtBI,KAAK,EACLC,OAAO,EACP,CAAE,QAAQ,EAAE,QAAQ,CAAE,EACtB;MACCS,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE;IACb,CAAC,EACD,CAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,CACrD,CAAC;EACF;AACD,CAAC;AAED,MAAMC,WAA4B,GAAG;EACpCL,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAEV,4BAA4B,CAAE,CAAE,QAAQ,EAAE,OAAO,CAAG;AAC/D,CAAC;AAED,MAAMe,KAAsB,GAAG;EAC9BN,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAEV,4BAA4B,CAAE,CAAE,QAAQ,EAAE,OAAO,CAAG;AAC/D,CAAC;AAED,MAAMgB,SAA0B,GAAG;EAClCP,IAAI,EAAE,WAAW;EACjBC,QAAQ,EAAEN,gCAAgC,CAAE,KAAM;AACnD,CAAC;AAED,MAAMa,WAA4B,GAAG;EACpCR,IAAI,EAAE,aAAa;EACnBC,QAAQ,EAAEN,gCAAgC,CAAE,OAAQ;AACrD,CAAC;AAED,MAAMc,YAA6B,GAAG;EACrCT,IAAI,EAAE,cAAc;EACpBC,QAAQ,EAAEN,gCAAgC,CAAE,QAAS;AACtD,CAAC;AAED,MAAMe,UAA2B,GAAG;EACnCV,IAAI,EAAE,YAAY;EAClBC,QAAQ,EAAEN,gCAAgC,CAAE,MAAO;AACpD,CAAC;AAED,eAAe,CACdI,KAAK,EACLM,WAAW,EACXC,KAAK,EACLJ,MAAM,EACNK,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,UAAU,CACV","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/styles/border/index.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { BoxEdge, GenerateFunction, StyleDefinition } from '../../types';\nimport { generateRule, generateBoxRules, camelCaseJoin } from '../utils';\n\n/**\n * Creates a function for generating CSS rules when the style path is the same as the camelCase CSS property used in React.\n *\n * @param path An array of strings representing the path to the style value in the style object.\n *\n * @return A function that generates CSS rules.\n */\nfunction createBorderGenerateFunction( path: string[] ): GenerateFunction {\n\treturn ( style, options ) =>\n\t\tgenerateRule( style, options, path, camelCaseJoin( path ) );\n}\n\n/**\n * Creates a function for generating border-{top,bottom,left,right}-{color,style,width} CSS rules.\n *\n * @param edge The edge to create CSS rules for.\n *\n * @return A function that generates CSS rules.\n */\nfunction createBorderEdgeGenerateFunction( edge: BoxEdge ): GenerateFunction {\n\treturn ( style, options ) => {\n\t\treturn [ 'color', 'style', 'width' ].flatMap( ( key ) => {\n\t\t\tconst path = [ 'border', edge, key ];\n\t\t\treturn createBorderGenerateFunction( path )( style, options );\n\t\t} );\n\t};\n}\n\nconst color: StyleDefinition = {\n\tname: 'color',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'color' ] ),\n};\n\nconst radius: StyleDefinition = {\n\tname: 'radius',\n\tgenerate: ( style, options ) => {\n\t\treturn generateBoxRules(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'border', 'radius' ],\n\t\t\t{\n\t\t\t\tdefault: 'borderRadius',\n\t\t\t\tindividual: 'border%sRadius',\n\t\t\t},\n\t\t\t[ 'topLeft', 'topRight', 'bottomLeft', 'bottomRight' ]\n\t\t);\n\t},\n};\n\nconst borderStyle: StyleDefinition = {\n\tname: 'style',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'style' ] ),\n};\n\nconst width: StyleDefinition = {\n\tname: 'width',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'width' ] ),\n};\n\nconst borderTop: StyleDefinition = {\n\tname: 'borderTop',\n\tgenerate: createBorderEdgeGenerateFunction( 'top' ),\n};\n\nconst borderRight: StyleDefinition = {\n\tname: 'borderRight',\n\tgenerate: createBorderEdgeGenerateFunction( 'right' ),\n};\n\nconst borderBottom: StyleDefinition = {\n\tname: 'borderBottom',\n\tgenerate: createBorderEdgeGenerateFunction( 'bottom' ),\n};\n\nconst borderLeft: StyleDefinition = {\n\tname: 'borderLeft',\n\tgenerate: createBorderEdgeGenerateFunction( 'left' ),\n};\n\nexport default [\n\tcolor,\n\tborderStyle,\n\twidth,\n\tradius,\n\tborderTop,\n\tborderRight,\n\tborderBottom,\n\tborderLeft,\n];\n"],
+  "mappings": "AAIA,SAAS,cAAc,kBAAkB,qBAAqB;AAS9D,SAAS,6BAA8B,MAAmC;AACzE,SAAO,CAAE,OAAO,YACf,aAAc,OAAO,SAAS,MAAM,cAAe,IAAK,CAAE;AAC5D;AASA,SAAS,iCAAkC,MAAkC;AAC5E,SAAO,CAAE,OAAO,YAAa;AAC5B,WAAO,CAAE,SAAS,SAAS,OAAQ,EAAE,QAAS,CAAE,QAAS;AACxD,YAAM,OAAO,CAAE,UAAU,MAAM,GAAI;AACnC,aAAO,6BAA8B,IAAK,EAAG,OAAO,OAAQ;AAAA,IAC7D,CAAE;AAAA,EACH;AACD;AAEA,MAAM,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,MAAM,SAA0B;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU,CAAE,OAAO,YAAa;AAC/B,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,UAAU,QAAS;AAAA,MACrB;AAAA,QACC,SAAS;AAAA,QACT,YAAY;AAAA,MACb;AAAA,MACA,CAAE,WAAW,YAAY,cAAc,aAAc;AAAA,IACtD;AAAA,EACD;AACD;AAEA,MAAM,cAA+B;AAAA,EACpC,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,MAAM,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,MAAM,YAA6B;AAAA,EAClC,MAAM;AAAA,EACN,UAAU,iCAAkC,KAAM;AACnD;AAEA,MAAM,cAA+B;AAAA,EACpC,MAAM;AAAA,EACN,UAAU,iCAAkC,OAAQ;AACrD;AAEA,MAAM,eAAgC;AAAA,EACrC,MAAM;AAAA,EACN,UAAU,iCAAkC,QAAS;AACtD;AAEA,MAAM,aAA8B;AAAA,EACnC,MAAM;AAAA,EACN,UAAU,iCAAkC,MAAO;AACpD;AAEA,IAAO,iBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "names": []
+}

package/build-module/styles/color/background.js

@@ -1,13 +1,17 @@
-/**
- * Internal dependencies
- */
-
-import { generateRule } from '../utils';
+import { generateRule } from "../utils";
 const background = {
-  name: 'background',
+  name: "background",
   generate: (style, options) => {
-    return generateRule(style, options, ['color', 'background'], 'backgroundColor');
+    return generateRule(
+      style,
+      options,
+      ["color", "background"],
+      "backgroundColor"
+    );
   }
 };
-export default background;
-//# sourceMappingURL=background.js.map
+var background_default = background;
+export {
+  background_default as default
+};
+//# sourceMappingURL=background.js.map

package/build-module/styles/color/background.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["generateRule","background","name","generate","style","options"],"sources":["@wordpress/style-engine/src/styles/color/background.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst background = {\n\tname: 'background',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'color', 'background' ],\n\t\t\t'backgroundColor'\n\t\t);\n\t},\n};\n\nexport default background;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,YAAY,QAAQ,UAAU;AAEvC,MAAMC,UAAU,GAAG;EAClBC,IAAI,EAAE,YAAY;EAClBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAOL,YAAY,CAClBI,KAAK,EACLC,OAAO,EACP,CAAE,OAAO,EAAE,YAAY,CAAE,EACzB,iBACD,CAAC;EACF;AACD,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/styles/color/background.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst background = {\n\tname: 'background',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'color', 'background' ],\n\t\t\t'backgroundColor'\n\t\t);\n\t},\n};\n\nexport default background;\n"],
+  "mappings": "AAIA,SAAS,oBAAoB;AAE7B,MAAM,aAAa;AAAA,EAClB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,YAAa;AAAA,MACxB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/build-module/styles/color/gradient.js

@@ -1,13 +1,17 @@
-/**
- * Internal dependencies
- */
-
-import { generateRule } from '../utils';
+import { generateRule } from "../utils";
 const gradient = {
-  name: 'gradient',
+  name: "gradient",
   generate: (style, options) => {
-    return generateRule(style, options, ['color', 'gradient'], 'background');
+    return generateRule(
+      style,
+      options,
+      ["color", "gradient"],
+      "background"
+    );
   }
 };
-export default gradient;
-//# sourceMappingURL=gradient.js.map
+var gradient_default = gradient;
+export {
+  gradient_default as default
+};
+//# sourceMappingURL=gradient.js.map

package/build-module/styles/color/gradient.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["generateRule","gradient","name","generate","style","options"],"sources":["@wordpress/style-engine/src/styles/color/gradient.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst gradient = {\n\tname: 'gradient',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'color', 'gradient' ],\n\t\t\t'background'\n\t\t);\n\t},\n};\n\nexport default gradient;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,YAAY,QAAQ,UAAU;AAEvC,MAAMC,QAAQ,GAAG;EAChBC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAOL,YAAY,CAClBI,KAAK,EACLC,OAAO,EACP,CAAE,OAAO,EAAE,UAAU,CAAE,EACvB,YACD,CAAC;EACF;AACD,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/styles/color/gradient.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst gradient = {\n\tname: 'gradient',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'color', 'gradient' ],\n\t\t\t'background'\n\t\t);\n\t},\n};\n\nexport default gradient;\n"],
+  "mappings": "AAIA,SAAS,oBAAoB;AAE7B,MAAM,WAAW;AAAA,EAChB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,WAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,UAAW;AAAA,MACtB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/build-module/styles/color/index.js

@@ -1,8 +1,8 @@
-/**
- * Internal dependencies
- */
-import background from './background';
-import gradient from './gradient';
-import text from './text';
-export default [text, gradient, background];
-//# sourceMappingURL=index.js.map
+import background from "./background";
+import gradient from "./gradient";
+import text from "./text";
+var color_default = [text, gradient, background];
+export {
+  color_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/styles/color/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["background","gradient","text"],"sources":["@wordpress/style-engine/src/styles/color/index.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport background from './background';\nimport gradient from './gradient';\nimport text from './text';\n\nexport default [ text, gradient, background ];\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,cAAc;AACrC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,IAAI,MAAM,QAAQ;AAEzB,eAAe,CAAEA,IAAI,EAAED,QAAQ,EAAED,UAAU,CAAE","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/styles/color/index.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport background from './background';\nimport gradient from './gradient';\nimport text from './text';\n\nexport default [ text, gradient, background ];\n"],
+  "mappings": "AAGA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,UAAU;AAEjB,IAAO,gBAAQ,CAAE,MAAM,UAAU,UAAW;",
+  "names": []
+}

package/build-module/styles/color/text.js

@@ -1,13 +1,12 @@
-/**
- * Internal dependencies
- */
-
-import { generateRule } from '../utils';
+import { generateRule } from "../utils";
 const text = {
-  name: 'text',
+  name: "text",
   generate: (style, options) => {
-    return generateRule(style, options, ['color', 'text'], 'color');
+    return generateRule(style, options, ["color", "text"], "color");
   }
 };
-export default text;
-//# sourceMappingURL=text.js.map
+var text_default = text;
+export {
+  text_default as default
+};
+//# sourceMappingURL=text.js.map

package/build-module/styles/color/text.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["generateRule","text","name","generate","style","options"],"sources":["@wordpress/style-engine/src/styles/color/text.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst text = {\n\tname: 'text',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule( style, options, [ 'color', 'text' ], 'color' );\n\t},\n};\n\nexport default text;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,YAAY,QAAQ,UAAU;AAEvC,MAAMC,IAAI,GAAG;EACZC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAOL,YAAY,CAAEI,KAAK,EAAEC,OAAO,EAAE,CAAE,OAAO,EAAE,MAAM,CAAE,EAAE,OAAQ,CAAC;EACpE;AACD,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/styles/color/text.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst text = {\n\tname: 'text',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule( style, options, [ 'color', 'text' ], 'color' );\n\t},\n};\n\nexport default text;\n"],
+  "mappings": "AAIA,SAAS,oBAAoB;AAE7B,MAAM,OAAO;AAAA,EACZ,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,WAAO,aAAc,OAAO,SAAS,CAAE,SAAS,MAAO,GAAG,OAAQ;AAAA,EACnE;AACD;AAEA,IAAO,eAAQ;",
+  "names": []
+}

package/build-module/styles/constants.js

@@ -1,4 +1,9 @@
-export const VARIABLE_REFERENCE_PREFIX = 'var:';
-export const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|';
-export const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--';
-//# sourceMappingURL=constants.js.map
+const VARIABLE_REFERENCE_PREFIX = "var:";
+const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = "|";
+const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = "--";
+export {
+  VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE,
+  VARIABLE_PATH_SEPARATOR_TOKEN_STYLE,
+  VARIABLE_REFERENCE_PREFIX
+};
+//# sourceMappingURL=constants.js.map

package/build-module/styles/constants.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["VARIABLE_REFERENCE_PREFIX","VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE","VARIABLE_PATH_SEPARATOR_TOKEN_STYLE"],"sources":["@wordpress/style-engine/src/styles/constants.ts"],"sourcesContent":["export const VARIABLE_REFERENCE_PREFIX = 'var:';\nexport const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|';\nexport const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--';\n"],"mappings":"AAAA,OAAO,MAAMA,yBAAyB,GAAG,MAAM;AAC/C,OAAO,MAAMC,uCAAuC,GAAG,GAAG;AAC1D,OAAO,MAAMC,mCAAmC,GAAG,IAAI","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/styles/constants.ts"],
+  "sourcesContent": ["export const VARIABLE_REFERENCE_PREFIX = 'var:';\nexport const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|';\nexport const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--';\n"],
+  "mappings": "AAAO,MAAM,4BAA4B;AAClC,MAAM,0CAA0C;AAChD,MAAM,sCAAsC;",
+  "names": []
+}

package/build-module/styles/dimensions/index.js

@@ -1,19 +1,28 @@
-/**
- * Internal dependencies
- */
-
-import { generateRule } from '../utils';
+import { generateRule } from "../utils";
 const minHeight = {
-  name: 'minHeight',
+  name: "minHeight",
   generate: (style, options) => {
-    return generateRule(style, options, ['dimensions', 'minHeight'], 'minHeight');
+    return generateRule(
+      style,
+      options,
+      ["dimensions", "minHeight"],
+      "minHeight"
+    );
   }
 };
 const aspectRatio = {
-  name: 'aspectRatio',
+  name: "aspectRatio",
   generate: (style, options) => {
-    return generateRule(style, options, ['dimensions', 'aspectRatio'], 'aspectRatio');
+    return generateRule(
+      style,
+      options,
+      ["dimensions", "aspectRatio"],
+      "aspectRatio"
+    );
   }
 };
-export default [minHeight, aspectRatio];
-//# sourceMappingURL=index.js.map
+var dimensions_default = [minHeight, aspectRatio];
+export {
+  dimensions_default as default
+};
+//# sourceMappingURL=index.js.map