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

package/build/index.js

@@ -1,87 +1,80 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.compileCSS = compileCSS;
-exports.getCSSRules = getCSSRules;
-Object.defineProperty(exports, "getCSSValueFromRawStyle", {
-  enumerable: true,
-  get: function () {
-    return _utils.getCSSValueFromRawStyle;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+  compileCSS: () => compileCSS,
+  getCSSRules: () => getCSSRules,
+  getCSSValueFromRawStyle: () => import_utils.getCSSValueFromRawStyle
 });
-var _changeCase = require("change-case");
-var _styles = require("./styles");
-var _utils = require("./styles/utils");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * 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.
- */
+module.exports = __toCommonJS(index_exports);
+var import_change_case = require("change-case");
+var import_styles = require("./styles");
+var import_utils = require("./styles/utils");
 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 => {
-      inlineRules.push(`${(0, _changeCase.paramCase)(rule.key)}: ${rule.value};`);
+    rules.forEach((rule) => {
+      inlineRules.push(`${(0, import_change_case.paramCase)(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 => `${(0, _changeCase.paramCase)(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) => `${(0, import_change_case.paramCase)(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.
- */
 function getCSSRules(style, options = {}) {
   const rules = [];
-  _styles.styleDefinitions.forEach(definition => {
-    if (typeof definition.generate === 'function') {
+  import_styles.styleDefinitions.forEach((definition) => {
+    if (typeof definition.generate === "function") {
       rules.push(...definition.generate(style, options));
     }
   });
   return rules;
 }
-
-// Export style utils.
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compileCSS,
+  getCSSRules,
+  getCSSValueFromRawStyle
+});
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_changeCase","require","_styles","_utils","compileCSS","style","options","rules","getCSSRules","selector","inlineRules","forEach","rule","push","kebabCase","key","value","join","groupedRules","reduce","acc","selectorRules","Object","keys","subSelector","map","styleDefinitions","definition","generate"],"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":";;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,OAAA,GAAAD,OAAA;AAiFA,IAAAE,MAAA,GAAAF,OAAA;AA/FA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,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,GAAI,IAAAC,qBAAS,EAAEF,IAAI,CAACG,GAAI,CAAC,KAAOH,IAAI,CAACI,KAAK,GAAK,CAAC;IACnE,CAAE,CAAC;IACH,OAAON,WAAW,CAACO,IAAI,CAAE,GAAI,CAAC;EAC/B;EAEA,MAAMC,YAAY,GAAGX,KAAK,CAACY,MAAM,CAChC,CAAEC,GAAyC,EAAER,IAAI,KAAM;IACtD,MAAM;MAAEH;IAAS,CAAC,GAAGG,IAAI;IACzB,IAAK,CAAEH,QAAQ,EAAG;MACjB,OAAOW,GAAG;IACX;IACA,IAAK,CAAEA,GAAG,CAAEX,QAAQ,CAAE,EAAG;MACxBW,GAAG,CAAEX,QAAQ,CAAE,GAAG,EAAE;IACrB;IACAW,GAAG,CAAEX,QAAQ,CAAE,CAACI,IAAI,CAAED,IAAK,CAAC;IAC5B,OAAOQ,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,CAACP,IAAI,CACP,GAAIW,WAAW,MAAQN,YAAY,CAAEM,WAAW,CAAE,CAChDC,GAAG,CACDb,IAAsB,IACvB,GAAI,IAAAE,qBAAS,EAAEF,IAAI,CAACG,GAAI,CAAC,KAAOH,IAAI,CAACI,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;AACO,SAAST,WAAWA,CAC1BH,KAAY,EACZC,OAAqB,GAAG,CAAC,CAAC,EACL;EACrB,MAAMC,KAAyB,GAAG,EAAE;EACpCmB,wBAAgB,CAACf,OAAO,CAAIgB,UAA2B,IAAM;IAC5D,IAAK,OAAOA,UAAU,CAACC,QAAQ,KAAK,UAAU,EAAG;MAChDrB,KAAK,CAACM,IAAI,CAAE,GAAGc,UAAU,CAACC,QAAQ,CAAEvB,KAAK,EAAEC,OAAQ,CAAE,CAAC;IACvD;EACD,CAAE,CAAC;EAEH,OAAOC,KAAK;AACb;;AAEA","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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAuC;AAWvC,oBAAiC;AAiFjC,mBAAwC;AArEjC,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,OAAI,mBAAAA,WAAW,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,OAAI,mBAAAA,WAAW,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,iCAAiB,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;",
+  "names": ["kebabCase"]
+}

package/build/styles/background/index.js

@@ -1,58 +1,100 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var background_exports = {};
+__export(background_exports, {
+  default: () => background_default
 });
-exports.default = void 0;
-var _utils = require("../utils");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(background_exports);
+var import_utils = require("../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((0, _utils.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(
+            (0, import_utils.safeDecodeURI)(_backgroundImage.url)
+          )}' )`
+        }
+      ];
     }
-    return (0, _utils.generateRule)(style, options, ['background', 'backgroundImage'], 'backgroundImage');
+    return (0, import_utils.generateRule)(
+      style,
+      options,
+      ["background", "backgroundImage"],
+      "backgroundImage"
+    );
   }
 };
 const backgroundPosition = {
-  name: 'backgroundPosition',
+  name: "backgroundPosition",
   generate: (style, options) => {
-    return (0, _utils.generateRule)(style, options, ['background', 'backgroundPosition'], 'backgroundPosition');
+    return (0, import_utils.generateRule)(
+      style,
+      options,
+      ["background", "backgroundPosition"],
+      "backgroundPosition"
+    );
   }
 };
 const backgroundRepeat = {
-  name: 'backgroundRepeat',
+  name: "backgroundRepeat",
   generate: (style, options) => {
-    return (0, _utils.generateRule)(style, options, ['background', 'backgroundRepeat'], 'backgroundRepeat');
+    return (0, import_utils.generateRule)(
+      style,
+      options,
+      ["background", "backgroundRepeat"],
+      "backgroundRepeat"
+    );
   }
 };
 const backgroundSize = {
-  name: 'backgroundSize',
+  name: "backgroundSize",
   generate: (style, options) => {
-    return (0, _utils.generateRule)(style, options, ['background', 'backgroundSize'], 'backgroundSize');
+    return (0, import_utils.generateRule)(
+      style,
+      options,
+      ["background", "backgroundSize"],
+      "backgroundSize"
+    );
   }
 };
 const backgroundAttachment = {
-  name: 'backgroundAttachment',
+  name: "backgroundAttachment",
   generate: (style, options) => {
-    return (0, _utils.generateRule)(style, options, ['background', 'backgroundAttachment'], 'backgroundAttachment');
+    return (0, import_utils.generateRule)(
+      style,
+      options,
+      ["background", "backgroundAttachment"],
+      "backgroundAttachment"
+    );
   }
 };
-var _default = exports.default = [backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, backgroundAttachment];
-//# sourceMappingURL=index.js.map
+var background_default = [
+  backgroundImage,
+  backgroundPosition,
+  backgroundRepeat,
+  backgroundSize,
+  backgroundAttachment
+];
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_utils","require","backgroundImage","name","generate","style","options","_backgroundImage","background","url","selector","key","value","encodeURI","safeDecodeURI","generateRule","backgroundPosition","backgroundRepeat","backgroundSize","backgroundAttachment","_default","exports","default"],"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":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIA,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,CACzB,IAAAC,oBAAa,EAAEP,gBAAgB,CAACE,GAAI,CACrC,CAAC;MACF,CAAC,CACD;IACF;IAEA,OAAO,IAAAM,mBAAY,EAClBV,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,iBAAiB,CAAE,EACnC,iBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMU,kBAAkB,GAAG;EAC1Bb,IAAI,EAAE,oBAAoB;EAC1BC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAO,IAAAS,mBAAY,EAClBV,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,oBAAoB,CAAE,EACtC,oBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMW,gBAAgB,GAAG;EACxBd,IAAI,EAAE,kBAAkB;EACxBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAO,IAAAS,mBAAY,EAClBV,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,kBAAkB,CAAE,EACpC,kBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMY,cAAc,GAAG;EACtBf,IAAI,EAAE,gBAAgB;EACtBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAO,IAAAS,mBAAY,EAClBV,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,gBAAgB,CAAE,EAClC,gBACD,CAAC;EACF;AACD,CAAC;AAED,MAAMa,oBAAoB,GAAG;EAC5BhB,IAAI,EAAE,sBAAsB;EAC5BC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAO,IAAAS,mBAAY,EAClBV,KAAK,EACLC,OAAO,EACP,CAAE,YAAY,EAAE,sBAAsB,CAAE,EACxC,sBACD,CAAC;EACF;AACD,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,CACdpB,eAAe,EACfc,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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA4C;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,gBAChB,4BAAe,iBAAiB,GAAI;AAAA,UACrC,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAEA,eAAO;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,eAAO;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,eAAO;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,eAAO;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,eAAO;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/styles/border/index.js

@@ -1,76 +1,89 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var border_exports = {};
+__export(border_exports, {
+  default: () => border_default
 });
-exports.default = void 0;
-var _utils = require("../utils");
-/**
- * Internal dependencies
- */
-
-/**
- * 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.
- */
+module.exports = __toCommonJS(border_exports);
+var import_utils = require("../utils");
 function createBorderGenerateFunction(path) {
-  return (style, options) => (0, _utils.generateRule)(style, options, path, (0, _utils.camelCaseJoin)(path));
+  return (style, options) => (0, import_utils.generateRule)(style, options, path, (0, import_utils.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 (0, _utils.generateBoxRules)(style, options, ['border', 'radius'], {
-      default: 'borderRadius',
-      individual: 'border%sRadius'
-    }, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']);
+    return (0, import_utils.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")
 };
-var _default = exports.default = [color, borderStyle, width, radius, borderTop, borderRight, borderBottom, borderLeft];
-//# sourceMappingURL=index.js.map
+var border_default = [
+  color,
+  borderStyle,
+  width,
+  radius,
+  borderTop,
+  borderRight,
+  borderBottom,
+  borderLeft
+];
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_utils","require","createBorderGenerateFunction","path","style","options","generateRule","camelCaseJoin","createBorderEdgeGenerateFunction","edge","flatMap","key","color","name","generate","radius","generateBoxRules","default","individual","borderStyle","width","borderTop","borderRight","borderBottom","borderLeft","_default","exports"],"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":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,4BAA4BA,CAAEC,IAAc,EAAqB;EACzE,OAAO,CAAEC,KAAK,EAAEC,OAAO,KACtB,IAAAC,mBAAY,EAAEF,KAAK,EAAEC,OAAO,EAAEF,IAAI,EAAE,IAAAI,oBAAa,EAAEJ,IAAK,CAAE,CAAC;AAC7D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,gCAAgCA,CAAEC,IAAa,EAAqB;EAC5E,OAAO,CAAEL,KAAK,EAAEC,OAAO,KAAM;IAC5B,OAAO,CAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAE,CAACK,OAAO,CAAIC,GAAG,IAAM;MACxD,MAAMR,IAAI,GAAG,CAAE,QAAQ,EAAEM,IAAI,EAAEE,GAAG,CAAE;MACpC,OAAOT,4BAA4B,CAAEC,IAAK,CAAC,CAAEC,KAAK,EAAEC,OAAQ,CAAC;IAC9D,CAAE,CAAC;EACJ,CAAC;AACF;AAEA,MAAMO,KAAsB,GAAG;EAC9BC,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAEZ,4BAA4B,CAAE,CAAE,QAAQ,EAAE,OAAO,CAAG;AAC/D,CAAC;AAED,MAAMa,MAAuB,GAAG;EAC/BF,IAAI,EAAE,QAAQ;EACdC,QAAQ,EAAEA,CAAEV,KAAK,EAAEC,OAAO,KAAM;IAC/B,OAAO,IAAAW,uBAAgB,EACtBZ,KAAK,EACLC,OAAO,EACP,CAAE,QAAQ,EAAE,QAAQ,CAAE,EACtB;MACCY,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;EACpCN,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAEZ,4BAA4B,CAAE,CAAE,QAAQ,EAAE,OAAO,CAAG;AAC/D,CAAC;AAED,MAAMkB,KAAsB,GAAG;EAC9BP,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAEZ,4BAA4B,CAAE,CAAE,QAAQ,EAAE,OAAO,CAAG;AAC/D,CAAC;AAED,MAAMmB,SAA0B,GAAG;EAClCR,IAAI,EAAE,WAAW;EACjBC,QAAQ,EAAEN,gCAAgC,CAAE,KAAM;AACnD,CAAC;AAED,MAAMc,WAA4B,GAAG;EACpCT,IAAI,EAAE,aAAa;EACnBC,QAAQ,EAAEN,gCAAgC,CAAE,OAAQ;AACrD,CAAC;AAED,MAAMe,YAA6B,GAAG;EACrCV,IAAI,EAAE,cAAc;EACpBC,QAAQ,EAAEN,gCAAgC,CAAE,QAAS;AACtD,CAAC;AAED,MAAMgB,UAA2B,GAAG;EACnCX,IAAI,EAAE,YAAY;EAClBC,QAAQ,EAAEN,gCAAgC,CAAE,MAAO;AACpD,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEa,CACdL,KAAK,EACLO,WAAW,EACXC,KAAK,EACLL,MAAM,EACNM,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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA8D;AAS9D,SAAS,6BAA8B,MAAmC;AACzE,SAAO,CAAE,OAAO,gBACf,2BAAc,OAAO,SAAS,UAAM,4BAAe,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,eAAO;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/styles/color/background.js

@@ -1,19 +1,37 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var background_exports = {};
+__export(background_exports, {
+  default: () => background_default
 });
-exports.default = void 0;
-var _utils = require("../utils");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(background_exports);
+var import_utils = require("../utils");
 const background = {
-  name: 'background',
+  name: "background",
   generate: (style, options) => {
-    return (0, _utils.generateRule)(style, options, ['color', 'background'], 'backgroundColor');
+    return (0, import_utils.generateRule)(
+      style,
+      options,
+      ["color", "background"],
+      "backgroundColor"
+    );
   }
 };
-var _default = exports.default = background;
-//# sourceMappingURL=background.js.map
+var background_default = background;
+//# sourceMappingURL=background.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_utils","require","background","name","generate","style","options","generateRule","_default","exports","default"],"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":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIA,MAAMC,UAAU,GAAG;EAClBC,IAAI,EAAE,YAAY;EAClBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAO,IAAAC,mBAAY,EAClBF,KAAK,EACLC,OAAO,EACP,CAAE,OAAO,EAAE,YAAY,CAAE,EACzB,iBACD,CAAC;EACF;AACD,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaR,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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,aAAa;AAAA,EAClB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,YAAa;AAAA,MACxB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/build/styles/color/gradient.js

@@ -1,19 +1,37 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var gradient_exports = {};
+__export(gradient_exports, {
+  default: () => gradient_default
 });
-exports.default = void 0;
-var _utils = require("../utils");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(gradient_exports);
+var import_utils = require("../utils");
 const gradient = {
-  name: 'gradient',
+  name: "gradient",
   generate: (style, options) => {
-    return (0, _utils.generateRule)(style, options, ['color', 'gradient'], 'background');
+    return (0, import_utils.generateRule)(
+      style,
+      options,
+      ["color", "gradient"],
+      "background"
+    );
   }
 };
-var _default = exports.default = gradient;
-//# sourceMappingURL=gradient.js.map
+var gradient_default = gradient;
+//# sourceMappingURL=gradient.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_utils","require","gradient","name","generate","style","options","generateRule","_default","exports","default"],"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":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIA,MAAMC,QAAQ,GAAG;EAChBC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAEA,CAAEC,KAAY,EAAEC,OAAqB,KAAM;IACpD,OAAO,IAAAC,mBAAY,EAClBF,KAAK,EACLC,OAAO,EACP,CAAE,OAAO,EAAE,UAAU,CAAE,EACvB,YACD,CAAC;EACF;AACD,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaR,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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,WAAW;AAAA,EAChB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,UAAW;AAAA,MACtB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,mBAAQ;",
+  "names": []
+}