@wordpress/edit-site 5.34.0 → 6.0.0

package/build/components/global-styles/screen-typography-element.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _typographyPanel = _interopRequireDefault(require("./typography-panel"));
 var _header = _interopRequireDefault(require("./header"));
 var _typographyPreview = _interopRequireDefault(require("./typography-preview"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -46,50 +46,55 @@ function ScreenTypographyElement({
   element
 }) {
   const [headingLevel, setHeadingLevel] = (0, _element.useState)('heading');
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: elements[element].title,
-    description: elements[element].description
-  }), (0, _react.createElement)(_components.__experimentalSpacer, {
-    marginX: 4
-  }, (0, _react.createElement)(_typographyPreview.default, {
-    element: element,
-    headingLevel: headingLevel
-  })), element === 'heading' && (0, _react.createElement)(_components.__experimentalSpacer, {
-    marginX: 4,
-    marginBottom: "1em"
-  }, (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
-    label: (0, _i18n.__)('Select heading level'),
-    hideLabelFromVision: true,
-    value: headingLevel,
-    onChange: setHeadingLevel,
-    isBlock: true,
-    size: "__unstable-large",
-    __nextHasNoMarginBottom: true
-  }, (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    value: "heading",
-    label: (0, _i18n._x)('All', 'heading levels')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    value: "h1",
-    label: (0, _i18n.__)('H1')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    value: "h2",
-    label: (0, _i18n.__)('H2')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    value: "h3",
-    label: (0, _i18n.__)('H3')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    value: "h4",
-    label: (0, _i18n.__)('H4')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    value: "h5",
-    label: (0, _i18n.__)('H5')
-  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
-    value: "h6",
-    label: (0, _i18n.__)('H6')
-  }))), (0, _react.createElement)(_typographyPanel.default, {
-    element: element,
-    headingLevel: headingLevel
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: elements[element].title,
+      description: elements[element].description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
+      marginX: 4,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typographyPreview.default, {
+        element: element,
+        headingLevel: headingLevel
+      })
+    }), element === 'heading' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
+      marginX: 4,
+      marginBottom: "1em",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToggleGroupControl, {
+        label: (0, _i18n.__)('Select heading level'),
+        hideLabelFromVision: true,
+        value: headingLevel,
+        onChange: setHeadingLevel,
+        isBlock: true,
+        size: "__unstable-large",
+        __nextHasNoMarginBottom: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "heading",
+          label: (0, _i18n._x)('All', 'heading levels')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "h1",
+          label: (0, _i18n.__)('H1')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "h2",
+          label: (0, _i18n.__)('H2')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "h3",
+          label: (0, _i18n.__)('H3')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "h4",
+          label: (0, _i18n.__)('H4')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "h5",
+          label: (0, _i18n.__)('H5')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+          value: "h6",
+          label: (0, _i18n.__)('H6')
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typographyPanel.default, {
+      element: element,
+      headingLevel: headingLevel
+    })]
+  });
 }
 var _default = exports.default = ScreenTypographyElement;
 //# sourceMappingURL=screen-typography-element.js.map

package/build/components/global-styles/screen-typography-element.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_element","_typographyPanel","_interopRequireDefault","_header","_typographyPreview","elements","text","description","__","title","link","heading","caption","button","ScreenTypographyElement","element","headingLevel","setHeadingLevel","useState","_react","createElement","Fragment","default","__experimentalSpacer","marginX","marginBottom","__experimentalToggleGroupControl","label","hideLabelFromVision","value","onChange","isBlock","size","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption","_x","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography-element.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport TypographyPanel from './typography-panel';\nimport ScreenHeader from './header';\nimport TypographyPreview from './typography-preview';\n\nconst elements = {\n\ttext: {\n\t\tdescription: __( 'Manage the fonts used on the site.' ),\n\t\ttitle: __( 'Text' ),\n\t},\n\tlink: {\n\t\tdescription: __( 'Manage the fonts and typography used on the links.' ),\n\t\ttitle: __( 'Links' ),\n\t},\n\theading: {\n\t\tdescription: __( 'Manage the fonts and typography used on headings.' ),\n\t\ttitle: __( 'Headings' ),\n\t},\n\tcaption: {\n\t\tdescription: __( 'Manage the fonts and typography used on captions.' ),\n\t\ttitle: __( 'Captions' ),\n\t},\n\tbutton: {\n\t\tdescription: __( 'Manage the fonts and typography used on buttons.' ),\n\t\ttitle: __( 'Buttons' ),\n\t},\n};\n\nfunction ScreenTypographyElement( { element } ) {\n\tconst [ headingLevel, setHeadingLevel ] = useState( 'heading' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ elements[ element ].title }\n\t\t\t\tdescription={ elements[ element ].description }\n\t\t\t/>\n\t\t\t<Spacer marginX={ 4 }>\n\t\t\t\t<TypographyPreview\n\t\t\t\t\telement={ element }\n\t\t\t\t\theadingLevel={ headingLevel }\n\t\t\t\t/>\n\t\t\t</Spacer>\n\t\t\t{ element === 'heading' && (\n\t\t\t\t<Spacer marginX={ 4 } marginBottom=\"1em\">\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\tlabel={ __( 'Select heading level' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ headingLevel }\n\t\t\t\t\t\tonChange={ setHeadingLevel }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"heading\"\n\t\t\t\t\t\t\tlabel={ _x( 'All', 'heading levels' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h1\"\n\t\t\t\t\t\t\tlabel={ __( 'H1' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h2\"\n\t\t\t\t\t\t\tlabel={ __( 'H2' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h3\"\n\t\t\t\t\t\t\tlabel={ __( 'H3' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h4\"\n\t\t\t\t\t\t\tlabel={ __( 'H4' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h5\"\n\t\t\t\t\t\t\tlabel={ __( 'H5' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h6\"\n\t\t\t\t\t\t\tlabel={ __( 'H6' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</Spacer>\n\t\t\t) }\n\t\t\t<TypographyPanel\n\t\t\t\telement={ element }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypographyElement;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_element","_typographyPanel","_interopRequireDefault","_header","_typographyPreview","_jsxRuntime","elements","text","description","__","title","link","heading","caption","button","ScreenTypographyElement","element","headingLevel","setHeadingLevel","useState","jsxs","Fragment","children","jsx","default","__experimentalSpacer","marginX","marginBottom","__experimentalToggleGroupControl","label","hideLabelFromVision","value","onChange","isBlock","size","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption","_x","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography-element.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport TypographyPanel from './typography-panel';\nimport ScreenHeader from './header';\nimport TypographyPreview from './typography-preview';\n\nconst elements = {\n\ttext: {\n\t\tdescription: __( 'Manage the fonts used on the site.' ),\n\t\ttitle: __( 'Text' ),\n\t},\n\tlink: {\n\t\tdescription: __( 'Manage the fonts and typography used on the links.' ),\n\t\ttitle: __( 'Links' ),\n\t},\n\theading: {\n\t\tdescription: __( 'Manage the fonts and typography used on headings.' ),\n\t\ttitle: __( 'Headings' ),\n\t},\n\tcaption: {\n\t\tdescription: __( 'Manage the fonts and typography used on captions.' ),\n\t\ttitle: __( 'Captions' ),\n\t},\n\tbutton: {\n\t\tdescription: __( 'Manage the fonts and typography used on buttons.' ),\n\t\ttitle: __( 'Buttons' ),\n\t},\n};\n\nfunction ScreenTypographyElement( { element } ) {\n\tconst [ headingLevel, setHeadingLevel ] = useState( 'heading' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ elements[ element ].title }\n\t\t\t\tdescription={ elements[ element ].description }\n\t\t\t/>\n\t\t\t<Spacer marginX={ 4 }>\n\t\t\t\t<TypographyPreview\n\t\t\t\t\telement={ element }\n\t\t\t\t\theadingLevel={ headingLevel }\n\t\t\t\t/>\n\t\t\t</Spacer>\n\t\t\t{ element === 'heading' && (\n\t\t\t\t<Spacer marginX={ 4 } marginBottom=\"1em\">\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\tlabel={ __( 'Select heading level' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ headingLevel }\n\t\t\t\t\t\tonChange={ setHeadingLevel }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"heading\"\n\t\t\t\t\t\t\tlabel={ _x( 'All', 'heading levels' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h1\"\n\t\t\t\t\t\t\tlabel={ __( 'H1' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h2\"\n\t\t\t\t\t\t\tlabel={ __( 'H2' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h3\"\n\t\t\t\t\t\t\tlabel={ __( 'H3' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h4\"\n\t\t\t\t\t\t\tlabel={ __( 'H4' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h5\"\n\t\t\t\t\t\t\tlabel={ __( 'H5' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h6\"\n\t\t\t\t\t\t\tlabel={ __( 'H6' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</Spacer>\n\t\t\t) }\n\t\t\t<TypographyPanel\n\t\t\t\telement={ element }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypographyElement;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/screen-typography.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _editor = require("@wordpress/editor");
@@ -14,6 +13,7 @@ var _typographyElements = _interopRequireDefault(require("./typography-elements"
 var _variationsTypography = _interopRequireDefault(require("./variations/variations-typography"));
 var _fontFamilies = _interopRequireDefault(require("./font-families"));
 var _header = _interopRequireDefault(require("./header"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -24,16 +24,20 @@ var _header = _interopRequireDefault(require("./header"));
 
 function ScreenTypography() {
   const fontLibraryEnabled = (0, _data.useSelect)(select => select(_editor.store).getEditorSettings().fontLibraryEnabled, []);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: (0, _i18n.__)('Typography'),
-    description: (0, _i18n.__)('Typography styles and the application of those styles on site elements.')
-  }), (0, _react.createElement)("div", {
-    className: "edit-site-global-styles-screen"
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 7
-  }, (0, _react.createElement)(_variationsTypography.default, {
-    title: (0, _i18n.__)('Presets')
-  }), !window.__experimentalDisableFontLibrary && fontLibraryEnabled && (0, _react.createElement)(_fontFamilies.default, null), (0, _react.createElement)(_typographyElements.default, null))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: (0, _i18n.__)('Typography'),
+      description: (0, _i18n.__)('Typography styles and the application of those styles on site elements.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "edit-site-global-styles-screen",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        spacing: 7,
+        children: [!window.__experimentalDisableFontLibrary && fontLibraryEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilies.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typographyElements.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsTypography.default, {
+          title: (0, _i18n.__)('Presets')
+        })]
+      })
+    })]
+  });
 }
 var _default = exports.default = ScreenTypography;
 //# sourceMappingURL=screen-typography.js.map

package/build/components/global-styles/screen-typography.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_editor","_data","_typographyElements","_interopRequireDefault","_variationsTypography","_fontFamilies","_header","ScreenTypography","fontLibraryEnabled","useSelect","select","editorStore","getEditorSettings","_react","createElement","Fragment","default","title","__","description","className","__experimentalVStack","spacing","window","__experimentalDisableFontLibrary","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport TypographyElements from './typography-elements';\nimport TypographyVariations from './variations/variations-typography';\nimport FontFamilies from './font-families';\nimport ScreenHeader from './header';\n\nfunction ScreenTypography() {\n\tconst fontLibraryEnabled = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().fontLibraryEnabled,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Typography styles and the application of those styles on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<TypographyVariations title={ __( 'Presets' ) } />\n\t\t\t\t\t{ ! window.__experimentalDisableFontLibrary &&\n\t\t\t\t\t\tfontLibraryEnabled && <FontFamilies /> }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,mBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,aAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,OAAA,GAAAH,sBAAA,CAAAL,OAAA;AAdA;AACA;AACA;;AAMA;AACA;AACA;;AAMA,SAASS,gBAAgBA,CAAA,EAAG;EAC3B,MAAMC,kBAAkB,GAAG,IAAAC,eAAS,EACjCC,MAAM,IACPA,MAAM,CAAEC,aAAY,CAAC,CAACC,iBAAiB,CAAC,CAAC,CAACJ,kBAAkB,EAC7D,EACD,CAAC;EAED,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;IAC5BC,WAAW,EAAG,IAAAD,QAAE,EACf,yEACD;EAAG,CACH,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAAgC,GAC9C,IAAAP,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAsB,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAT,MAAA,CAAAC,aAAA,EAACV,qBAAA,CAAAY,OAAoB;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU;EAAG,CAAE,CAAC,EAChD,CAAEK,MAAM,CAACC,gCAAgC,IAC1ChB,kBAAkB,IAAI,IAAAK,MAAA,CAAAC,aAAA,EAACT,aAAA,CAAAW,OAAY,MAAE,CAAC,EACvC,IAAAH,MAAA,CAAAC,aAAA,EAACZ,mBAAA,CAAAc,OAAkB,MAAE,CACd,CACJ,CACJ,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcT,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_editor","_data","_typographyElements","_interopRequireDefault","_variationsTypography","_fontFamilies","_header","_jsxRuntime","ScreenTypography","fontLibraryEnabled","useSelect","select","editorStore","getEditorSettings","jsxs","Fragment","children","jsx","default","title","__","description","className","__experimentalVStack","spacing","window","__experimentalDisableFontLibrary","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport TypographyElements from './typography-elements';\nimport TypographyVariations from './variations/variations-typography';\nimport FontFamilies from './font-families';\nimport ScreenHeader from './header';\n\nfunction ScreenTypography() {\n\tconst fontLibraryEnabled = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().fontLibraryEnabled,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Typography styles and the application of those styles on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t{ ! window.__experimentalDisableFontLibrary &&\n\t\t\t\t\t\tfontLibraryEnabled && <FontFamilies /> }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t\t<TypographyVariations title={ __( 'Presets' ) } />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,mBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,aAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,OAAA,GAAAH,sBAAA,CAAAL,OAAA;AAAoC,IAAAS,WAAA,GAAAT,OAAA;AAdpC;AACA;AACA;;AAMA;AACA;AACA;;AAMA,SAASU,gBAAgBA,CAAA,EAAG;EAC3B,MAAMC,kBAAkB,GAAG,IAAAC,eAAS,EACjCC,MAAM,IACPA,MAAM,CAAEC,aAAY,CAAC,CAACC,iBAAiB,CAAC,CAAC,CAACJ,kBAAkB,EAC7D,EACD,CAAC;EAED,oBACC,IAAAF,WAAA,CAAAO,IAAA,EAAAP,WAAA,CAAAQ,QAAA;IAAAC,QAAA,gBACC,IAAAT,WAAA,CAAAU,GAAA,EAACX,OAAA,CAAAY,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;MAC5BC,WAAW,EAAG,IAAAD,QAAE,EACf,yEACD;IAAG,CACH,CAAC,eACF,IAAAb,WAAA,CAAAU,GAAA;MAAKK,SAAS,EAAC,gCAAgC;MAAAN,QAAA,eAC9C,IAAAT,WAAA,CAAAO,IAAA,EAACf,WAAA,CAAAwB,oBAAM;QAACC,OAAO,EAAG,CAAG;QAAAR,QAAA,GAClB,CAAES,MAAM,CAACC,gCAAgC,IAC1CjB,kBAAkB,iBAAI,IAAAF,WAAA,CAAAU,GAAA,EAACZ,aAAA,CAAAa,OAAY,IAAE,CAAC,eACvC,IAAAX,WAAA,CAAAU,GAAA,EAACf,mBAAA,CAAAgB,OAAkB,IAAE,CAAC,eACtB,IAAAX,WAAA,CAAAU,GAAA,EAACb,qBAAA,CAAAc,OAAoB;UAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU;QAAG,CAAE,CAAC;MAAA,CAC3C;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcV,gBAAgB","ignoreList":[]}

package/build/components/global-styles/shadow-utils.js

@@ -0,0 +1,230 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CUSTOM_VALUE_SETTINGS = void 0;
+exports.getShadowParts = getShadowParts;
+exports.shadowObjectToString = shadowObjectToString;
+exports.shadowStringToObject = shadowStringToObject;
+const CUSTOM_VALUE_SETTINGS = exports.CUSTOM_VALUE_SETTINGS = {
+  px: {
+    max: 20,
+    step: 1
+  },
+  '%': {
+    max: 100,
+    step: 1
+  },
+  vw: {
+    max: 100,
+    step: 1
+  },
+  vh: {
+    max: 100,
+    step: 1
+  },
+  em: {
+    max: 10,
+    step: 0.1
+  },
+  rm: {
+    max: 10,
+    step: 0.1
+  },
+  svw: {
+    max: 100,
+    step: 1
+  },
+  lvw: {
+    max: 100,
+    step: 1
+  },
+  dvw: {
+    max: 100,
+    step: 1
+  },
+  svh: {
+    max: 100,
+    step: 1
+  },
+  lvh: {
+    max: 100,
+    step: 1
+  },
+  dvh: {
+    max: 100,
+    step: 1
+  },
+  vi: {
+    max: 100,
+    step: 1
+  },
+  svi: {
+    max: 100,
+    step: 1
+  },
+  lvi: {
+    max: 100,
+    step: 1
+  },
+  dvi: {
+    max: 100,
+    step: 1
+  },
+  vb: {
+    max: 100,
+    step: 1
+  },
+  svb: {
+    max: 100,
+    step: 1
+  },
+  lvb: {
+    max: 100,
+    step: 1
+  },
+  dvb: {
+    max: 100,
+    step: 1
+  },
+  vmin: {
+    max: 100,
+    step: 1
+  },
+  svmin: {
+    max: 100,
+    step: 1
+  },
+  lvmin: {
+    max: 100,
+    step: 1
+  },
+  dvmin: {
+    max: 100,
+    step: 1
+  },
+  vmax: {
+    max: 100,
+    step: 1
+  },
+  svmax: {
+    max: 100,
+    step: 1
+  },
+  lvmax: {
+    max: 100,
+    step: 1
+  },
+  dvmax: {
+    max: 100,
+    step: 1
+  }
+};
+function getShadowParts(shadow) {
+  const shadowValues = shadow.match(/(?:[^,(]|\([^)]*\))+/g) || [];
+  return shadowValues.map(value => value.trim());
+}
+function shadowStringToObject(shadowValue) {
+  /*
+   * Shadow spec: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
+   * Shadow string format: <offset-x> <offset-y> <blur-radius> <spread-radius> <color> [inset]
+   *
+   * A shadow to be valid it must satisfy the following.
+   *
+   * 1. Should not contain "none" keyword.
+   * 2. Values x, y, blur, spread should be in the order. Color and inset can be anywhere in the string except in between x, y, blur, spread values.
+   * 3. Should not contain more than one set of x, y, blur, spread values.
+   * 4. Should contain at least x and y values. Others are optional.
+   * 5. Should not contain more than one "inset" (case insensitive) keyword.
+   * 6. Should not contain more than one color value.
+   */
+
+  const defaultShadow = {
+    x: '0',
+    y: '0',
+    blur: '0',
+    spread: '0',
+    color: '#000',
+    inset: false
+  };
+  if (!shadowValue) {
+    return defaultShadow;
+  }
+
+  // Rule 1: Should not contain "none" keyword.
+  // if the shadow has "none" keyword, it is not a valid shadow string
+  if (shadowValue.includes('none')) {
+    return defaultShadow;
+  }
+
+  // Rule 2: Values x, y, blur, spread should be in the order.
+  //		   Color and inset can be anywhere in the string except in between x, y, blur, spread values.
+  // Extract length values (x, y, blur, spread) from shadow string
+  // Regex match groups of 1 to 4 length values.
+  const lengthsRegex = /((?:^|\s+)(-?\d*\.?\d+(?:px|%|in|cm|mm|em|rem|ex|pt|pc|vh|vw|vmin|vmax|ch|lh)?)(?=\s|$)(?![^(]*\))){1,4}/g;
+  const matches = shadowValue.match(lengthsRegex) || [];
+
+  // Rule 3: Should not contain more than one set of x, y, blur, spread values.
+  // if the string doesn't contain exactly 1 set of x, y, blur, spread values,
+  // it is not a valid shadow string
+  if (matches.length !== 1) {
+    return defaultShadow;
+  }
+
+  // Extract length values (x, y, blur, spread) from shadow string
+  const lengths = matches[0].split(' ').map(value => value.trim()).filter(value => value);
+
+  // Rule 4: Should contain at least x and y values. Others are optional.
+  if (lengths.length < 2) {
+    return defaultShadow;
+  }
+
+  // Rule 5: Should not contain more than one "inset" (case insensitive) keyword.
+  // check if the shadow string contains "inset" keyword
+  const insets = shadowValue.match(/inset/gi) || [];
+  if (insets.length > 1) {
+    return defaultShadow;
+  }
+
+  // Strip lengths and inset from shadow string, leaving just color.
+  const hasInset = insets.length === 1;
+  let colorString = shadowValue.replace(lengthsRegex, '').trim();
+  if (hasInset) {
+    colorString = colorString.replace('inset', '').replace('INSET', '').trim();
+  }
+
+  // Rule 6: Should not contain more than one color value.
+  // validate color string with regular expression
+  // check if color has matching hex, rgb or hsl values
+  const colorRegex = /^#([0-9a-f]{3}){1,2}$|^#([0-9a-f]{4}){1,2}$|^(?:rgb|hsl)a?\(?[\d*\.?\d+%?,?\/?\s]*\)$/gi;
+  let colorMatches = (colorString.match(colorRegex) || []).map(value => value?.trim()).filter(value => value);
+
+  // If color string has more than one color values, it is not a valid
+  if (colorMatches.length > 1) {
+    return defaultShadow;
+  } else if (colorMatches.length === 0) {
+    // check if color string has multiple named color values separated by space
+    colorMatches = colorString.trim().split(' ').filter(value => value);
+    // If color string has more than one color values, it is not a valid
+    if (colorMatches.length > 1) {
+      return defaultShadow;
+    }
+  }
+
+  // Return parsed shadow object.
+  const [x, y, blur, spread] = lengths;
+  return {
+    x,
+    y,
+    blur: blur || defaultShadow.blur,
+    spread: spread || defaultShadow.spread,
+    inset: hasInset,
+    color: colorString || defaultShadow.color
+  };
+}
+function shadowObjectToString(shadowObj) {
+  const shadowString = `${shadowObj.x || '0px'} ${shadowObj.y || '0px'} ${shadowObj.blur || '0px'} ${shadowObj.spread || '0px'}`;
+  return `${shadowObj.inset ? 'inset' : ''} ${shadowString} ${shadowObj.color || ''}`.trim();
+}
+//# sourceMappingURL=shadow-utils.js.map

package/build/components/global-styles/shadow-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CUSTOM_VALUE_SETTINGS","exports","px","max","step","vw","vh","em","rm","svw","lvw","dvw","svh","lvh","dvh","vi","svi","lvi","dvi","vb","svb","lvb","dvb","vmin","svmin","lvmin","dvmin","vmax","svmax","lvmax","dvmax","getShadowParts","shadow","shadowValues","match","map","value","trim","shadowStringToObject","shadowValue","defaultShadow","x","y","blur","spread","color","inset","includes","lengthsRegex","matches","length","lengths","split","filter","insets","hasInset","colorString","replace","colorRegex","colorMatches","shadowObjectToString","shadowObj","shadowString"],"sources":["@wordpress/edit-site/src/components/global-styles/shadow-utils.js"],"sourcesContent":["export const CUSTOM_VALUE_SETTINGS = {\n\tpx: { max: 20, step: 1 },\n\t'%': { max: 100, step: 1 },\n\tvw: { max: 100, step: 1 },\n\tvh: { max: 100, step: 1 },\n\tem: { max: 10, step: 0.1 },\n\trm: { max: 10, step: 0.1 },\n\tsvw: { max: 100, step: 1 },\n\tlvw: { max: 100, step: 1 },\n\tdvw: { max: 100, step: 1 },\n\tsvh: { max: 100, step: 1 },\n\tlvh: { max: 100, step: 1 },\n\tdvh: { max: 100, step: 1 },\n\tvi: { max: 100, step: 1 },\n\tsvi: { max: 100, step: 1 },\n\tlvi: { max: 100, step: 1 },\n\tdvi: { max: 100, step: 1 },\n\tvb: { max: 100, step: 1 },\n\tsvb: { max: 100, step: 1 },\n\tlvb: { max: 100, step: 1 },\n\tdvb: { max: 100, step: 1 },\n\tvmin: { max: 100, step: 1 },\n\tsvmin: { max: 100, step: 1 },\n\tlvmin: { max: 100, step: 1 },\n\tdvmin: { max: 100, step: 1 },\n\tvmax: { max: 100, step: 1 },\n\tsvmax: { max: 100, step: 1 },\n\tlvmax: { max: 100, step: 1 },\n\tdvmax: { max: 100, step: 1 },\n};\n\nexport function getShadowParts( shadow ) {\n\tconst shadowValues = shadow.match( /(?:[^,(]|\\([^)]*\\))+/g ) || [];\n\treturn shadowValues.map( ( value ) => value.trim() );\n}\n\nexport function shadowStringToObject( shadowValue ) {\n\t/*\n\t * Shadow spec: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow\n\t * Shadow string format: <offset-x> <offset-y> <blur-radius> <spread-radius> <color> [inset]\n\t *\n\t * A shadow to be valid it must satisfy the following.\n\t *\n\t * 1. Should not contain \"none\" keyword.\n\t * 2. Values x, y, blur, spread should be in the order. Color and inset can be anywhere in the string except in between x, y, blur, spread values.\n\t * 3. Should not contain more than one set of x, y, blur, spread values.\n\t * 4. Should contain at least x and y values. Others are optional.\n\t * 5. Should not contain more than one \"inset\" (case insensitive) keyword.\n\t * 6. Should not contain more than one color value.\n\t */\n\n\tconst defaultShadow = {\n\t\tx: '0',\n\t\ty: '0',\n\t\tblur: '0',\n\t\tspread: '0',\n\t\tcolor: '#000',\n\t\tinset: false,\n\t};\n\n\tif ( ! shadowValue ) {\n\t\treturn defaultShadow;\n\t}\n\n\t// Rule 1: Should not contain \"none\" keyword.\n\t// if the shadow has \"none\" keyword, it is not a valid shadow string\n\tif ( shadowValue.includes( 'none' ) ) {\n\t\treturn defaultShadow;\n\t}\n\n\t// Rule 2: Values x, y, blur, spread should be in the order.\n\t//\t\t   Color and inset can be anywhere in the string except in between x, y, blur, spread values.\n\t// Extract length values (x, y, blur, spread) from shadow string\n\t// Regex match groups of 1 to 4 length values.\n\tconst lengthsRegex =\n\t\t/((?:^|\\s+)(-?\\d*\\.?\\d+(?:px|%|in|cm|mm|em|rem|ex|pt|pc|vh|vw|vmin|vmax|ch|lh)?)(?=\\s|$)(?![^(]*\\))){1,4}/g;\n\tconst matches = shadowValue.match( lengthsRegex ) || [];\n\n\t// Rule 3: Should not contain more than one set of x, y, blur, spread values.\n\t// if the string doesn't contain exactly 1 set of x, y, blur, spread values,\n\t// it is not a valid shadow string\n\tif ( matches.length !== 1 ) {\n\t\treturn defaultShadow;\n\t}\n\n\t// Extract length values (x, y, blur, spread) from shadow string\n\tconst lengths = matches[ 0 ]\n\t\t.split( ' ' )\n\t\t.map( ( value ) => value.trim() )\n\t\t.filter( ( value ) => value );\n\n\t// Rule 4: Should contain at least x and y values. Others are optional.\n\tif ( lengths.length < 2 ) {\n\t\treturn defaultShadow;\n\t}\n\n\t// Rule 5: Should not contain more than one \"inset\" (case insensitive) keyword.\n\t// check if the shadow string contains \"inset\" keyword\n\tconst insets = shadowValue.match( /inset/gi ) || [];\n\tif ( insets.length > 1 ) {\n\t\treturn defaultShadow;\n\t}\n\n\t// Strip lengths and inset from shadow string, leaving just color.\n\tconst hasInset = insets.length === 1;\n\tlet colorString = shadowValue.replace( lengthsRegex, '' ).trim();\n\tif ( hasInset ) {\n\t\tcolorString = colorString\n\t\t\t.replace( 'inset', '' )\n\t\t\t.replace( 'INSET', '' )\n\t\t\t.trim();\n\t}\n\n\t// Rule 6: Should not contain more than one color value.\n\t// validate color string with regular expression\n\t// check if color has matching hex, rgb or hsl values\n\tconst colorRegex =\n\t\t/^#([0-9a-f]{3}){1,2}$|^#([0-9a-f]{4}){1,2}$|^(?:rgb|hsl)a?\\(?[\\d*\\.?\\d+%?,?\\/?\\s]*\\)$/gi;\n\tlet colorMatches = ( colorString.match( colorRegex ) || [] )\n\t\t.map( ( value ) => value?.trim() )\n\t\t.filter( ( value ) => value );\n\n\t// If color string has more than one color values, it is not a valid\n\tif ( colorMatches.length > 1 ) {\n\t\treturn defaultShadow;\n\t} else if ( colorMatches.length === 0 ) {\n\t\t// check if color string has multiple named color values separated by space\n\t\tcolorMatches = colorString\n\t\t\t.trim()\n\t\t\t.split( ' ' )\n\t\t\t.filter( ( value ) => value );\n\t\t// If color string has more than one color values, it is not a valid\n\t\tif ( colorMatches.length > 1 ) {\n\t\t\treturn defaultShadow;\n\t\t}\n\t}\n\n\t// Return parsed shadow object.\n\tconst [ x, y, blur, spread ] = lengths;\n\treturn {\n\t\tx,\n\t\ty,\n\t\tblur: blur || defaultShadow.blur,\n\t\tspread: spread || defaultShadow.spread,\n\t\tinset: hasInset,\n\t\tcolor: colorString || defaultShadow.color,\n\t};\n}\n\nexport function shadowObjectToString( shadowObj ) {\n\tconst shadowString = `${ shadowObj.x || '0px' } ${ shadowObj.y || '0px' } ${\n\t\tshadowObj.blur || '0px'\n\t} ${ shadowObj.spread || '0px' }`;\n\n\treturn `${ shadowObj.inset ? 'inset' : '' } ${ shadowString } ${\n\t\tshadowObj.color || ''\n\t}`.trim();\n}\n"],"mappings":"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","ignoreList":[]}