@wordpress/edit-site 6.33.3 → 6.34.0

package/build-module/components/global-styles/screen-style-variations.js

@@ -1,43 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  privateApis as blockEditorPrivateApis,
-  store as blockEditorStore
-} from "@wordpress/block-editor";
-import { Card, CardBody } from "@wordpress/components";
-import { useSelect } from "@wordpress/data";
-import { __ } from "@wordpress/i18n";
-import ScreenHeader from "./header";
-import SidebarNavigationScreenGlobalStylesContent from "../sidebar-navigation-screen-global-styles/content";
-import { unlock } from "../../lock-unlock";
-const { useZoomOut } = unlock(blockEditorPrivateApis);
-function ScreenStyleVariations() {
-  const isPreviewMode = useSelect((select) => {
-    return select(blockEditorStore).getSettings().isPreviewMode;
-  }, []);
-  useZoomOut(!isPreviewMode);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ScreenHeader,
-      {
-        title: __("Browse styles"),
-        description: __(
-          "Choose a variation to change the look of the site."
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Card,
-      {
-        size: "small",
-        isBorderless: true,
-        className: "edit-site-global-styles-screen-style-variations",
-        children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(SidebarNavigationScreenGlobalStylesContent, {}) })
-      }
-    )
-  ] });
-}
-var screen_style_variations_default = ScreenStyleVariations;
-export {
-  screen_style_variations_default as default
-};
-//# sourceMappingURL=screen-style-variations.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/screen-style-variations.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tuseZoomOut( ! isPreviewMode );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],
-  "mappings": "AA8BE,mBACC,KADD;AA3BF;AAAA,EACC,eAAe;AAAA,EACf,SAAS;AAAA,OACH;AACP,SAAS,MAAM,gBAAgB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAKnB,OAAO,kBAAkB;AACzB,OAAO,gDAAgD;AACvD,SAAS,cAAc;AAEvB,MAAM,EAAE,WAAW,IAAI,OAAQ,sBAAuB;AAEtD,SAAS,wBAAwB;AAIhC,QAAM,gBAAgB,UAAW,CAAE,WAAY;AAC9C,WAAO,OAAQ,gBAAiB,EAAE,YAAY,EAAE;AAAA,EACjD,GAAG,CAAC,CAAE;AACN,aAAY,CAAE,aAAc;AAE5B,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,eAAgB;AAAA,QAC5B,aAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,WAAU;AAAA,QAEV,8BAAC,YACA,8BAAC,8CAA2C,GAC7C;AAAA;AAAA,IACD;AAAA,KACD;AAEF;AAEA,IAAO,kCAAQ;",
-  "names": []
-}

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

@@ -1,141 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { __, _x } from "@wordpress/i18n";
-import {
-  __experimentalToggleGroupControl as ToggleGroupControl,
-  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
-  __experimentalSpacer as Spacer
-} from "@wordpress/components";
-import { useState } from "@wordpress/element";
-import TypographyPanel from "./typography-panel";
-import ScreenHeader from "./header";
-import TypographyPreview from "./typography-preview";
-const elements = {
-  text: {
-    description: __("Manage the fonts used on the site."),
-    title: __("Text")
-  },
-  link: {
-    description: __("Manage the fonts and typography used on the links."),
-    title: __("Links")
-  },
-  heading: {
-    description: __("Manage the fonts and typography used on headings."),
-    title: __("Headings")
-  },
-  caption: {
-    description: __("Manage the fonts and typography used on captions."),
-    title: __("Captions")
-  },
-  button: {
-    description: __("Manage the fonts and typography used on buttons."),
-    title: __("Buttons")
-  }
-};
-function ScreenTypographyElement({ element }) {
-  const [headingLevel, setHeadingLevel] = useState("heading");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ScreenHeader,
-      {
-        title: elements[element].title,
-        description: elements[element].description
-      }
-    ),
-    /* @__PURE__ */ jsx(Spacer, { marginX: 4, children: /* @__PURE__ */ jsx(
-      TypographyPreview,
-      {
-        element,
-        headingLevel
-      }
-    ) }),
-    element === "heading" && /* @__PURE__ */ jsx(Spacer, { marginX: 4, marginBottom: "1em", children: /* @__PURE__ */ jsxs(
-      ToggleGroupControl,
-      {
-        label: __("Select heading level"),
-        hideLabelFromVision: true,
-        value: headingLevel,
-        onChange: setHeadingLevel,
-        isBlock: true,
-        size: "__unstable-large",
-        __nextHasNoMarginBottom: true,
-        children: [
-          /* @__PURE__ */ jsx(
-            ToggleGroupControlOption,
-            {
-              value: "heading",
-              showTooltip: true,
-              "aria-label": __("All headings"),
-              label: _x("All", "heading levels")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToggleGroupControlOption,
-            {
-              value: "h1",
-              showTooltip: true,
-              "aria-label": __("Heading 1"),
-              label: __("H1")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToggleGroupControlOption,
-            {
-              value: "h2",
-              showTooltip: true,
-              "aria-label": __("Heading 2"),
-              label: __("H2")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToggleGroupControlOption,
-            {
-              value: "h3",
-              showTooltip: true,
-              "aria-label": __("Heading 3"),
-              label: __("H3")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToggleGroupControlOption,
-            {
-              value: "h4",
-              showTooltip: true,
-              "aria-label": __("Heading 4"),
-              label: __("H4")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToggleGroupControlOption,
-            {
-              value: "h5",
-              showTooltip: true,
-              "aria-label": __("Heading 5"),
-              label: __("H5")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToggleGroupControlOption,
-            {
-              value: "h6",
-              showTooltip: true,
-              "aria-label": __("Heading 6"),
-              label: __("H6")
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      TypographyPanel,
-      {
-        element,
-        headingLevel
-      }
-    )
-  ] });
-}
-var screen_typography_element_default = ScreenTypographyElement;
-export {
-  screen_typography_element_default as default
-};
-//# sourceMappingURL=screen-typography-element.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,38 +0,0 @@
-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, {})
-    ] }) })
-  ] });
-}
-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,7 +0,0 @@
-{
-  "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,98 +0,0 @@
-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 }
-};
-function getShadowParts(shadow) {
-  const shadowValues = shadow.match(/(?:[^,(]|\([^)]*\))+/g) || [];
-  return shadowValues.map((value) => value.trim());
-}
-function shadowStringToObject(shadowValue) {
-  const defaultShadow = {
-    x: "0",
-    y: "0",
-    blur: "0",
-    spread: "0",
-    color: "#000",
-    inset: false
-  };
-  if (!shadowValue) {
-    return defaultShadow;
-  }
-  if (shadowValue.includes("none")) {
-    return defaultShadow;
-  }
-  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) || [];
-  if (matches.length !== 1) {
-    return defaultShadow;
-  }
-  const lengths = matches[0].split(" ").map((value) => value.trim()).filter((value) => value);
-  if (lengths.length < 2) {
-    return defaultShadow;
-  }
-  const insets = shadowValue.match(/inset/gi) || [];
-  if (insets.length > 1) {
-    return defaultShadow;
-  }
-  const hasInset = insets.length === 1;
-  let colorString = shadowValue.replace(lengthsRegex, "").trim();
-  if (hasInset) {
-    colorString = colorString.replace("inset", "").replace("INSET", "").trim();
-  }
-  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 (colorMatches.length > 1) {
-    return defaultShadow;
-  } else if (colorMatches.length === 0) {
-    colorMatches = colorString.trim().split(" ").filter((value) => value);
-    if (colorMatches.length > 1) {
-      return defaultShadow;
-    }
-  }
-  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();
-}
-export {
-  CUSTOM_VALUE_SETTINGS,
-  getShadowParts,
-  shadowObjectToString,
-  shadowStringToObject
-};
-//# sourceMappingURL=shadow-utils.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}