@wordpress/edit-site 5.35.0 → 6.0.0

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -22,14 +21,17 @@ import ScreenTypography from './screen-typography';
 import ScreenTypographyElement from './screen-typography-element';
 import ScreenColors from './screen-colors';
 import ScreenColorPalette from './screen-color-palette';
+import { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';
 import ScreenLayout from './screen-layout';
 import ScreenStyleVariations from './screen-style-variations';
 import StyleBook from '../style-book';
 import ScreenCSS from './screen-css';
 import ScreenRevisions from './screen-revisions';
-import ScreenBackground from './screen-background';
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const SLOT_FILL_NAME = 'GlobalStylesMenu';
 const {
   useGlobalStylesReset
@@ -66,34 +68,46 @@ function GlobalStylesActionMenu() {
     setEditorCanvasContainerView('global-styles-css');
     goTo('/css');
   };
-  return createElement(GlobalStylesMenuFill, null, createElement(DropdownMenu, {
-    icon: moreVertical,
-    label: __('More'),
-    toggleProps: {
-      size: 'compact'
-    }
-  }, ({
-    onClose
-  }) => createElement(Fragment, null, createElement(MenuGroup, null, canEditCSS && createElement(MenuItem, {
-    onClick: loadCustomCSS
-  }, __('Additional CSS')), createElement(MenuItem, {
-    onClick: () => {
-      toggle('core/edit-site', 'welcomeGuideStyles');
-      onClose();
-    }
-  }, __('Welcome Guide'))), createElement(MenuGroup, null, createElement(MenuItem, {
-    onClick: () => {
-      onReset();
-      onClose();
-    },
-    disabled: !canReset
-  }, __('Reset styles'))))));
+  return /*#__PURE__*/_jsx(GlobalStylesMenuFill, {
+    children: /*#__PURE__*/_jsx(DropdownMenu, {
+      icon: moreVertical,
+      label: __('More'),
+      toggleProps: {
+        size: 'compact'
+      },
+      children: ({
+        onClose
+      }) => /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(MenuGroup, {
+          children: [canEditCSS && /*#__PURE__*/_jsx(MenuItem, {
+            onClick: loadCustomCSS,
+            children: __('Additional CSS')
+          }), /*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => {
+              toggle('core/edit-site', 'welcomeGuideStyles');
+              onClose();
+            },
+            children: __('Welcome Guide')
+          })]
+        }), /*#__PURE__*/_jsx(MenuGroup, {
+          children: /*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => {
+              onReset();
+              onClose();
+            },
+            disabled: !canReset,
+            children: __('Reset styles')
+          })
+        })]
+      })
+    })
+  });
 }
 function GlobalStylesNavigationScreen({
   className,
   ...props
 }) {
-  return createElement(NavigatorScreen, {
+  return /*#__PURE__*/_jsx(NavigatorScreen, {
     className: ['edit-site-global-styles-sidebar__navigator-screen', className].filter(Boolean).join(' '),
     ...props
   });
@@ -103,13 +117,13 @@ function BlockStylesNavigationScreens({
   blockStyles,
   blockName
 }) {
-  return blockStyles.map((style, index) => createElement(GlobalStylesNavigationScreen, {
-    key: index,
-    path: parentMenu + '/variations/' + style.name
-  }, createElement(ScreenBlock, {
-    name: blockName,
-    variation: style.name
-  })));
+  return blockStyles.map((style, index) => /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+    path: parentMenu + '/variations/' + style.name,
+    children: /*#__PURE__*/_jsx(ScreenBlock, {
+      name: blockName,
+      variation: style.name
+    })
+  }, index));
 }
 function ContextScreens({
   name,
@@ -121,22 +135,25 @@ function ContextScreens({
     } = select(blocksStore);
     return getBlockStyles(name);
   }, [name]);
-  return createElement(Fragment, null, createElement(GlobalStylesNavigationScreen, {
-    path: parentMenu + '/colors/palette'
-  }, createElement(ScreenColorPalette, {
-    name: name
-  })), !!blockStyleVariations?.length && createElement(BlockStylesNavigationScreens, {
-    parentMenu: parentMenu,
-    blockStyles: blockStyleVariations,
-    blockName: name
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: parentMenu + '/colors/palette',
+      children: /*#__PURE__*/_jsx(ScreenColorPalette, {
+        name: name
+      })
+    }), !!blockStyleVariations?.length && /*#__PURE__*/_jsx(BlockStylesNavigationScreens, {
+      parentMenu: parentMenu,
+      blockStyles: blockStyleVariations,
+      blockName: name
+    })]
+  });
 }
 function GlobalStylesStyleBook() {
   const navigator = useNavigator();
   const {
     path
   } = navigator.location;
-  return createElement(StyleBook, {
+  return /*#__PURE__*/_jsx(StyleBook, {
     isSelected: blockName =>
     // Match '/blocks/core%2Fbutton' and
     // '/blocks/core%2Fbutton/typography', but not
@@ -236,57 +253,74 @@ function GlobalStylesEditorCanvasContainerLink() {
 function GlobalStylesUI() {
   const blocks = getBlockTypes();
   const editorCanvasContainerView = useSelect(select => unlock(select(editSiteStore)).getEditorCanvasContainerView(), []);
-  return createElement(NavigatorProvider, {
+  return /*#__PURE__*/_jsxs(NavigatorProvider, {
     className: "edit-site-global-styles-sidebar__navigator-provider",
-    initialPath: "/"
-  }, createElement(GlobalStylesNavigationScreen, {
-    path: "/"
-  }, createElement(ScreenRoot, null)), createElement(GlobalStylesNavigationScreen, {
-    path: "/variations"
-  }, createElement(ScreenStyleVariations, null)), createElement(GlobalStylesNavigationScreen, {
-    path: "/blocks"
-  }, createElement(ScreenBlockList, null)), createElement(GlobalStylesNavigationScreen, {
-    path: "/typography"
-  }, createElement(ScreenTypography, null)), createElement(GlobalStylesNavigationScreen, {
-    path: "/typography/text"
-  }, createElement(ScreenTypographyElement, {
-    element: "text"
-  })), createElement(GlobalStylesNavigationScreen, {
-    path: "/typography/link"
-  }, createElement(ScreenTypographyElement, {
-    element: "link"
-  })), createElement(GlobalStylesNavigationScreen, {
-    path: "/typography/heading"
-  }, createElement(ScreenTypographyElement, {
-    element: "heading"
-  })), createElement(GlobalStylesNavigationScreen, {
-    path: "/typography/caption"
-  }, createElement(ScreenTypographyElement, {
-    element: "caption"
-  })), createElement(GlobalStylesNavigationScreen, {
-    path: "/typography/button"
-  }, createElement(ScreenTypographyElement, {
-    element: "button"
-  })), createElement(GlobalStylesNavigationScreen, {
-    path: "/colors"
-  }, createElement(ScreenColors, null)), createElement(GlobalStylesNavigationScreen, {
-    path: "/layout"
-  }, createElement(ScreenLayout, null)), createElement(GlobalStylesNavigationScreen, {
-    path: "/css"
-  }, createElement(ScreenCSS, null)), createElement(GlobalStylesNavigationScreen, {
-    path: '/revisions'
-  }, createElement(ScreenRevisions, null)), createElement(GlobalStylesNavigationScreen, {
-    path: '/background'
-  }, createElement(ScreenBackground, null)), blocks.map(block => createElement(GlobalStylesNavigationScreen, {
-    key: 'menu-block-' + block.name,
-    path: '/blocks/' + encodeURIComponent(block.name)
-  }, createElement(ScreenBlock, {
-    name: block.name
-  }))), createElement(ContextScreens, null), blocks.map(block => createElement(ContextScreens, {
-    key: 'screens-block-' + block.name,
-    name: block.name,
-    parentMenu: '/blocks/' + encodeURIComponent(block.name)
-  })), 'style-book' === editorCanvasContainerView && createElement(GlobalStylesStyleBook, null), createElement(GlobalStylesActionMenu, null), createElement(GlobalStylesBlockLink, null), createElement(GlobalStylesEditorCanvasContainerLink, null));
+    initialPath: "/",
+    children: [/*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/",
+      children: /*#__PURE__*/_jsx(ScreenRoot, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/variations",
+      children: /*#__PURE__*/_jsx(ScreenStyleVariations, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/blocks",
+      children: /*#__PURE__*/_jsx(ScreenBlockList, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/typography",
+      children: /*#__PURE__*/_jsx(ScreenTypography, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/typography/text",
+      children: /*#__PURE__*/_jsx(ScreenTypographyElement, {
+        element: "text"
+      })
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/typography/link",
+      children: /*#__PURE__*/_jsx(ScreenTypographyElement, {
+        element: "link"
+      })
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/typography/heading",
+      children: /*#__PURE__*/_jsx(ScreenTypographyElement, {
+        element: "heading"
+      })
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/typography/caption",
+      children: /*#__PURE__*/_jsx(ScreenTypographyElement, {
+        element: "caption"
+      })
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/typography/button",
+      children: /*#__PURE__*/_jsx(ScreenTypographyElement, {
+        element: "button"
+      })
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/colors",
+      children: /*#__PURE__*/_jsx(ScreenColors, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/shadows",
+      children: /*#__PURE__*/_jsx(ScreenShadows, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/shadows/edit/:category/:slug",
+      children: /*#__PURE__*/_jsx(ScreenShadowsEdit, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/layout",
+      children: /*#__PURE__*/_jsx(ScreenLayout, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/css",
+      children: /*#__PURE__*/_jsx(ScreenCSS, {})
+    }), /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: "/revisions",
+      children: /*#__PURE__*/_jsx(ScreenRevisions, {})
+    }), blocks.map(block => /*#__PURE__*/_jsx(GlobalStylesNavigationScreen, {
+      path: '/blocks/' + encodeURIComponent(block.name),
+      children: /*#__PURE__*/_jsx(ScreenBlock, {
+        name: block.name
+      })
+    }, 'menu-block-' + block.name)), /*#__PURE__*/_jsx(ContextScreens, {}), blocks.map(block => /*#__PURE__*/_jsx(ContextScreens, {
+      name: block.name,
+      parentMenu: '/blocks/' + encodeURIComponent(block.name)
+    }, 'screens-block-' + block.name)), 'style-book' === editorCanvasContainerView && /*#__PURE__*/_jsx(GlobalStylesStyleBook, {}), /*#__PURE__*/_jsx(GlobalStylesActionMenu, {}), /*#__PURE__*/_jsx(GlobalStylesBlockLink, {}), /*#__PURE__*/_jsx(GlobalStylesEditorCanvasContainerLink, {})]
+  });
 }
 export { GlobalStylesMenuSlot };
 export default GlobalStylesUI;

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","__experimentalUseNavigator","useNavigator","createSlotFill","DropdownMenu","MenuGroup","MenuItem","getBlockTypes","store","blocksStore","useSelect","useDispatch","privateApis","blockEditorPrivateApis","blockEditorStore","__","preferencesStore","moreVertical","coreStore","useEffect","ScreenRoot","useBlockHasGlobalStyles","default","ScreenBlockList","ScreenBlock","ScreenTypography","ScreenTypographyElement","ScreenColors","ScreenColorPalette","ScreenLayout","ScreenStyleVariations","StyleBook","ScreenCSS","ScreenRevisions","ScreenBackground","unlock","editSiteStore","SLOT_FILL_NAME","useGlobalStylesReset","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","GlobalStylesActionMenu","canReset","onReset","toggle","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","goTo","loadCustomCSS","createElement","icon","label","toggleProps","size","onClose","Fragment","onClick","disabled","GlobalStylesNavigationScreen","className","props","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","key","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","clientId","blockHasGlobalStyles","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","GlobalStylesUI","blocks","initialPath","element","block"],"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\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=\"/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":";AAAA;AACA;AACA;AACA,SACCA,+BAA+B,IAAIC,iBAAiB,EACpDC,6BAA6B,IAAIC,eAAe,EAChDC,0BAA0B,IAAIC,YAAY,EAC1CC,cAAc,EACdC,YAAY,EACZC,SAAS,EACTC,QAAQ,QACF,uBAAuB;AAC9B,SAASC,aAAa,EAAEC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACvE,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SACCC,WAAW,IAAIC,sBAAsB,EACrCL,KAAK,IAAIM,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,wBAAwB;AAClE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAAST,KAAK,IAAIU,SAAS,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,UAAU,MAAM,eAAe;AACtC,SACCC,uBAAuB,EACvBC,OAAO,IAAIC,eAAe,QACpB,qBAAqB;AAC5B,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,uBAAuB,MAAM,6BAA6B;AACjE,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,qBAAqB,MAAM,2BAA2B;AAC7D,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAAS3B,KAAK,IAAI4B,aAAa,QAAQ,aAAa;AAEpD,MAAMC,cAAc,GAAG,kBAAkB;AACzC,MAAM;EAAEC;AAAqB,CAAC,GAAGH,MAAM,CAAEtB,sBAAuB,CAAC;AACjE,MAAM;EAAE0B,IAAI,EAAEC,oBAAoB;EAAEC,IAAI,EAAEC;AAAqB,CAAC,GAC/DvC,cAAc,CAAEkC,cAAe,CAAC;AAEjC,SAASM,sBAAsBA,CAAA,EAAG;EACjC,MAAM,CAAEC,QAAQ,EAAEC,OAAO,CAAE,GAAGP,oBAAoB,CAAC,CAAC;EACpD,MAAM;IAAEQ;EAAO,CAAC,GAAGnC,WAAW,CAAEK,gBAAiB,CAAC;EAClD,MAAM;IAAE+B;EAAW,CAAC,GAAGrC,SAAS,CAAIsC,MAAM,IAAM;IAC/C,MAAM;MAAEC,eAAe;MAAEC;IAAuC,CAAC,GAChEF,MAAM,CAAE9B,SAAU,CAAC;IAEpB,MAAMiC,cAAc,GAAGD,sCAAsC,CAAC,CAAC;IAC/D,MAAME,YAAY,GAAGD,cAAc,GAChCF,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEE,cAAe,CAAC,GACzDE,SAAS;IAEZ,OAAO;MACNN,UAAU,EAAE,CAAC,CAAEK,YAAY,EAAEE,MAAM,GAAI,oBAAoB;IAC5D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAA6B,CAAC,GAAGpB,MAAM,CAC9CxB,WAAW,CAAEyB,aAAc,CAC5B,CAAC;EACD,MAAM;IAAEoB;EAAK,CAAC,GAAGtD,YAAY,CAAC,CAAC;EAC/B,MAAMuD,aAAa,GAAGA,CAAA,KAAM;IAC3BF,4BAA4B,CAAE,mBAAoB,CAAC;IACnDC,IAAI,CAAE,MAAO,CAAC;EACf,CAAC;EAED,OACCE,aAAA,CAAChB,oBAAoB,QACpBgB,aAAA,CAACtD,YAAY;IACZuD,IAAI,EAAG1C,YAAc;IACrB2C,KAAK,EAAG7C,EAAE,CAAE,MAAO,CAAG;IACtB8C,WAAW,EAAG;MAAEC,IAAI,EAAE;IAAU;EAAG,GAEjC,CAAE;IAAEC;EAAQ,CAAC,KACdL,aAAA,CAAAM,QAAA,QACCN,aAAA,CAACrD,SAAS,QACP0C,UAAU,IACXW,aAAA,CAACpD,QAAQ;IAAC2D,OAAO,EAAGR;EAAe,GAChC1C,EAAE,CAAE,gBAAiB,CACd,CACV,EACD2C,aAAA,CAACpD,QAAQ;IACR2D,OAAO,EAAGA,CAAA,KAAM;MACfnB,MAAM,CACL,gBAAgB,EAChB,oBACD,CAAC;MACDiB,OAAO,CAAC,CAAC;IACV;EAAG,GAEDhD,EAAE,CAAE,eAAgB,CACb,CACA,CAAC,EACZ2C,aAAA,CAACrD,SAAS,QACTqD,aAAA,CAACpD,QAAQ;IACR2D,OAAO,EAAGA,CAAA,KAAM;MACfpB,OAAO,CAAC,CAAC;MACTkB,OAAO,CAAC,CAAC;IACV,CAAG;IACHG,QAAQ,EAAG,CAAEtB;EAAU,GAErB7B,EAAE,CAAE,cAAe,CACZ,CACA,CACV,CAEU,CACO,CAAC;AAEzB;AAEA,SAASoD,4BAA4BA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EAChE,OACCX,aAAA,CAAC1D,eAAe;IACfoE,SAAS,EAAG,CACX,mDAAmD,EACnDA,SAAS,CACT,CACCE,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAG;IAAA,GACVH;EAAK,CACV,CAAC;AAEJ;AAEA,SAASI,4BAA4BA,CAAE;EACtCC,UAAU;EACVC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OAAOD,WAAW,CAACE,GAAG,CAAE,CAAEC,KAAK,EAAEC,KAAK,KACrCrB,aAAA,CAACS,4BAA4B;IAC5Ba,GAAG,EAAGD,KAAO;IACbE,IAAI,EAAGP,UAAU,GAAG,cAAc,GAAGI,KAAK,CAACI;EAAM,GAEjDxB,aAAA,CAAClC,WAAW;IAAC0D,IAAI,EAAGN,SAAW;IAACO,SAAS,EAAGL,KAAK,CAACI;EAAM,CAAE,CAC7B,CAC7B,CAAC;AACJ;AAEA,SAASE,cAAcA,CAAE;EAAEF,IAAI;EAAER,UAAU,GAAG;AAAG,CAAC,EAAG;EACpD,MAAMW,oBAAoB,GAAG3E,SAAS,CACnCsC,MAAM,IAAM;IACb,MAAM;MAAEsC;IAAe,CAAC,GAAGtC,MAAM,CAAEvC,WAAY,CAAC;IAChD,OAAO6E,cAAc,CAAEJ,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,OACCxB,aAAA,CAAAM,QAAA,QACCN,aAAA,CAACS,4BAA4B;IAC5Bc,IAAI,EAAGP,UAAU,GAAG;EAAmB,GAEvChB,aAAA,CAAC9B,kBAAkB;IAACsD,IAAI,EAAGA;EAAM,CAAE,CACN,CAAC,EAE7B,CAAC,CAAEG,oBAAoB,EAAEE,MAAM,IAChC7B,aAAA,CAACe,4BAA4B;IAC5BC,UAAU,EAAGA,UAAY;IACzBC,WAAW,EAAGU,oBAAsB;IACpCT,SAAS,EAAGM;EAAM,CAClB,CAED,CAAC;AAEL;AAEA,SAASM,qBAAqBA,CAAA,EAAG;EAChC,MAAMC,SAAS,GAAGvF,YAAY,CAAC,CAAC;EAChC,MAAM;IAAE+E;EAAK,CAAC,GAAGQ,SAAS,CAACC,QAAQ;EACnC,OACChC,aAAA,CAAC3B,SAAS;IACT4D,UAAU,EAAKf,SAAS;IACvB;IACA;IACA;IACAK,IAAI,KAAM,WAAWW,kBAAkB,CAAEhB,SAAU,CAAG,EAAC,IACvDK,IAAI,CAACY,UAAU,CACb,WAAWD,kBAAkB,CAAEhB,SAAU,CAAG,GAC9C,CACA;IACDkB,QAAQ,EAAKlB,SAAS,IAAM;MAC3B;MACAa,SAAS,CAACjC,IAAI,CAAE,UAAU,GAAGoC,kBAAkB,CAAEhB,SAAU,CAAE,CAAC;IAC/D;EAAG,CACH,CAAC;AAEJ;AAEA,SAASmB,qBAAqBA,CAAA,EAAG;EAChC,MAAMN,SAAS,GAAGvF,YAAY,CAAC,CAAC;EAChC,MAAM;IAAE8F,iBAAiB;IAAEC;EAAsB,CAAC,GAAGvF,SAAS,CAC3DsC,MAAM,IAAM;IACb,MAAM;MAAEkD,wBAAwB;MAAEC;IAAa,CAAC,GAC/CnD,MAAM,CAAElC,gBAAiB,CAAC;IAC3B,MAAMsF,QAAQ,GAAGF,wBAAwB,CAAC,CAAC;IAC3C,OAAO;MACNF,iBAAiB,EAAEG,YAAY,CAAEC,QAAS,CAAC;MAC3CH,qBAAqB,EAAEG;IACxB,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAMC,oBAAoB,GAAGhF,uBAAuB,CAAE2E,iBAAkB,CAAC;EACzE;EACA7E,SAAS,CAAE,MAAM;IAChB,IAAK,CAAE8E,qBAAqB,IAAI,CAAEI,oBAAoB,EAAG;MACxD;IACD;IACA,MAAMC,WAAW,GAAGb,SAAS,CAACC,QAAQ,CAACT,IAAI;IAC3C,IACCqB,WAAW,KAAK,SAAS,IACzB,CAAEA,WAAW,CAACT,UAAU,CAAE,UAAW,CAAC,EACrC;MACD;IACD;IACA,MAAMU,OAAO,GAAG,UAAU,GAAGX,kBAAkB,CAAEI,iBAAkB,CAAC;IACpE;IACA;IACA,IAAKO,OAAO,KAAKD,WAAW,EAAG;MAC9Bb,SAAS,CAACjC,IAAI,CAAE+C,OAAO,EAAE;QAAEC,SAAS,EAAE;MAAK,CAAE,CAAC;IAC/C;EACD,CAAC,EAAE,CAAEP,qBAAqB,EAAED,iBAAiB,EAAEK,oBAAoB,CAAG,CAAC;AACxE;AAEA,SAASI,qCAAqCA,CAAA,EAAG;EAChD,MAAM;IAAEjD,IAAI;IAAEkC;EAAS,CAAC,GAAGxF,YAAY,CAAC,CAAC;EACzC,MAAMwG,yBAAyB,GAAGhG,SAAS,CACxCsC,MAAM,IACPb,MAAM,CAAEa,MAAM,CAAEZ,aAAc,CAAE,CAAC,CAACuE,4BAA4B,CAAC,CAAC,EACjE,EACD,CAAC;EACD,MAAM1B,IAAI,GAAGS,QAAQ,EAAET,IAAI;EAC3B,MAAM2B,eAAe,GAAG3B,IAAI,KAAK,YAAY;;EAE7C;EACA;EACA;EACA9D,SAAS,CAAE,MAAM;IAChB,QAASuF,yBAAyB;MACjC,KAAK,yBAAyB;MAC9B,KAAK,oCAAoC;QACxClD,IAAI,CAAE,YAAa,CAAC;QACpB;MACD,KAAK,mBAAmB;QACvBA,IAAI,CAAE,MAAO,CAAC;QACd;MACD,KAAK,YAAY;QAChB;AACJ;AACA;AACA;AACA;AACA;AACA;QACI,IAAKoD,eAAe,EAAG;UACtBpD,IAAI,CAAE,GAAI,CAAC;QACZ;QACA;MACD;QACC;AACJ;AACA;AACA;AACA;AACA;AACA;QACI,IAAKyB,IAAI,KAAK,GAAG,IAAI,CAAE2B,eAAe,EAAG;UACxC;QACD;QACApD,IAAI,CAAE,GAAI,CAAC;QACX;IACF;EACD,CAAC,EAAE,CAAEkD,yBAAyB,EAAEE,eAAe,EAAEpD,IAAI,CAAG,CAAC;AAC1D;AAEA,SAASqD,cAAcA,CAAA,EAAG;EACzB,MAAMC,MAAM,GAAGvG,aAAa,CAAC,CAAC;EAC9B,MAAMmG,yBAAyB,GAAGhG,SAAS,CACxCsC,MAAM,IACPb,MAAM,CAAEa,MAAM,CAAEZ,aAAc,CAAE,CAAC,CAACuE,4BAA4B,CAAC,CAAC,EACjE,EACD,CAAC;EACD,OACCjD,aAAA,CAAC5D,iBAAiB;IACjBsE,SAAS,EAAC,qDAAqD;IAC/D2C,WAAW,EAAC;EAAG,GAEfrD,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAG,GACrCvB,aAAA,CAACtC,UAAU,MAAE,CACgB,CAAC,EAE/BsC,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAa,GAC/CvB,aAAA,CAAC5B,qBAAqB,MAAE,CACK,CAAC,EAE/B4B,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAS,GAC3CvB,aAAA,CAACnC,eAAe,MAAE,CACW,CAAC,EAE/BmC,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAa,GAC/CvB,aAAA,CAACjC,gBAAgB,MAAE,CACU,CAAC,EAE/BiC,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAkB,GACpDvB,aAAA,CAAChC,uBAAuB;IAACsF,OAAO,EAAC;EAAM,CAAE,CACZ,CAAC,EAE/BtD,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAkB,GACpDvB,aAAA,CAAChC,uBAAuB;IAACsF,OAAO,EAAC;EAAM,CAAE,CACZ,CAAC,EAE/BtD,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAqB,GACvDvB,aAAA,CAAChC,uBAAuB;IAACsF,OAAO,EAAC;EAAS,CAAE,CACf,CAAC,EAE/BtD,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAqB,GACvDvB,aAAA,CAAChC,uBAAuB;IAACsF,OAAO,EAAC;EAAS,CAAE,CACf,CAAC,EAE/BtD,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAoB,GACtDvB,aAAA,CAAChC,uBAAuB;IAACsF,OAAO,EAAC;EAAQ,CAAE,CACd,CAAC,EAE/BtD,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAS,GAC3CvB,aAAA,CAAC/B,YAAY,MAAE,CACc,CAAC,EAE/B+B,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAS,GAC3CvB,aAAA,CAAC7B,YAAY,MAAE,CACc,CAAC,EAE/B6B,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAC;EAAM,GACxCvB,aAAA,CAAC1B,SAAS,MAAE,CACiB,CAAC,EAE/B0B,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAG;EAAc,GAClDvB,aAAA,CAACzB,eAAe,MAAE,CACW,CAAC,EAE/ByB,aAAA,CAACS,4BAA4B;IAACc,IAAI,EAAG;EAAe,GACnDvB,aAAA,CAACxB,gBAAgB,MAAE,CACU,CAAC,EAE7B4E,MAAM,CAACjC,GAAG,CAAIoC,KAAK,IACpBvD,aAAA,CAACS,4BAA4B;IAC5Ba,GAAG,EAAG,aAAa,GAAGiC,KAAK,CAAC/B,IAAM;IAClCD,IAAI,EAAG,UAAU,GAAGW,kBAAkB,CAAEqB,KAAK,CAAC/B,IAAK;EAAG,GAEtDxB,aAAA,CAAClC,WAAW;IAAC0D,IAAI,EAAG+B,KAAK,CAAC/B;EAAM,CAAE,CACL,CAC7B,CAAC,EAEHxB,aAAA,CAAC0B,cAAc,MAAE,CAAC,EAEhB0B,MAAM,CAACjC,GAAG,CAAIoC,KAAK,IACpBvD,aAAA,CAAC0B,cAAc;IACdJ,GAAG,EAAG,gBAAgB,GAAGiC,KAAK,CAAC/B,IAAM;IACrCA,IAAI,EAAG+B,KAAK,CAAC/B,IAAM;IACnBR,UAAU,EAAG,UAAU,GAAGkB,kBAAkB,CAAEqB,KAAK,CAAC/B,IAAK;EAAG,CAC5D,CACA,CAAC,EAED,YAAY,KAAKwB,yBAAyB,IAC3ChD,aAAA,CAAC8B,qBAAqB,MAAE,CACxB,EAED9B,aAAA,CAACf,sBAAsB,MAAE,CAAC,EAC1Be,aAAA,CAACqC,qBAAqB,MAAE,CAAC,EACzBrC,aAAA,CAAC+C,qCAAqC,MAAE,CACtB,CAAC;AAEtB;AACA,SAASjE,oBAAoB;AAC7B,eAAeqE,cAAc","ignoreList":[]}
+{"version":3,"names":["__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","__experimentalUseNavigator","useNavigator","createSlotFill","DropdownMenu","MenuGroup","MenuItem","getBlockTypes","store","blocksStore","useSelect","useDispatch","privateApis","blockEditorPrivateApis","blockEditorStore","__","preferencesStore","moreVertical","coreStore","useEffect","ScreenRoot","useBlockHasGlobalStyles","default","ScreenBlockList","ScreenBlock","ScreenTypography","ScreenTypographyElement","ScreenColors","ScreenColorPalette","ScreenShadows","ScreenShadowsEdit","ScreenLayout","ScreenStyleVariations","StyleBook","ScreenCSS","ScreenRevisions","unlock","editSiteStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SLOT_FILL_NAME","useGlobalStylesReset","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","GlobalStylesActionMenu","canReset","onReset","toggle","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","goTo","loadCustomCSS","children","icon","label","toggleProps","size","onClose","onClick","disabled","GlobalStylesNavigationScreen","className","props","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","clientId","blockHasGlobalStyles","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","GlobalStylesUI","blocks","initialPath","element","block"],"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-module/components/global-styles/utils.js

@@ -10,6 +10,33 @@ export 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.
+ */
+export 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-module/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;AACA,OAAO,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;AAEA,OAAO,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;AACA,OAAO,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;AACA,OAAO,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;AAEA,OAAO,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-module/components/global-styles/variations/variation.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,7 @@ import { privateApis as editorPrivateApis } from '@wordpress/editor';
  * Internal dependencies
  */
 import { unlock } from '../../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   mergeBaseAndUserConfigs
 } = unlock(editorPrivateApis);
@@ -36,11 +36,12 @@ export default function Variation({
     setUserConfig
   } = useContext(GlobalStylesContext);
   const context = 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: mergeBaseAndUserConfigs(base, variation),
@@ -50,7 +51,8 @@ export default function Variation({
   const selectVariation = () => {
     setUserConfig(() => ({
       settings: variation.settings,
-      styles: variation.styles
+      styles: variation.styles,
+      _links: variation._links
     }));
   };
   const selectOnEnter = event => {
@@ -65,24 +67,27 @@ export default function Variation({
     label = sprintf( /* translators: %1$s: variation title. %2$s variation description. */
     __('%1$s (%2$s)'), variation?.title, variation?.description);
   }
-  return createElement(GlobalStylesContext.Provider, {
-    value: context
-  }, createElement("div", {
-    className: clsx('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)
-  }, createElement("div", {
-    className: clsx('edit-site-global-styles-variations_item-preview', {
-      'is-pill': isPill
+  return /*#__PURE__*/_jsx(GlobalStylesContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx("div", {
+      className: clsx('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__*/_jsx("div", {
+        className: clsx('edit-site-global-styles-variations_item-preview', {
+          'is-pill': isPill
+        }),
+        children: children(isFocused)
+      })
     })
-  }, children(isFocused))));
+  });
 }
 //# sourceMappingURL=variation.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","useMemo","useContext","useState","ENTER","__","sprintf","privateApis","blockEditorPrivateApis","editorPrivateApis","unlock","mergeBaseAndUserConfigs","GlobalStylesContext","areGlobalStyleConfigsEqual","Variation","variation","children","isPill","isFocused","setIsFocused","base","user","setUserConfig","context","_variation$settings","_variation$styles","settings","styles","merged","selectVariation","selectOnEnter","event","keyCode","preventDefault","isActive","label","title","description","createElement","Provider","value","className","role","onClick","onKeyDown","tabIndex","onFocus","onBlur"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( { variation, children, isPill } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo(\n\t\t() => ( {\n\t\t\tuser: {\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged: mergeBaseAndUserConfigs( base, variation ),\n\t\t\tsetUserConfig: () => {},\n\t\t} ),\n\t\t[ variation, base ]\n\t);\n\n\tconst selectVariation = () => {\n\t\tsetUserConfig( () => ( {\n\t\t\tsettings: variation.settings,\n\t\t\tstyles: variation.styles,\n\t\t} ) );\n\t};\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/* translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t\t'is-active': isActive,\n\t\t\t\t} ) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ children( isFocused ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useMemo","useContext","useState","ENTER","__","sprintf","privateApis","blockEditorPrivateApis","editorPrivateApis","unlock","jsx","_jsx","mergeBaseAndUserConfigs","GlobalStylesContext","areGlobalStyleConfigsEqual","Variation","variation","children","isPill","isFocused","setIsFocused","base","user","setUserConfig","context","_variation$settings","_variation$styles","_variation$_links","settings","styles","_links","merged","selectVariation","selectOnEnter","event","keyCode","preventDefault","isActive","label","title","description","Provider","value","className","role","onClick","onKeyDown","tabIndex","onFocus","onBlur"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( { variation, children, isPill } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo(\n\t\t() => ( {\n\t\t\tuser: {\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t\t_links: variation._links ?? {},\n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged: mergeBaseAndUserConfigs( base, variation ),\n\t\t\tsetUserConfig: () => {},\n\t\t} ),\n\t\t[ variation, base ]\n\t);\n\n\tconst selectVariation = () => {\n\t\tsetUserConfig( () => ( {\n\t\t\tsettings: variation.settings,\n\t\t\tstyles: variation.styles,\n\t\t\t_links: variation._links,\n\t\t} ) );\n\t};\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/* translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t\t'is-active': isActive,\n\t\t\t\t} ) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ children( isFocused ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/variations/variations-color.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,24 +10,31 @@ import StylesPreviewColors from '../preview-colors';
 import { useColorVariations } from '../hooks';
 import Subtitle from '../subtitle';
 import Variation from './variation';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function ColorVariations({
   title,
   gap = 2
 }) {
   const colorVariations = useColorVariations();
-  if (!colorVariations?.length) {
+
+  // Return null if there is only one variation (the default).
+  if (colorVariations?.length <= 1) {
     return null;
   }
-  return createElement(VStack, {
-    spacing: 3
-  }, title && createElement(Subtitle, {
-    level: 3
-  }, title), createElement(VStack, {
-    spacing: gap
-  }, colorVariations.map((variation, index) => createElement(Variation, {
-    key: index,
-    variation: variation,
-    isPill: true
-  }, () => createElement(StylesPreviewColors, null)))));
+  return /*#__PURE__*/_jsxs(VStack, {
+    spacing: 3,
+    children: [title && /*#__PURE__*/_jsx(Subtitle, {
+      level: 3,
+      children: title
+    }), /*#__PURE__*/_jsx(VStack, {
+      spacing: gap,
+      children: colorVariations.map((variation, index) => /*#__PURE__*/_jsx(Variation, {
+        variation: variation,
+        isPill: true,
+        children: () => /*#__PURE__*/_jsx(StylesPreviewColors, {})
+      }, index))
+    })]
+  });
 }
 //# sourceMappingURL=variations-color.js.map