@wordpress/edit-site 5.34.0 → 6.0.0

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.GlobalStylesMenuSlot = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
@@ -22,14 +21,15 @@ var _screenTypography = _interopRequireDefault(require("./screen-typography"));
 var _screenTypographyElement = _interopRequireDefault(require("./screen-typography-element"));
 var _screenColors = _interopRequireDefault(require("./screen-colors"));
 var _screenColorPalette = _interopRequireDefault(require("./screen-color-palette"));
+var _screenShadows = require("./screen-shadows");
 var _screenLayout = _interopRequireDefault(require("./screen-layout"));
 var _screenStyleVariations = _interopRequireDefault(require("./screen-style-variations"));
 var _styleBook = _interopRequireDefault(require("../style-book"));
 var _screenCss = _interopRequireDefault(require("./screen-css"));
 var _screenRevisions = _interopRequireDefault(require("./screen-revisions"));
-var _screenBackground = _interopRequireDefault(require("./screen-background"));
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -77,31 +77,46 @@ function GlobalStylesActionMenu() {
     setEditorCanvasContainerView('global-styles-css');
     goTo('/css');
   };
-  return (0, _react.createElement)(GlobalStylesMenuFill, null, (0, _react.createElement)(_components.DropdownMenu, {
-    icon: _icons.moreVertical,
-    label: (0, _i18n.__)('More')
-  }, ({
-    onClose
-  }) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuGroup, null, canEditCSS && (0, _react.createElement)(_components.MenuItem, {
-    onClick: loadCustomCSS
-  }, (0, _i18n.__)('Additional CSS')), (0, _react.createElement)(_components.MenuItem, {
-    onClick: () => {
-      toggle('core/edit-site', 'welcomeGuideStyles');
-      onClose();
-    }
-  }, (0, _i18n.__)('Welcome Guide'))), (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
-    onClick: () => {
-      onReset();
-      onClose();
-    },
-    disabled: !canReset
-  }, (0, _i18n.__)('Reset styles'))))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesMenuFill, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+      icon: _icons.moreVertical,
+      label: (0, _i18n.__)('More'),
+      toggleProps: {
+        size: 'compact'
+      },
+      children: ({
+        onClose
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
+          children: [canEditCSS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+            onClick: loadCustomCSS,
+            children: (0, _i18n.__)('Additional CSS')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+            onClick: () => {
+              toggle('core/edit-site', 'welcomeGuideStyles');
+              onClose();
+            },
+            children: (0, _i18n.__)('Welcome Guide')
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+            onClick: () => {
+              onReset();
+              onClose();
+            },
+            disabled: !canReset,
+            children: (0, _i18n.__)('Reset styles')
+          })
+        })]
+      })
+    })
+  });
 }
 function GlobalStylesNavigationScreen({
   className,
   ...props
 }) {
-  return (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorScreen, {
     className: ['edit-site-global-styles-sidebar__navigator-screen', className].filter(Boolean).join(' '),
     ...props
   });
@@ -111,13 +126,13 @@ function BlockStylesNavigationScreens({
   blockStyles,
   blockName
 }) {
-  return blockStyles.map((style, index) => (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    key: index,
-    path: parentMenu + '/variations/' + style.name
-  }, (0, _react.createElement)(_screenBlock.default, {
-    name: blockName,
-    variation: style.name
-  })));
+  return blockStyles.map((style, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+    path: parentMenu + '/variations/' + style.name,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenBlock.default, {
+      name: blockName,
+      variation: style.name
+    })
+  }, index));
 }
 function ContextScreens({
   name,
@@ -129,22 +144,25 @@ function ContextScreens({
     } = select(_blocks.store);
     return getBlockStyles(name);
   }, [name]);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: parentMenu + '/colors/palette'
-  }, (0, _react.createElement)(_screenColorPalette.default, {
-    name: name
-  })), !!blockStyleVariations?.length && (0, _react.createElement)(BlockStylesNavigationScreens, {
-    parentMenu: parentMenu,
-    blockStyles: blockStyleVariations,
-    blockName: name
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: parentMenu + '/colors/palette',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenColorPalette.default, {
+        name: name
+      })
+    }), !!blockStyleVariations?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockStylesNavigationScreens, {
+      parentMenu: parentMenu,
+      blockStyles: blockStyleVariations,
+      blockName: name
+    })]
+  });
 }
 function GlobalStylesStyleBook() {
   const navigator = (0, _components.__experimentalUseNavigator)();
   const {
     path
   } = navigator.location;
-  return (0, _react.createElement)(_styleBook.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styleBook.default, {
     isSelected: blockName =>
     // Match '/blocks/core%2Fbutton' and
     // '/blocks/core%2Fbutton/typography', but not
@@ -244,57 +262,74 @@ function GlobalStylesEditorCanvasContainerLink() {
 function GlobalStylesUI() {
   const blocks = (0, _blocks.getBlockTypes)();
   const editorCanvasContainerView = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(), []);
-  return (0, _react.createElement)(_components.__experimentalNavigatorProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalNavigatorProvider, {
     className: "edit-site-global-styles-sidebar__navigator-provider",
-    initialPath: "/"
-  }, (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/"
-  }, (0, _react.createElement)(_screenRoot.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/variations"
-  }, (0, _react.createElement)(_screenStyleVariations.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/blocks"
-  }, (0, _react.createElement)(_screenBlockList.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/typography"
-  }, (0, _react.createElement)(_screenTypography.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/typography/text"
-  }, (0, _react.createElement)(_screenTypographyElement.default, {
-    element: "text"
-  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/typography/link"
-  }, (0, _react.createElement)(_screenTypographyElement.default, {
-    element: "link"
-  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/typography/heading"
-  }, (0, _react.createElement)(_screenTypographyElement.default, {
-    element: "heading"
-  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/typography/caption"
-  }, (0, _react.createElement)(_screenTypographyElement.default, {
-    element: "caption"
-  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/typography/button"
-  }, (0, _react.createElement)(_screenTypographyElement.default, {
-    element: "button"
-  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/colors"
-  }, (0, _react.createElement)(_screenColors.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/layout"
-  }, (0, _react.createElement)(_screenLayout.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: "/css"
-  }, (0, _react.createElement)(_screenCss.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: '/revisions'
-  }, (0, _react.createElement)(_screenRevisions.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    path: '/background'
-  }, (0, _react.createElement)(_screenBackground.default, null)), blocks.map(block => (0, _react.createElement)(GlobalStylesNavigationScreen, {
-    key: 'menu-block-' + block.name,
-    path: '/blocks/' + encodeURIComponent(block.name)
-  }, (0, _react.createElement)(_screenBlock.default, {
-    name: block.name
-  }))), (0, _react.createElement)(ContextScreens, null), blocks.map(block => (0, _react.createElement)(ContextScreens, {
-    key: 'screens-block-' + block.name,
-    name: block.name,
-    parentMenu: '/blocks/' + encodeURIComponent(block.name)
-  })), 'style-book' === editorCanvasContainerView && (0, _react.createElement)(GlobalStylesStyleBook, null), (0, _react.createElement)(GlobalStylesActionMenu, null), (0, _react.createElement)(GlobalStylesBlockLink, null), (0, _react.createElement)(GlobalStylesEditorCanvasContainerLink, null));
+    initialPath: "/",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenRoot.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/variations",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenStyleVariations.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/blocks",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenBlockList.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/typography",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypography.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/typography/text",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypographyElement.default, {
+        element: "text"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/typography/link",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypographyElement.default, {
+        element: "link"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/typography/heading",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypographyElement.default, {
+        element: "heading"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/typography/caption",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypographyElement.default, {
+        element: "caption"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/typography/button",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypographyElement.default, {
+        element: "button"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/colors",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenColors.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/shadows",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenShadows.ScreenShadows, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/shadows/edit/:category/:slug",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenShadows.ScreenShadowsEdit, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/layout",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenLayout.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/css",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenCss.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/revisions",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenRevisions.default, {})
+    }), blocks.map(block => /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: '/blocks/' + encodeURIComponent(block.name),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenBlock.default, {
+        name: block.name
+      })
+    }, 'menu-block-' + block.name)), /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextScreens, {}), blocks.map(block => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextScreens, {
+      name: block.name,
+      parentMenu: '/blocks/' + encodeURIComponent(block.name)
+    }, 'screens-block-' + block.name)), 'style-book' === editorCanvasContainerView && /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesStyleBook, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesActionMenu, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesBlockLink, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesEditorCanvasContainerLink, {})]
+  });
 }
 var _default = exports.default = GlobalStylesUI;
 //# sourceMappingURL=ui.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_screenColors","_screenColorPalette","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_screenBackground","_lockUnlock","_store","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SLOT_FILL_NAME","useGlobalStylesReset","unlock","blockEditorPrivateApis","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","canReset","onReset","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","editSiteStore","goTo","useNavigator","loadCustomCSS","_react","createElement","DropdownMenu","icon","moreVertical","label","__","onClose","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","__experimentalNavigatorScreen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","key","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","GlobalStylesUI","blocks","getBlockTypes","__experimentalNavigatorProvider","initialPath","element","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\n\tcreateSlotFill,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport ScreenBackground from './screen-background';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( 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\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\tgoTo( '/css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'More' ) }>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\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\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset styles' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tgoTo( '/revisions' );\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\tcase 'style-book':\n\t\t\t\t/*\n\t\t\t\t * The stand-alone style book is open\n\t\t\t\t * and the revisions panel is open,\n\t\t\t\t * close the revisions panel.\n\t\t\t\t * Otherwise keep the style book open while\n\t\t\t\t * browsing global styles panel.\n\t\t\t\t */\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t/*\n\t\t\t\t * Example: the user has navigated to \"Browse styles\" or elsewhere\n\t\t\t\t * and changes the editorCanvasContainerView, e.g., closes the style book.\n\t\t\t\t * The panel should not be affected.\n\t\t\t\t * Exclude revisions panel from this behavior,\n\t\t\t\t * as it should close when the editorCanvasContainerView doesn't correspond.\n\t\t\t\t */\n\t\t\t\tif ( path !== '/' && ! isRevisionsOpen ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tgoTo( '/' );\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/revisions' }>\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/background' }>\n\t\t\t\t<ScreenBackground />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_screenColors","_screenColorPalette","_screenShadows","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SLOT_FILL_NAME","useGlobalStylesReset","unlock","blockEditorPrivateApis","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","canReset","onReset","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","editSiteStore","goTo","useNavigator","loadCustomCSS","jsx","children","DropdownMenu","icon","moreVertical","label","__","toggleProps","size","onClose","jsxs","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","__experimentalNavigatorScreen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","GlobalStylesUI","blocks","getBlockTypes","__experimentalNavigatorProvider","initialPath","element","ScreenShadows","ScreenShadowsEdit","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\n\tcreateSlotFill,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( 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\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\tgoTo( '/css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\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\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset styles' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tgoTo( '/revisions' );\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\tcase 'style-book':\n\t\t\t\t/*\n\t\t\t\t * The stand-alone style book is open\n\t\t\t\t * and the revisions panel is open,\n\t\t\t\t * close the revisions panel.\n\t\t\t\t * Otherwise keep the style book open while\n\t\t\t\t * browsing global styles panel.\n\t\t\t\t */\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t/*\n\t\t\t\t * Example: the user has navigated to \"Browse styles\" or elsewhere\n\t\t\t\t * and changes the editorCanvasContainerView, e.g., closes the style book.\n\t\t\t\t * The panel should not be affected.\n\t\t\t\t * Exclude revisions panel from this behavior,\n\t\t\t\t * as it should close when the editorCanvasContainerView doesn't correspond.\n\t\t\t\t */\n\t\t\t\tif ( path !== '/' && ! isRevisionsOpen ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tgoTo( '/' );\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/revisions\">\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFontFamilies = getFontFamilies;
+exports.getNewIndexFromPresets = getNewIndexFromPresets;
 exports.getVariationClassName = getVariationClassName;
 /**
  *
@@ -17,6 +18,33 @@ function getVariationClassName(variation) {
   }
   return `is-style-${variation}`;
 }
+
+/**
+ * Iterates through the presets array and searches for slugs that start with the specified
+ * slugPrefix followed by a numerical suffix. It identifies the highest numerical suffix found
+ * and returns one greater than the highest found suffix, ensuring that the new index is unique.
+ *
+ * @param {Array}  presets    The array of preset objects, each potentially containing a slug property.
+ * @param {string} slugPrefix The prefix to look for in the preset slugs.
+ *
+ * @return {number} The next available index for a preset with the specified slug prefix, or 1 if no matching slugs are found.
+ */
+function getNewIndexFromPresets(presets, slugPrefix) {
+  const nameRegex = new RegExp(`^${slugPrefix}([\\d]+)$`);
+  const highestPresetValue = presets.reduce((currentHighest, preset) => {
+    if (typeof preset?.slug === 'string') {
+      const matches = preset?.slug.match(nameRegex);
+      if (matches) {
+        const id = parseInt(matches[1], 10);
+        if (id > currentHighest) {
+          return id;
+        }
+      }
+    }
+    return currentHighest;
+  }, 0);
+  return highestPresetValue + 1;
+}
 function getFontFamilyFromSetting(fontFamilies, setting) {
   if (!Array.isArray(fontFamilies) || !setting) {
     return null;

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

@@ -1 +1 @@
-{"version":3,"names":["getVariationClassName","variation","getFontFamilyFromSetting","fontFamilies","setting","Array","isArray","fontFamilyVariable","replace","fontFamilySlug","split","slice","find","fontFamily","slug","getFontFamilies","themeJson","settings","typography","theme","bodyFontFamilySetting","styles","bodyFontFamily","headingFontFamilySetting","elements","heading","headingFontFamily"],"sources":["@wordpress/edit-site/src/components/global-styles/utils.js"],"sourcesContent":["/**\n *\n * @param {string} variation The variation name.\n *\n * @return {string} The variation class name.\n */\nexport function getVariationClassName( variation ) {\n\tif ( ! variation ) {\n\t\treturn '';\n\t}\n\treturn `is-style-${ variation }`;\n}\n\nfunction getFontFamilyFromSetting( fontFamilies, setting ) {\n\tif ( ! Array.isArray( fontFamilies ) || ! setting ) {\n\t\treturn null;\n\t}\n\n\tconst fontFamilyVariable = setting.replace( 'var(', '' ).replace( ')', '' );\n\tconst fontFamilySlug = fontFamilyVariable?.split( '--' ).slice( -1 )[ 0 ];\n\n\treturn fontFamilies.find(\n\t\t( fontFamily ) => fontFamily.slug === fontFamilySlug\n\t);\n}\n\nexport function getFontFamilies( themeJson ) {\n\tconst fontFamilies = themeJson?.settings?.typography?.fontFamilies?.theme; // TODO this could not be under theme.\n\tconst bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;\n\tconst bodyFontFamily = getFontFamilyFromSetting(\n\t\tfontFamilies,\n\t\tbodyFontFamilySetting\n\t);\n\n\tconst headingFontFamilySetting =\n\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily;\n\n\tlet headingFontFamily;\n\tif ( ! headingFontFamilySetting ) {\n\t\theadingFontFamily = bodyFontFamily;\n\t} else {\n\t\theadingFontFamily = getFontFamilyFromSetting(\n\t\t\tfontFamilies,\n\t\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily\n\t\t);\n\t}\n\n\treturn [ bodyFontFamily, headingFontFamily ];\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,qBAAqBA,CAAEC,SAAS,EAAG;EAClD,IAAK,CAAEA,SAAS,EAAG;IAClB,OAAO,EAAE;EACV;EACA,OAAQ,YAAYA,SAAW,EAAC;AACjC;AAEA,SAASC,wBAAwBA,CAAEC,YAAY,EAAEC,OAAO,EAAG;EAC1D,IAAK,CAAEC,KAAK,CAACC,OAAO,CAAEH,YAAa,CAAC,IAAI,CAAEC,OAAO,EAAG;IACnD,OAAO,IAAI;EACZ;EAEA,MAAMG,kBAAkB,GAAGH,OAAO,CAACI,OAAO,CAAE,MAAM,EAAE,EAAG,CAAC,CAACA,OAAO,CAAE,GAAG,EAAE,EAAG,CAAC;EAC3E,MAAMC,cAAc,GAAGF,kBAAkB,EAAEG,KAAK,CAAE,IAAK,CAAC,CAACC,KAAK,CAAE,CAAC,CAAE,CAAC,CAAE,CAAC,CAAE;EAEzE,OAAOR,YAAY,CAACS,IAAI,CACrBC,UAAU,IAAMA,UAAU,CAACC,IAAI,KAAKL,cACvC,CAAC;AACF;AAEO,SAASM,eAAeA,CAAEC,SAAS,EAAG;EAC5C,MAAMb,YAAY,GAAGa,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAEf,YAAY,EAAEgB,KAAK,CAAC,CAAC;EAC3E,MAAMC,qBAAqB,GAAGJ,SAAS,EAAEK,MAAM,EAAEH,UAAU,EAAEL,UAAU;EACvE,MAAMS,cAAc,GAAGpB,wBAAwB,CAC9CC,YAAY,EACZiB,qBACD,CAAC;EAED,MAAMG,wBAAwB,GAC7BP,SAAS,EAAEK,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEP,UAAU,EAAEL,UAAU;EAE7D,IAAIa,iBAAiB;EACrB,IAAK,CAAEH,wBAAwB,EAAG;IACjCG,iBAAiB,GAAGJ,cAAc;EACnC,CAAC,MAAM;IACNI,iBAAiB,GAAGxB,wBAAwB,CAC3CC,YAAY,EACZa,SAAS,EAAEK,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEP,UAAU,EAAEL,UACnD,CAAC;EACF;EAEA,OAAO,CAAES,cAAc,EAAEI,iBAAiB,CAAE;AAC7C","ignoreList":[]}
+{"version":3,"names":["getVariationClassName","variation","getNewIndexFromPresets","presets","slugPrefix","nameRegex","RegExp","highestPresetValue","reduce","currentHighest","preset","slug","matches","match","id","parseInt","getFontFamilyFromSetting","fontFamilies","setting","Array","isArray","fontFamilyVariable","replace","fontFamilySlug","split","slice","find","fontFamily","getFontFamilies","themeJson","settings","typography","theme","bodyFontFamilySetting","styles","bodyFontFamily","headingFontFamilySetting","elements","heading","headingFontFamily"],"sources":["@wordpress/edit-site/src/components/global-styles/utils.js"],"sourcesContent":["/**\n *\n * @param {string} variation The variation name.\n *\n * @return {string} The variation class name.\n */\nexport function getVariationClassName( variation ) {\n\tif ( ! variation ) {\n\t\treturn '';\n\t}\n\treturn `is-style-${ variation }`;\n}\n\n/**\n * Iterates through the presets array and searches for slugs that start with the specified\n * slugPrefix followed by a numerical suffix. It identifies the highest numerical suffix found\n * and returns one greater than the highest found suffix, ensuring that the new index is unique.\n *\n * @param {Array}  presets    The array of preset objects, each potentially containing a slug property.\n * @param {string} slugPrefix The prefix to look for in the preset slugs.\n *\n * @return {number} The next available index for a preset with the specified slug prefix, or 1 if no matching slugs are found.\n */\nexport function getNewIndexFromPresets( presets, slugPrefix ) {\n\tconst nameRegex = new RegExp( `^${ slugPrefix }([\\\\d]+)$` );\n\tconst highestPresetValue = presets.reduce( ( currentHighest, preset ) => {\n\t\tif ( typeof preset?.slug === 'string' ) {\n\t\t\tconst matches = preset?.slug.match( nameRegex );\n\t\t\tif ( matches ) {\n\t\t\t\tconst id = parseInt( matches[ 1 ], 10 );\n\t\t\t\tif ( id > currentHighest ) {\n\t\t\t\t\treturn id;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn currentHighest;\n\t}, 0 );\n\treturn highestPresetValue + 1;\n}\n\nfunction getFontFamilyFromSetting( fontFamilies, setting ) {\n\tif ( ! Array.isArray( fontFamilies ) || ! setting ) {\n\t\treturn null;\n\t}\n\n\tconst fontFamilyVariable = setting.replace( 'var(', '' ).replace( ')', '' );\n\tconst fontFamilySlug = fontFamilyVariable?.split( '--' ).slice( -1 )[ 0 ];\n\n\treturn fontFamilies.find(\n\t\t( fontFamily ) => fontFamily.slug === fontFamilySlug\n\t);\n}\n\nexport function getFontFamilies( themeJson ) {\n\tconst fontFamilies = themeJson?.settings?.typography?.fontFamilies?.theme; // TODO this could not be under theme.\n\tconst bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;\n\tconst bodyFontFamily = getFontFamilyFromSetting(\n\t\tfontFamilies,\n\t\tbodyFontFamilySetting\n\t);\n\n\tconst headingFontFamilySetting =\n\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily;\n\n\tlet headingFontFamily;\n\tif ( ! headingFontFamilySetting ) {\n\t\theadingFontFamily = bodyFontFamily;\n\t} else {\n\t\theadingFontFamily = getFontFamilyFromSetting(\n\t\t\tfontFamilies,\n\t\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily\n\t\t);\n\t}\n\n\treturn [ bodyFontFamily, headingFontFamily ];\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,qBAAqBA,CAAEC,SAAS,EAAG;EAClD,IAAK,CAAEA,SAAS,EAAG;IAClB,OAAO,EAAE;EACV;EACA,OAAQ,YAAYA,SAAW,EAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAAEC,OAAO,EAAEC,UAAU,EAAG;EAC7D,MAAMC,SAAS,GAAG,IAAIC,MAAM,CAAG,IAAIF,UAAY,WAAW,CAAC;EAC3D,MAAMG,kBAAkB,GAAGJ,OAAO,CAACK,MAAM,CAAE,CAAEC,cAAc,EAAEC,MAAM,KAAM;IACxE,IAAK,OAAOA,MAAM,EAAEC,IAAI,KAAK,QAAQ,EAAG;MACvC,MAAMC,OAAO,GAAGF,MAAM,EAAEC,IAAI,CAACE,KAAK,CAAER,SAAU,CAAC;MAC/C,IAAKO,OAAO,EAAG;QACd,MAAME,EAAE,GAAGC,QAAQ,CAAEH,OAAO,CAAE,CAAC,CAAE,EAAE,EAAG,CAAC;QACvC,IAAKE,EAAE,GAAGL,cAAc,EAAG;UAC1B,OAAOK,EAAE;QACV;MACD;IACD;IACA,OAAOL,cAAc;EACtB,CAAC,EAAE,CAAE,CAAC;EACN,OAAOF,kBAAkB,GAAG,CAAC;AAC9B;AAEA,SAASS,wBAAwBA,CAAEC,YAAY,EAAEC,OAAO,EAAG;EAC1D,IAAK,CAAEC,KAAK,CAACC,OAAO,CAAEH,YAAa,CAAC,IAAI,CAAEC,OAAO,EAAG;IACnD,OAAO,IAAI;EACZ;EAEA,MAAMG,kBAAkB,GAAGH,OAAO,CAACI,OAAO,CAAE,MAAM,EAAE,EAAG,CAAC,CAACA,OAAO,CAAE,GAAG,EAAE,EAAG,CAAC;EAC3E,MAAMC,cAAc,GAAGF,kBAAkB,EAAEG,KAAK,CAAE,IAAK,CAAC,CAACC,KAAK,CAAE,CAAC,CAAE,CAAC,CAAE,CAAC,CAAE;EAEzE,OAAOR,YAAY,CAACS,IAAI,CACrBC,UAAU,IAAMA,UAAU,CAAChB,IAAI,KAAKY,cACvC,CAAC;AACF;AAEO,SAASK,eAAeA,CAAEC,SAAS,EAAG;EAC5C,MAAMZ,YAAY,GAAGY,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAEd,YAAY,EAAEe,KAAK,CAAC,CAAC;EAC3E,MAAMC,qBAAqB,GAAGJ,SAAS,EAAEK,MAAM,EAAEH,UAAU,EAAEJ,UAAU;EACvE,MAAMQ,cAAc,GAAGnB,wBAAwB,CAC9CC,YAAY,EACZgB,qBACD,CAAC;EAED,MAAMG,wBAAwB,GAC7BP,SAAS,EAAEK,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEP,UAAU,EAAEJ,UAAU;EAE7D,IAAIY,iBAAiB;EACrB,IAAK,CAAEH,wBAAwB,EAAG;IACjCG,iBAAiB,GAAGJ,cAAc;EACnC,CAAC,MAAM;IACNI,iBAAiB,GAAGvB,wBAAwB,CAC3CC,YAAY,EACZY,SAAS,EAAEK,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEP,UAAU,EAAEJ,UACnD,CAAC;EACF;EAEA,OAAO,CAAEQ,cAAc,EAAEI,iBAAiB,CAAE;AAC7C","ignoreList":[]}

package/build/components/global-styles/variations/variation.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Variation;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _keycodes = require("@wordpress/keycodes");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
-var _globalStylesProvider = require("../global-styles-provider");
+var _editor = require("@wordpress/editor");
 var _lockUnlock = require("../../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -25,13 +25,17 @@ var _lockUnlock = require("../../../lock-unlock");
  * Internal dependencies
  */
 
+const {
+  mergeBaseAndUserConfigs
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 const {
   GlobalStylesContext,
   areGlobalStyleConfigsEqual
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function Variation({
   variation,
-  children
+  children,
+  isPill
 }) {
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
   const {
@@ -40,21 +44,23 @@ function Variation({
     setUserConfig
   } = (0, _element.useContext)(GlobalStylesContext);
   const context = (0, _element.useMemo)(() => {
-    var _variation$settings, _variation$styles;
+    var _variation$settings, _variation$styles, _variation$_links;
     return {
       user: {
         settings: (_variation$settings = variation.settings) !== null && _variation$settings !== void 0 ? _variation$settings : {},
-        styles: (_variation$styles = variation.styles) !== null && _variation$styles !== void 0 ? _variation$styles : {}
+        styles: (_variation$styles = variation.styles) !== null && _variation$styles !== void 0 ? _variation$styles : {},
+        _links: (_variation$_links = variation._links) !== null && _variation$_links !== void 0 ? _variation$_links : {}
       },
       base,
-      merged: (0, _globalStylesProvider.mergeBaseAndUserConfigs)(base, variation),
+      merged: mergeBaseAndUserConfigs(base, variation),
       setUserConfig: () => {}
     };
   }, [variation, base]);
   const selectVariation = () => {
     setUserConfig(() => ({
       settings: variation.settings,
-      styles: variation.styles
+      styles: variation.styles,
+      _links: variation._links
     }));
   };
   const selectOnEnter = event => {
@@ -69,22 +75,27 @@ function Variation({
     label = (0, _i18n.sprintf)( /* translators: %1$s: variation title. %2$s variation description. */
     (0, _i18n.__)('%1$s (%2$s)'), variation?.title, variation?.description);
   }
-  return (0, _react.createElement)(GlobalStylesContext.Provider, {
-    value: context
-  }, (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('edit-site-global-styles-variations_item', {
-      'is-active': isActive
-    }),
-    role: "button",
-    onClick: selectVariation,
-    onKeyDown: selectOnEnter,
-    tabIndex: "0",
-    "aria-label": label,
-    "aria-current": isActive,
-    onFocus: () => setIsFocused(true),
-    onBlur: () => setIsFocused(false)
-  }, (0, _react.createElement)("div", {
-    className: "edit-site-global-styles-variations_item-preview"
-  }, children(isFocused))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.default)('edit-site-global-styles-variations_item', {
+        'is-active': isActive
+      }),
+      role: "button",
+      onClick: selectVariation,
+      onKeyDown: selectOnEnter,
+      tabIndex: "0",
+      "aria-label": label,
+      "aria-current": isActive,
+      onFocus: () => setIsFocused(true),
+      onBlur: () => setIsFocused(false),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)('edit-site-global-styles-variations_item-preview', {
+          'is-pill': isPill
+        }),
+        children: children(isFocused)
+      })
+    })
+  });
 }
 //# sourceMappingURL=variation.js.map