@wordpress/edit-site 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

package/build/components/global-styles/size-control/index.js

@@ -1,90 +1,80 @@
 "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 size_control_exports = {};
+__export(size_control_exports, {
+  default: () => size_control_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const DEFAULT_UNITS = ['px', 'em', 'rem', 'vw', 'vh'];
+module.exports = __toCommonJS(size_control_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+const DEFAULT_UNITS = ["px", "em", "rem", "vw", "vh"];
 function SizeControl({
   // Do not allow manipulation of margin bottom
   __nextHasNoMarginBottom,
   ...props
 }) {
-  const {
-    baseControlProps
-  } = (0, _components.useBaseControlProps)(props);
-  const {
-    value,
-    onChange,
-    fallbackValue,
-    disabled,
-    label
-  } = props;
-  const units = (0, _components.__experimentalUseCustomUnits)({
+  const { baseControlProps } = (0, import_components.useBaseControlProps)(props);
+  const { value, onChange, fallbackValue, disabled, label } = props;
+  const units = (0, import_components.__experimentalUseCustomUnits)({
     availableUnits: DEFAULT_UNITS
   });
-  const [valueQuantity, valueUnit = 'px'] = (0, _components.__experimentalParseQuantityAndUnitFromRawValue)(value, units);
-  const isValueUnitRelative = !!valueUnit && ['em', 'rem', 'vw', 'vh'].includes(valueUnit);
-
-  // Receives the new value from the UnitControl component as a string containing the value and unit.
-  const handleUnitControlChange = newValue => {
+  const [valueQuantity, valueUnit = "px"] = (0, import_components.__experimentalParseQuantityAndUnitFromRawValue)(value, units);
+  const isValueUnitRelative = !!valueUnit && ["em", "rem", "vw", "vh"].includes(valueUnit);
+  const handleUnitControlChange = (newValue) => {
     onChange(newValue);
   };
-
-  // Receives the new value from the RangeControl component as a number.
-  const handleRangeControlChange = newValue => {
+  const handleRangeControlChange = (newValue) => {
     onChange?.(newValue + valueUnit);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
-    ...baseControlProps,
-    __nextHasNoMarginBottom: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-        isBlock: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
-          __next40pxDefaultSize: true,
-          __nextHasNoMarginBottom: true,
-          label: label,
-          hideLabelFromVision: true,
-          value: value,
-          onChange: handleUnitControlChange,
-          units: units,
-          min: 0,
-          disabled: disabled
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-        isBlock: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-          marginX: 2,
-          marginBottom: 0,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-            __next40pxDefaultSize: true,
-            __nextHasNoMarginBottom: true,
-            label: label,
-            hideLabelFromVision: true,
-            value: valueQuantity,
-            initialPosition: fallbackValue,
-            withInputField: false,
-            onChange: handleRangeControlChange,
-            min: 0,
-            max: isValueUnitRelative ? 10 : 100,
-            step: isValueUnitRelative ? 0.1 : 1,
-            disabled: disabled
-          })
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.BaseControl, { ...baseControlProps, __nextHasNoMarginBottom: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Flex, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { isBlock: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.__experimentalUnitControl,
+      {
+        __next40pxDefaultSize: true,
+        __nextHasNoMarginBottom: true,
+        label,
+        hideLabelFromVision: true,
+        value,
+        onChange: handleUnitControlChange,
+        units,
+        min: 0,
+        disabled
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { isBlock: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginX: 2, marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.RangeControl,
+      {
+        __next40pxDefaultSize: true,
+        __nextHasNoMarginBottom: true,
+        label,
+        hideLabelFromVision: true,
+        value: valueQuantity,
+        initialPosition: fallbackValue,
+        withInputField: false,
+        onChange: handleRangeControlChange,
+        min: 0,
+        max: isValueUnitRelative ? 10 : 100,
+        step: isValueUnitRelative ? 0.1 : 1,
+        disabled
+      }
+    ) }) })
+  ] }) });
 }
-var _default = exports.default = SizeControl;
-//# sourceMappingURL=index.js.map
+var size_control_default = SizeControl;
+//# sourceMappingURL=index.js.map

package/build/components/global-styles/size-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_jsxRuntime","DEFAULT_UNITS","SizeControl","__nextHasNoMarginBottom","props","baseControlProps","useBaseControlProps","value","onChange","fallbackValue","disabled","label","units","useCustomUnits","availableUnits","valueQuantity","valueUnit","parseQuantityAndUnitFromRawValue","isValueUnitRelative","includes","handleUnitControlChange","newValue","handleRangeControlChange","jsx","BaseControl","children","jsxs","Flex","FlexItem","isBlock","__experimentalUnitControl","__next40pxDefaultSize","hideLabelFromVision","min","__experimentalSpacer","marginX","marginBottom","RangeControl","initialPosition","withInputField","max","step","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/size-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport {\n\tBaseControl,\n\tRangeControl,\n\tFlex,\n\tFlexItem,\n\tuseBaseControlProps,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\nconst DEFAULT_UNITS = [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\nfunction SizeControl( {\n\t// Do not allow manipulation of margin bottom\n\t__nextHasNoMarginBottom,\n\t...props\n} ) {\n\tconst { baseControlProps } = useBaseControlProps( props );\n\tconst { value, onChange, fallbackValue, disabled, label } = props;\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: DEFAULT_UNITS,\n\t} );\n\n\tconst [ valueQuantity, valueUnit = 'px' ] =\n\t\tparseQuantityAndUnitFromRawValue( value, units );\n\n\tconst isValueUnitRelative =\n\t\t!! valueUnit && [ 'em', 'rem', 'vw', 'vh' ].includes( valueUnit );\n\n\t// Receives the new value from the UnitControl component as a string containing the value and unit.\n\tconst handleUnitControlChange = ( newValue ) => {\n\t\tonChange( newValue );\n\t};\n\n\t// Receives the new value from the RangeControl component as a number.\n\tconst handleRangeControlChange = ( newValue ) => {\n\t\tonChange?.( newValue + valueUnit );\n\t};\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ handleUnitControlChange }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\tinitialPosition={ fallbackValue }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleRangeControlChange }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</BaseControl>\n\t);\n}\n\nexport default SizeControl;\n"],"mappings":";;;;;;AAOA,IAAAA,WAAA,GAAAC,OAAA;AAU+B,IAAAC,WAAA,GAAAD,OAAA;AAjB/B;AACA;AACA;;AAEA;AACA;AACA;;AAaA,MAAME,aAAa,GAAG,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE;AAEvD,SAASC,WAAWA,CAAE;EACrB;EACAC,uBAAuB;EACvB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,+BAAmB,EAAEF,KAAM,CAAC;EACzD,MAAM;IAAEG,KAAK;IAAEC,QAAQ;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAEjE,MAAMQ,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BC,cAAc,EAAEb;EACjB,CAAE,CAAC;EAEH,MAAM,CAAEc,aAAa,EAAEC,SAAS,GAAG,IAAI,CAAE,GACxC,IAAAC,0DAAgC,EAAEV,KAAK,EAAEK,KAAM,CAAC;EAEjD,MAAMM,mBAAmB,GACxB,CAAC,CAAEF,SAAS,IAAI,CAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE,CAACG,QAAQ,CAAEH,SAAU,CAAC;;EAElE;EACA,MAAMI,uBAAuB,GAAKC,QAAQ,IAAM;IAC/Cb,QAAQ,CAAEa,QAAS,CAAC;EACrB,CAAC;;EAED;EACA,MAAMC,wBAAwB,GAAKD,QAAQ,IAAM;IAChDb,QAAQ,GAAIa,QAAQ,GAAGL,SAAU,CAAC;EACnC,CAAC;EAED,oBACC,IAAAhB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAA0B,WAAW;IAAA,GAAMnB,gBAAgB;IAAGF,uBAAuB;IAAAsB,QAAA,eAC3D,IAAAzB,WAAA,CAAA0B,IAAA,EAAC5B,WAAA,CAAA6B,IAAI;MAAAF,QAAA,gBACJ,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAA8B,QAAQ;QAACC,OAAO;QAAAJ,QAAA,eAChB,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAAgC,yBAAW;UACXC,qBAAqB;UACrB5B,uBAAuB;UACvBQ,KAAK,EAAGA,KAAO;UACfqB,mBAAmB;UACnBzB,KAAK,EAAGA,KAAO;UACfC,QAAQ,EAAGY,uBAAyB;UACpCR,KAAK,EAAGA,KAAO;UACfqB,GAAG,EAAG,CAAG;UACTvB,QAAQ,EAAGA;QAAU,CACrB;MAAC,CACO,CAAC,eACX,IAAAV,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAA8B,QAAQ;QAACC,OAAO;QAAAJ,QAAA,eAChB,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAAoC,oBAAM;UAACC,OAAO,EAAG,CAAG;UAACC,YAAY,EAAG,CAAG;UAAAX,QAAA,eACvC,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAAuC,YAAY;YACZN,qBAAqB;YACrB5B,uBAAuB;YACvBQ,KAAK,EAAGA,KAAO;YACfqB,mBAAmB;YACnBzB,KAAK,EAAGQ,aAAe;YACvBuB,eAAe,EAAG7B,aAAe;YACjC8B,cAAc,EAAG,KAAO;YACxB/B,QAAQ,EAAGc,wBAA0B;YACrCW,GAAG,EAAG,CAAG;YACTO,GAAG,EAAGtB,mBAAmB,GAAG,EAAE,GAAG,GAAK;YACtCuB,IAAI,EAAGvB,mBAAmB,GAAG,GAAG,GAAG,CAAG;YACtCR,QAAQ,EAAGA;UAAU,CACrB;QAAC,CACK;MAAC,CACA,CAAC;IAAA,CACN;EAAC,CACK,CAAC;AAEhB;AAAC,IAAAgC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc1C,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/size-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport {\n\tBaseControl,\n\tRangeControl,\n\tFlex,\n\tFlexItem,\n\tuseBaseControlProps,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\nconst DEFAULT_UNITS = [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\nfunction SizeControl( {\n\t// Do not allow manipulation of margin bottom\n\t__nextHasNoMarginBottom,\n\t...props\n} ) {\n\tconst { baseControlProps } = useBaseControlProps( props );\n\tconst { value, onChange, fallbackValue, disabled, label } = props;\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: DEFAULT_UNITS,\n\t} );\n\n\tconst [ valueQuantity, valueUnit = 'px' ] =\n\t\tparseQuantityAndUnitFromRawValue( value, units );\n\n\tconst isValueUnitRelative =\n\t\t!! valueUnit && [ 'em', 'rem', 'vw', 'vh' ].includes( valueUnit );\n\n\t// Receives the new value from the UnitControl component as a string containing the value and unit.\n\tconst handleUnitControlChange = ( newValue ) => {\n\t\tonChange( newValue );\n\t};\n\n\t// Receives the new value from the RangeControl component as a number.\n\tconst handleRangeControlChange = ( newValue ) => {\n\t\tonChange?.( newValue + valueUnit );\n\t};\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ handleUnitControlChange }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\tinitialPosition={ fallbackValue }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleRangeControlChange }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</BaseControl>\n\t);\n}\n\nexport default SizeControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDG;AA5CH,wBAUO;AAEP,MAAM,gBAAgB,CAAE,MAAM,MAAM,OAAO,MAAM,IAAK;AAEtD,SAAS,YAAa;AAAA;AAAA,EAErB;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,EAAE,iBAAiB,QAAI,uCAAqB,KAAM;AACxD,QAAM,EAAE,OAAO,UAAU,eAAe,UAAU,MAAM,IAAI;AAE5D,QAAM,YAAQ,kBAAAA,8BAAgB;AAAA,IAC7B,gBAAgB;AAAA,EACjB,CAAE;AAEF,QAAM,CAAE,eAAe,YAAY,IAAK,QACvC,kBAAAC,gDAAkC,OAAO,KAAM;AAEhD,QAAM,sBACL,CAAC,CAAE,aAAa,CAAE,MAAM,OAAO,MAAM,IAAK,EAAE,SAAU,SAAU;AAGjE,QAAM,0BAA0B,CAAE,aAAc;AAC/C,aAAU,QAAS;AAAA,EACpB;AAGA,QAAM,2BAA2B,CAAE,aAAc;AAChD,eAAY,WAAW,SAAU;AAAA,EAClC;AAEA,SACC,4CAAC,iCAAc,GAAG,kBAAmB,yBAAuB,MAC3D,uDAAC,0BACA;AAAA,gDAAC,8BAAS,SAAO,MAChB;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,yBAAuB;AAAA,QACvB;AAAA,QACA,qBAAmB;AAAA,QACnB;AAAA,QACA,UAAW;AAAA,QACX;AAAA,QACA,KAAM;AAAA,QACN;AAAA;AAAA,IACD,GACD;AAAA,IACA,4CAAC,8BAAS,SAAO,MAChB,sDAAC,kBAAAC,sBAAA,EAAO,SAAU,GAAI,cAAe,GACpC;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,yBAAuB;AAAA,QACvB;AAAA,QACA,qBAAmB;AAAA,QACnB,OAAQ;AAAA,QACR,iBAAkB;AAAA,QAClB,gBAAiB;AAAA,QACjB,UAAW;AAAA,QACX,KAAM;AAAA,QACN,KAAM,sBAAsB,KAAK;AAAA,QACjC,MAAO,sBAAsB,MAAM;AAAA,QACnC;AAAA;AAAA,IACD,GACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,uBAAQ;",
+  "names": ["useCustomUnits", "parseQuantityAndUnitFromRawValue", "UnitControl", "Spacer"]
+}

package/build/components/global-styles/style-variations-container.js

@@ -1,112 +1,124 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var style_variations_container_exports = {};
+__export(style_variations_container_exports, {
+  default: () => StyleVariationsContainer
 });
-exports.default = StyleVariationsContainer;
-var _coreData = require("@wordpress/core-data");
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
-var _previewStyles = _interopRequireDefault(require("./preview-styles"));
-var _variation = _interopRequireDefault(require("./variations/variation"));
-var _useThemeStyleVariationsByProperty = require("../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  GlobalStylesContext
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-function StyleVariationsContainer({
-  gap = 2
-}) {
-  const {
-    user
-  } = (0, _element.useContext)(GlobalStylesContext);
+module.exports = __toCommonJS(style_variations_container_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core_data = require("@wordpress/core-data");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_preview_styles = __toESM(require("./preview-styles"));
+var import_variation = __toESM(require("./variations/variation"));
+var import_use_theme_style_variations_by_property = require("../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
+var import_lock_unlock = require("../../lock-unlock");
+const { GlobalStylesContext } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+function StyleVariationsContainer({ gap = 2 }) {
+  const { user } = (0, import_element.useContext)(GlobalStylesContext);
   const userStyles = user?.styles;
-  const variations = (0, _data.useSelect)(select => {
-    return select(_coreData.store).__experimentalGetCurrentThemeGlobalStylesVariations();
+  const variations = (0, import_data.useSelect)((select) => {
+    return select(
+      import_core_data.store
+    ).__experimentalGetCurrentThemeGlobalStylesVariations();
   }, []);
-
-  // Filter out variations that are color or typography variations.
-  const fullStyleVariations = variations?.filter(variation => {
-    return !(0, _useThemeStyleVariationsByProperty.isVariationWithProperties)(variation, ['color']) && !(0, _useThemeStyleVariationsByProperty.isVariationWithProperties)(variation, ['typography', 'spacing']);
+  const fullStyleVariations = variations?.filter((variation) => {
+    return !(0, import_use_theme_style_variations_by_property.isVariationWithProperties)(variation, ["color"]) && !(0, import_use_theme_style_variations_by_property.isVariationWithProperties)(variation, [
+      "typography",
+      "spacing"
+    ]);
   });
-  const themeVariations = (0, _element.useMemo)(() => {
-    const withEmptyVariation = [{
-      title: (0, _i18n.__)('Default'),
-      settings: {},
-      styles: {}
-    }, ...(fullStyleVariations !== null && fullStyleVariations !== void 0 ? fullStyleVariations : [])];
-    return [...withEmptyVariation.map(variation => {
-      var _variation$settings;
-      const blockStyles = {
-        ...variation?.styles?.blocks
-      } || {};
-
-      // We need to copy any user custom CSS to the variation to prevent it being lost
-      // when switching variations.
-      if (userStyles?.blocks) {
-        Object.keys(userStyles.blocks).forEach(blockName => {
-          // First get any block specific custom CSS from the current user styles and merge with any custom CSS for
-          // that block in the variation.
-          if (userStyles.blocks[blockName].css) {
-            const variationBlockStyles = blockStyles[blockName] || {};
-            const customCSS = {
-              css: `${blockStyles[blockName]?.css || ''} ${userStyles.blocks[blockName].css.trim() || ''}`
-            };
-            blockStyles[blockName] = {
-              ...variationBlockStyles,
-              ...customCSS
-            };
-          }
-        });
-      }
-      // Now merge any global custom CSS from current user styles with global custom CSS in the variation.
-      const css = userStyles?.css || variation.styles?.css ? {
-        css: `${variation.styles?.css || ''} ${userStyles?.css || ''}`
-      } : {};
-      const blocks = Object.keys(blockStyles).length > 0 ? {
-        blocks: blockStyles
-      } : {};
-      const styles = {
-        ...variation.styles,
-        ...css,
-        ...blocks
-      };
-      return {
-        ...variation,
-        settings: (_variation$settings = variation.settings) !== null && _variation$settings !== void 0 ? _variation$settings : {},
-        styles
-      };
-    })];
+  const themeVariations = (0, import_element.useMemo)(() => {
+    const withEmptyVariation = [
+      {
+        title: (0, import_i18n.__)("Default"),
+        settings: {},
+        styles: {}
+      },
+      ...fullStyleVariations ?? []
+    ];
+    return [
+      ...withEmptyVariation.map((variation) => {
+        const blockStyles = { ...variation?.styles?.blocks };
+        if (userStyles?.blocks) {
+          Object.keys(userStyles.blocks).forEach((blockName) => {
+            if (userStyles.blocks[blockName].css) {
+              const variationBlockStyles = blockStyles[blockName] || {};
+              const customCSS = {
+                css: `${blockStyles[blockName]?.css || ""} ${userStyles.blocks[blockName].css.trim() || ""}`
+              };
+              blockStyles[blockName] = {
+                ...variationBlockStyles,
+                ...customCSS
+              };
+            }
+          });
+        }
+        const css = userStyles?.css || variation.styles?.css ? {
+          css: `${variation.styles?.css || ""} ${userStyles?.css || ""}`
+        } : {};
+        const blocks = Object.keys(blockStyles).length > 0 ? { blocks: blockStyles } : {};
+        const styles = {
+          ...variation.styles,
+          ...css,
+          ...blocks
+        };
+        return {
+          ...variation,
+          settings: variation.settings ?? {},
+          styles
+        };
+      })
+    ];
   }, [fullStyleVariations, userStyles?.blocks, userStyles?.css]);
   if (!fullStyleVariations || fullStyleVariations?.length < 1) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalGrid, {
-    columns: 2,
-    className: "edit-site-global-styles-style-variations-container",
-    gap: gap,
-    children: themeVariations.map((variation, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_variation.default, {
-      variation: variation,
-      children: isFocused => /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewStyles.default, {
-        label: variation?.title,
-        withHoverView: true,
-        isFocused: isFocused,
-        variation: variation
-      })
-    }, index))
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.__experimentalGrid,
+    {
+      columns: 2,
+      className: "edit-site-global-styles-style-variations-container",
+      gap,
+      children: themeVariations.map((variation, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_variation.default, { variation, children: (isFocused) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_preview_styles.default,
+        {
+          label: variation?.title,
+          withHoverView: true,
+          isFocused,
+          variation
+        }
+      ) }, index))
+    }
+  );
 }
-//# sourceMappingURL=style-variations-container.js.map
+//# sourceMappingURL=style-variations-container.js.map

package/build/components/global-styles/style-variations-container.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_coreData","require","_data","_element","_components","_i18n","_blockEditor","_previewStyles","_interopRequireDefault","_variation","_useThemeStyleVariationsByProperty","_lockUnlock","_jsxRuntime","GlobalStylesContext","unlock","blockEditorPrivateApis","StyleVariationsContainer","gap","user","useContext","userStyles","styles","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","fullStyleVariations","filter","variation","isVariationWithProperties","themeVariations","useMemo","withEmptyVariation","title","__","settings","map","_variation$settings","blockStyles","blocks","Object","keys","forEach","blockName","css","variationBlockStyles","customCSS","trim","length","jsx","__experimentalGrid","columns","className","children","index","default","isFocused","label","withHoverView"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PreviewStyles from './preview-styles';\nimport Variation from './variations/variation';\nimport { isVariationWithProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\nexport default function StyleVariationsContainer( { gap = 2 } ) {\n\tconst { user } = useContext( GlobalStylesContext );\n\tconst userStyles = user?.styles;\n\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\t// Filter out variations that are color or typography variations.\n\tconst fullStyleVariations = variations?.filter( ( variation ) => {\n\t\treturn (\n\t\t\t! isVariationWithProperties( variation, [ 'color' ] ) &&\n\t\t\t! isVariationWithProperties( variation, [\n\t\t\t\t'typography',\n\t\t\t\t'spacing',\n\t\t\t] )\n\t\t);\n\t} );\n\n\tconst themeVariations = useMemo( () => {\n\t\tconst withEmptyVariation = [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( fullStyleVariations ?? [] ),\n\t\t];\n\t\treturn [\n\t\t\t...withEmptyVariation.map( ( variation ) => {\n\t\t\t\tconst blockStyles = { ...variation?.styles?.blocks } || {};\n\n\t\t\t\t// We need to copy any user custom CSS to the variation to prevent it being lost\n\t\t\t\t// when switching variations.\n\t\t\t\tif ( userStyles?.blocks ) {\n\t\t\t\t\tObject.keys( userStyles.blocks ).forEach( ( blockName ) => {\n\t\t\t\t\t\t// First get any block specific custom CSS from the current user styles and merge with any custom CSS for\n\t\t\t\t\t\t// that block in the variation.\n\t\t\t\t\t\tif ( userStyles.blocks[ blockName ].css ) {\n\t\t\t\t\t\t\tconst variationBlockStyles =\n\t\t\t\t\t\t\t\tblockStyles[ blockName ] || {};\n\t\t\t\t\t\t\tconst customCSS = {\n\t\t\t\t\t\t\t\tcss: `${\n\t\t\t\t\t\t\t\t\tblockStyles[ blockName ]?.css || ''\n\t\t\t\t\t\t\t\t} ${\n\t\t\t\t\t\t\t\t\tuserStyles.blocks[ blockName ].css.trim() ||\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tblockStyles[ blockName ] = {\n\t\t\t\t\t\t\t\t...variationBlockStyles,\n\t\t\t\t\t\t\t\t...customCSS,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Now merge any global custom CSS from current user styles with global custom CSS in the variation.\n\t\t\t\tconst css =\n\t\t\t\t\tuserStyles?.css || variation.styles?.css\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tcss: `${ variation.styles?.css || '' } ${\n\t\t\t\t\t\t\t\t\tuserStyles?.css || ''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst blocks =\n\t\t\t\t\tObject.keys( blockStyles ).length > 0\n\t\t\t\t\t\t? { blocks: blockStyles }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst styles = {\n\t\t\t\t\t...variation.styles,\n\t\t\t\t\t...css,\n\t\t\t\t\t...blocks,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\t...variation,\n\t\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\t\tstyles,\n\t\t\t\t};\n\t\t\t} ),\n\t\t];\n\t}, [ fullStyleVariations, userStyles?.blocks, userStyles?.css ] );\n\n\tif ( ! fullStyleVariations || fullStyleVariations?.length < 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\tgap={ gap }\n\t\t>\n\t\t\t{ themeVariations.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t<PreviewStyles\n\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\twithHoverView\n\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Variation>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/style-variations-container.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PreviewStyles from './preview-styles';\nimport Variation from './variations/variation';\nimport { isVariationWithProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\nexport default function StyleVariationsContainer( { gap = 2 } ) {\n\tconst { user } = useContext( GlobalStylesContext );\n\tconst userStyles = user?.styles;\n\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\t// Filter out variations that are color or typography variations.\n\tconst fullStyleVariations = variations?.filter( ( variation ) => {\n\t\treturn (\n\t\t\t! isVariationWithProperties( variation, [ 'color' ] ) &&\n\t\t\t! isVariationWithProperties( variation, [\n\t\t\t\t'typography',\n\t\t\t\t'spacing',\n\t\t\t] )\n\t\t);\n\t} );\n\n\tconst themeVariations = useMemo( () => {\n\t\tconst withEmptyVariation = [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( fullStyleVariations ?? [] ),\n\t\t];\n\t\treturn [\n\t\t\t...withEmptyVariation.map( ( variation ) => {\n\t\t\t\tconst blockStyles = { ...variation?.styles?.blocks } || {};\n\n\t\t\t\t// We need to copy any user custom CSS to the variation to prevent it being lost\n\t\t\t\t// when switching variations.\n\t\t\t\tif ( userStyles?.blocks ) {\n\t\t\t\t\tObject.keys( userStyles.blocks ).forEach( ( blockName ) => {\n\t\t\t\t\t\t// First get any block specific custom CSS from the current user styles and merge with any custom CSS for\n\t\t\t\t\t\t// that block in the variation.\n\t\t\t\t\t\tif ( userStyles.blocks[ blockName ].css ) {\n\t\t\t\t\t\t\tconst variationBlockStyles =\n\t\t\t\t\t\t\t\tblockStyles[ blockName ] || {};\n\t\t\t\t\t\t\tconst customCSS = {\n\t\t\t\t\t\t\t\tcss: `${\n\t\t\t\t\t\t\t\t\tblockStyles[ blockName ]?.css || ''\n\t\t\t\t\t\t\t\t} ${\n\t\t\t\t\t\t\t\t\tuserStyles.blocks[ blockName ].css.trim() ||\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tblockStyles[ blockName ] = {\n\t\t\t\t\t\t\t\t...variationBlockStyles,\n\t\t\t\t\t\t\t\t...customCSS,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Now merge any global custom CSS from current user styles with global custom CSS in the variation.\n\t\t\t\tconst css =\n\t\t\t\t\tuserStyles?.css || variation.styles?.css\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tcss: `${ variation.styles?.css || '' } ${\n\t\t\t\t\t\t\t\t\tuserStyles?.css || ''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst blocks =\n\t\t\t\t\tObject.keys( blockStyles ).length > 0\n\t\t\t\t\t\t? { blocks: blockStyles }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst styles = {\n\t\t\t\t\t...variation.styles,\n\t\t\t\t\t...css,\n\t\t\t\t\t...blocks,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\t...variation,\n\t\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\t\tstyles,\n\t\t\t\t};\n\t\t\t} ),\n\t\t];\n\t}, [ fullStyleVariations, userStyles?.blocks, userStyles?.css ] );\n\n\tif ( ! fullStyleVariations || fullStyleVariations?.length < 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\tgap={ gap }\n\t\t>\n\t\t\t{ themeVariations.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t<PreviewStyles\n\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\twithHoverView\n\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Variation>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwHM;AArHN,uBAAmC;AACnC,kBAA0B;AAC1B,qBAAoC;AACpC,wBAA2C;AAC3C,kBAAmB;AACnB,0BAAsD;AAKtD,4BAA0B;AAC1B,uBAAsB;AACtB,oDAA0C;AAC1C,yBAAuB;AAEvB,MAAM,EAAE,oBAAoB,QAAI,2BAAQ,oBAAAA,WAAuB;AAEhD,SAAR,yBAA2C,EAAE,MAAM,EAAE,GAAI;AAC/D,QAAM,EAAE,KAAK,QAAI,2BAAY,mBAAoB;AACjD,QAAM,aAAa,MAAM;AAEzB,QAAM,iBAAa,uBAAW,CAAE,WAAY;AAC3C,WAAO;AAAA,MACN,iBAAAC;AAAA,IACD,EAAE,oDAAoD;AAAA,EACvD,GAAG,CAAC,CAAE;AAGN,QAAM,sBAAsB,YAAY,OAAQ,CAAE,cAAe;AAChE,WACC,KAAE,yEAA2B,WAAW,CAAE,OAAQ,CAAE,KACpD,KAAE,yEAA2B,WAAW;AAAA,MACvC;AAAA,MACA;AAAA,IACD,CAAE;AAAA,EAEJ,CAAE;AAEF,QAAM,sBAAkB,wBAAS,MAAM;AACtC,UAAM,qBAAqB;AAAA,MAC1B;AAAA,QACC,WAAO,gBAAI,SAAU;AAAA,QACrB,UAAU,CAAC;AAAA,QACX,QAAQ,CAAC;AAAA,MACV;AAAA,MACA,GAAK,uBAAuB,CAAC;AAAA,IAC9B;AACA,WAAO;AAAA,MACN,GAAG,mBAAmB,IAAK,CAAE,cAAe;AAC3C,cAAM,cAAc,EAAE,GAAG,WAAW,QAAQ,OAAO;AAInD,YAAK,YAAY,QAAS;AACzB,iBAAO,KAAM,WAAW,MAAO,EAAE,QAAS,CAAE,cAAe;AAG1D,gBAAK,WAAW,OAAQ,SAAU,EAAE,KAAM;AACzC,oBAAM,uBACL,YAAa,SAAU,KAAK,CAAC;AAC9B,oBAAM,YAAY;AAAA,gBACjB,KAAK,GACJ,YAAa,SAAU,GAAG,OAAO,EAClC,IACC,WAAW,OAAQ,SAAU,EAAE,IAAI,KAAK,KACxC,EACD;AAAA,cACD;AACA,0BAAa,SAAU,IAAI;AAAA,gBAC1B,GAAG;AAAA,gBACH,GAAG;AAAA,cACJ;AAAA,YACD;AAAA,UACD,CAAE;AAAA,QACH;AAEA,cAAM,MACL,YAAY,OAAO,UAAU,QAAQ,MAClC;AAAA,UACA,KAAK,GAAI,UAAU,QAAQ,OAAO,EAAG,IACpC,YAAY,OAAO,EACpB;AAAA,QACA,IACA,CAAC;AAEL,cAAM,SACL,OAAO,KAAM,WAAY,EAAE,SAAS,IACjC,EAAE,QAAQ,YAAY,IACtB,CAAC;AAEL,cAAM,SAAS;AAAA,UACd,GAAG,UAAU;AAAA,UACb,GAAG;AAAA,UACH,GAAG;AAAA,QACJ;AACA,eAAO;AAAA,UACN,GAAG;AAAA,UACH,UAAU,UAAU,YAAY,CAAC;AAAA,UACjC;AAAA,QACD;AAAA,MACD,CAAE;AAAA,IACH;AAAA,EACD,GAAG,CAAE,qBAAqB,YAAY,QAAQ,YAAY,GAAI,CAAE;AAEhE,MAAK,CAAE,uBAAuB,qBAAqB,SAAS,GAAI;AAC/D,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,SAAU;AAAA,MACV,WAAU;AAAA,MACV;AAAA,MAEE,0BAAgB,IAAK,CAAE,WAAW,UACnC,4CAAC,iBAAAC,SAAA,EAAwB,WACtB,WAAE,cACH;AAAA,QAAC,sBAAAC;AAAA,QAAA;AAAA,UACA,OAAQ,WAAW;AAAA,UACnB,eAAa;AAAA,UACb;AAAA,UACA;AAAA;AAAA,MACD,KAPe,KASjB,CACC;AAAA;AAAA,EACH;AAEF;",
+  "names": ["blockEditorPrivateApis", "coreStore", "Grid", "Variation", "PreviewStyles"]
+}

package/build/components/global-styles/subtitle.js

@@ -1,24 +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 subtitle_exports = {};
+__export(subtitle_exports, {
+  default: () => subtitle_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function Subtitle({
-  children,
-  level
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
-    className: "edit-site-global-styles-subtitle",
-    level: level !== null && level !== void 0 ? level : 2,
-    children: children
-  });
+module.exports = __toCommonJS(subtitle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+function Subtitle({ children, level }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.__experimentalHeading,
+    {
+      className: "edit-site-global-styles-subtitle",
+      level: level ?? 2,
+      children
+    }
+  );
 }
-var _default = exports.default = Subtitle;
-//# sourceMappingURL=subtitle.js.map
+var subtitle_default = Subtitle;
+//# sourceMappingURL=subtitle.js.map

package/build/components/global-styles/subtitle.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_jsxRuntime","Subtitle","children","level","jsx","__experimentalHeading","className","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/subtitle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalHeading as Heading } from '@wordpress/components';\n\nfunction Subtitle( { children, level } ) {\n\treturn (\n\t\t<Heading\n\t\t\tclassName=\"edit-site-global-styles-subtitle\"\n\t\t\tlevel={ level ?? 2 }\n\t\t>\n\t\t\t{ children }\n\t\t</Heading>\n\t);\n}\n\nexport default Subtitle;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAAyE,IAAAC,WAAA,GAAAD,OAAA;AAHzE;AACA;AACA;;AAGA,SAASE,QAAQA,CAAE;EAAEC,QAAQ;EAAEC;AAAM,CAAC,EAAG;EACxC,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACN,WAAA,CAAAO,qBAAO;IACPC,SAAS,EAAC,kCAAkC;IAC5CH,KAAK,EAAGA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAG;IAAAD,QAAA,EAElBA;EAAQ,CACF,CAAC;AAEZ;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcR,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/subtitle.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalHeading as Heading } from '@wordpress/components';\n\nfunction Subtitle( { children, level } ) {\n\treturn (\n\t\t<Heading\n\t\t\tclassName=\"edit-site-global-styles-subtitle\"\n\t\t\tlevel={ level ?? 2 }\n\t\t>\n\t\t\t{ children }\n\t\t</Heading>\n\t);\n}\n\nexport default Subtitle;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE;AAJF,wBAAiD;AAEjD,SAAS,SAAU,EAAE,UAAU,MAAM,GAAI;AACxC,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,SAAS;AAAA,MAEf;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,mBAAQ;",
+  "names": ["Heading"]
+}