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

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","_x","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalSpacer","Spacer","useState","TypographyPanel","ScreenHeader","TypographyPreview","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","elements","text","description","title","link","heading","caption","button","ScreenTypographyElement","element","headingLevel","setHeadingLevel","children","marginX","marginBottom","label","hideLabelFromVision","value","onChange","isBlock","size","__nextHasNoMarginBottom","showTooltip"],"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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'All headings' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 1' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 2' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 3' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 4' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 5' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 6' ) }\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,
+  "sources": ["../../../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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'All headings' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 1' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 2' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 3' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 4' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 5' ) }\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\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 6' ) }\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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",
+  "names": []
+}

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

@@ -1,36 +1,38 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { __experimentalVStack as VStack } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import TypographyElements from './typography-elements';
-import ScreenHeader from './header';
-import TypographyVariations from './variations/variations-typography';
-import FontSizesCount from './font-sizes/font-sizes-count';
-import FontFamilies from './font-families';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { __experimentalVStack as VStack } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import { store as editorStore } from "@wordpress/editor";
+import TypographyElements from "./typography-elements";
+import ScreenHeader from "./header";
+import TypographyVariations from "./variations/variations-typography";
+import FontSizesCount from "./font-sizes/font-sizes-count";
+import FontFamilies from "./font-families";
 function ScreenTypography() {
-  const fontLibraryEnabled = useSelect(select => select(editorStore).getEditorSettings().fontLibraryEnabled, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Typography'),
-      description: __('Available fonts, typographic styles, and the application of those styles.')
-    }), /*#__PURE__*/_jsx("div", {
-      className: "edit-site-global-styles-screen",
-      children: /*#__PURE__*/_jsxs(VStack, {
-        spacing: 7,
-        children: [/*#__PURE__*/_jsx(TypographyVariations, {
-          title: __('Typesets')
-        }), fontLibraryEnabled && /*#__PURE__*/_jsx(FontFamilies, {}), /*#__PURE__*/_jsx(TypographyElements, {}), /*#__PURE__*/_jsx(FontSizesCount, {})]
-      })
-    })]
-  });
+  const fontLibraryEnabled = useSelect(
+    (select) => select(editorStore).getEditorSettings().fontLibraryEnabled,
+    []
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: __("Typography"),
+        description: __(
+          "Available fonts, typographic styles, and the application of those styles."
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "edit-site-global-styles-screen", children: /* @__PURE__ */ jsxs(VStack, { spacing: 7, children: [
+      /* @__PURE__ */ jsx(TypographyVariations, { title: __("Typesets") }),
+      fontLibraryEnabled && /* @__PURE__ */ jsx(FontFamilies, {}),
+      /* @__PURE__ */ jsx(TypographyElements, {}),
+      /* @__PURE__ */ jsx(FontSizesCount, {})
+    ] }) })
+  ] });
 }
-export default ScreenTypography;
-//# sourceMappingURL=screen-typography.js.map
+var screen_typography_default = ScreenTypography;
+export {
+  screen_typography_default as default
+};
+//# sourceMappingURL=screen-typography.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","__experimentalVStack","VStack","useSelect","store","editorStore","TypographyElements","ScreenHeader","TypographyVariations","FontSizesCount","FontFamilies","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ScreenTypography","fontLibraryEnabled","select","getEditorSettings","children","title","description","className","spacing"],"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 { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport TypographyElements from './typography-elements';\nimport ScreenHeader from './header';\nimport TypographyVariations from './variations/variations-typography';\nimport FontSizesCount from './font-sizes/font-sizes-count';\nimport FontFamilies from './font-families';\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'Available fonts, typographic styles, and the application of those styles.'\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={ __( 'Typesets' ) } />\n\t\t\t\t\t{ fontLibraryEnabled && <FontFamilies /> }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t\t<FontSizesCount />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,cAAc,MAAM,+BAA+B;AAC1D,OAAOC,YAAY,MAAM,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,SAASC,gBAAgBA,CAAA,EAAG;EAC3B,MAAMC,kBAAkB,GAAGf,SAAS,CACjCgB,MAAM,IACPA,MAAM,CAAEd,WAAY,CAAC,CAACe,iBAAiB,CAAC,CAAC,CAACF,kBAAkB,EAC7D,EACD,CAAC;EAED,oBACCJ,KAAA,CAAAE,SAAA;IAAAK,QAAA,gBACCT,IAAA,CAACL,YAAY;MACZe,KAAK,EAAGtB,EAAE,CAAE,YAAa,CAAG;MAC5BuB,WAAW,EAAGvB,EAAE,CACf,2EACD;IAAG,CACH,CAAC,eACFY,IAAA;MAAKY,SAAS,EAAC,gCAAgC;MAAAH,QAAA,eAC9CP,KAAA,CAACZ,MAAM;QAACuB,OAAO,EAAG,CAAG;QAAAJ,QAAA,gBACpBT,IAAA,CAACJ,oBAAoB;UAACc,KAAK,EAAGtB,EAAE,CAAE,UAAW;QAAG,CAAE,CAAC,EACjDkB,kBAAkB,iBAAIN,IAAA,CAACF,YAAY,IAAE,CAAC,eACxCE,IAAA,CAACN,kBAAkB,IAAE,CAAC,eACtBM,IAAA,CAACH,cAAc,IAAE,CAAC;MAAA,CACX;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAeQ,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-typography.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport TypographyElements from './typography-elements';\nimport ScreenHeader from './header';\nimport TypographyVariations from './variations/variations-typography';\nimport FontSizesCount from './font-sizes/font-sizes-count';\nimport FontFamilies from './font-families';\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'Available fonts, typographic styles, and the application of those styles.'\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={ __( 'Typesets' ) } />\n\t\t\t\t\t{ fontLibraryEnabled && <FontFamilies /> }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t\t<FontSizesCount />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],
+  "mappings": "AAyBE,mBACC,KAOC,YARF;AAtBF,SAAS,UAAU;AACnB,SAAS,wBAAwB,cAAc;AAC/C,SAAS,iBAAiB;AAC1B,SAAS,SAAS,mBAAmB;AAKrC,OAAO,wBAAwB;AAC/B,OAAO,kBAAkB;AACzB,OAAO,0BAA0B;AACjC,OAAO,oBAAoB;AAC3B,OAAO,kBAAkB;AAEzB,SAAS,mBAAmB;AAC3B,QAAM,qBAAqB;AAAA,IAC1B,CAAE,WACD,OAAQ,WAAY,EAAE,kBAAkB,EAAE;AAAA,IAC3C,CAAC;AAAA,EACF;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,YAAa;AAAA,QACzB,aAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,SAAI,WAAU,kCACd,+BAAC,UAAO,SAAU,GACjB;AAAA,0BAAC,wBAAqB,OAAQ,GAAI,UAAW,GAAI;AAAA,MAC/C,sBAAsB,oBAAC,gBAAa;AAAA,MACtC,oBAAC,sBAAmB;AAAA,MACpB,oBAAC,kBAAe;AAAA,OACjB,GACD;AAAA,KACD;AAEF;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -1,209 +1,80 @@
-export const 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
-  }
+const 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 }
 };
-export function getShadowParts(shadow) {
+function getShadowParts(shadow) {
   const shadowValues = shadow.match(/(?:[^,(]|\([^)]*\))+/g) || [];
-  return shadowValues.map(value => value.trim());
+  return shadowValues.map((value) => value.trim());
 }
-export 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.
-   */
-
+function shadowStringToObject(shadowValue) {
   const defaultShadow = {
-    x: '0',
-    y: '0',
-    blur: '0',
-    spread: '0',
-    color: '#000',
+    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')) {
+  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.
+  const lengths = matches[0].split(" ").map((value) => value.trim()).filter((value) => value);
   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();
+  let colorString = shadowValue.replace(lengthsRegex, "").trim();
   if (hasInset) {
-    colorString = colorString.replace('inset', '').replace('INSET', '').trim();
+    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
+  let colorMatches = (colorString.match(colorRegex) || []).map((value) => value?.trim()).filter((value) => value);
   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
+    colorMatches = colorString.trim().split(" ").filter((value) => value);
     if (colorMatches.length > 1) {
       return defaultShadow;
     }
   }
-
-  // Return parsed shadow object.
   const [x, y, blur, spread] = lengths;
   return {
     x,
@@ -214,8 +85,14 @@ export function shadowStringToObject(shadowValue) {
     color: colorString || defaultShadow.color
   };
 }
-export 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();
+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
+export {
+  CUSTOM_VALUE_SETTINGS,
+  getShadowParts,
+  shadowObjectToString,
+  shadowStringToObject
+};
+//# sourceMappingURL=shadow-utils.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["CUSTOM_VALUE_SETTINGS","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":[]}
+{
+  "version": 3,
+  "sources": ["../../../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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",
+  "names": []
+}