@wordpress/edit-site 6.14.0 → 6.15.0

package/build-module/components/sidebar-global-styles-wrapper/index.js

@@ -1,4 +1,3 @@
-/* wp:polyfill */
 /**
  * WordPress dependencies
  */
@@ -6,8 +5,9 @@ import { __ } from '@wordpress/i18n';
 import { useMemo, useState } from '@wordpress/element';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { useViewportMatch } from '@wordpress/compose';
-import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
-import { addQueryArgs } from '@wordpress/url';
+import { Button } from '@wordpress/components';
+import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
+import { seen } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -15,63 +15,45 @@ import { addQueryArgs } from '@wordpress/url';
 import GlobalStylesUI from '../global-styles/ui';
 import Page from '../page';
 import { unlock } from '../../lock-unlock';
-import StyleBook from '../style-book';
-import { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useLocation,
   useHistory
 } = unlock(routerPrivateApis);
-const {
-  Menu
-} = unlock(componentsPrivateApis);
 const GlobalStylesPageActions = ({
   isStyleBookOpened,
-  setIsStyleBookOpened
+  setIsStyleBookOpened,
+  path
 }) => {
-  return /*#__PURE__*/_jsxs(Menu, {
-    trigger: /*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      variant: "tertiary",
-      size: "compact",
-      children: __('Preview')
-    }),
-    children: [/*#__PURE__*/_jsxs(Menu.RadioItem, {
-      value: true,
-      checked: isStyleBookOpened,
-      name: "styles-preview-actions",
-      onChange: () => setIsStyleBookOpened(true),
-      defaultChecked: true,
-      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
-        children: __('Style book')
-      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
-        children: __('Preview blocks and styles.')
-      })]
-    }), /*#__PURE__*/_jsxs(Menu.RadioItem, {
-      value: false,
-      checked: !isStyleBookOpened,
-      name: "styles-preview-actions",
-      onChange: () => setIsStyleBookOpened(false),
-      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
-        children: __('Site')
-      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
-        children: __('Preview your site.')
-      })]
-    })]
+  const history = useHistory();
+  return /*#__PURE__*/_jsx(Button, {
+    isPressed: isStyleBookOpened,
+    icon: seen,
+    label: __('Style Book'),
+    onClick: () => {
+      setIsStyleBookOpened(!isStyleBookOpened);
+      const updatedPath = !isStyleBookOpened ? addQueryArgs(path, {
+        preview: 'stylebook'
+      }) : removeQueryArgs(path, 'preview');
+      // Navigate to the updated path.
+      history.navigate(updatedPath);
+    },
+    size: "compact"
   });
 };
-export default function GlobalStylesUIWrapper() {
+
+/**
+ * Hook to deal with navigation and location state.
+ *
+ * @return {Array}  The current section and a function to update it.
+ */
+export const useSection = () => {
   const {
     path,
     query
   } = useLocation();
   const history = useHistory();
-  const {
-    canvas = 'view'
-  } = query;
-  const [isStyleBookOpened, setIsStyleBookOpened] = useState(false);
-  const isMobileViewport = useViewportMatch('medium', '<');
-  const [section, onChangeSection] = useMemo(() => {
+  return useMemo(() => {
     var _query$section;
     return [(_query$section = query.section) !== null && _query$section !== void 0 ? _query$section : '/', updatedSection => {
       history.navigate(addQueryArgs(path, {
@@ -79,11 +61,20 @@ export default function GlobalStylesUIWrapper() {
       }));
     }];
   }, [path, query.section, history]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Page, {
+};
+export default function GlobalStylesUIWrapper() {
+  const {
+    path
+  } = useLocation();
+  const [isStyleBookOpened, setIsStyleBookOpened] = useState(path.includes('preview=stylebook'));
+  const isMobileViewport = useViewportMatch('medium', '<');
+  const [section, onChangeSection] = useSection();
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Page, {
       actions: !isMobileViewport ? /*#__PURE__*/_jsx(GlobalStylesPageActions, {
         isStyleBookOpened: isStyleBookOpened,
-        setIsStyleBookOpened: setIsStyleBookOpened
+        setIsStyleBookOpened: setIsStyleBookOpened,
+        path: path
       }) : null,
       className: "edit-site-styles",
       title: __('Styles'),
@@ -91,32 +82,7 @@ export default function GlobalStylesUIWrapper() {
         path: section,
         onPathChange: onChangeSection
       })
-    }), canvas === 'view' && isStyleBookOpened && /*#__PURE__*/_jsx(StyleBook, {
-      enableResizing: false,
-      showCloseButton: false,
-      showTabs: false,
-      isSelected: blockName =>
-      // Match '/blocks/core%2Fbutton' and
-      // '/blocks/core%2Fbutton/typography', but not
-      // '/blocks/core%2Fbuttons'.
-      section === `/blocks/${encodeURIComponent(blockName)}` || section.startsWith(`/blocks/${encodeURIComponent(blockName)}/`),
-      path: section,
-      onSelect: blockName => {
-        if (STYLE_BOOK_COLOR_GROUPS.find(group => group.slug === blockName)) {
-          // Go to color palettes Global Styles.
-          onChangeSection('/colors/palette');
-          return;
-        }
-        if (blockName === 'typography') {
-          // Go to typography Global Styles.
-          onChangeSection('/typography');
-          return;
-        }
-
-        // Now go to the selected block.
-        onChangeSection(`/blocks/${encodeURIComponent(blockName)}`);
-      }
-    })]
+    })
   });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar-global-styles-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","useMemo","useState","privateApis","routerPrivateApis","useViewportMatch","Button","componentsPrivateApis","addQueryArgs","GlobalStylesUI","Page","unlock","StyleBook","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useLocation","useHistory","Menu","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","trigger","__next40pxDefaultSize","variant","size","children","RadioItem","value","checked","name","onChange","defaultChecked","ItemLabel","ItemHelpText","GlobalStylesUIWrapper","path","query","history","canvas","isMobileViewport","section","onChangeSection","_query$section","updatedSection","navigate","actions","className","title","onPathChange","enableResizing","showCloseButton","showTabs","isSelected","blockName","encodeURIComponent","startsWith","onSelect","find","group","slug"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\nimport StyleBook from '../style-book';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n} ) => {\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button __next40pxDefaultSize variant=\"tertiary\" size=\"compact\">\n\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue\n\t\t\t\tchecked={ isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( true ) }\n\t\t\t\tdefaultChecked\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Style book' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview blocks and styles.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue={ false }\n\t\t\t\tchecked={ ! isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( false ) }\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Site' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview your site.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t</Menu>\n\t);\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\tconst { canvas = 'view' } = query;\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState( false );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t\t{ canvas === 'view' && isStyleBookOpened && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\t\t\tsection ===\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\t\t\tsection.startsWith(\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\t\t\tonChangeSection( '/colors/palette' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\t\t\tonChangeSection( '/typography' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Now go to the selected block.\n\t\t\t\t\t\tonChangeSection(\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }`\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</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","useMemo","useState","privateApis","routerPrivateApis","useViewportMatch","Button","addQueryArgs","removeQueryArgs","seen","GlobalStylesUI","Page","unlock","jsx","_jsx","Fragment","_Fragment","useLocation","useHistory","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","path","history","isPressed","icon","label","onClick","updatedPath","preview","navigate","size","useSection","query","_query$section","section","updatedSection","GlobalStylesUIWrapper","includes","isMobileViewport","onChangeSection","children","actions","className","title","onPathChange"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n} ) => {\n\tconst history = useHistory();\n\treturn (\n\t\t<Button\n\t\t\tisPressed={ isStyleBookOpened }\n\t\t\ticon={ seen }\n\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\tonClick={ () => {\n\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t// Navigate to the updated path.\n\t\t\t\thistory.navigate( updatedPath );\n\t\t\t} }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array}  The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-main/index.js

@@ -21,6 +21,7 @@ export function MainSidebarNavigationContent({
   isBlockBasedTheme = true
 }) {
   return /*#__PURE__*/_jsxs(ItemGroup, {
+    className: "edit-site-sidebar-navigation-screen-main",
     children: [isBlockBasedTheme && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(SidebarNavigationItem, {
         uid: "navigation-navigation-item",

package/build-module/components/sidebar-navigation-screen-main/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useSelect","useEffect","store","coreStore","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","editSiteStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MainSidebarNavigationContent","isBlockBasedTheme","children","uid","to","withChevron","icon","SidebarNavigationScreenMain","select","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","undefined","isRoot","title","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup>\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain() {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={\n\t\t\t\tisBlockBasedTheme\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t\t\t  )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'Explore block styles and patterns to refine your site'\n\t\t\t\t\t  )\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useSelect","useEffect","store","coreStore","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","editSiteStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MainSidebarNavigationContent","isBlockBasedTheme","className","children","uid","to","withChevron","icon","SidebarNavigationScreenMain","select","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","undefined","isRoot","title","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain() {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={\n\t\t\t\tisBlockBasedTheme\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t\t\t  )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'Explore block styles and patterns to refine your site'\n\t\t\t\t\t  )\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/site-editor-routes/stylebook.js

@@ -18,8 +18,12 @@ export const stylebookRoute = {
       backPath: "/",
       description: __(`Preview your website's visual identity: colors, typography, and blocks.`)
     }),
-    preview: /*#__PURE__*/_jsx(StyleBookPreview, {}),
-    mobile: /*#__PURE__*/_jsx(StyleBookPreview, {})
+    preview: /*#__PURE__*/_jsx(StyleBookPreview, {
+      isStatic: true
+    }),
+    mobile: /*#__PURE__*/_jsx(StyleBookPreview, {
+      isStatic: true
+    })
   }
 };
 //# sourceMappingURL=stylebook.js.map

package/build-module/components/site-editor-routes/stylebook.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","SidebarNavigationScreen","StyleBookPreview","jsx","_jsx","stylebookRoute","name","path","areas","sidebar","title","backPath","description","preview","mobile"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/stylebook.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { StyleBookPreview } from '../style-book';\n\nexport const stylebookRoute = {\n\tname: 'stylebook',\n\tpath: '/stylebook',\n\tareas: {\n\t\tsidebar: (\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tbackPath=\"/\"\n\t\t\t\tdescription={ __(\n\t\t\t\t\t`Preview your website's visual identity: colors, typography, and blocks.`\n\t\t\t\t) }\n\t\t\t/>\n\t\t),\n\t\tpreview: <StyleBookPreview />,\n\t\tmobile: <StyleBookPreview />,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,gBAAgB,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,OAAO,MAAMC,cAAc,GAAG;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE;IACNC,OAAO,eACNL,IAAA,CAACH,uBAAuB;MACvBS,KAAK,EAAGV,EAAE,CAAE,QAAS,CAAG;MACxBW,QAAQ,EAAC,GAAG;MACZC,WAAW,EAAGZ,EAAE,CACf,yEACD;IAAG,CACH,CACD;IACDa,OAAO,eAAET,IAAA,CAACF,gBAAgB,IAAE,CAAC;IAC7BY,MAAM,eAAEV,IAAA,CAACF,gBAAgB,IAAE;EAC5B;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["__","SidebarNavigationScreen","StyleBookPreview","jsx","_jsx","stylebookRoute","name","path","areas","sidebar","title","backPath","description","preview","isStatic","mobile"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/stylebook.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { StyleBookPreview } from '../style-book';\n\nexport const stylebookRoute = {\n\tname: 'stylebook',\n\tpath: '/stylebook',\n\tareas: {\n\t\tsidebar: (\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tbackPath=\"/\"\n\t\t\t\tdescription={ __(\n\t\t\t\t\t`Preview your website's visual identity: colors, typography, and blocks.`\n\t\t\t\t) }\n\t\t\t/>\n\t\t),\n\t\tpreview: <StyleBookPreview isStatic />,\n\t\tmobile: <StyleBookPreview isStatic />,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,gBAAgB,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,OAAO,MAAMC,cAAc,GAAG;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE;IACNC,OAAO,eACNL,IAAA,CAACH,uBAAuB;MACvBS,KAAK,EAAGV,EAAE,CAAE,QAAS,CAAG;MACxBW,QAAQ,EAAC,GAAG;MACZC,WAAW,EAAGZ,EAAE,CACf,yEACD;IAAG,CACH,CACD;IACDa,OAAO,eAAET,IAAA,CAACF,gBAAgB;MAACY,QAAQ;IAAA,CAAE,CAAC;IACtCC,MAAM,eAAEX,IAAA,CAACF,gBAAgB;MAACY,QAAQ;IAAA,CAAE;EACrC;AACD,CAAC","ignoreList":[]}

package/build-module/components/site-editor-routes/styles.js

@@ -10,6 +10,7 @@ import Editor from '../editor';
 import { unlock } from '../../lock-unlock';
 import SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';
 import GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';
+import { StyleBookPreview } from '../style-book';
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
   useLocation
@@ -34,7 +35,12 @@ export const stylesRoute = {
     sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStyles, {
       backPath: "/"
     }),
-    preview: /*#__PURE__*/_jsx(Editor, {}),
+    preview({
+      query
+    }) {
+      const isStylebook = query.preview === 'stylebook';
+      return isStylebook ? /*#__PURE__*/_jsx(StyleBookPreview, {}) : /*#__PURE__*/_jsx(Editor, {});
+    },
     mobile: /*#__PURE__*/_jsx(MobileGlobalStylesUI, {})
   },
   widths: {

package/build-module/components/site-editor-routes/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["privateApis","routerPrivateApis","Editor","unlock","SidebarNavigationScreenGlobalStyles","GlobalStylesUIWrapper","jsx","_jsx","useLocation","MobileGlobalStylesUI","query","canvas","stylesRoute","name","path","areas","content","sidebar","backPath","preview","mobile","widths"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/styles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobileGlobalStylesUI() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas } = query;\n\n\tif ( canvas === 'edit' ) {\n\t\treturn <Editor />;\n\t}\n\n\treturn <GlobalStylesUIWrapper />;\n}\n\nexport const stylesRoute = {\n\tname: 'styles',\n\tpath: '/styles',\n\tareas: {\n\t\tcontent: <GlobalStylesUIWrapper />,\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath=\"/\" />,\n\t\tpreview: <Editor />,\n\t\tmobile: <MobileGlobalStylesUI />,\n\t},\n\twidths: {\n\t\tcontent: 380,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,mCAAmC,MAAM,4CAA4C;AAC5F,OAAOC,qBAAqB,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErE,MAAM;EAAEC;AAAY,CAAC,GAAGL,MAAM,CAAEF,iBAAkB,CAAC;AAEnD,SAASQ,oBAAoBA,CAAA,EAAG;EAC/B,MAAM;IAAEC,KAAK,GAAG,CAAC;EAAE,CAAC,GAAGF,WAAW,CAAC,CAAC;EACpC,MAAM;IAAEG;EAAO,CAAC,GAAGD,KAAK;EAExB,IAAKC,MAAM,KAAK,MAAM,EAAG;IACxB,oBAAOJ,IAAA,CAACL,MAAM,IAAE,CAAC;EAClB;EAEA,oBAAOK,IAAA,CAACF,qBAAqB,IAAE,CAAC;AACjC;AAEA,OAAO,MAAMO,WAAW,GAAG;EAC1BC,IAAI,EAAE,QAAQ;EACdC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;IACNC,OAAO,eAAET,IAAA,CAACF,qBAAqB,IAAE,CAAC;IAClCY,OAAO,eAAEV,IAAA,CAACH,mCAAmC;MAACc,QAAQ,EAAC;IAAG,CAAE,CAAC;IAC7DC,OAAO,eAAEZ,IAAA,CAACL,MAAM,IAAE,CAAC;IACnBkB,MAAM,eAAEb,IAAA,CAACE,oBAAoB,IAAE;EAChC,CAAC;EACDY,MAAM,EAAE;IACPL,OAAO,EAAE;EACV;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["privateApis","routerPrivateApis","Editor","unlock","SidebarNavigationScreenGlobalStyles","GlobalStylesUIWrapper","StyleBookPreview","jsx","_jsx","useLocation","MobileGlobalStylesUI","query","canvas","stylesRoute","name","path","areas","content","sidebar","backPath","preview","isStylebook","mobile","widths"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/styles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';\nimport { StyleBookPreview } from '../style-book';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobileGlobalStylesUI() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas } = query;\n\n\tif ( canvas === 'edit' ) {\n\t\treturn <Editor />;\n\t}\n\n\treturn <GlobalStylesUIWrapper />;\n}\n\nexport const stylesRoute = {\n\tname: 'styles',\n\tpath: '/styles',\n\tareas: {\n\t\tcontent: <GlobalStylesUIWrapper />,\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath=\"/\" />,\n\t\tpreview( { query } ) {\n\t\t\tconst isStylebook = query.preview === 'stylebook';\n\t\t\treturn isStylebook ? <StyleBookPreview /> : <Editor />;\n\t\t},\n\t\tmobile: <MobileGlobalStylesUI />,\n\t},\n\twidths: {\n\t\tcontent: 380,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,mCAAmC,MAAM,4CAA4C;AAC5F,OAAOC,qBAAqB,MAAM,kCAAkC;AACpE,SAASC,gBAAgB,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,MAAM;EAAEC;AAAY,CAAC,GAAGN,MAAM,CAAEF,iBAAkB,CAAC;AAEnD,SAASS,oBAAoBA,CAAA,EAAG;EAC/B,MAAM;IAAEC,KAAK,GAAG,CAAC;EAAE,CAAC,GAAGF,WAAW,CAAC,CAAC;EACpC,MAAM;IAAEG;EAAO,CAAC,GAAGD,KAAK;EAExB,IAAKC,MAAM,KAAK,MAAM,EAAG;IACxB,oBAAOJ,IAAA,CAACN,MAAM,IAAE,CAAC;EAClB;EAEA,oBAAOM,IAAA,CAACH,qBAAqB,IAAE,CAAC;AACjC;AAEA,OAAO,MAAMQ,WAAW,GAAG;EAC1BC,IAAI,EAAE,QAAQ;EACdC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;IACNC,OAAO,eAAET,IAAA,CAACH,qBAAqB,IAAE,CAAC;IAClCa,OAAO,eAAEV,IAAA,CAACJ,mCAAmC;MAACe,QAAQ,EAAC;IAAG,CAAE,CAAC;IAC7DC,OAAOA,CAAE;MAAET;IAAM,CAAC,EAAG;MACpB,MAAMU,WAAW,GAAGV,KAAK,CAACS,OAAO,KAAK,WAAW;MACjD,OAAOC,WAAW,gBAAGb,IAAA,CAACF,gBAAgB,IAAE,CAAC,gBAAGE,IAAA,CAACN,MAAM,IAAE,CAAC;IACvD,CAAC;IACDoB,MAAM,eAAEd,IAAA,CAACE,oBAAoB,IAAE;EAChC,CAAC;EACDa,MAAM,EAAE;IACPN,OAAO,EAAE;EACV;AACD,CAAC","ignoreList":[]}

package/build-module/components/style-book/constants.js

@@ -92,6 +92,41 @@ export const STYLE_BOOK_CATEGORIES = [{
   include: []
 }];
 
+// Style book preview subcategories for all blocks section.
+export const STYLE_BOOK_ALL_BLOCKS_SUBCATEGORIES = [...STYLE_BOOK_THEME_SUBCATEGORIES, {
+  slug: 'media',
+  title: __('Media'),
+  blocks: ['core/post-featured-image']
+}, {
+  slug: 'widgets',
+  title: __('Widgets'),
+  blocks: []
+}, {
+  slug: 'embed',
+  title: __('Embeds'),
+  include: []
+}];
+
+// Style book preview categories are organised slightly differently to the editor ones.
+export const STYLE_BOOK_PREVIEW_CATEGORIES = [{
+  slug: 'overview',
+  title: __('Overview'),
+  blocks: []
+}, {
+  slug: 'text',
+  title: __('Text'),
+  blocks: ['core/post-content', 'core/home-link', 'core/navigation-link']
+}, {
+  slug: 'colors',
+  title: __('Colors'),
+  blocks: []
+}, {
+  slug: 'blocks',
+  title: __('All Blocks'),
+  blocks: [],
+  subcategories: STYLE_BOOK_ALL_BLOCKS_SUBCATEGORIES
+}];
+
 // Forming a "block formatting context" to prevent margin collapsing.
 // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
 const ROOT_CONTAINER = `
@@ -183,7 +218,6 @@ export const STYLE_BOOK_IFRAME_STYLES = `
 	.edit-site-style-book__subcategory-title {
 		font-size: 16px;
 		margin-bottom: 40px;
-    	border-bottom: 1px solid #ddd;
     	padding-bottom: 8px;
 	}
 

package/build-module/components/style-book/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","STYLE_BOOK_COLOR_GROUPS","slug","title","origin","type","STYLE_BOOK_THEME_SUBCATEGORIES","blocks","exclude","STYLE_BOOK_CATEGORIES","subcategories","include","ROOT_CONTAINER","STYLE_BOOK_IFRAME_STYLES"],"sources":["@wordpress/edit-site/src/components/style-book/constants.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { StyleBookCategory, StyleBookColorGroup } from './types';\n\nexport const STYLE_BOOK_COLOR_GROUPS: StyleBookColorGroup[] = [\n\t{\n\t\tslug: 'theme-colors',\n\t\ttitle: __( 'Theme Colors' ),\n\t\torigin: 'theme',\n\t\ttype: 'colors',\n\t},\n\t{\n\t\tslug: 'theme-gradients',\n\t\ttitle: __( 'Theme Gradients' ),\n\t\torigin: 'theme',\n\t\ttype: 'gradients',\n\t},\n\t{\n\t\tslug: 'custom-colors',\n\t\ttitle: __( 'Custom Colors' ),\n\t\torigin: 'custom',\n\t\ttype: 'colors',\n\t},\n\t{\n\t\tslug: 'custom-gradients',\n\t\ttitle: __( 'Custom Gradients' ),\n\t\torigin: 'custom', // User.\n\t\ttype: 'gradients',\n\t},\n\t{\n\t\tslug: 'duotones',\n\t\ttitle: __( 'Duotones' ),\n\t\torigin: 'theme',\n\t\ttype: 'duotones',\n\t},\n\t{\n\t\tslug: 'default-colors',\n\t\ttitle: __( 'Default Colors' ),\n\t\torigin: 'default',\n\t\ttype: 'colors',\n\t},\n\t{\n\t\tslug: 'default-gradients',\n\t\ttitle: __( 'Default Gradients' ),\n\t\torigin: 'default',\n\t\ttype: 'gradients',\n\t},\n];\n\nexport const STYLE_BOOK_THEME_SUBCATEGORIES: Omit<\n\tStyleBookCategory,\n\t'subcategories'\n>[] = [\n\t{\n\t\tslug: 'site-identity',\n\t\ttitle: __( 'Site Identity' ),\n\t\tblocks: [ 'core/site-logo', 'core/site-title', 'core/site-tagline' ],\n\t},\n\t{\n\t\tslug: 'design',\n\t\ttitle: __( 'Design' ),\n\t\tblocks: [ 'core/navigation', 'core/avatar', 'core/post-time-to-read' ],\n\t\texclude: [ 'core/home-link', 'core/navigation-link' ],\n\t},\n\t{\n\t\tslug: 'posts',\n\t\ttitle: __( 'Posts' ),\n\t\tblocks: [\n\t\t\t'core/post-title',\n\t\t\t'core/post-excerpt',\n\t\t\t'core/post-author',\n\t\t\t'core/post-author-name',\n\t\t\t'core/post-author-biography',\n\t\t\t'core/post-date',\n\t\t\t'core/post-terms',\n\t\t\t'core/term-description',\n\t\t\t'core/query-title',\n\t\t\t'core/query-no-results',\n\t\t\t'core/query-pagination',\n\t\t\t'core/query-numbers',\n\t\t],\n\t},\n\t{\n\t\tslug: 'comments',\n\t\ttitle: __( 'Comments' ),\n\t\tblocks: [\n\t\t\t'core/comments-title',\n\t\t\t'core/comments-pagination',\n\t\t\t'core/comments-pagination-numbers',\n\t\t\t'core/comments',\n\t\t\t'core/comments-author-name',\n\t\t\t'core/comment-content',\n\t\t\t'core/comment-date',\n\t\t\t'core/comment-edit-link',\n\t\t\t'core/comment-reply-link',\n\t\t\t'core/comment-template',\n\t\t\t'core/post-comments-count',\n\t\t\t'core/post-comments-link',\n\t\t],\n\t},\n];\n\nexport const STYLE_BOOK_CATEGORIES: StyleBookCategory[] = [\n\t{\n\t\tslug: 'overview',\n\t\ttitle: __( 'Overview' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'text',\n\t\ttitle: __( 'Text' ),\n\t\tblocks: [\n\t\t\t'core/post-content',\n\t\t\t'core/home-link',\n\t\t\t'core/navigation-link',\n\t\t],\n\t},\n\t{\n\t\tslug: 'colors',\n\t\ttitle: __( 'Colors' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'theme',\n\t\ttitle: __( 'Theme' ),\n\t\tsubcategories: STYLE_BOOK_THEME_SUBCATEGORIES,\n\t},\n\t{\n\t\tslug: 'media',\n\t\ttitle: __( 'Media' ),\n\t\tblocks: [ 'core/post-featured-image' ],\n\t},\n\t{\n\t\tslug: 'widgets',\n\t\ttitle: __( 'Widgets' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'embed',\n\t\ttitle: __( 'Embeds' ),\n\t\tinclude: [],\n\t},\n];\n\n// Forming a \"block formatting context\" to prevent margin collapsing.\n// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\nconst ROOT_CONTAINER = `\n\t.is-root-container {\n\t\tdisplay: flow-root;\n\t}\n`;\n// The content area of the Style Book is rendered within an iframe so that global styles\n// are applied to elements within the entire content area. To support elements that are\n// not part of the block previews, such as headings and layout for the block previews,\n// additional CSS rules need to be passed into the iframe. These are hard-coded below.\n// Note that button styles are unset, and then focus rules from the `Button` component are\n// applied to the `button` element, targeted via `.edit-site-style-book__example`.\n// This is to ensure that browser default styles for buttons are not applied to the previews.\nexport const STYLE_BOOK_IFRAME_STYLES = `\n\tbody {\n\t\tposition: relative;\n\t\tpadding: 32px !important;\n\t}\n\n\t${ ROOT_CONTAINER }\n\n\t.edit-site-style-book__examples {\n\t\tmax-width: 1200px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.edit-site-style-book__example {\n\t    max-width: 900px;\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 40px;\n\t\tpadding: 16px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tscroll-margin-top: 32px;\n\t\tscroll-margin-bottom: 32px;\n\t\tmargin: 0 auto 40px auto;\n\t}\n\n\t.edit-site-style-book__example.is-selected {\n\t\tbox-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t}\n\n\t.edit-site-style-book__example.is-disabled-example {\n\t\tpointer-events: none;\n\t}\n\n\t.edit-site-style-book__example:focus:not(:disabled) {\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.edit-site-style-book__duotone-example > div:first-child {\n\t\tdisplay: flex;\n\t\taspect-ratio: 16 / 9;\n\t\tgrid-row: span 1;\n\t\tgrid-column: span 2;\n\t}\n\t.edit-site-style-book__duotone-example img {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n\t.edit-site-style-book__duotone-example > div:not(:first-child) {\n\t\theight: 20px;\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.edit-site-style-book__color-example {\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.edit-site-style-book__subcategory-title,\n\t.edit-site-style-book__example-title {\n\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\tfont-size: 13px;\n\t\tfont-weight: normal;\n\t\tline-height: normal;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tpadding-top: 8px;\n\t\tborder-top: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t\tcolor: color-mix( in srgb, currentColor 60%, transparent );\n\t}\n\n\t.edit-site-style-book__subcategory-title {\n\t\tfont-size: 16px;\n\t\tmargin-bottom: 40px;\n    \tborder-bottom: 1px solid #ddd;\n    \tpadding-bottom: 8px;\n\t}\n\n\t.edit-site-style-book__example-preview {\n\t\twidth: 100%;\n\t}\n\n\t.edit-site-style-book__example-preview .block-editor-block-list__insertion-point,\n\t.edit-site-style-book__example-preview .block-list-appender {\n\t\tdisplay: none;\n\t}\n\t:where(.is-root-container > .wp-block:first-child) {\n\t\tmargin-top: 0;\n\t}\n\t:where(.is-root-container > .wp-block:last-child) {\n\t\tmargin-bottom: 0;\n\t}\n`;\n"],"mappings":"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AAE,QAAS,CAAC;EACrBW,OAAO,EAAE;AACV,CAAC,CACD;;AAED;AACA;AACA,MAAMC,cAAc,GAAG;AACvB;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAG;AACxC;AACA;AACA;AACA;AACA;AACA,GAAID,cAAc;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["__","STYLE_BOOK_COLOR_GROUPS","slug","title","origin","type","STYLE_BOOK_THEME_SUBCATEGORIES","blocks","exclude","STYLE_BOOK_CATEGORIES","subcategories","include","STYLE_BOOK_ALL_BLOCKS_SUBCATEGORIES","STYLE_BOOK_PREVIEW_CATEGORIES","ROOT_CONTAINER","STYLE_BOOK_IFRAME_STYLES"],"sources":["@wordpress/edit-site/src/components/style-book/constants.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { StyleBookCategory, StyleBookColorGroup } from './types';\n\nexport const STYLE_BOOK_COLOR_GROUPS: StyleBookColorGroup[] = [\n\t{\n\t\tslug: 'theme-colors',\n\t\ttitle: __( 'Theme Colors' ),\n\t\torigin: 'theme',\n\t\ttype: 'colors',\n\t},\n\t{\n\t\tslug: 'theme-gradients',\n\t\ttitle: __( 'Theme Gradients' ),\n\t\torigin: 'theme',\n\t\ttype: 'gradients',\n\t},\n\t{\n\t\tslug: 'custom-colors',\n\t\ttitle: __( 'Custom Colors' ),\n\t\torigin: 'custom',\n\t\ttype: 'colors',\n\t},\n\t{\n\t\tslug: 'custom-gradients',\n\t\ttitle: __( 'Custom Gradients' ),\n\t\torigin: 'custom', // User.\n\t\ttype: 'gradients',\n\t},\n\t{\n\t\tslug: 'duotones',\n\t\ttitle: __( 'Duotones' ),\n\t\torigin: 'theme',\n\t\ttype: 'duotones',\n\t},\n\t{\n\t\tslug: 'default-colors',\n\t\ttitle: __( 'Default Colors' ),\n\t\torigin: 'default',\n\t\ttype: 'colors',\n\t},\n\t{\n\t\tslug: 'default-gradients',\n\t\ttitle: __( 'Default Gradients' ),\n\t\torigin: 'default',\n\t\ttype: 'gradients',\n\t},\n];\n\nexport const STYLE_BOOK_THEME_SUBCATEGORIES: Omit<\n\tStyleBookCategory,\n\t'subcategories'\n>[] = [\n\t{\n\t\tslug: 'site-identity',\n\t\ttitle: __( 'Site Identity' ),\n\t\tblocks: [ 'core/site-logo', 'core/site-title', 'core/site-tagline' ],\n\t},\n\t{\n\t\tslug: 'design',\n\t\ttitle: __( 'Design' ),\n\t\tblocks: [ 'core/navigation', 'core/avatar', 'core/post-time-to-read' ],\n\t\texclude: [ 'core/home-link', 'core/navigation-link' ],\n\t},\n\t{\n\t\tslug: 'posts',\n\t\ttitle: __( 'Posts' ),\n\t\tblocks: [\n\t\t\t'core/post-title',\n\t\t\t'core/post-excerpt',\n\t\t\t'core/post-author',\n\t\t\t'core/post-author-name',\n\t\t\t'core/post-author-biography',\n\t\t\t'core/post-date',\n\t\t\t'core/post-terms',\n\t\t\t'core/term-description',\n\t\t\t'core/query-title',\n\t\t\t'core/query-no-results',\n\t\t\t'core/query-pagination',\n\t\t\t'core/query-numbers',\n\t\t],\n\t},\n\t{\n\t\tslug: 'comments',\n\t\ttitle: __( 'Comments' ),\n\t\tblocks: [\n\t\t\t'core/comments-title',\n\t\t\t'core/comments-pagination',\n\t\t\t'core/comments-pagination-numbers',\n\t\t\t'core/comments',\n\t\t\t'core/comments-author-name',\n\t\t\t'core/comment-content',\n\t\t\t'core/comment-date',\n\t\t\t'core/comment-edit-link',\n\t\t\t'core/comment-reply-link',\n\t\t\t'core/comment-template',\n\t\t\t'core/post-comments-count',\n\t\t\t'core/post-comments-link',\n\t\t],\n\t},\n];\n\nexport const STYLE_BOOK_CATEGORIES: StyleBookCategory[] = [\n\t{\n\t\tslug: 'overview',\n\t\ttitle: __( 'Overview' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'text',\n\t\ttitle: __( 'Text' ),\n\t\tblocks: [\n\t\t\t'core/post-content',\n\t\t\t'core/home-link',\n\t\t\t'core/navigation-link',\n\t\t],\n\t},\n\t{\n\t\tslug: 'colors',\n\t\ttitle: __( 'Colors' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'theme',\n\t\ttitle: __( 'Theme' ),\n\t\tsubcategories: STYLE_BOOK_THEME_SUBCATEGORIES,\n\t},\n\t{\n\t\tslug: 'media',\n\t\ttitle: __( 'Media' ),\n\t\tblocks: [ 'core/post-featured-image' ],\n\t},\n\t{\n\t\tslug: 'widgets',\n\t\ttitle: __( 'Widgets' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'embed',\n\t\ttitle: __( 'Embeds' ),\n\t\tinclude: [],\n\t},\n];\n\n// Style book preview subcategories for all blocks section.\nexport const STYLE_BOOK_ALL_BLOCKS_SUBCATEGORIES: StyleBookCategory[] = [\n\t...STYLE_BOOK_THEME_SUBCATEGORIES,\n\t{\n\t\tslug: 'media',\n\t\ttitle: __( 'Media' ),\n\t\tblocks: [ 'core/post-featured-image' ],\n\t},\n\t{\n\t\tslug: 'widgets',\n\t\ttitle: __( 'Widgets' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'embed',\n\t\ttitle: __( 'Embeds' ),\n\t\tinclude: [],\n\t},\n];\n\n// Style book preview categories are organised slightly differently to the editor ones.\nexport const STYLE_BOOK_PREVIEW_CATEGORIES: StyleBookCategory[] = [\n\t{\n\t\tslug: 'overview',\n\t\ttitle: __( 'Overview' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'text',\n\t\ttitle: __( 'Text' ),\n\t\tblocks: [\n\t\t\t'core/post-content',\n\t\t\t'core/home-link',\n\t\t\t'core/navigation-link',\n\t\t],\n\t},\n\t{\n\t\tslug: 'colors',\n\t\ttitle: __( 'Colors' ),\n\t\tblocks: [],\n\t},\n\t{\n\t\tslug: 'blocks',\n\t\ttitle: __( 'All Blocks' ),\n\t\tblocks: [],\n\t\tsubcategories: STYLE_BOOK_ALL_BLOCKS_SUBCATEGORIES,\n\t},\n];\n\n// Forming a \"block formatting context\" to prevent margin collapsing.\n// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\nconst ROOT_CONTAINER = `\n\t.is-root-container {\n\t\tdisplay: flow-root;\n\t}\n`;\n// The content area of the Style Book is rendered within an iframe so that global styles\n// are applied to elements within the entire content area. To support elements that are\n// not part of the block previews, such as headings and layout for the block previews,\n// additional CSS rules need to be passed into the iframe. These are hard-coded below.\n// Note that button styles are unset, and then focus rules from the `Button` component are\n// applied to the `button` element, targeted via `.edit-site-style-book__example`.\n// This is to ensure that browser default styles for buttons are not applied to the previews.\nexport const STYLE_BOOK_IFRAME_STYLES = `\n\tbody {\n\t\tposition: relative;\n\t\tpadding: 32px !important;\n\t}\n\n\t${ ROOT_CONTAINER }\n\n\t.edit-site-style-book__examples {\n\t\tmax-width: 1200px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.edit-site-style-book__example {\n\t    max-width: 900px;\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 40px;\n\t\tpadding: 16px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tscroll-margin-top: 32px;\n\t\tscroll-margin-bottom: 32px;\n\t\tmargin: 0 auto 40px auto;\n\t}\n\n\t.edit-site-style-book__example.is-selected {\n\t\tbox-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t}\n\n\t.edit-site-style-book__example.is-disabled-example {\n\t\tpointer-events: none;\n\t}\n\n\t.edit-site-style-book__example:focus:not(:disabled) {\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.edit-site-style-book__duotone-example > div:first-child {\n\t\tdisplay: flex;\n\t\taspect-ratio: 16 / 9;\n\t\tgrid-row: span 1;\n\t\tgrid-column: span 2;\n\t}\n\t.edit-site-style-book__duotone-example img {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n\t.edit-site-style-book__duotone-example > div:not(:first-child) {\n\t\theight: 20px;\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.edit-site-style-book__color-example {\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.edit-site-style-book__subcategory-title,\n\t.edit-site-style-book__example-title {\n\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\tfont-size: 13px;\n\t\tfont-weight: normal;\n\t\tline-height: normal;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tpadding-top: 8px;\n\t\tborder-top: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t\tcolor: color-mix( in srgb, currentColor 60%, transparent );\n\t}\n\n\t.edit-site-style-book__subcategory-title {\n\t\tfont-size: 16px;\n\t\tmargin-bottom: 40px;\n    \tpadding-bottom: 8px;\n\t}\n\n\t.edit-site-style-book__example-preview {\n\t\twidth: 100%;\n\t}\n\n\t.edit-site-style-book__example-preview .block-editor-block-list__insertion-point,\n\t.edit-site-style-book__example-preview .block-list-appender {\n\t\tdisplay: none;\n\t}\n\t:where(.is-root-container > .wp-block:first-child) {\n\t\tmargin-top: 0;\n\t}\n\t:where(.is-root-container > .wp-block:last-child) {\n\t\tmargin-bottom: 0;\n\t}\n`;\n"],"mappings":"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AAE,QAAS,CAAC;EACrBW,OAAO,EAAE;AACV,CAAC,CACD;;AAED;AACA,OAAO,MAAMC,mCAAwD,GAAG,CACvE,GAAGN,8BAA8B,EACjC;EACCJ,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEH,EAAE,CAAE,OAAQ,CAAC;EACpBO,MAAM,EAAE,CAAE,0BAA0B;AACrC,CAAC,EACD;EACCL,IAAI,EAAE,SAAS;EACfC,KAAK,EAAEH,EAAE,CAAE,SAAU,CAAC;EACtBO,MAAM,EAAE;AACT,CAAC,EACD;EACCL,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEH,EAAE,CAAE,QAAS,CAAC;EACrBW,OAAO,EAAE;AACV,CAAC,CACD;;AAED;AACA,OAAO,MAAME,6BAAkD,GAAG,CACjE;EACCX,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAEH,EAAE,CAAE,UAAW,CAAC;EACvBO,MAAM,EAAE;AACT,CAAC,EACD;EACCL,IAAI,EAAE,MAAM;EACZC,KAAK,EAAEH,EAAE,CAAE,MAAO,CAAC;EACnBO,MAAM,EAAE,CACP,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB;AAExB,CAAC,EACD;EACCL,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEH,EAAE,CAAE,QAAS,CAAC;EACrBO,MAAM,EAAE;AACT,CAAC,EACD;EACCL,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEH,EAAE,CAAE,YAAa,CAAC;EACzBO,MAAM,EAAE,EAAE;EACVG,aAAa,EAAEE;AAChB,CAAC,CACD;;AAED;AACA;AACA,MAAME,cAAc,GAAG;AACvB;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAG;AACxC;AACA;AACA;AACA;AACA;AACA,GAAID,cAAc;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}