@wordpress/edit-site 5.27.2 → 5.28.1

package/src/components/sidebar-edit-mode/settings-header/style.scss

@@ -1,20 +1,8 @@
 .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs {
-	justify-content: flex-start;
 	padding-left: 0;
 	padding-right: $grid-unit-20;
-	border-top: 0;
-	margin-top: 0;
-
-	ul {
-		display: flex;
-	}
-	li {
-		margin: 0;
-	}
 
 	.components-button.has-icon {
-		display: none;
-		margin: 0 0 0 auto;
 		padding: 0;
 		min-width: $icon-size;
 		height: $icon-size;
@@ -24,78 +12,3 @@
 		}
 	}
 }
-
-// This tab style CSS is duplicated verbatim in
-// /packages/components/src/tab-panel/style.scss
-.components-button.edit-site-sidebar-edit-mode__panel-tab {
-	position: relative;
-	border-radius: 0;
-	height: $grid-unit-60;
-	background: transparent;
-	border: none;
-	box-shadow: none;
-	cursor: pointer;
-	padding: 3px $grid-unit-20; // Use padding to offset the is-active border, this benefits Windows High Contrast mode
-	margin-left: 0;
-	font-weight: 500;
-
-	&:focus:not(:disabled) {
-		position: relative;
-		box-shadow: none;
-		outline: none;
-	}
-
-	// Tab indicator
-	&::after {
-		content: "";
-		position: absolute;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		pointer-events: none;
-
-		// Draw the indicator.
-		background: var(--wp-admin-theme-color);
-		height: calc(0 * var(--wp-admin-border-width-focus));
-		border-radius: 0;
-
-		// Animation
-		transition: all 0.1s linear;
-		@include reduce-motion("transition");
-	}
-
-	// Active.
-	&.is-active::after {
-		height: calc(1 * var(--wp-admin-border-width-focus));
-
-		// Windows high contrast mode.
-		outline: 2px solid transparent;
-		outline-offset: -1px;
-	}
-
-	// Focus.
-	&::before {
-		content: "";
-		position: absolute;
-		top: $grid-unit-15;
-		right: $grid-unit-15;
-		bottom: $grid-unit-15;
-		left: $grid-unit-15;
-		pointer-events: none;
-
-		// Draw the indicator.
-		box-shadow: 0 0 0 0 transparent;
-		border-radius: $radius-block-ui;
-
-		// Animation
-		transition: all 0.1s linear;
-		@include reduce-motion("transition");
-	}
-
-	&:focus-visible::before {
-		box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-
-		// Windows high contrast mode.
-		outline: 2px solid transparent;
-	}
-}

package/src/components/sidebar-edit-mode/sidebar-card/style.scss

@@ -11,7 +11,10 @@
 		font-weight: 500;
 		line-height: $icon-size;
 		&.edit-site-sidebar-card__title {
+			font-size: $default-font-size;
+			line-height: $default-line-height;
 			margin: 0;
+			padding: 3px 0; // This makes the title as high as the icon.
 		}
 	}
 

package/src/components/sidebar-edit-mode/style.scss

@@ -99,3 +99,7 @@
 		}
 	}
 }
+
+.edit-site-sidebar__panel {
+	margin-top: -1px;
+}

package/src/components/sidebar-navigation-screen/style.scss

@@ -43,6 +43,8 @@
 
 .edit-site-sidebar-navigation-screen__page-link {
 	color: $gray-600;
+	display: inline-block;
+	word-break: break-word;
 
 	&:hover,
 	&:focus {
@@ -52,7 +54,6 @@
 	.components-external-link__icon {
 		margin-left: $grid-unit-05;
 	}
-	display: inline-block;
 }
 
 .edit-site-sidebar-navigation-screen__title-icon {

package/src/components/sidebar-navigation-screen-pattern/use-pattern-details.js

@@ -6,7 +6,7 @@ import { sentenceCase } from 'change-case';
 /**
  * WordPress dependencies
  */
-import { __, sprintf } from '@wordpress/i18n';
+import { __, _x, sprintf } from '@wordpress/i18n';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as editorStore } from '@wordpress/editor';
 import { useSelect } from '@wordpress/data';
@@ -94,8 +94,14 @@ export default function usePatternDetails( postType, postId ) {
 			label: __( 'Syncing' ),
 			value:
 				record.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced
-					? __( 'Not synced' )
-					: __( 'Fully synced' ),
+					? _x(
+							'Not synced',
+							'Text that indicates that the pattern is not synchronized'
+					  )
+					: _x(
+							'Synced',
+							'Text that indicates that the pattern is synchronized'
+					  ),
 		} );
 
 		if ( record.wp_pattern_category?.length === 0 ) {

package/src/components/site-hub/style.scss

@@ -54,7 +54,6 @@
 }
 
 .edit-site-site-hub__site-title {
-	margin-left: $grid-unit-05;
 	flex-grow: 1;
 	color: $gray-200;
 }

package/src/components/site-icon/index.js

@@ -36,8 +36,8 @@ function SiteIcon( { className } ) {
 	) : (
 		<Icon
 			className="edit-site-site-icon__icon"
-			size="48px"
 			icon={ wordpress }
+			size={ 48 }
 		/>
 	);
 

package/src/components/site-icon/style.scss

@@ -1,10 +1,18 @@
 .edit-site-site-icon__icon {
 	fill: currentColor;
+	// Matches SiteIcon motion, smoothing out the transition.
+	transition: padding 0.3s ease-out;
+	@include reduce-motion("transition");
+
+	.edit-site-layout.is-full-canvas & {
+		// Make the WordPress icon not so big in full canvas.
+		padding: $grid-unit-15 * 0.5; // 6px.
+	}
 }
 
 .edit-site-site-icon__image {
 	width: 100%;
-	height: auto;
+	height: 100%;
 	border-radius: $radius-block-ui * 2;
 	object-fit: cover;
 	background: #333;

package/src/components/start-template-options/index.js

@@ -4,10 +4,7 @@
 import { Modal, Flex, FlexItem, Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useState, useMemo } from '@wordpress/element';
-import {
-	__experimentalBlockPatternsList as BlockPatternsList,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
+import { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
 import { useAsyncList } from '@wordpress/compose';
 import { store as preferencesStore } from '@wordpress/preferences';
@@ -42,14 +39,13 @@ function useFallbackTemplateContent( slug, isCustom = false ) {
 function useStartPatterns( fallbackContent ) {
 	const { slug, patterns } = useSelect( ( select ) => {
 		const { getEditedPostType, getEditedPostId } = select( editSiteStore );
-		const { getEntityRecord } = select( coreStore );
+		const { getEntityRecord, getBlockPatterns } = select( coreStore );
 		const postId = getEditedPostId();
 		const postType = getEditedPostType();
 		const record = getEntityRecord( 'postType', postType, postId );
-		const { getSettings } = select( blockEditorStore );
 		return {
 			slug: record.slug,
-			patterns: getSettings().__experimentalBlockPatterns,
+			patterns: getBlockPatterns(),
 		};
 	}, [] );
 

package/src/store/actions.js

@@ -559,6 +559,11 @@ export const toggleDistractionFree =
 		const isDistractionFree = registry
 			.select( preferencesStore )
 			.get( 'core', 'distractionFree' );
+		if ( isDistractionFree ) {
+			registry
+				.dispatch( preferencesStore )
+				.set( 'core', 'fixedToolbar', false );
+		}
 		if ( ! isDistractionFree ) {
 			registry.batch( () => {
 				registry
@@ -586,9 +591,21 @@ export const toggleDistractionFree =
 							{
 								label: __( 'Undo' ),
 								onClick: () => {
-									registry
-										.dispatch( preferencesStore )
-										.toggle( 'core', 'distractionFree' );
+									registry.batch( () => {
+										registry
+											.dispatch( preferencesStore )
+											.set(
+												'core',
+												'fixedToolbar',
+												isDistractionFree ? true : false
+											);
+										registry
+											.dispatch( preferencesStore )
+											.toggle(
+												'core',
+												'distractionFree'
+											);
+									} );
 								},
 							},
 						],

package/build/components/block-editor/back-button.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-var _router = require("@wordpress/router");
-var _constants = require("../../utils/constants");
-var _lockUnlock = require("../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useLocation,
-  useHistory
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-function BackButton() {
-  const location = useLocation();
-  const history = useHistory();
-  const isTemplatePart = location.params.postType === _constants.TEMPLATE_PART_POST_TYPE;
-  const isNavigationMenu = location.params.postType === _constants.NAVIGATION_POST_TYPE;
-  const isPattern = location.params.postType === _constants.PATTERN_TYPES.user;
-  const isFocusMode = location.params.focusMode || isTemplatePart || isNavigationMenu || isPattern;
-  if (!isFocusMode) {
-    return null;
-  }
-  return (0, _react.createElement)(_components.Button, {
-    className: "edit-site-visual-editor__back-button",
-    icon: _icons.arrowLeft,
-    onClick: () => {
-      history.back();
-    }
-  }, (0, _i18n.__)('Back'));
-}
-var _default = BackButton;
-exports.default = _default;
-//# sourceMappingURL=back-button.js.map

package/build/components/block-editor/back-button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_icons","_i18n","_router","_constants","_lockUnlock","useLocation","useHistory","unlock","routerPrivateApis","BackButton","location","history","isTemplatePart","params","postType","TEMPLATE_PART_POST_TYPE","isNavigationMenu","NAVIGATION_POST_TYPE","isPattern","PATTERN_TYPES","user","isFocusMode","focusMode","_react","createElement","Button","className","icon","arrowLeft","onClick","back","__","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/back-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { arrowLeft } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction BackButton() {\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;\n\tconst isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;\n\tconst isPattern = location.params.postType === PATTERN_TYPES.user;\n\n\tconst isFocusMode =\n\t\tlocation.params.focusMode ||\n\t\tisTemplatePart ||\n\t\tisNavigationMenu ||\n\t\tisPattern;\n\n\tif ( ! isFocusMode ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-site-visual-editor__back-button\"\n\t\t\ticon={ arrowLeft }\n\t\t\tonClick={ () => {\n\t\t\t\thistory.back();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Back' ) }\n\t\t</Button>\n\t);\n}\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AAKA,IAAAK,WAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAMA;AACA;AACA;;AAQA,MAAM;EAAEM,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE/D,SAASC,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,OAAO,GAAGL,UAAU,CAAC,CAAC;EAC5B,MAAMM,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKC,kCAAuB;EAC3E,MAAMC,gBAAgB,GAAGN,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKG,+BAAoB;EAC1E,MAAMC,SAAS,GAAGR,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKK,wBAAa,CAACC,IAAI;EAEjE,MAAMC,WAAW,GAChBX,QAAQ,CAACG,MAAM,CAACS,SAAS,IACzBV,cAAc,IACdI,gBAAgB,IAChBE,SAAS;EAEV,IAAK,CAAEG,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAA2B,MAAM;IACNC,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGC,gBAAW;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACflB,OAAO,CAACmB,IAAI,CAAC,CAAC;IACf;EAAG,GAED,IAAAC,QAAE,EAAE,MAAO,CACN,CAAC;AAEX;AAAC,IAAAC,QAAA,GAEcvB,UAAU;AAAAwB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-editor/use-post-link-props.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_router","require","_lockUnlock","_link","useHistory","unlock","routerPrivateApis","usePostLinkProps","history","params","state","getPostLinkProps","focusMode","canvas"],"sources":["@wordpress/edit-site/src/components/block-editor/use-post-link-props.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getPostLinkProps } from '../routes/link';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport function usePostLinkProps() {\n\tconst history = useHistory();\n\n\treturn ( params, state ) => {\n\t\treturn getPostLinkProps(\n\t\t\thistory,\n\t\t\t{ ...params, focusMode: true, canvas: 'edit' },\n\t\t\tstate\n\t\t);\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEG;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE3C,SAASC,gBAAgBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAE5B,OAAO,CAAEK,MAAM,EAAEC,KAAK,KAAM;IAC3B,OAAO,IAAAC,sBAAgB,EACtBH,OAAO,EACP;MAAE,GAAGC,MAAM;MAAEG,SAAS,EAAE,IAAI;MAAEC,MAAM,EAAE;IAAO,CAAC,EAC9CH,KACD,CAAC;EACF,CAAC;AACF"}

package/build/components/global-styles/font-library-modal/font-variant.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _components = require("@wordpress/components");
-var _fontDemo = _interopRequireDefault(require("./font-demo"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function FontVariant({
-  fontFace,
-  variantName,
-  checked,
-  onClick,
-  text,
-  actionHandler
-}) {
-  const {
-    fontStyle,
-    fontWeight
-  } = fontFace;
-  const displayVariantName = variantName || `${fontWeight} ${fontStyle}`;
-  return (0, _react.createElement)("div", {
-    className: "font-library-modal__font-variant"
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 1
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "flex-start",
-    alignment: "top"
-  }, !!actionHandler ? actionHandler : (0, _react.createElement)(_components.CheckboxControl, {
-    checked: checked,
-    onChange: onClick
-  }), typeof displayVariantName === 'string' ? (0, _react.createElement)(_components.__experimentalText, null, displayVariantName) : displayVariantName), (0, _react.createElement)("div", {
-    className: "font-library-modal__font-variant_demo-wrapper"
-  }, (0, _react.createElement)(_fontDemo.default, {
-    fontFace: fontFace,
-    text: text
-  }))));
-}
-var _default = FontVariant;
-exports.default = _default;
-//# sourceMappingURL=font-variant.js.map

package/build/components/global-styles/font-library-modal/font-variant.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_fontDemo","_interopRequireDefault","FontVariant","fontFace","variantName","checked","onClick","text","actionHandler","fontStyle","fontWeight","displayVariantName","_react","createElement","className","__experimentalVStack","spacing","__experimentalHStack","justify","alignment","CheckboxControl","onChange","__experimentalText","default","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tCheckboxControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport FontFaceDemo from './font-demo';\n\nfunction FontVariant( {\n\tfontFace,\n\tvariantName,\n\tchecked,\n\tonClick,\n\ttext,\n\tactionHandler,\n} ) {\n\tconst { fontStyle, fontWeight } = fontFace;\n\tconst displayVariantName = variantName || `${ fontWeight } ${ fontStyle }`;\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-variant\">\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t<HStack justify=\"flex-start\" alignment=\"top\">\n\t\t\t\t\t{ !! actionHandler ? (\n\t\t\t\t\t\tactionHandler\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\tchecked={ checked }\n\t\t\t\t\t\t\tonChange={ onClick }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ typeof displayVariantName === 'string' ? (\n\t\t\t\t\t\t<Text>{ displayVariantName }</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tdisplayVariantName\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<div className=\"font-library-modal__font-variant_demo-wrapper\">\n\t\t\t\t\t<FontFaceDemo fontFace={ fontFace } text={ text } />\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default FontVariant;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAUA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASG,WAAWA,CAAE;EACrBC,QAAQ;EACRC,WAAW;EACXC,OAAO;EACPC,OAAO;EACPC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGP,QAAQ;EAC1C,MAAMQ,kBAAkB,GAAGP,WAAW,IAAK,GAAGM,UAAY,IAAID,SAAW,EAAC;EAE1E,OACC,IAAAG,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAkC,GAChD,IAAAF,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAiB,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAJ,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAmB,oBAAM;IAACC,OAAO,EAAC,YAAY;IAACC,SAAS,EAAC;EAAK,GACzC,CAAC,CAAEX,aAAa,GACjBA,aAAa,GAEb,IAAAI,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAsB,eAAe;IACff,OAAO,EAAGA,OAAS;IACnBgB,QAAQ,EAAGf;EAAS,CACpB,CACD,EACC,OAAOK,kBAAkB,KAAK,QAAQ,GACvC,IAAAC,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAwB,kBAAI,QAAGX,kBAA0B,CAAC,GAEnCA,kBAEM,CAAC,EACT,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA+C,GAC7D,IAAAF,MAAA,CAAAC,aAAA,EAACb,SAAA,CAAAuB,OAAY;IAACpB,QAAQ,EAAGA,QAAU;IAACI,IAAI,EAAGA;EAAM,CAAE,CAC/C,CACE,CACJ,CAAC;AAER;AAAC,IAAAiB,QAAA,GAEctB,WAAW;AAAAuB,OAAA,CAAAF,OAAA,GAAAC,QAAA"}

package/build-module/components/block-editor/back-button.js

@@ -1,38 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { arrowLeft } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import { TEMPLATE_PART_POST_TYPE, NAVIGATION_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
-import { unlock } from '../../lock-unlock';
-const {
-  useLocation,
-  useHistory
-} = unlock(routerPrivateApis);
-function BackButton() {
-  const location = useLocation();
-  const history = useHistory();
-  const isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;
-  const isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;
-  const isPattern = location.params.postType === PATTERN_TYPES.user;
-  const isFocusMode = location.params.focusMode || isTemplatePart || isNavigationMenu || isPattern;
-  if (!isFocusMode) {
-    return null;
-  }
-  return createElement(Button, {
-    className: "edit-site-visual-editor__back-button",
-    icon: arrowLeft,
-    onClick: () => {
-      history.back();
-    }
-  }, __('Back'));
-}
-export default BackButton;
-//# sourceMappingURL=back-button.js.map

package/build-module/components/block-editor/back-button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Button","arrowLeft","__","privateApis","routerPrivateApis","TEMPLATE_PART_POST_TYPE","NAVIGATION_POST_TYPE","PATTERN_TYPES","unlock","useLocation","useHistory","BackButton","location","history","isTemplatePart","params","postType","isNavigationMenu","isPattern","user","isFocusMode","focusMode","createElement","className","icon","onClick","back"],"sources":["@wordpress/edit-site/src/components/block-editor/back-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { arrowLeft } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction BackButton() {\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;\n\tconst isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;\n\tconst isPattern = location.params.postType === PATTERN_TYPES.user;\n\n\tconst isFocusMode =\n\t\tlocation.params.focusMode ||\n\t\tisTemplatePart ||\n\t\tisNavigationMenu ||\n\t\tisPattern;\n\n\tif ( ! isFocusMode ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-site-visual-editor__back-button\"\n\t\t\ticon={ arrowLeft }\n\t\t\tonClick={ () => {\n\t\t\t\thistory.back();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Back' ) }\n\t\t</Button>\n\t);\n}\n\nexport default BackButton;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SACCC,uBAAuB,EACvBC,oBAAoB,EACpBC,aAAa,QACP,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC,WAAW;EAAEC;AAAW,CAAC,GAAGF,MAAM,CAAEJ,iBAAkB,CAAC;AAE/D,SAASO,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAC9B,MAAMI,OAAO,GAAGH,UAAU,CAAC,CAAC;EAC5B,MAAMI,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKX,uBAAuB;EAC3E,MAAMY,gBAAgB,GAAGL,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKV,oBAAoB;EAC1E,MAAMY,SAAS,GAAGN,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKT,aAAa,CAACY,IAAI;EAEjE,MAAMC,WAAW,GAChBR,QAAQ,CAACG,MAAM,CAACM,SAAS,IACzBP,cAAc,IACdG,gBAAgB,IAChBC,SAAS;EAEV,IAAK,CAAEE,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,OACCE,aAAA,CAACtB,MAAM;IACNuB,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGvB,SAAW;IAClBwB,OAAO,EAAGA,CAAA,KAAM;MACfZ,OAAO,CAACa,IAAI,CAAC,CAAC;IACf;EAAG,GAEDxB,EAAE,CAAE,MAAO,CACN,CAAC;AAEX;AAEA,eAAeS,UAAU"}

package/build-module/components/block-editor/use-post-link-props.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["privateApis","routerPrivateApis","unlock","getPostLinkProps","useHistory","usePostLinkProps","history","params","state","focusMode","canvas"],"sources":["@wordpress/edit-site/src/components/block-editor/use-post-link-props.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getPostLinkProps } from '../routes/link';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport function usePostLinkProps() {\n\tconst history = useHistory();\n\n\treturn ( params, state ) => {\n\t\treturn getPostLinkProps(\n\t\t\thistory,\n\t\t\t{ ...params, focusMode: true, canvas: 'edit' },\n\t\t\tstate\n\t\t);\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,gBAAgB,QAAQ,gBAAgB;AAEjD,MAAM;EAAEC;AAAW,CAAC,GAAGF,MAAM,CAAED,iBAAkB,CAAC;AAElD,OAAO,SAASI,gBAAgBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAGF,UAAU,CAAC,CAAC;EAE5B,OAAO,CAAEG,MAAM,EAAEC,KAAK,KAAM;IAC3B,OAAOL,gBAAgB,CACtBG,OAAO,EACP;MAAE,GAAGC,MAAM;MAAEE,SAAS,EAAE,IAAI;MAAEC,MAAM,EAAE;IAAO,CAAC,EAC9CF,KACD,CAAC;EACF,CAAC;AACF"}

package/build-module/components/global-styles/font-library-modal/font-variant.js

@@ -1,42 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { __experimentalText as Text, __experimentalVStack as VStack, __experimentalHStack as HStack, CheckboxControl } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import FontFaceDemo from './font-demo';
-function FontVariant({
-  fontFace,
-  variantName,
-  checked,
-  onClick,
-  text,
-  actionHandler
-}) {
-  const {
-    fontStyle,
-    fontWeight
-  } = fontFace;
-  const displayVariantName = variantName || `${fontWeight} ${fontStyle}`;
-  return createElement("div", {
-    className: "font-library-modal__font-variant"
-  }, createElement(VStack, {
-    spacing: 1
-  }, createElement(HStack, {
-    justify: "flex-start",
-    alignment: "top"
-  }, !!actionHandler ? actionHandler : createElement(CheckboxControl, {
-    checked: checked,
-    onChange: onClick
-  }), typeof displayVariantName === 'string' ? createElement(Text, null, displayVariantName) : displayVariantName), createElement("div", {
-    className: "font-library-modal__font-variant_demo-wrapper"
-  }, createElement(FontFaceDemo, {
-    fontFace: fontFace,
-    text: text
-  }))));
-}
-export default FontVariant;
-//# sourceMappingURL=font-variant.js.map

package/build-module/components/global-styles/font-library-modal/font-variant.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__experimentalText","Text","__experimentalVStack","VStack","__experimentalHStack","HStack","CheckboxControl","FontFaceDemo","FontVariant","fontFace","variantName","checked","onClick","text","actionHandler","fontStyle","fontWeight","displayVariantName","createElement","className","spacing","justify","alignment","onChange"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tCheckboxControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport FontFaceDemo from './font-demo';\n\nfunction FontVariant( {\n\tfontFace,\n\tvariantName,\n\tchecked,\n\tonClick,\n\ttext,\n\tactionHandler,\n} ) {\n\tconst { fontStyle, fontWeight } = fontFace;\n\tconst displayVariantName = variantName || `${ fontWeight } ${ fontStyle }`;\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-variant\">\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t<HStack justify=\"flex-start\" alignment=\"top\">\n\t\t\t\t\t{ !! actionHandler ? (\n\t\t\t\t\t\tactionHandler\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\tchecked={ checked }\n\t\t\t\t\t\t\tonChange={ onClick }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ typeof displayVariantName === 'string' ? (\n\t\t\t\t\t\t<Text>{ displayVariantName }</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tdisplayVariantName\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<div className=\"font-library-modal__font-variant_demo-wrapper\">\n\t\t\t\t\t<FontFaceDemo fontFace={ fontFace } text={ text } />\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default FontVariant;\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,eAAe,QACT,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,YAAY,MAAM,aAAa;AAEtC,SAASC,WAAWA,CAAE;EACrBC,QAAQ;EACRC,WAAW;EACXC,OAAO;EACPC,OAAO;EACPC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGP,QAAQ;EAC1C,MAAMQ,kBAAkB,GAAGP,WAAW,IAAK,GAAGM,UAAY,IAAID,SAAW,EAAC;EAE1E,OACCG,aAAA;IAAKC,SAAS,EAAC;EAAkC,GAChDD,aAAA,CAACf,MAAM;IAACiB,OAAO,EAAG;EAAG,GACpBF,aAAA,CAACb,MAAM;IAACgB,OAAO,EAAC,YAAY;IAACC,SAAS,EAAC;EAAK,GACzC,CAAC,CAAER,aAAa,GACjBA,aAAa,GAEbI,aAAA,CAACZ,eAAe;IACfK,OAAO,EAAGA,OAAS;IACnBY,QAAQ,EAAGX;EAAS,CACpB,CACD,EACC,OAAOK,kBAAkB,KAAK,QAAQ,GACvCC,aAAA,CAACjB,IAAI,QAAGgB,kBAA0B,CAAC,GAEnCA,kBAEM,CAAC,EACTC,aAAA;IAAKC,SAAS,EAAC;EAA+C,GAC7DD,aAAA,CAACX,YAAY;IAACE,QAAQ,EAAGA,QAAU;IAACI,IAAI,EAAGA;EAAM,CAAE,CAC/C,CACE,CACJ,CAAC;AAER;AAEA,eAAeL,WAAW"}

package/src/components/block-editor/back-button.js

@@ -1,51 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { arrowLeft } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import {
-	TEMPLATE_PART_POST_TYPE,
-	NAVIGATION_POST_TYPE,
-	PATTERN_TYPES,
-} from '../../utils/constants';
-import { unlock } from '../../lock-unlock';
-
-const { useLocation, useHistory } = unlock( routerPrivateApis );
-
-function BackButton() {
-	const location = useLocation();
-	const history = useHistory();
-	const isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;
-	const isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;
-	const isPattern = location.params.postType === PATTERN_TYPES.user;
-
-	const isFocusMode =
-		location.params.focusMode ||
-		isTemplatePart ||
-		isNavigationMenu ||
-		isPattern;
-
-	if ( ! isFocusMode ) {
-		return null;
-	}
-
-	return (
-		<Button
-			className="edit-site-visual-editor__back-button"
-			icon={ arrowLeft }
-			onClick={ () => {
-				history.back();
-			} }
-		>
-			{ __( 'Back' ) }
-		</Button>
-	);
-}
-
-export default BackButton;

package/src/components/block-editor/use-post-link-props.js

@@ -1,24 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { getPostLinkProps } from '../routes/link';
-
-const { useHistory } = unlock( routerPrivateApis );
-
-export function usePostLinkProps() {
-	const history = useHistory();
-
-	return ( params, state ) => {
-		return getPostLinkProps(
-			history,
-			{ ...params, focusMode: true, canvas: 'edit' },
-			state
-		);
-	};
-}

package/src/components/global-styles/font-library-modal/font-variant.js

@@ -1,53 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalText as Text,
-	__experimentalVStack as VStack,
-	__experimentalHStack as HStack,
-	CheckboxControl,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import FontFaceDemo from './font-demo';
-
-function FontVariant( {
-	fontFace,
-	variantName,
-	checked,
-	onClick,
-	text,
-	actionHandler,
-} ) {
-	const { fontStyle, fontWeight } = fontFace;
-	const displayVariantName = variantName || `${ fontWeight } ${ fontStyle }`;
-
-	return (
-		<div className="font-library-modal__font-variant">
-			<VStack spacing={ 1 }>
-				<HStack justify="flex-start" alignment="top">
-					{ !! actionHandler ? (
-						actionHandler
-					) : (
-						<CheckboxControl
-							checked={ checked }
-							onChange={ onClick }
-						/>
-					) }
-					{ typeof displayVariantName === 'string' ? (
-						<Text>{ displayVariantName }</Text>
-					) : (
-						displayVariantName
-					) }
-				</HStack>
-				<div className="font-library-modal__font-variant_demo-wrapper">
-					<FontFaceDemo fontFace={ fontFace } text={ text } />
-				</div>
-			</VStack>
-		</div>
-	);
-}
-
-export default FontVariant;