@wordpress/global-styles-ui 1.1.0 → 1.2.0

package/build/screen-revisions/types.js

@@ -12,6 +12,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/screen-revisions/types.ts
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);
 //# sourceMappingURL=types.js.map

package/build/screen-revisions/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/screen-revisions/types.ts"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { GlobalStylesConfig } from '@wordpress/global-styles-engine';\n\nexport interface User {\n\tid: number;\n\tname: string;\n\tavatar_urls: Record< string, string >;\n}\n\nexport interface Revision extends GlobalStylesConfig {\n\tid: string | number;\n\tauthor?: User;\n\tmodified?: string | Date;\n\tisLatest?: boolean;\n\t_links?: any;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/build/screen-revisions/use-global-styles-revisions.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/screen-revisions/use-global-styles-revisions.tsx
 var use_global_styles_revisions_exports = {};
 __export(use_global_styles_revisions_exports, {
   default: () => useGlobalStylesRevisions
@@ -25,14 +27,14 @@ var import_data = require("@wordpress/data");
 var import_core_data = require("@wordpress/core-data");
 var import_element = require("@wordpress/element");
 var import_context = require("../context");
-const SITE_EDITOR_AUTHORS_QUERY = {
+var SITE_EDITOR_AUTHORS_QUERY = {
   per_page: -1,
   _fields: "id,name,avatar_urls",
   context: "view",
   capabilities: ["edit_theme_options"]
 };
-const DEFAULT_QUERY = { per_page: 100, page: 1 };
-const EMPTY_ARRAY = [];
+var DEFAULT_QUERY = { per_page: 100, page: 1 };
+var EMPTY_ARRAY = [];
 function useGlobalStylesRevisions({
   query
 } = {}) {

package/build/screen-revisions/use-global-styles-revisions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/screen-revisions/use-global-styles-revisions.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tstore as coreStore,\n\ttype GlobalStylesRevision,\n} from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesContext } from '../context';\nimport type { Revision, User } from './types';\n\ninterface RawRevision extends Omit< Revision, 'author' > {\n\tauthor?: number;\n}\n\ninterface Query {\n\tper_page?: number;\n\tpage?: number;\n}\n\ninterface UseGlobalStylesRevisionsParams {\n\tquery?: Query;\n}\n\ninterface UseGlobalStylesRevisionsReturn {\n\trevisions: Revision[];\n\thasUnsavedChanges: boolean;\n\tisLoading: boolean;\n\trevisionsCount: number;\n}\n\nconst SITE_EDITOR_AUTHORS_QUERY = {\n\tper_page: -1,\n\t_fields: 'id,name,avatar_urls',\n\tcontext: 'view',\n\tcapabilities: [ 'edit_theme_options' ],\n};\nconst DEFAULT_QUERY = { per_page: 100, page: 1 };\nconst EMPTY_ARRAY: RawRevision[] = [];\n\nexport default function useGlobalStylesRevisions( {\n\tquery,\n}: UseGlobalStylesRevisionsParams = {} ): UseGlobalStylesRevisionsReturn {\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst _query: Query = useMemo(\n\t\t() => ( { ...DEFAULT_QUERY, ...query } ),\n\t\t[ query ]\n\t);\n\tconst {\n\t\tauthors,\n\t\tcurrentUser,\n\t\tisDirty,\n\t\trevisions,\n\t\tisLoadingGlobalStylesRevisions,\n\t\trevisionsCount,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tgetCurrentUser,\n\t\t\t\tgetUsers,\n\t\t\t\tgetRevisions,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\tgetEntityRecord,\n\t\t\t\t// @ts-expect-error\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords =\n\t\t\t\t__experimentalGetDirtyEntityRecords() || [];\n\t\t\tconst _currentUser = getCurrentUser();\n\t\t\tconst _isDirty = dirtyEntityRecords.length > 0;\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord< GlobalStylesRevision >(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'globalStyles',\n\t\t\t\t\t\tglobalStylesId\n\t\t\t\t  )\n\t\t\t\t: undefined;\n\t\t\tconst _revisionsCount: number =\n\t\t\t\t// @ts-expect-error - _links is not typed in GlobalStylesRevision\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\t\t// @ts-expect-error - getRevisions is not fully typed\n\t\t\tconst globalStylesRevisions: RawRevision[] = globalStylesId\n\t\t\t\t? getRevisions(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'globalStyles',\n\t\t\t\t\t\tglobalStylesId,\n\t\t\t\t\t\t_query\n\t\t\t\t  ) || EMPTY_ARRAY\n\t\t\t\t: EMPTY_ARRAY;\n\t\t\t// @ts-expect-error - getUsers is not fully typed\n\t\t\tconst _authors: User[] =\n\t\t\t\tgetUsers( SITE_EDITOR_AUTHORS_QUERY ) || [];\n\t\t\tconst _isResolving = globalStylesId\n\t\t\t\t? isResolving( 'getRevisions', [\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'globalStyles',\n\t\t\t\t\t\tglobalStylesId,\n\t\t\t\t\t\t_query,\n\t\t\t\t  ] )\n\t\t\t\t: false;\n\t\t\treturn {\n\t\t\t\tauthors: _authors,\n\t\t\t\tcurrentUser: _currentUser,\n\t\t\t\tisDirty: _isDirty,\n\t\t\t\trevisions: globalStylesRevisions,\n\t\t\t\tisLoadingGlobalStylesRevisions: _isResolving,\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[ _query ]\n\t);\n\treturn useMemo( (): UseGlobalStylesRevisionsReturn => {\n\t\tif ( ! authors.length || isLoadingGlobalStylesRevisions ) {\n\t\t\treturn {\n\t\t\t\trevisions: EMPTY_ARRAY as Revision[],\n\t\t\t\thasUnsavedChanges: isDirty,\n\t\t\t\tisLoading: true,\n\t\t\t\trevisionsCount,\n\t\t\t};\n\t\t}\n\n\t\t// Adds author details to each revision.\n\t\tconst _modifiedRevisions: Revision[] = revisions.map( ( revision ) => {\n\t\t\treturn {\n\t\t\t\t...revision,\n\t\t\t\tauthor: authors.find(\n\t\t\t\t\t( author ) => author.id === revision.author\n\t\t\t\t),\n\t\t\t};\n\t\t} );\n\n\t\tconst fetchedRevisionsCount = revisions.length;\n\n\t\tif ( fetchedRevisionsCount ) {\n\t\t\t// Flags the most current saved revision.\n\t\t\tif (\n\t\t\t\t_modifiedRevisions[ 0 ].id !== 'unsaved' &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\t_modifiedRevisions[ 0 ].isLatest = true;\n\t\t\t}\n\n\t\t\t// Adds an item for unsaved changes.\n\t\t\tif (\n\t\t\t\tisDirty &&\n\t\t\t\tuserConfig &&\n\t\t\t\tObject.keys( userConfig ).length > 0 &&\n\t\t\t\tcurrentUser &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\tconst unsavedRevision: Revision = {\n\t\t\t\t\tid: 'unsaved',\n\t\t\t\t\tstyles: userConfig?.styles,\n\t\t\t\t\tsettings: userConfig?.settings,\n\t\t\t\t\t_links: userConfig?._links,\n\t\t\t\t\tauthor: {\n\t\t\t\t\t\tname: currentUser?.name || '',\n\t\t\t\t\t\t// @ts-expect-error - avatar_urls is not typed in User\n\t\t\t\t\t\tavatar_urls: currentUser?.avatar_urls || {},\n\t\t\t\t\t},\n\t\t\t\t\tmodified: new Date(),\n\t\t\t\t};\n\n\t\t\t\t_modifiedRevisions.unshift( unsavedRevision );\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t_query.per_page &&\n\t\t\t\t_query.page === Math.ceil( revisionsCount / _query.per_page )\n\t\t\t) {\n\t\t\t\t// Adds an item for the default theme styles.\n\t\t\t\t_modifiedRevisions.push( {\n\t\t\t\t\tid: 'parent',\n\t\t\t\t\tstyles: {},\n\t\t\t\t\tsettings: {},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\trevisions: _modifiedRevisions,\n\t\t\thasUnsavedChanges: isDirty,\n\t\t\tisLoading: false,\n\t\t\trevisionsCount,\n\t\t};\n\t}, [\n\t\tisDirty,\n\t\trevisions,\n\t\tcurrentUser,\n\t\tauthors,\n\t\tuserConfig,\n\t\tisLoadingGlobalStylesRevisions,\n\t\trevisionsCount,\n\t\t_query.page,\n\t\t_query.per_page,\n\t] );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAC1B,uBAGO;AACP,qBAAoC;AAKpC,qBAAoC;AAuBpC,MAAM,4BAA4B;AAAA,EACjC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc,CAAE,oBAAqB;AACtC;AACA,MAAM,gBAAgB,EAAE,UAAU,KAAK,MAAM,EAAE;AAC/C,MAAM,cAA6B,CAAC;AAErB,SAAR,yBAA2C;AAAA,EACjD;AACD,IAAoC,CAAC,GAAoC;AACxE,QAAM,EAAE,MAAM,WAAW,QAAI,2BAAY,kCAAoB;AAC7D,QAAM,aAAgB;AAAA,IACrB,OAAQ,EAAE,GAAG,eAAe,GAAG,MAAM;AAAA,IACrC,CAAE,KAAM;AAAA,EACT;AACA,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI;AAAA,IACH,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,MACD,IAAI,OAAQ,iBAAAA,KAAU;AACtB,YAAM,qBACL,oCAAoC,KAAK,CAAC;AAC3C,YAAM,eAAe,eAAe;AACpC,YAAM,WAAW,mBAAmB,SAAS;AAC7C,YAAM,iBAAiB,uCAAuC;AAC9D,YAAM,eAAe,iBAClB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACA,IACA;AACH,YAAM;AAAA;AAAA,QAEL,cAAc,SAAU,iBAAkB,IAAK,CAAE,GAAG,SAAS;AAAA;AAE9D,YAAM,wBAAuC,iBAC1C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACA,KAAK,cACL;AAEH,YAAM,WACL,SAAU,yBAA0B,KAAK,CAAC;AAC3C,YAAM,eAAe,iBAClB,YAAa,gBAAgB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACA,CAAE,IACF;AACH,aAAO;AAAA,QACN,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,gCAAgC;AAAA,QAChC,gBAAgB;AAAA,MACjB;AAAA,IACD;AAAA,IACA,CAAE,MAAO;AAAA,EACV;AACA,aAAO,wBAAS,MAAsC;AACrD,QAAK,CAAE,QAAQ,UAAU,gCAAiC;AACzD,aAAO;AAAA,QACN,WAAW;AAAA,QACX,mBAAmB;AAAA,QACnB,WAAW;AAAA,QACX;AAAA,MACD;AAAA,IACD;AAGA,UAAM,qBAAiC,UAAU,IAAK,CAAE,aAAc;AACrE,aAAO;AAAA,QACN,GAAG;AAAA,QACH,QAAQ,QAAQ;AAAA,UACf,CAAE,WAAY,OAAO,OAAO,SAAS;AAAA,QACtC;AAAA,MACD;AAAA,IACD,CAAE;AAEF,UAAM,wBAAwB,UAAU;AAExC,QAAK,uBAAwB;AAE5B,UACC,mBAAoB,CAAE,EAAE,OAAO,aAC/B,OAAO,SAAS,GACf;AACD,2BAAoB,CAAE,EAAE,WAAW;AAAA,MACpC;AAGA,UACC,WACA,cACA,OAAO,KAAM,UAAW,EAAE,SAAS,KACnC,eACA,OAAO,SAAS,GACf;AACD,cAAM,kBAA4B;AAAA,UACjC,IAAI;AAAA,UACJ,QAAQ,YAAY;AAAA,UACpB,UAAU,YAAY;AAAA,UACtB,QAAQ,YAAY;AAAA,UACpB,QAAQ;AAAA,YACP,MAAM,aAAa,QAAQ;AAAA;AAAA,YAE3B,aAAa,aAAa,eAAe,CAAC;AAAA,UAC3C;AAAA,UACA,UAAU,oBAAI,KAAK;AAAA,QACpB;AAEA,2BAAmB,QAAS,eAAgB;AAAA,MAC7C;AAEA,UACC,OAAO,YACP,OAAO,SAAS,KAAK,KAAM,iBAAiB,OAAO,QAAS,GAC3D;AAED,2BAAmB,KAAM;AAAA,UACxB,IAAI;AAAA,UACJ,QAAQ,CAAC;AAAA,UACT,UAAU,CAAC;AAAA,QACZ,CAAE;AAAA,MACH;AAAA,IACD;AAEA,WAAO;AAAA,MACN,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX;AAAA,IACD;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,EACR,CAAE;AACH;",
+  "mappings": "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",
   "names": ["coreStore"]
 }

package/build/screen-root.js

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/screen-root.tsx
 var screen_root_exports = {};
 __export(screen_root_exports, {
   default: () => screen_root_default
 });
 module.exports = __toCommonJS(screen_root_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
@@ -41,19 +42,11 @@ var import_icon_with_current_color = require("./icon-with-current-color");
 var import_navigation_button = require("./navigation-button");
 var import_root_menu = __toESM(require("./root-menu"));
 var import_preview_styles = __toESM(require("./preview-styles"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function ScreenRoot() {
-  const { hasVariations, canEditCSS } = (0, import_data.useSelect)((select) => {
-    const {
-      __experimentalGetCurrentThemeGlobalStylesVariations,
-      __experimentalGetCurrentGlobalStylesId,
-      getEntityRecord
-    } = select(import_core_data.store);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-    return {
-      hasVariations: !!__experimentalGetCurrentThemeGlobalStylesVariations()?.length,
-      canEditCSS: !!globalStyles?._links?.["wp:action-edit-css"]
-    };
+  const hasVariations = (0, import_data.useSelect)((select) => {
+    const { __experimentalGetCurrentThemeGlobalStylesVariations } = select(import_core_data.store);
+    return !!__experimentalGetCurrentThemeGlobalStylesVariations()?.length;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_components.Card,
@@ -99,32 +92,6 @@ function ScreenRoot() {
               }
             )
           ] }) }) })
-        ] }),
-        canEditCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardDivider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.CardBody, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalSpacer,
-              {
-                as: "p",
-                paddingTop: 2,
-                paddingX: "13px",
-                marginBottom: 4,
-                children: (0, import_i18n.__)(
-                  "Add your own CSS to customize the appearance and layout of your site."
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { path: "/css", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: (0, import_i18n.__)("Additional CSS") }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_icon_with_current_color.IconWithCurrentColor,
-                {
-                  icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight
-                }
-              )
-            ] }) }) })
-          ] })
         ] })
       ]
     }

package/build/screen-root.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/screen-root.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport type { GlobalStylesConfig } from '@wordpress/global-styles-engine';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\n\nfunction ScreenRoot() {\n\tconst { hasVariations, canEditCSS } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetCurrentThemeGlobalStylesVariations,\n\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\tgetEntityRecord,\n\t\t} = select( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\thasVariations:\n\t\t\t\t!! __experimentalGetCurrentThemeGlobalStylesVariations()\n\t\t\t\t\t?.length,\n\t\t\tcanEditCSS: !! ( globalStyles as GlobalStylesConfig )?._links?.[\n\t\t\t\t'wp:action-edit-css'\n\t\t\t],\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Card\n\t\t\tsize=\"small\"\n\t\t\tisBorderless\n\t\t\tclassName=\"global-styles-ui-screen-root\"\n\t\t\tisRounded={ false }\n\t\t>\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card className=\"global-styles-ui-screen-root__active-style-tile\">\n\t\t\t\t\t\t<CardMedia className=\"global-styles-ui-screen-root__active-style-tile-preview\">\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/variations\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem path=\"/blocks\">\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<>\n\t\t\t\t\t<CardDivider />\n\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/css\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</CardBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8DO;AA3DP,wBAUO;AACP,kBAA0B;AAC1B,mBAA0C;AAC1C,kBAA0B;AAC1B,uBAAmC;AAMnC,qCAAqC;AACrC,+BAAuC;AACvC,uBAAqB;AACrB,4BAA0B;AAE1B,SAAS,aAAa;AACrB,QAAM,EAAE,eAAe,WAAW,QAAI,uBAAW,CAAE,WAAY;AAC9D,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI,OAAQ,iBAAAA,KAAU;AAEtB,UAAM,iBAAiB,uCAAuC;AAC9D,UAAM,eAAe,iBAClB,gBAAiB,QAAQ,gBAAgB,cAAe,IACxD;AAEH,WAAO;AAAA,MACN,eACC,CAAC,CAAE,oDAAoD,GACpD;AAAA,MACJ,YAAY,CAAC,CAAI,cAAsC,SACtD,oBACD;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAY;AAAA,MAEZ;AAAA,oDAAC,8BACA,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,sDAAC,0BAAK,WAAU,mDACf,sDAAC,+BAAU,WAAU,2DACpB,sDAAC,sBAAAC,SAAA,EAAc,GAChB,GACD;AAAA,UACE,iBACD,4CAAC,kBAAAC,yBAAA,EACA,sDAAC,mDAAuB,MAAK,eAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BACE,8BAAI,eAAgB,GACvB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,UACC,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAE1B;AAAA,aACD,GACD,GACD;AAAA,UAED,4CAAC,iBAAAC,SAAA,EAAS;AAAA,WACX,GACD;AAAA,QAEA,4CAAC,iCAAY;AAAA,QAEb,6CAAC,8BACA;AAAA;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,IAAG;AAAA,cACH,YAAa;AAAA,cACb,UAAS;AAAA,cACT,cAAe;AAAA,cAEb;AAAA,gBACD;AAAA,cACD;AAAA;AAAA,UACD;AAAA,UACA,4CAAC,kBAAAH,yBAAA,EACA,sDAAC,mDAAuB,MAAK,WAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BAAW,8BAAI,QAAS,GAAG;AAAA,YAC5B;AAAA,cAAC;AAAA;AAAA,gBACA,UAAO,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAChC;AAAA,aACD,GACD,GACD;AAAA,WACD;AAAA,QAEE,cACD,4EACC;AAAA,sDAAC,iCAAY;AAAA,UACb,6CAAC,8BACA;AAAA;AAAA,cAAC,kBAAAE;AAAA,cAAA;AAAA,gBACA,IAAG;AAAA,gBACH,YAAa;AAAA,gBACb,UAAS;AAAA,gBACT,cAAe;AAAA,gBAEb;AAAA,kBACD;AAAA,gBACD;AAAA;AAAA,YACD;AAAA,YACA,4CAAC,kBAAAH,yBAAA,EACA,sDAAC,mDAAuB,MAAK,QAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,0DAAC,8BACE,8BAAI,gBAAiB,GACxB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,UACC,mBAAM,IAAI,2BAAc;AAAA;AAAA,cAE1B;AAAA,eACD,GACD,GACD;AAAA,aACD;AAAA,WACD;AAAA;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\n\nfunction ScreenRoot() {\n\tconst hasVariations = useSelect( ( select ) => {\n\t\tconst { __experimentalGetCurrentThemeGlobalStylesVariations } =\n\t\t\tselect( coreStore );\n\t\treturn !! __experimentalGetCurrentThemeGlobalStylesVariations()?.length;\n\t}, [] );\n\n\treturn (\n\t\t<Card\n\t\t\tsize=\"small\"\n\t\t\tisBorderless\n\t\t\tclassName=\"global-styles-ui-screen-root\"\n\t\t\tisRounded={ false }\n\t\t>\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card className=\"global-styles-ui-screen-root__active-style-tile\">\n\t\t\t\t\t\t<CardMedia className=\"global-styles-ui-screen-root__active-style-tile-preview\">\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/variations\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem path=\"/blocks\">\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAUO;AACP,kBAA0B;AAC1B,mBAA0C;AAC1C,kBAA0B;AAC1B,uBAAmC;AAKnC,qCAAqC;AACrC,+BAAuC;AACvC,uBAAqB;AACrB,4BAA0B;AAoBnB;AAlBP,SAAS,aAAa;AACrB,QAAM,oBAAgB,uBAAW,CAAE,WAAY;AAC9C,UAAM,EAAE,oDAAoD,IAC3D,OAAQ,iBAAAA,KAAU;AACnB,WAAO,CAAC,CAAE,oDAAoD,GAAG;AAAA,EAClE,GAAG,CAAC,CAAE;AAEN,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAY;AAAA,MAEZ;AAAA,oDAAC,8BACA,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,sDAAC,0BAAK,WAAU,mDACf,sDAAC,+BAAU,WAAU,2DACpB,sDAAC,sBAAAC,SAAA,EAAc,GAChB,GACD;AAAA,UACE,iBACD,4CAAC,kBAAAC,yBAAA,EACA,sDAAC,mDAAuB,MAAK,eAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BACE,8BAAI,eAAgB,GACvB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,UACC,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAE1B;AAAA,aACD,GACD,GACD;AAAA,UAED,4CAAC,iBAAAC,SAAA,EAAS;AAAA,WACX,GACD;AAAA,QAEA,4CAAC,iCAAY;AAAA,QAEb,6CAAC,8BACA;AAAA;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,IAAG;AAAA,cACH,YAAa;AAAA,cACb,UAAS;AAAA,cACT,cAAe;AAAA,cAEb;AAAA,gBACD;AAAA,cACD;AAAA;AAAA,UACD;AAAA,UACA,4CAAC,kBAAAH,yBAAA,EACA,sDAAC,mDAAuB,MAAK,WAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BAAW,8BAAI,QAAS,GAAG;AAAA,YAC5B;AAAA,cAAC;AAAA;AAAA,gBACA,UAAO,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAChC;AAAA,aACD,GACD,GACD;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,sBAAQ;",
   "names": ["coreStore", "VStack", "PreviewStyles", "ItemGroup", "HStack", "RootMenu", "Spacer"]
 }

package/build/screen-shadows.js

@@ -26,15 +26,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/screen-shadows.tsx
 var screen_shadows_exports = {};
 __export(screen_shadows_exports, {
   ScreenShadows: () => ScreenShadows,
   ScreenShadowsEdit: () => ScreenShadowsEdit
 });
 module.exports = __toCommonJS(screen_shadows_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_shadows_panel = __toESM(require("./shadows-panel"));
 var import_shadows_edit_panel = __toESM(require("./shadows-edit-panel"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function ScreenShadows() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shadows_panel.default, {});
 }

package/build/screen-shadows.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/screen-shadows.tsx"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport ShadowsPanel from './shadows-panel';\nimport ShadowsEditPanel from './shadows-edit-panel';\n\nexport function ScreenShadows() {\n\treturn <ShadowsPanel />;\n}\n\nexport function ScreenShadowsEdit() {\n\treturn <ShadowsEditPanel />;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOQ;AAJR,2BAAyB;AACzB,gCAA6B;AAEtB,SAAS,gBAAgB;AAC/B,SAAO,4CAAC,qBAAAA,SAAA,EAAa;AACtB;AAEO,SAAS,oBAAoB;AACnC,SAAO,4CAAC,0BAAAC,SAAA,EAAiB;AAC1B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,2BAAyB;AACzB,gCAA6B;AAGrB;AADD,SAAS,gBAAgB;AAC/B,SAAO,4CAAC,qBAAAA,SAAA,EAAa;AACtB;AAEO,SAAS,oBAAoB;AACnC,SAAO,4CAAC,0BAAAC,SAAA,EAAiB;AAC1B;",
   "names": ["ShadowsPanel", "ShadowsEditPanel"]
 }

package/build/screen-style-variations.js

@@ -16,16 +16,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/screen-style-variations.tsx
 var screen_style_variations_exports = {};
 __export(screen_style_variations_exports, {
   default: () => screen_style_variations_default
 });
 module.exports = __toCommonJS(screen_style_variations_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_screen_header = require("./screen-header");
 var import_style_variations_content = require("./style-variations-content");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ScreenStyleVariations() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/build/screen-style-variations.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/screen-style-variations.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { ScreenHeader } from './screen-header';\nimport { StyleVariationsContent } from './style-variations-content';\n\nfunction ScreenStyleVariations() {\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=\"global-styles-ui-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<StyleVariationsContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcE;AAXF,wBAA+B;AAC/B,kBAAmB;AAKnB,2BAA6B;AAC7B,sCAAuC;AAEvC,SAAS,wBAAwB;AAChC,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,eAAgB;AAAA,QAC5B,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,WAAU;AAAA,QAEV,sDAAC,8BACA,sDAAC,0DAAuB,GACzB;AAAA;AAAA,IACD;AAAA,KACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA+B;AAC/B,kBAAmB;AAKnB,2BAA6B;AAC7B,sCAAuC;AAIrC;AAFF,SAAS,wBAAwB;AAChC,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,eAAgB;AAAA,QAC5B,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,WAAU;AAAA,QAEV,sDAAC,8BACA,sDAAC,0DAAuB,GACzB;AAAA;AAAA,IACD;AAAA,KACD;AAEF;AAEA,IAAO,kCAAQ;",
   "names": []
 }

package/build/screen-typography-element.js

@@ -26,19 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/screen-typography-element.tsx
 var screen_typography_element_exports = {};
 __export(screen_typography_element_exports, {
   default: () => screen_typography_element_default
 });
 module.exports = __toCommonJS(screen_typography_element_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_i18n = require("@wordpress/i18n");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_typography_panel = __toESM(require("./typography-panel"));
 var import_screen_header = require("./screen-header");
 var import_typography_preview = __toESM(require("./typography-preview"));
-const elements = {
+var import_jsx_runtime = require("react/jsx-runtime");
+var elements = {
   text: {
     description: (0, import_i18n.__)("Manage the fonts used on the site."),
     title: (0, import_i18n.__)("Text")

package/build/screen-typography-element.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/screen-typography-element.tsx"],
   "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 './screen-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\ninterface ScreenTypographyElementProps {\n\telement: keyof typeof elements;\n}\n\nfunction ScreenTypographyElement( { element }: ScreenTypographyElementProps ) {\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={ ( value ) =>\n\t\t\t\t\t\t\tsetHeadingLevel( value as string )\n\t\t\t\t\t\t}\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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",
+  "mappings": "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",
   "names": ["Spacer", "TypographyPreview", "ToggleGroupControl", "ToggleGroupControlOption", "TypographyPanel"]
 }

package/build/screen-typography.js

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/screen-typography.tsx
 var screen_typography_exports = {};
 __export(screen_typography_exports, {
   default: () => screen_typography_default
 });
 module.exports = __toCommonJS(screen_typography_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_i18n = require("@wordpress/i18n");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
@@ -41,6 +42,7 @@ var import_variations_typography = __toESM(require("./variations/variations-typo
 var import_font_families = __toESM(require("./font-families"));
 var import_font_sizes_count = __toESM(require("./font-sizes/font-sizes-count"));
 var import_context = require("./context");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ScreenTypography() {
   const { fontLibraryEnabled } = (0, import_element.useContext)(import_context.GlobalStylesContext);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [

package/build/screen-typography.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/screen-typography.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ScreenHeader } from './screen-header';\nimport TypographyElements from './typography-elements';\nimport TypographyVariations from './variations/variations-typography';\nimport FontFamilies from './font-families';\nimport FontSizesCount from './font-sizes/font-sizes-count';\nimport { GlobalStylesContext } from './context';\n\nfunction ScreenTypography() {\n\tconst { fontLibraryEnabled } = useContext( GlobalStylesContext );\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=\"global-styles-ui-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;AAAA;AAAA;AAAA;AAAA;AAqBE;AAlBF,kBAAmB;AACnB,wBAA+C;AAC/C,qBAA2B;AAK3B,2BAA6B;AAC7B,iCAA+B;AAC/B,mCAAiC;AACjC,2BAAyB;AACzB,8BAA2B;AAC3B,qBAAoC;AAEpC,SAAS,mBAAmB;AAC3B,QAAM,EAAE,mBAAmB,QAAI,2BAAY,kCAAoB;AAE/D,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,YAAa;AAAA,QACzB,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,SAAI,WAAU,2BACd,uDAAC,kBAAAA,sBAAA,EAAO,SAAU,GACjB;AAAA,kDAAC,6BAAAC,SAAA,EAAqB,WAAQ,gBAAI,UAAW,GAAI;AAAA,MAC/C,sBAAsB,4CAAC,qBAAAC,SAAA,EAAa;AAAA,MACtC,4CAAC,2BAAAC,SAAA,EAAmB;AAAA,MACpB,4CAAC,wBAAAC,SAAA,EAAe;AAAA,OACjB,GACD;AAAA,KACD;AAEF;AAEA,IAAO,4BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,wBAA+C;AAC/C,qBAA2B;AAK3B,2BAA6B;AAC7B,iCAA+B;AAC/B,mCAAiC;AACjC,2BAAyB;AACzB,8BAA2B;AAC3B,qBAAoC;AAMlC;AAJF,SAAS,mBAAmB;AAC3B,QAAM,EAAE,mBAAmB,QAAI,2BAAY,kCAAoB;AAE/D,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,YAAa;AAAA,QACzB,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,SAAI,WAAU,2BACd,uDAAC,kBAAAA,sBAAA,EAAO,SAAU,GACjB;AAAA,kDAAC,6BAAAC,SAAA,EAAqB,WAAQ,gBAAI,UAAW,GAAI;AAAA,MAC/C,sBAAsB,4CAAC,qBAAAC,SAAA,EAAa;AAAA,MACtC,4CAAC,2BAAAC,SAAA,EAAmB;AAAA,MACpB,4CAAC,wBAAAC,SAAA,EAAe;AAAA,OACjB,GACD;AAAA,KACD;AAEF;AAEA,IAAO,4BAAQ;",
   "names": ["VStack", "TypographyVariations", "FontFamilies", "TypographyElements", "FontSizesCount"]
 }

package/build/shadow-utils.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/shadow-utils.ts
 var shadow_utils_exports = {};
 __export(shadow_utils_exports, {
   CUSTOM_VALUE_SETTINGS: () => CUSTOM_VALUE_SETTINGS,
@@ -24,7 +26,7 @@ __export(shadow_utils_exports, {
   shadowStringToObject: () => shadowStringToObject
 });
 module.exports = __toCommonJS(shadow_utils_exports);
-const CUSTOM_VALUE_SETTINGS = {
+var CUSTOM_VALUE_SETTINGS = {
   px: { max: 20, step: 1 },
   "%": { max: 100, step: 1 },
   vw: { max: 100, step: 1 },

package/build/shadow-utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/shadow-utils.ts"],
   "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 interface ShadowObject {\n\tx: string;\n\ty: string;\n\tblur: string;\n\tspread: string;\n\tcolor: string;\n\tinset: boolean;\n}\n\nexport function getShadowParts( shadow: string ): string[] {\n\tconst shadowValues = shadow.match( /(?:[^,(]|\\([^)]*\\))+/g ) || [];\n\treturn shadowValues.map( ( value ) => value.trim() );\n}\n\nexport function shadowStringToObject( shadowValue: string ): ShadowObject {\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: ShadowObject = {\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: ShadowObject ): string {\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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,wBAAwB;AAAA,EACpC,IAAI,EAAE,KAAK,IAAI,MAAM,EAAE;AAAA,EACvB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACxB,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACxB,IAAI,EAAE,KAAK,IAAI,MAAM,IAAI;AAAA,EACzB,IAAI,EAAE,KAAK,IAAI,MAAM,IAAI;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACxB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACxB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EACzB,MAAM,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EAC1B,OAAO,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EAC3B,OAAO,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EAC3B,OAAO,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EAC3B,MAAM,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EAC1B,OAAO,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EAC3B,OAAO,EAAE,KAAK,KAAK,MAAM,EAAE;AAAA,EAC3B,OAAO,EAAE,KAAK,KAAK,MAAM,EAAE;AAC5B;AAWO,SAAS,eAAgB,QAA2B;AAC1D,QAAM,eAAe,OAAO,MAAO,uBAAwB,KAAK,CAAC;AACjE,SAAO,aAAa,IAAK,CAAE,UAAW,MAAM,KAAK,CAAE;AACpD;AAEO,SAAS,qBAAsB,aAAoC;AAezE,QAAM,gBAA8B;AAAA,IACnC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACR;AAEA,MAAK,CAAE,aAAc;AACpB,WAAO;AAAA,EACR;AAIA,MAAK,YAAY,SAAU,MAAO,GAAI;AACrC,WAAO;AAAA,EACR;AAMA,QAAM,eACL;AACD,QAAM,UAAU,YAAY,MAAO,YAAa,KAAK,CAAC;AAKtD,MAAK,QAAQ,WAAW,GAAI;AAC3B,WAAO;AAAA,EACR;AAGA,QAAM,UAAU,QAAS,CAAE,EACzB,MAAO,GAAI,EACX,IAAK,CAAE,UAAW,MAAM,KAAK,CAAE,EAC/B,OAAQ,CAAE,UAAW,KAAM;AAG7B,MAAK,QAAQ,SAAS,GAAI;AACzB,WAAO;AAAA,EACR;AAIA,QAAM,SAAS,YAAY,MAAO,SAAU,KAAK,CAAC;AAClD,MAAK,OAAO,SAAS,GAAI;AACxB,WAAO;AAAA,EACR;AAGA,QAAM,WAAW,OAAO,WAAW;AACnC,MAAI,cAAc,YAAY,QAAS,cAAc,EAAG,EAAE,KAAK;AAC/D,MAAK,UAAW;AACf,kBAAc,YACZ,QAAS,SAAS,EAAG,EACrB,QAAS,SAAS,EAAG,EACrB,KAAK;AAAA,EACR;AAKA,QAAM,aACL;AACD,MAAI,gBAAiB,YAAY,MAAO,UAAW,KAAK,CAAC,GACvD,IAAK,CAAE,UAAW,OAAO,KAAK,CAAE,EAChC,OAAQ,CAAE,UAAW,KAAM;AAG7B,MAAK,aAAa,SAAS,GAAI;AAC9B,WAAO;AAAA,EACR,WAAY,aAAa,WAAW,GAAI;AAEvC,mBAAe,YACb,KAAK,EACL,MAAO,GAAI,EACX,OAAQ,CAAE,UAAW,KAAM;AAE7B,QAAK,aAAa,SAAS,GAAI;AAC9B,aAAO;AAAA,IACR;AAAA,EACD;AAGA,QAAM,CAAE,GAAG,GAAG,MAAM,MAAO,IAAI;AAC/B,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA,MAAM,QAAQ,cAAc;AAAA,IAC5B,QAAQ,UAAU,cAAc;AAAA,IAChC,OAAO;AAAA,IACP,OAAO,eAAe,cAAc;AAAA,EACrC;AACD;AAEO,SAAS,qBAAsB,WAAkC;AACvE,QAAM,eAAe,GAAI,UAAU,KAAK,KAAM,IAAK,UAAU,KAAK,KAAM,IACvE,UAAU,QAAQ,KACnB,IAAK,UAAU,UAAU,KAAM;AAE/B,SAAO,GAAI,UAAU,QAAQ,UAAU,EAAG,IAAK,YAAa,IAC3D,UAAU,SAAS,EACpB,GAAG,KAAK;AACT;",
+  "mappings": "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",
   "names": []
 }

package/build/shadows-edit-panel.js

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/shadows-edit-panel.tsx
 var shadows_edit_panel_exports = {};
 __export(shadows_edit_panel_exports, {
   default: () => ShadowsEditPanel
 });
 module.exports = __toCommonJS(shadows_edit_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
@@ -43,8 +44,9 @@ var import_shadows_panel = require("./shadows-panel");
 var import_shadow_utils = require("./shadow-utils");
 var import_hooks = require("./hooks");
 var import_lock_unlock = require("./lock-unlock");
-const { Menu } = (0, import_lock_unlock.unlock)(import_components.privateApis);
-const customShadowMenuItems = [
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Menu } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var customShadowMenuItems = [
   {
     label: (0, import_i18n.__)("Rename"),
     action: "rename"
@@ -54,7 +56,7 @@ const customShadowMenuItems = [
     action: "delete"
   }
 ];
-const presetShadowMenuItems = [
+var presetShadowMenuItems = [
   {
     label: (0, import_i18n.__)("Reset"),
     action: "reset"

package/build/shadows-edit-panel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/shadows-edit-panel.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tuseNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Subtitle } from './subtitle';\nimport { ScreenHeader } from './screen-header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\nimport { useSetting } from './hooks';\nimport { unlock } from './lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst { goBack, params } = useNavigator();\n\tconst { category, slug } = params;\n\n\tconst [ shadows, setShadows ] = useSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow: any ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows || [] ).find( ( shadow: any ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows || [] ).find( ( b: any ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState< string | undefined >(\n\t\tselectedShadow?.name\n\t);\n\n\tif ( ! category || ! slug ) {\n\t\treturn null;\n\t}\n\n\tconst onShadowChange = ( shadow: string ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s: any ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action: string ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s: any ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s: any ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName: string | undefined ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s: any ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tonMenuClick( item.action )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow?.shadow\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"global-styles-ui-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %s: Name of the shadow preset. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Are you sure you want to delete \"%s\" shadow preset?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName ?? '' }\n\t\t\t\t\t\t\tonChange={ setShadowName }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\ninterface ShadowsPreviewProps {\n\tshadow: string;\n}\n\nfunction ShadowsPreview( { shadow }: ShadowsPreviewProps ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talignment=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"global-styles-ui__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"global-styles-ui__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\ninterface ShadowEditorProps {\n\tshadow: string;\n\tonChange: ( shadow: string ) => void;\n}\n\nfunction ShadowEditor( { shadow, onChange }: ShadowEditorProps ) {\n\tconst addShadowButtonRef = useRef< HTMLButtonElement >( null );\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index: number, part: string ) => {\n\t\tconst newShadowParts = [ ...shadowParts ];\n\t\tnewShadowParts[ index ] = part;\n\t\tonChange( newShadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tonChange( [ ...shadowParts, defaultShadow ].join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index: number ) => {\n\t\tonChange( shadowParts.filter( ( p, i ) => i !== index ).join( ', ' ) );\n\t\taddShadowButtonRef.current?.focus();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t<FlexItem className=\"global-styles-ui__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tref={ addShadowButtonRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\ninterface ShadowItemProps {\n\tshadow: string;\n\tonChange: ( shadow: string ) => void;\n\tcanRemove: boolean;\n\tonRemove: () => void;\n}\n\nfunction ShadowItem( {\n\tshadow,\n\tonChange,\n\tcanRemove,\n\tonRemove,\n}: ShadowItemProps ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start' as const,\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow: any ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"global-styles-ui__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'global-styles-ui__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRemove();\n\t\t\t\t\t},\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'global-styles-ui__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"global-styles-ui__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\ninterface ShadowPopoverProps {\n\tshadowObj: any;\n\tonChange: ( shadow: any ) => void;\n}\n\nfunction ShadowPopover( { shadowObj, onChange }: ShadowPopoverProps ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key: string, value: any ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 4 } className=\"global-styles-ui__shadow-editor-panel\">\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\tlabel={ __( 'Shadow Type' ) }\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\ninterface ShadowInputControlProps {\n\tlabel: string;\n\tvalue: string;\n\tonChange: ( value: string ) => void;\n}\n\nfunction ShadowInputControl( {\n\tlabel,\n\tvalue,\n\tonChange,\n}: ShadowInputControlProps ) {\n\tconst onValueChange = ( next: string | undefined ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["componentsPrivateApis", "HStack", "Spacer", "ConfirmDialog", "InputControl", "VStack", "ItemGroup", "clsx", "shadowIcon", "DropdownContentWrapper", "ToggleGroupControl", "ToggleGroupControlOption", "Grid", "UnitControl"]
 }

package/build/shadows-panel.js

@@ -26,13 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/shadows-panel.tsx
 var shadows_panel_exports = {};
 __export(shadows_panel_exports, {
   default: () => ShadowsPanel,
   defaultShadow: () => defaultShadow
 });
 module.exports = __toCommonJS(shadows_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
@@ -44,8 +45,9 @@ var import_utils = require("./utils");
 var import_confirm_reset_shadow_dialog = __toESM(require("./confirm-reset-shadow-dialog"));
 var import_hooks = require("./hooks");
 var import_lock_unlock = require("./lock-unlock");
-const { Menu } = (0, import_lock_unlock.unlock)(import_components.privateApis);
-const defaultShadow = "6px 6px 9px rgba(0, 0, 0, 0.2)";
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Menu } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var defaultShadow = "6px 6px 9px rgba(0, 0, 0, 0.2)";
 function ShadowsPanel() {
   const [defaultShadows] = (0, import_hooks.useSetting)("shadow.presets.default");
   const [defaultShadowsEnabled] = (0, import_hooks.useSetting)("shadow.defaultPresets");

package/build/shadows-panel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/shadows-panel.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Subtitle } from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport { ScreenHeader } from './screen-header';\nimport { getNewIndexFromPresets } from './utils';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\nimport { useSetting } from './hooks';\nimport { unlock } from './lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useSetting( 'shadow.defaultPresets' );\n\tconst [ themeShadows ] = useSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow: any ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"global-styles-ui-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"global-styles-ui__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\ninterface ShadowListProps {\n\tlabel: string;\n\tshadows: any[];\n\tcategory: string;\n\tcanCreate?: boolean;\n\tonCreate?: ( shadow: any ) => void;\n\tonReset?: () => void;\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n}: ShadowListProps ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate?.( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %d: is an index for a preset */\n\t\t\t\t__( 'Shadow %d' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t<FlexItem className=\"global-styles-ui__shadows-panel__options-container\">\n\t\t\t\t\t{ canCreate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\ninterface ShadowItemProps {\n\tshadow: any;\n\tcategory: string;\n}\n\nfunction ShadowItem( { shadow, category }: ShadowItemProps ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["componentsPrivateApis", "ConfirmResetShadowDialog", "VStack", "HStack", "ItemGroup"]
 }

package/build/size-control/index.js

@@ -16,14 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/size-control/index.tsx
 var size_control_exports = {};
 __export(size_control_exports, {
   SizeControl: () => SizeControl
 });
 module.exports = __toCommonJS(size_control_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
-const DEFAULT_UNITS = ["px", "em", "rem", "vw", "vh"];
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_UNITS = ["px", "em", "rem", "vw", "vh"];
 function SizeControl({
   // Do not allow manipulation of margin bottom
   __nextHasNoMarginBottom,