From 8512930215aa3e6df1bf3e514293de8b69e31f13 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Mon, 3 Feb 2020 15:12:31 +0100
Subject: [PATCH 01/29] Try the link control in the link format (#19462)

* Block Editor: LinkControl: Allow onChange parent to manage focus

* Try the link control in the link format

Co-Authored-By: Dave Smith <getdave@users.noreply.github.com>
Co-Authored-By: Riad Benguella <benguella@gmail.com>

* Block Editor: LinkControl: Fix test case typo

Co-authored-by: Andrew Duthie <andrew@andrewduthie.com>
Co-authored-by: Dave Smith <getdavemail@gmail.com>
---
 .../src/components/link-control/index.js      |   4 +-
 .../src/components/link-control/test/index.js |  52 +++-
 .../specs/editor/various/links.test.js        | 190 ++++++-------
 packages/format-library/src/link/index.js     |  21 +-
 packages/format-library/src/link/inline.js    | 253 ++++--------------
 .../format-library/src/link/test/inline.js    |  24 --
 6 files changed, 218 insertions(+), 326 deletions(-)

diff --git a/packages/block-editor/src/components/link-control/index.js b/packages/block-editor/src/components/link-control/index.js
index cda7986a9f8c44..5f95d64adde6d9 100644
--- a/packages/block-editor/src/components/link-control/index.js
+++ b/packages/block-editor/src/components/link-control/index.js
@@ -292,8 +292,8 @@ function LinkControl( {
 							) }
 							suggestion={ suggestion }
 							onClick={ () => {
-								stopEditing();
 								onChange( { ...value, ...suggestion } );
+								stopEditing();
 							} }
 							isSelected={ index === selectedSuggestion }
 							isURL={ manualLinkEntryTypes.includes(
@@ -318,8 +318,8 @@ function LinkControl( {
 					value={ inputValue }
 					onChange={ onInputChange }
 					onSelect={ ( suggestion ) => {
-						stopEditing();
 						onChange( { ...value, ...suggestion } );
+						stopEditing();
 					} }
 					renderSuggestions={ renderSearchResults }
 					fetchSuggestions={ getSearchHandler }
diff --git a/packages/block-editor/src/components/link-control/test/index.js b/packages/block-editor/src/components/link-control/test/index.js
index 44424efe334295..65d7729c973dc4 100644
--- a/packages/block-editor/src/components/link-control/test/index.js
+++ b/packages/block-editor/src/components/link-control/test/index.js
@@ -7,7 +7,7 @@ import { first, last, nth } from 'lodash';
 /**
  * WordPress dependencies
  */
-import { useState } from '@wordpress/element';
+import { useState, useRef } from '@wordpress/element';
 import { UP, DOWN, ENTER } from '@wordpress/keycodes';
 /**
  * Internal dependencies
@@ -766,6 +766,56 @@ describe( 'Selecting links', () => {
 			}
 		);
 	} );
+
+	it( 'does not forcefully regain focus if onChange handler had shifted it', () => {
+		// Regression: Previously, there had been issues where if `onChange`
+		// would programmatically shift focus, LinkControl would try to force it
+		// back, based on its internal logic to determine whether it had focus
+		// when finishing an edit occuring _before_ `onChange` having been run.
+		//
+		// See: https://github.com/WordPress/gutenberg/pull/19462
+
+		const LinkControlConsumer = () => {
+			const focusTarget = useRef();
+
+			return (
+				<>
+					<div tabIndex={ -1 } data-expected ref={ focusTarget } />
+					<LinkControl
+						onChange={ () => focusTarget.current.focus() }
+					/>
+				</>
+			);
+		};
+
+		act( () => {
+			render( <LinkControlConsumer />, container );
+		} );
+
+		// Change value.
+		const form = container.querySelector( 'form' );
+		const searchInput = container.querySelector(
+			'input[aria-label="URL"]'
+		);
+
+		// Simulate searching for a term
+		act( () => {
+			Simulate.change( searchInput, {
+				target: { value: 'https://example.com' },
+			} );
+		} );
+		act( () => {
+			Simulate.keyDown( searchInput, { keyCode: ENTER } );
+		} );
+		act( () => {
+			Simulate.submit( form );
+		} );
+
+		const isExpectedFocusTarget = document.activeElement.hasAttribute(
+			'data-expected'
+		);
+		expect( isExpectedFocusTarget ).toBe( true );
+	} );
 } );
 
 describe( 'Addition Settings UI', () => {
diff --git a/packages/e2e-tests/specs/editor/various/links.test.js b/packages/e2e-tests/specs/editor/various/links.test.js
index c6d8d12263e75d..0f21d248a86500 100644
--- a/packages/e2e-tests/specs/editor/various/links.test.js
+++ b/packages/e2e-tests/specs/editor/various/links.test.js
@@ -7,7 +7,6 @@ import {
 	getEditedPostContent,
 	createNewPost,
 	pressKeyWithModifier,
-	insertBlock,
 } from '@wordpress/e2e-test-utils';
 
 /**
@@ -44,8 +43,8 @@ describe( 'Links', () => {
 		// Type a URL
 		await page.keyboard.type( 'https://wordpress.org/gutenberg' );
 
-		// Click on the Apply button
-		await page.click( 'button[aria-label="Apply"]' );
+		// Submit the link
+		await page.keyboard.press( 'Enter' );
 
 		// The link should have been inserted
 		expect( await getEditedPostContent() ).toMatchSnapshot();
@@ -80,9 +79,6 @@ describe( 'Links', () => {
 		await clickBlockAppender();
 		await page.keyboard.type( 'This is Gutenberg: ' );
 
-		// Press escape to show the block toolbar
-		await page.keyboard.press( 'Escape' );
-
 		// Press Cmd+K to insert a link
 		await pressKeyWithModifier( 'primary', 'K' );
 
@@ -157,15 +153,16 @@ describe( 'Links', () => {
 		// Type a URL
 		await page.keyboard.type( 'https://wordpress.org/gutenberg' );
 
-		// Click on the Apply button
-		await page.click( 'button[aria-label="Apply"]' );
+		// Click on the Submit button
+		await page.keyboard.press( 'Enter' );
 	};
 
 	it( 'can be edited', async () => {
 		await createAndReselectLink();
 
 		// Click on the Edit button
-		await page.click( 'button[aria-label="Edit"]' );
+		const [ editButton ] = await page.$x( '//button[text()="Edit"]' );
+		await editButton.click();
 
 		// Wait for the URL field to auto-focus
 		await waitForAutoFocus();
@@ -173,8 +170,8 @@ describe( 'Links', () => {
 		// Change the URL
 		await page.keyboard.type( '/handbook' );
 
-		// Click on the Apply button
-		await page.click( 'button[aria-label="Apply"]' );
+		// Submit the link
+		await page.keyboard.press( 'Enter' );
 
 		// The link should have been updated
 		expect( await getEditedPostContent() ).toMatchSnapshot();
@@ -211,12 +208,16 @@ describe( 'Links', () => {
 
 		// Typing "left" should not close the dialog
 		await page.keyboard.press( 'ArrowLeft' );
-		let popover = await page.$( '.block-editor-url-popover' );
+		let popover = await page.$(
+			'.components-popover__content .block-editor-link-control'
+		);
 		expect( popover ).not.toBeNull();
 
 		// Escape should close the dialog still.
 		await page.keyboard.press( 'Escape' );
-		popover = await page.$( '.block-editor-url-popover' );
+		popover = await page.$(
+			'.components-popover__content .block-editor-link-control'
+		);
 		expect( popover ).toBeNull();
 	} );
 
@@ -230,12 +231,16 @@ describe( 'Links', () => {
 
 		// Typing "left" should not close the dialog
 		await page.keyboard.press( 'ArrowLeft' );
-		let popover = await page.$( '.block-editor-url-popover' );
+		let popover = await page.$(
+			'.components-popover__content .block-editor-link-control'
+		);
 		expect( popover ).not.toBeNull();
 
 		// Escape should close the dialog still.
 		await page.keyboard.press( 'Escape' );
-		popover = await page.$( '.block-editor-url-popover' );
+		popover = await page.$(
+			'.components-popover__content .block-editor-link-control'
+		);
 		expect( popover ).toBeNull();
 	} );
 
@@ -247,10 +252,11 @@ describe( 'Links', () => {
 		// Move the mouse to show the block toolbar
 		await page.mouse.move( 0, 0 );
 		await page.mouse.move( 10, 10 );
-		await page.click( 'button[aria-label="Edit"]' );
+		const [ editButton ] = await page.$x( '//button[text()="Edit"]' );
+		await editButton.click();
 		await waitForAutoFocus();
 		await page.keyboard.type( '/handbook' );
-		await page.click( 'button[aria-label="Apply"]' );
+		await page.keyboard.press( 'Enter' );
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 
@@ -295,34 +301,54 @@ describe( 'Links', () => {
 
 		// Wait for the URL field to auto-focus
 		await waitForAutoFocus();
-		expect( await page.$( '.block-editor-url-popover' ) ).not.toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).not.toBeNull();
 
 		// Trigger the autocomplete suggestion list and select the first suggestion.
 		await page.keyboard.type( titleText );
-		await page.waitForSelector( '.block-editor-url-input__suggestion' );
+		await page.waitForSelector( '.block-editor-link-control__search-item' );
 		await page.keyboard.press( 'ArrowDown' );
 
 		// Expect the the escape key to dismiss the popover when the autocomplete suggestion list is open.
 		await page.keyboard.press( 'Escape' );
-		expect( await page.$( '.block-editor-url-popover' ) ).toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).toBeNull();
 
 		// Press Cmd+K to insert a link
 		await pressKeyWithModifier( 'primary', 'K' );
 
 		// Wait for the URL field to auto-focus
 		await waitForAutoFocus();
-		expect( await page.$( '.block-editor-url-popover' ) ).not.toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).not.toBeNull();
 
 		// Expect the the escape key to dismiss the popover normally.
 		await page.keyboard.press( 'Escape' );
-		expect( await page.$( '.block-editor-url-popover' ) ).toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).toBeNull();
 
 		// Press Cmd+K to insert a link
 		await pressKeyWithModifier( 'primary', 'K' );
 
 		// Wait for the URL field to auto-focus
 		await waitForAutoFocus();
-		expect( await page.$( '.block-editor-url-popover' ) ).not.toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).not.toBeNull();
 
 		// Tab to the settings icon button.
 		await page.keyboard.press( 'Tab' );
@@ -330,7 +356,11 @@ describe( 'Links', () => {
 
 		// Expect the the escape key to dismiss the popover normally.
 		await page.keyboard.press( 'Escape' );
-		expect( await page.$( '.block-editor-url-popover' ) ).toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).toBeNull();
 	} );
 
 	it( 'can be modified using the keyboard once a link has been set', async () => {
@@ -348,16 +378,30 @@ describe( 'Links', () => {
 		// Deselect the link text by moving the caret to the end of the line
 		// and the link popover should not be displayed.
 		await page.keyboard.press( 'End' );
-		expect( await page.$( '.block-editor-url-popover' ) ).toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).toBeNull();
 
 		// Move the caret back into the link text and the link popover
 		// should be displayed.
 		await page.keyboard.press( 'ArrowLeft' );
-		expect( await page.$( '.block-editor-url-popover' ) ).not.toBeNull();
+		expect(
+			await page.$(
+				'.components-popover__content .block-editor-link-control'
+			)
+		).not.toBeNull();
 
 		// Press Cmd+K to edit the link and the url-input should become
 		// focused with the value previously inserted.
 		await pressKeyWithModifier( 'primary', 'K' );
+		await page.waitForSelector(
+			':focus.block-editor-link-control__search-item-title'
+		);
+		await page.keyboard.press( 'Tab' ); // Shift focus to "Edit" button
+		await page.keyboard.press( 'Enter' ); // Click "Edit" button
+
 		await waitForAutoFocus();
 		const activeElementParentClasses = await page.evaluate( () =>
 			Object.values(
@@ -389,44 +433,6 @@ describe( 'Links', () => {
 		);
 	} );
 
-	it( 'link popover remains visible after a mouse drag event', async () => {
-		// Create some blocks so we have components with event handlers on the page
-		for ( let loop = 0; loop < 5; loop++ ) {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( 'This is Gutenberg' );
-		}
-
-		// Focus on first paragraph, so the link popover will appear over the subsequent ones
-		await page.click( '[aria-label="Block navigation"]' );
-		await page.click( '.block-editor-block-navigation__item button' );
-
-		// Select some text
-		await pressKeyWithModifier( 'shiftAlt', 'ArrowLeft' );
-
-		// Click on the Link button
-		await page.click( 'button[aria-label="Link"]' );
-		// Wait for the URL field to auto-focus
-		await waitForAutoFocus();
-
-		// Click on the Link Settings button
-		await page.click( 'button[aria-label="Link settings"]' );
-
-		// Move mouse over the 'open in new tab' section, then click and drag
-		const settings = await page.$( '.block-editor-url-popover__settings' );
-		const bounds = await settings.boundingBox();
-
-		await page.mouse.move( bounds.x, bounds.y );
-		await page.mouse.down();
-		await page.mouse.move( bounds.x + bounds.width / 2, bounds.y, {
-			steps: 10,
-		} );
-		await page.mouse.up();
-
-		// The link popover should still be visible
-		const popover = await page.$$( '.block-editor-url-popover' );
-		expect( popover ).toHaveLength( 1 );
-	} );
-
 	it( 'should contain a label when it should open in a new tab', async () => {
 		await clickBlockAppender();
 		await page.keyboard.type( 'This is WordPress' );
@@ -435,19 +441,22 @@ describe( 'Links', () => {
 		await pressKeyWithModifier( 'primary', 'k' );
 		await waitForAutoFocus();
 		await page.keyboard.type( 'w.org' );
-		// Navigate to the settings toggle.
-		await page.keyboard.press( 'Tab' );
-		await page.keyboard.press( 'Tab' );
-		// Open settings.
-		await page.keyboard.press( 'Space' );
+
+		// Insert the link
+		await page.keyboard.press( 'Enter' );
+
+		// Navigate back to the popover
+		await pressKeyWithModifier( 'primary', 'k' );
+		await page.waitForSelector(
+			'.components-popover__content .block-editor-link-control'
+		);
+
 		// Navigate to the "Open in New Tab" checkbox.
 		await page.keyboard.press( 'Tab' );
+		await page.keyboard.press( 'Tab' );
+
 		// Check the checkbox.
 		await page.keyboard.press( 'Space' );
-		// Navigate back to the input field.
-		await page.keyboard.press( 'Tab' );
-		// Submit the form.
-		await page.keyboard.press( 'Enter' );
 
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 
@@ -463,36 +472,29 @@ describe( 'Links', () => {
 		await page.keyboard.press( 'ArrowRight' );
 		// Edit link.
 		await pressKeyWithModifier( 'primary', 'k' );
+		await page.waitForSelector(
+			':focus.block-editor-link-control__search-item-title'
+		);
+		await page.keyboard.press( 'Tab' ); // Shift focus to "Edit" button
+		await page.keyboard.press( 'Enter' ); // Click "Edit" button
 		await waitForAutoFocus();
 		await pressKeyWithModifier( 'primary', 'a' );
 		await page.keyboard.type( 'wordpress.org' );
-		// Navigate to the settings toggle.
-		await page.keyboard.press( 'Tab' );
-		await page.keyboard.press( 'Tab' );
-		// Open settings.
-		await page.keyboard.press( 'Space' );
-		// Navigate to the "Open in New Tab" checkbox.
-		await page.keyboard.press( 'Tab' );
-		// Uncheck the checkbox.
-		await page.keyboard.press( 'Space' );
-		// Navigate back to the input field.
-		await page.keyboard.press( 'Tab' );
-		// Submit the form.
+
+		// Update the link
 		await page.keyboard.press( 'Enter' );
 
-		// Navigate back to inputs to verify appears as changed.
+		// Navigate back to the popover
 		await pressKeyWithModifier( 'primary', 'k' );
-		await waitForAutoFocus();
-		const link = await page.evaluate( () => document.activeElement.value );
-		expect( link ).toBe( 'http://wordpress.org' );
+		await page.waitForSelector(
+			'.components-popover__content .block-editor-link-control'
+		);
+
+		// Navigate to the "Open in New Tab" checkbox.
 		await page.keyboard.press( 'Tab' );
 		await page.keyboard.press( 'Tab' );
+		// Uncheck the checkbox.
 		await page.keyboard.press( 'Space' );
-		await page.keyboard.press( 'Tab' );
-		const isChecked = await page.evaluate(
-			() => document.activeElement.checked
-		);
-		expect( isChecked ).toBe( false );
 
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
diff --git a/packages/format-library/src/link/index.js b/packages/format-library/src/link/index.js
index 1a63d9621e8059..8680d006e41e7e 100644
--- a/packages/format-library/src/link/index.js
+++ b/packages/format-library/src/link/index.js
@@ -149,16 +149,17 @@ export const link = {
 								shortcutCharacter="k"
 							/>
 						) }
-						<InlineLinkUI
-							key={ isActive } // Make sure link UI state resets when switching between links.
-							addingLink={ this.state.addingLink }
-							stopAddingLink={ this.stopAddingLink }
-							isActive={ isActive }
-							activeAttributes={ activeAttributes }
-							value={ value }
-							onChange={ onChange }
-							onFocus={ onFocus }
-						/>
+						{ ( this.state.addingLink || isActive ) && (
+							<InlineLinkUI
+								addingLink={ this.state.addingLink }
+								stopAddingLink={ this.stopAddingLink }
+								isActive={ isActive }
+								activeAttributes={ activeAttributes }
+								value={ value }
+								onChange={ onChange }
+								onFocus={ onFocus }
+							/>
+						) }
 					</>
 				);
 			}
diff --git a/packages/format-library/src/link/inline.js b/packages/format-library/src/link/inline.js
index aaeeb5006caa8e..58e767b2262620 100644
--- a/packages/format-library/src/link/inline.js
+++ b/packages/format-library/src/link/inline.js
@@ -1,10 +1,14 @@
+/**
+ * External dependencies
+ */
+import { uniqueId } from 'lodash';
+
 /**
  * WordPress dependencies
  */
+import { useMemo } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { Component, createRef, useMemo } from '@wordpress/element';
-import { ToggleControl, withSpokenMessages } from '@wordpress/components';
-import { LEFT, RIGHT, UP, DOWN, BACKSPACE, ENTER } from '@wordpress/keycodes';
+import { withSpokenMessages, Popover } from '@wordpress/components';
 import { prependHTTP } from '@wordpress/url';
 import {
 	create,
@@ -14,20 +18,39 @@ import {
 	getTextContent,
 	slice,
 } from '@wordpress/rich-text';
-import { URLPopover } from '@wordpress/block-editor';
+import { __experimentalLinkControl as LinkControl } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
  */
 import { createLinkFormat, isValidHref } from './utils';
 
-const stopKeyPropagation = ( event ) => event.stopPropagation();
+function InlineLinkUI( {
+	isActive,
+	activeAttributes,
+	addingLink,
+	value,
+	onChange,
+	onFocus,
+	speak,
+	stopAddingLink,
+} ) {
+	/**
+	 * A unique key is generated when switching between editing and not editing
+	 * a link, based on:
+	 *
+	 * - This component may be rendered _either_ when a link is active _or_
+	 *   when adding or editing a link.
+	 * - It's only desirable to shift focus into the Popover when explicitly
+	 *   adding or editing a link, not when in the inline boundary of a link.
+	 * - Focus behavior can only be controlled on a Popover at the time it
+	 *   mounts, so a new instance of the component must be mounted to
+	 *   programmatically enact the focusOnMount behavior.
+	 *
+	 * @type {string}
+	 */
+	const mountingKey = useMemo( uniqueId, [ addingLink ] );
 
-function isShowingInput( props, state ) {
-	return props.addingLink || state.editLink;
-}
-
-const URLPopoverAtLink = ( { isActive, addingLink, value, ...props } ) => {
 	const anchorRef = useMemo( () => {
 		const selection = window.getSelection();
 
@@ -37,7 +60,7 @@ const URLPopoverAtLink = ( { isActive, addingLink, value, ...props } ) => {
 
 		const range = selection.getRangeAt( 0 );
 
-		if ( addingLink ) {
+		if ( addingLink && ! isActive ) {
 			return range;
 		}
 
@@ -51,120 +74,28 @@ const URLPopoverAtLink = ( { isActive, addingLink, value, ...props } ) => {
 		}
 
 		return element.closest( 'a' );
-	}, [ isActive, addingLink, value.start, value.end ] );
-
-	if ( ! anchorRef ) {
-		return null;
-	}
-
-	return <URLPopover anchorRef={ anchorRef } { ...props } />;
-};
-
-class InlineLinkUI extends Component {
-	constructor() {
-		super( ...arguments );
-
-		this.editLink = this.editLink.bind( this );
-		this.submitLink = this.submitLink.bind( this );
-		this.onKeyDown = this.onKeyDown.bind( this );
-		this.onChangeInputValue = this.onChangeInputValue.bind( this );
-		this.setLinkTarget = this.setLinkTarget.bind( this );
-		this.onFocusOutside = this.onFocusOutside.bind( this );
-		this.resetState = this.resetState.bind( this );
-		this.autocompleteRef = createRef();
-
-		this.state = {
-			opensInNewWindow: false,
-			inputValue: '',
-		};
-	}
-
-	static getDerivedStateFromProps( props, state ) {
-		const {
-			activeAttributes: { url, target },
-		} = props;
-		const opensInNewWindow = target === '_blank';
-
-		if ( ! isShowingInput( props, state ) ) {
-			const update = {};
-			if ( url !== state.inputValue ) {
-				update.inputValue = url;
-			}
-
-			if ( opensInNewWindow !== state.opensInNewWindow ) {
-				update.opensInNewWindow = opensInNewWindow;
-			}
-			return Object.keys( update ).length ? update : null;
-		}
-
-		return null;
-	}
-
-	onKeyDown( event ) {
-		if (
-			[ LEFT, DOWN, RIGHT, UP, BACKSPACE, ENTER ].indexOf(
-				event.keyCode
-			) > -1
-		) {
-			// Stop the key event from propagating up to ObserveTyping.startTypingInTextField.
-			event.stopPropagation();
-		}
-	}
-
-	onChangeInputValue( inputValue ) {
-		this.setState( { inputValue } );
-	}
+	}, [ addingLink, value.start, value.end ] );
 
-	setLinkTarget( opensInNewWindow ) {
-		const {
-			activeAttributes: { url = '' },
-			value,
-			onChange,
-		} = this.props;
+	const linkValue = {
+		url: activeAttributes.url,
+		opensInNewTab: activeAttributes.target === '_blank',
+	};
 
-		this.setState( { opensInNewWindow } );
-
-		// Apply now if URL is not being edited.
-		if ( ! isShowingInput( this.props, this.state ) ) {
-			const selectedText = getTextContent( slice( value ) );
-
-			onChange(
-				applyFormat(
-					value,
-					createLinkFormat( {
-						url,
-						opensInNewWindow,
-						text: selectedText,
-					} )
-				)
-			);
-		}
-	}
-
-	editLink( event ) {
-		this.setState( { editLink: true } );
-		event.preventDefault();
-	}
-
-	submitLink( event ) {
-		const { isActive, value, onChange, onFocus, speak } = this.props;
-		const { inputValue, opensInNewWindow } = this.state;
-		const url = prependHTTP( inputValue );
+	function onChangeLink( nextValue ) {
+		const newUrl = prependHTTP( nextValue.url );
 		const selectedText = getTextContent( slice( value ) );
 		const format = createLinkFormat( {
-			url,
-			opensInNewWindow,
+			url: newUrl,
+			opensInNewWindow: nextValue.opensInNewTab,
 			text: selectedText,
 		} );
 
-		event.preventDefault();
-
 		if ( isCollapsed( value ) && ! isActive ) {
 			const toInsert = applyFormat(
-				create( { text: url } ),
+				create( { text: newUrl } ),
 				format,
 				0,
-				url.length
+				newUrl.length
 			);
 			onChange( insert( value, toInsert ) );
 		} else {
@@ -172,10 +103,9 @@ class InlineLinkUI extends Component {
 		}
 
 		onFocus();
+		stopAddingLink();
 
-		this.resetState();
-
-		if ( ! isValidHref( url ) ) {
+		if ( ! isValidHref( newUrl ) ) {
 			speak(
 				__(
 					'Warning: the link has been inserted but may have errors. Please test it.'
@@ -189,84 +119,17 @@ class InlineLinkUI extends Component {
 		}
 	}
 
-	onFocusOutside() {
-		// The autocomplete suggestions list renders in a separate popover (in a portal),
-		// so onFocusOutside fails to detect that a click on a suggestion occurred in the
-		// LinkContainer. Detect clicks on autocomplete suggestions using a ref here, and
-		// return to avoid the popover being closed.
-		const autocompleteElement = this.autocompleteRef.current;
-		if (
-			autocompleteElement &&
-			autocompleteElement.contains( document.activeElement )
-		) {
-			return;
-		}
-
-		this.resetState();
-	}
-
-	resetState() {
-		this.props.stopAddingLink();
-		this.setState( { editLink: false } );
-	}
-
-	render() {
-		const {
-			isActive,
-			activeAttributes: { url },
-			addingLink,
-			value,
-		} = this.props;
-
-		if ( ! isActive && ! addingLink ) {
-			return null;
-		}
-
-		const { inputValue, opensInNewWindow } = this.state;
-		const showInput = isShowingInput( this.props, this.state );
-
-		return (
-			<URLPopoverAtLink
-				value={ value }
-				isActive={ isActive }
-				addingLink={ addingLink }
-				onFocusOutside={ this.onFocusOutside }
-				onClose={ this.resetState }
-				focusOnMount={ showInput ? 'firstElement' : false }
-				renderSettings={ () => (
-					<ToggleControl
-						label={ __( 'Open in New Tab' ) }
-						checked={ opensInNewWindow }
-						onChange={ this.setLinkTarget }
-					/>
-				) }
-			>
-				{ showInput ? (
-					<URLPopover.LinkEditor
-						className="block-editor-format-toolbar__link-container-content"
-						value={ inputValue }
-						onChangeInputValue={ this.onChangeInputValue }
-						onKeyDown={ this.onKeyDown }
-						onKeyPress={ stopKeyPropagation }
-						onSubmit={ this.submitLink }
-						autocompleteRef={ this.autocompleteRef }
-					/>
-				) : (
-					<URLPopover.LinkViewer
-						className="block-editor-format-toolbar__link-container-content"
-						onKeyPress={ stopKeyPropagation }
-						url={ url }
-						onEditLinkClick={ this.editLink }
-						linkClassName={
-							isValidHref( prependHTTP( url ) )
-								? undefined
-								: 'has-invalid-link'
-						}
-					/>
-				) }
-			</URLPopoverAtLink>
-		);
-	}
+	return (
+		<Popover
+			key={ mountingKey }
+			anchorRef={ anchorRef }
+			focusOnMount={ addingLink ? 'firstElement' : false }
+			onClose={ stopAddingLink }
+			position="bottom center"
+		>
+			<LinkControl value={ linkValue } onChange={ onChangeLink } />
+		</Popover>
+	);
 }
 
 export default withSpokenMessages( InlineLinkUI );
diff --git a/packages/format-library/src/link/test/inline.js b/packages/format-library/src/link/test/inline.js
index cc59087e8c429b..b3be2c1de0720b 100644
--- a/packages/format-library/src/link/test/inline.js
+++ b/packages/format-library/src/link/test/inline.js
@@ -12,28 +12,4 @@ describe( 'InlineLinkUI', () => {
 		const wrapper = shallow( <InlineLinkUI /> );
 		expect( wrapper ).toBeTruthy();
 	} );
-
-	it( 'should set state.opensInNewWindow to false by default', () => {
-		const wrapper = shallow(
-			<InlineLinkUI activeAttributes={ {} } />
-		).dive();
-
-		expect( wrapper.state( 'opensInNewWindow' ) ).toEqual( false );
-	} );
-
-	it( 'should set state.opensInNewWindow to true if props.activeAttributes.target is _blank', () => {
-		const givenProps = {
-			addingLink: false,
-			activeAttributes: {
-				url: 'http://www.google.com',
-				target: '_blank',
-			},
-		};
-
-		const wrapper = shallow(
-			<InlineLinkUI activeAttributes={ {} } />
-		).dive();
-		wrapper.setProps( givenProps );
-		expect( wrapper.state( 'opensInNewWindow' ) ).toEqual( true );
-	} );
 } );

From 6de983f6bf838df794f361e6bc1641f11910a911 Mon Sep 17 00:00:00 2001
From: Enrique Piqueras <epiqueras@users.noreply.github.com>
Date: Mon, 3 Feb 2020 09:59:03 -0500
Subject: [PATCH 02/29] Block Library: Stop gallery images from creating undo
 levels as they load. (#19937)

* Block Library: Stop gallery images from creating undo levels as they load.

* E2E Tests: Test that converting a Classic block to a Gallery block can be undone in one step.

* Lint
---
 .../src/gallery/gallery-image.js              | 35 ++++++++++++++-----
 .../specs/editor/blocks/classic.test.js       | 30 +++++++++++++---
 2 files changed, 51 insertions(+), 14 deletions(-)

diff --git a/packages/block-library/src/gallery/gallery-image.js b/packages/block-library/src/gallery/gallery-image.js
index 089141fb5e2c66..f618e90b776d59 100644
--- a/packages/block-library/src/gallery/gallery-image.js
+++ b/packages/block-library/src/gallery/gallery-image.js
@@ -10,9 +10,10 @@ import { Component } from '@wordpress/element';
 import { Button, Spinner } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { BACKSPACE, DELETE } from '@wordpress/keycodes';
-import { withSelect } from '@wordpress/data';
+import { withSelect, withDispatch } from '@wordpress/data';
 import { RichText } from '@wordpress/block-editor';
 import { isBlobURL } from '@wordpress/blob';
+import { compose } from '@wordpress/compose';
 
 /**
  * Internal dependencies
@@ -74,8 +75,14 @@ class GalleryImage extends Component {
 	}
 
 	componentDidUpdate( prevProps ) {
-		const { isSelected, image, url } = this.props;
+		const {
+			isSelected,
+			image,
+			url,
+			__unstableMarkNextChangeAsNotPersistent,
+		} = this.props;
 		if ( image && ! url ) {
+			__unstableMarkNextChangeAsNotPersistent();
 			this.props.setAttributes( {
 				url: image.source_url,
 				alt: image.alt_text,
@@ -200,11 +207,21 @@ class GalleryImage extends Component {
 	}
 }
 
-export default withSelect( ( select, ownProps ) => {
-	const { getMedia } = select( 'core' );
-	const { id } = ownProps;
+export default compose( [
+	withSelect( ( select, ownProps ) => {
+		const { getMedia } = select( 'core' );
+		const { id } = ownProps;
 
-	return {
-		image: id ? getMedia( id ) : null,
-	};
-} )( GalleryImage );
+		return {
+			image: id ? getMedia( id ) : null,
+		};
+	} ),
+	withDispatch( ( dispatch ) => {
+		const { __unstableMarkNextChangeAsNotPersistent } = dispatch(
+			'core/block-editor'
+		);
+		return {
+			__unstableMarkNextChangeAsNotPersistent,
+		};
+	} ),
+] )( GalleryImage );
diff --git a/packages/e2e-tests/specs/editor/blocks/classic.test.js b/packages/e2e-tests/specs/editor/blocks/classic.test.js
index 456ce33f557930..b8295c64d53df1 100644
--- a/packages/e2e-tests/specs/editor/blocks/classic.test.js
+++ b/packages/e2e-tests/specs/editor/blocks/classic.test.js
@@ -14,6 +14,8 @@ import {
 	createNewPost,
 	insertBlock,
 	pressKeyWithModifier,
+	clickBlockToolbarButton,
+	clickButton,
 } from '@wordpress/e2e-test-utils';
 
 describe( 'Classic', () => {
@@ -34,7 +36,7 @@ describe( 'Classic', () => {
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 
-	it( 'should insert media', async () => {
+	it( 'should insert media, convert to blocks, and undo in one step', async () => {
 		await insertBlock( 'Classic' );
 		// Wait for TinyMCE to initialise.
 		await page.waitForSelector( '.mce-content-body' );
@@ -45,6 +47,7 @@ describe( 'Classic', () => {
 		// Click the image button.
 		await page.waitForSelector( 'div[aria-label^="Add Media"]' );
 		await page.click( 'div[aria-label^="Add Media"]' );
+		await page.click( '.media-menu-item#menu-item-gallery' );
 
 		// Wait for media modal to appear and upload image.
 		await page.waitForSelector( '.media-modal input[type=file]' );
@@ -68,17 +71,34 @@ describe( 'Classic', () => {
 		);
 
 		// Insert the uploaded image.
+		await page.click( '.media-modal button.media-button-gallery' );
 		await page.click( '.media-modal button.media-button-insert' );
 
 		// Wait for image to be inserted.
 		await page.waitForSelector( '.mce-content-body img' );
 
-		// Move focus away.
+		// Move focus away and verify gallery was inserted.
 		await pressKeyWithModifier( 'shift', 'Tab' );
+		expect( await getEditedPostContent() ).toMatch(
+			/\[gallery ids=\"\d+\"\]/
+		);
 
-		const regExp = new RegExp(
-			`test<img class="alignnone size-full wp-image-\\d+" src="[^"]+\\/${ filename }\\.png" alt="" width="10" height="10" \\/>`
+		// Convert to blocks and verify it worked correctly.
+		await clickBlockToolbarButton( 'More options' );
+		await clickButton( 'Convert to Blocks' );
+		await page.waitForSelector( '.wp-block[data-type="core/gallery"]' );
+		expect( await getEditedPostContent() ).toMatch( /<!-- wp:gallery/ );
+
+		// Check that you can undo back to a Classic block gallery in one step.
+		await pressKeyWithModifier( 'primary', 'z' );
+		expect( await getEditedPostContent() ).toMatch(
+			/\[gallery ids=\"\d+\"\]/
 		);
-		expect( await getEditedPostContent() ).toMatch( regExp );
+
+		// Convert to blocks again and verify it worked correctly.
+		await clickBlockToolbarButton( 'More options' );
+		await clickButton( 'Convert to Blocks' );
+		await page.waitForSelector( '.wp-block[data-type="core/gallery"]' );
+		expect( await getEditedPostContent() ).toMatch( /<!-- wp:gallery/ );
 	} );
 } );

From 1e35ca3fbebc13c88d46c51113e3f9cea9a22725 Mon Sep 17 00:00:00 2001
From: andrei draganescu <me@andreidraganescu.info>
Date: Mon, 3 Feb 2020 18:03:44 +0200
Subject: [PATCH 03/29] Do advanced rendering by hooking into render_block for
 navigation block (#19991)

* do advanced rendering by hooking into render_block for navigation block

* removes superfluous comment, lint fixes
---
 lib/compat.php                                | 50 -------------------
 .../block-library/src/navigation/index.php    | 16 +++---
 2 files changed, 10 insertions(+), 56 deletions(-)

diff --git a/lib/compat.php b/lib/compat.php
index cb85b3e3c72d70..4df03c8bf99b9b 100644
--- a/lib/compat.php
+++ b/lib/compat.php
@@ -30,56 +30,6 @@ function gutenberg_safe_style_css_column_flex_basis( $attr ) {
 }
 add_filter( 'safe_style_css', 'gutenberg_safe_style_css_column_flex_basis' );
 
-/**
- * Shim that hooks into `pre_render_block` so as to override `render_block`
- * with a function that passes `render_callback` the block object as the
- * argument.
- *
- * @see https://core.trac.wordpress.org/ticket/48104
- *
- * @param string $pre_render The pre-rendered content. Default null.
- * @param array  $block The block being rendered.
- *
- * @return string String of rendered HTML.
- */
-function gutenberg_provide_render_callback_with_block_object( $pre_render, $block ) {
-	global $post;
-	if ( 'core/navigation' !== $block['blockName'] ) {
-		return $pre_render;
-	}
-
-	$source_block = $block;
-
-	/** This filter is documented in src/wp-includes/blocks.php */
-	$block = apply_filters( 'render_block_data', $block, $source_block );
-
-	$block_type    = WP_Block_Type_Registry::get_instance()->get_registered( $block['blockName'] );
-	$is_dynamic    = $block['blockName'] && null !== $block_type && $block_type->is_dynamic();
-	$block_content = '';
-	$index         = 0;
-
-	foreach ( $block['innerContent'] as $chunk ) {
-		$block_content .= is_string( $chunk ) ? $chunk : render_block( $block['innerBlocks'][ $index++ ] );
-	}
-
-	if ( ! is_array( $block['attrs'] ) ) {
-		$block['attrs'] = array();
-	}
-
-	if ( $is_dynamic ) {
-		$global_post = $post;
-
-		$prepared_attributes = $block_type->prepare_attributes_for_render( $block['attrs'] );
-		$block_content       = (string) call_user_func( $block_type->render_callback, $prepared_attributes, $block_content, $block );
-
-		$post = $global_post;
-	}
-
-	/** This filter is documented in src/wp-includes/blocks.php */
-	return apply_filters( 'render_block', $block_content, $block );
-}
-add_filter( 'pre_render_block', 'gutenberg_provide_render_callback_with_block_object', 10, 2 );
-
 /**
  * Sets the current post for usage in template blocks.
  *
diff --git a/packages/block-library/src/navigation/index.php b/packages/block-library/src/navigation/index.php
index ddf0e2a23662db..6270db2d86bffd 100644
--- a/packages/block-library/src/navigation/index.php
+++ b/packages/block-library/src/navigation/index.php
@@ -122,13 +122,18 @@ function render_submenu_icon() {
 /**
  * Renders the `core/navigation` block on server.
  *
- * @param array $attributes The block attributes.
  * @param array $content The saved content.
  * @param array $block The parsed block.
  *
  * @return string Returns the post content with the legacy widget added.
  */
-function render_block_navigation( $attributes, $content, $block ) {
+function render_block_navigation( $content, $block ) {
+
+	if ( 'core/navigation' !== $block['blockName'] ) {
+		return $content;
+	}
+
+	$attributes           = $block['attrs'];
 	$block['innerBlocks'] = gutenberg_remove_empty_navigation_links_recursive( $block['innerBlocks'] );
 
 	if ( empty( $block['innerBlocks'] ) ) {
@@ -234,7 +239,7 @@ function build_navigation_html( $attributes, $block, $colors, $font_sizes, $is_l
 		$html .= '</span>';
 
 		// Append submenu icon to top-level item.
-		if ( $attributes['showSubmenuIcon'] && $is_level_zero && $has_submenu ) {
+		if ( ! empty( $attributes['showSubmenuIcon'] ) && $is_level_zero && $has_submenu ) {
 			$html .= '<span class="wp-block-navigation-link__submenu-icon">' . render_submenu_icon() . '</span>';
 		}
 
@@ -261,7 +266,7 @@ function register_block_core_navigation() {
 	register_block_type(
 		'core/navigation',
 		array(
-			'attributes'      => array(
+			'attributes' => array(
 				'className'             => array(
 					'type' => 'string',
 				),
@@ -291,9 +296,8 @@ function register_block_core_navigation() {
 					'default' => false,
 				),
 			),
-
-			'render_callback' => 'render_block_navigation',
 		)
 	);
 }
 add_action( 'init', 'register_block_core_navigation' );
+add_filter( 'render_block', 'render_block_navigation', 10, 2 );

From cfa9a61561331cedc057f26c03f22317ba9aa6b2 Mon Sep 17 00:00:00 2001
From: epiqueras <epiquerass@gmail.com>
Date: Mon, 3 Feb 2020 12:17:16 -0500
Subject: [PATCH 04/29] Bump plugin version to 7.4.0-rc.1

---
 changelog.txt     | 135 ++++++++++++++++++++++++++++++++++++++++++++++
 gutenberg.php     |   2 +-
 package-lock.json |   2 +-
 package.json      |   2 +-
 readme.txt        |   2 +-
 5 files changed, 139 insertions(+), 4 deletions(-)

diff --git a/changelog.txt b/changelog.txt
index 6f7485ebae45d5..f6f5f2ff1b935d 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,5 +1,140 @@
 == Changelog ==
 
+= 7.4.0-rc.1 =
+
+## Enhancements
+
+-   Add background color support to Columns block [#17813](https://github.com/WordPress/gutenberg/pull/17813)
+-   Added shippedProposals [#19065](https://github.com/WordPress/gutenberg/pull/19065) 👏 @devdivdev
+-   Navigation Block: Add submenu chevron w/ setting [#19601](https://github.com/WordPress/gutenberg/pull/19601)
+-   Navigation: set item ID [#18641](https://github.com/WordPress/gutenberg/pull/18641)
+-   Select Parent Navigation Block after clicking "Create from all top-level pages" [#19817](https://github.com/WordPress/gutenberg/pull/19817)
+-   Try/group block custom text color [#19181](https://github.com/WordPress/gutenberg/pull/19181)
+-   Update: Readme.txt Link to changelog instead of adding it inline [#19761](https://github.com/WordPress/gutenberg/pull/19761)
+
+## Bug Fixes
+
+-   Block Editor: Handle LinkControl submission via form handler [#19651](https://github.com/WordPress/gutenberg/pull/19651)
+-   Block Editor: Link Control: Use URL as link when title empty [#19739](https://github.com/WordPress/gutenberg/pull/19739)
+-   Block Editor: LinkControl: Prevent focus loss in edit mode toggle [#19931](https://github.com/WordPress/gutenberg/pull/19931)
+-   Block Editor: LinkControl: Resolve error when undefined value, "view" state [#19856](https://github.com/WordPress/gutenberg/pull/19856)
+-   Block Library: Handle Popover onClose for LinkControl [#19885](https://github.com/WordPress/gutenberg/pull/19885)
+-   Block Library: Stop gallery images from creating undo levels as they load. [#19937](https://github.com/WordPress/gutenberg/pull/19937)
+-   Components: FontSizePicker: Adjust Select Button sizing [#19479](https://github.com/WordPress/gutenberg/pull/19479)
+-   Create block: Code quality improvements for the block scaffolding [#19867](https://github.com/WordPress/gutenberg/pull/19867)
+-   Editor: Remove post title escaping [#19955](https://github.com/WordPress/gutenberg/pull/19955)
+-   Embed: Fix failure placeholder alignment/sizing [#19673](https://github.com/WordPress/gutenberg/pull/19673)
+-   Fix RTL styling for Media Text block [#18764](https://github.com/WordPress/gutenberg/pull/18764)
+-   Fix panel header styles [#19842](https://github.com/WordPress/gutenberg/pull/19842) 👏 @adekbadek
+-   Fix: Admin menu collapses for 960px width but editor doesn't [#19970](https://github.com/WordPress/gutenberg/pull/19970)
+-   Fix: Color Gradients component was not able to handle only gradient picking [#19925](https://github.com/WordPress/gutenberg/pull/19925)
+-   Fix: Crash when creating a hierarchical post without title [#19936](https://github.com/WordPress/gutenberg/pull/19936)
+-   Fix: Media & Text: "Crop image to fill entire column" resets on image change [#19765](https://github.com/WordPress/gutenberg/pull/19765)
+-   Multi selection: fix intermittent e2e failure [#19865](https://github.com/WordPress/gutenberg/pull/19865)
+-   Popover: clean up requestAnimationFrame [#19771](https://github.com/WordPress/gutenberg/pull/19771)
+-   Popover: fix typo in removing event listener [#19978](https://github.com/WordPress/gutenberg/pull/19978)
+-   Project Management: Fix pull request merge automation errors [#19768](https://github.com/WordPress/gutenberg/pull/19768)
+-   Project Management: Run pull request automation on closed [#19742](https://github.com/WordPress/gutenberg/pull/19742)
+-   Rich text: enable if multi selection is aborted [#19839](https://github.com/WordPress/gutenberg/pull/19839)
+-   Use Select: Fix render queue. [#19286](https://github.com/WordPress/gutenberg/pull/19286)
+-   Use require.resolve() instead of <rootDir> in @wordpress/jest-preset-default [#19957](https://github.com/WordPress/gutenberg/pull/19957)
+-   [RNMobile] Adjust vertical margins in InnerBlock [#19960](https://github.com/WordPress/gutenberg/pull/19960)
+-   [RNMobile] change order of composing style in SVG primitive [#19927](https://github.com/WordPress/gutenberg/pull/19927)
+-   [RNMobile] fix show appender and separator in Group block [#19908](https://github.com/WordPress/gutenberg/pull/19908)
+
+## Documentation
+
+-   Add docs for LocalAutosaveMonitor and \_\_experimentalUpdateLocalAutosaveInterval [#19915](https://github.com/WordPress/gutenberg/pull/19915)
+-   Add markdownlint script to lint docs markup [#19855](https://github.com/WordPress/gutenberg/pull/19855)
+-   Added changelog entry for @wordpress/jest-preset-default [#19958](https://github.com/WordPress/gutenberg/pull/19958)
+-   Docs: Add details for format-js to @wordpress/scripts package [#19946](https://github.com/WordPress/gutenberg/pull/19946)
+-   Organize Contributors Guide [#19853](https://github.com/WordPress/gutenberg/pull/19853)
+-   fix typo "Th" to "The" [#19833](https://github.com/WordPress/gutenberg/pull/19833) 👏 @nekomajin
+-   Storybook: Add Placeholder component story [#19734](https://github.com/WordPress/gutenberg/pull/19734)
+-   Update component to components in CONTRIBUTING.md [#19914](https://github.com/WordPress/gutenberg/pull/19914)
+
+## Various
+
+-   Bump @babel/preset-env to 7.8.3 (Optional Chaining!) [#19831](https://github.com/WordPress/gutenberg/pull/19831) 👏 @sainthkh
+-   Build Tooling: Build: Include block.json files in the build output [#19786](https://github.com/WordPress/gutenberg/pull/19786)
+-   Build Tooling: Bundle the icons package instead of using it as an external [#19809](https://github.com/WordPress/gutenberg/pull/19809)
+-   Code Quality: Add Prettier formatting script [#18048](https://github.com/WordPress/gutenberg/pull/18048)
+-   Code Quality: Add WordPress primitives package [#19781](https://github.com/WordPress/gutenberg/pull/19781)
+-   Code Quality: Block Editor: LinkControl: Align documentation with current behavior [#19736](https://github.com/WordPress/gutenberg/pull/19736)
+-   Code Quality: Block Editor: Refactor ObserveTyping as function component [#19881](https://github.com/WordPress/gutenberg/pull/19881)
+-   Code Quality: Block editor: move is-navigate-mode class to WritingFlow [#19868](https://github.com/WordPress/gutenberg/pull/19868)
+-   Code Quality: Block: use context to provide selected element [#19782](https://github.com/WordPress/gutenberg/pull/19782)
+-   Code Quality: Blocks: Rename patterns to variations in the Block API [#19966](https://github.com/WordPress/gutenberg/pull/19966)
+-   Code Quality: Eslint Plugin: Lint code formatting. [#19963](https://github.com/WordPress/gutenberg/pull/19963)
+-   Code Quality: Eslint: set line width to 80 [#19992](https://github.com/WordPress/gutenberg/pull/19992)
+-   Code Quality: Move Alignment, movers and trash icons to the icons package [#19944](https://github.com/WordPress/gutenberg/pull/19944)
+-   Code Quality: Move a dozen of block icons to the icons package [#19808](https://github.com/WordPress/gutenberg/pull/19808)
+-   Code Quality: Move more block SVGs to the icons package [#19834](https://github.com/WordPress/gutenberg/pull/19834)
+-   Code Quality: Move more block icons to the icons library [#19862](https://github.com/WordPress/gutenberg/pull/19862)
+-   Code Quality: Move more block icons to the icons package [#19838](https://github.com/WordPress/gutenberg/pull/19838)
+-   Code Quality: Move the insert dashicon to the icons package [#19943](https://github.com/WordPress/gutenberg/pull/19943)
+-   Code Quality: Multi-select: don't focus first selected block [#19762](https://github.com/WordPress/gutenberg/pull/19762)
+-   Code Quality: Paragraph block: remove min-height [#19835](https://github.com/WordPress/gutenberg/pull/19835)
+-   Code Quality: Paragraph block: remove unnecessary CSS after shortcuts removal [#19821](https://github.com/WordPress/gutenberg/pull/19821)
+-   Code Quality: Remove dead is-hovered selectors [#19870](https://github.com/WordPress/gutenberg/pull/19870)
+-   Code Quality: Remove editor dependency from the block library [#16160](https://github.com/WordPress/gutenberg/pull/16160)
+-   Code Quality: Remove unnecessary import from playground [#19893](https://github.com/WordPress/gutenberg/pull/19893) 👏 @costasovo
+-   Code Quality: Replace all occurences of the yes dashicon with the check icon from the icons package [#19926](https://github.com/WordPress/gutenberg/pull/19926)
+-   Code Quality: RichText: try using hooks for wrapper component [#19095](https://github.com/WordPress/gutenberg/pull/19095)
+-   Code Quality: Try the link control in the link format [#19462](https://github.com/WordPress/gutenberg/pull/19462)
+-   Code Quality: Update: Removed editor store usage from native mobile block editor inserter [#18794](https://github.com/WordPress/gutenberg/pull/18794)
+-   Copy: Apply sentence case formatting to PanelBody titles [#19901](https://github.com/WordPress/gutenberg/pull/19901)
+-   Experimental: RichText API: Limit "prefix" transformations to Paragraph blocks [#19727](https://github.com/WordPress/gutenberg/pull/19727)
+-   Feature: Packages: New create-block package for block scaffolding [#19773](https://github.com/WordPress/gutenberg/pull/19773)
+-   Project Management: Project management: Add step that updates CHANGELOG files before npm releases [#19764](https://github.com/WordPress/gutenberg/pull/19764)
+-   Regression: Block editor: Alt+F10 shouldn't scroll to top [#19896](https://github.com/WordPress/gutenberg/pull/19896)
+-   Regression: Multi-selection: fix clearing with side click [#19787](https://github.com/WordPress/gutenberg/pull/19787)
+-   Regression: Update hover and focus selectors for Move to Trash to ensure the link is always red [#19974](https://github.com/WordPress/gutenberg/pull/19974) 👏 @andrewserong
+-   Task: Add AnglePicker Component; Add useDragging hook [#19637](https://github.com/WordPress/gutenberg/pull/19637)
+-   Task: Add: Global styles css variables generation mechanism [#19883](https://github.com/WordPress/gutenberg/pull/19883)
+-   Task: Introduce Icons package [#17055](https://github.com/WordPress/gutenberg/pull/17055)
+-   Technical Prototype: Blocks: Match blocks in the inserter using keywords from patterns [#19243](https://github.com/WordPress/gutenberg/pull/19243)
+-   Various: Add a prop to RichText native to allow configuration of selection/caret color [#19635](https://github.com/WordPress/gutenberg/pull/19635)
+-   Various: Add mobile code owners for gallery block [#19829](https://github.com/WordPress/gutenberg/pull/19829)
+-   Various: Add/post documentation for apiFetch [#19759](https://github.com/WordPress/gutenberg/pull/19759)
+-   Various: Added conditions and new translation strings for BlockMover [#19757](https://github.com/WordPress/gutenberg/pull/19757)
+-   Various: Block Directory: Refactor the reducer by breaking out the block management actions into their own reducer. [#19330](https://github.com/WordPress/gutenberg/pull/19330) 👏 @StevenDufresne
+-   Various: Block Editor: Link Control: Initialize inputValue state from value [#19737](https://github.com/WordPress/gutenberg/pull/19737)
+-   Various: Clarify when isEligible function is called [#19899](https://github.com/WordPress/gutenberg/pull/19899) 👏 @bfintal
+-   Various: Components: Apply width-based modifier classes to Placeholder only when width is known [#19825](https://github.com/WordPress/gutenberg/pull/19825)
+-   Various: Core-data: do not publish outdated state to subscribers during updates [#19752](https://github.com/WordPress/gutenberg/pull/19752) 👏 @alshakero
+-   Various: Disable Autocomplete in shortcode block [#19848](https://github.com/WordPress/gutenberg/pull/19848) 👏 @chipsnyder
+-   Various: Do advanced rendering by hooking into render_block for navigation block [#19991](https://github.com/WordPress/gutenberg/pull/19991)
+-   Various: Do not use the deprecated package editor for InnerBlocks component [#19869](https://github.com/WordPress/gutenberg/pull/19869) 👏 @Mahjouba91
+-   Various: Expose @wordpress/icons to react-native [#19810](https://github.com/WordPress/gutenberg/pull/19810)
+-   Various: Fix card component sub-component example code [#19802](https://github.com/WordPress/gutenberg/pull/19802) 👏 @ediamin
+-   Various: Fix, update, and sort _rc_ `hasProjectFile` filenames [#19994](https://github.com/WordPress/gutenberg/pull/19994)
+-   Various: Framework: Fix server-registered fixtures script [#19884](https://github.com/WordPress/gutenberg/pull/19884)
+-   Various: Innerblock Templates Docs Link Typo Issue Fixed [#19813](https://github.com/WordPress/gutenberg/pull/19813) 👏 @delowardev
+-   Various: Lib: Limit `pre_render_block` extension. [#19989](https://github.com/WordPress/gutenberg/pull/19989)
+-   Various: Makes appenders visible only for the current selection [#19598](https://github.com/WordPress/gutenberg/pull/19598)
+-   Various: Navigation Block: Move the Link Settings panel [#19917](https://github.com/WordPress/gutenberg/pull/19917)
+-   Various: Navigation: Improve UX on adding links [#19686](https://github.com/WordPress/gutenberg/pull/19686)
+-   Various: Navigation: Manage navigation link appender visibility [#19846](https://github.com/WordPress/gutenberg/pull/19846)
+-   Various: Rich text: remove is-selected class [#19822](https://github.com/WordPress/gutenberg/pull/19822)
+-   Various: Shortcode Design Review [#19852](https://github.com/WordPress/gutenberg/pull/19852) 👏 @chipsnyder
+-   Various: Style improvements for template previews [#19763](https://github.com/WordPress/gutenberg/pull/19763)
+-   Various: Testing: Use deterministic selectors for incremented IDs [#19844](https://github.com/WordPress/gutenberg/pull/19844)
+-   Various: Update Primitives README.md [#19876](https://github.com/WordPress/gutenberg/pull/19876)
+-   Various: [Mobile] Disable gallery size options on mobile in v1.21.0 [#19828](https://github.com/WordPress/gutenberg/pull/19828)
+-   Various: [Mobile] Fix gallery upload sync [#19941](https://github.com/WordPress/gutenberg/pull/19941)
+-   Various: [RNMobile] Add media edit icon to image block [#19723](https://github.com/WordPress/gutenberg/pull/19723) 👏 @leandroalonso
+-   Various: [RNMobile] Correct isMobile condition in nested Media&Text [#19778](https://github.com/WordPress/gutenberg/pull/19778)
+-   Various: [RNMobile] Fix crash on list block controls [#19818](https://github.com/WordPress/gutenberg/pull/19818)
+-   Various: [RNMobile] Fix image preview with small image size selected [#19247](https://github.com/WordPress/gutenberg/pull/19247)
+-   Various: [RNMobile] Long-press on inserter to show options for "add above" and "add below" [#18791](https://github.com/WordPress/gutenberg/pull/18791) 👏 @ceyhun
+-   Various: [RNMobile] Release v1.21.0 to master [#19854](https://github.com/WordPress/gutenberg/pull/19854)
+-   Various: [RNMobile] Revert change to fix Action Sheet [#19934](https://github.com/WordPress/gutenberg/pull/19934) 👏 @leandroalonso
+-   Various: [RNMobile] Show the media edit icon only if the block is selected [#19961](https://github.com/WordPress/gutenberg/pull/19961) 👏 @leandroalonso
+-   Various: [RNmobile] Upgrade to RN 0.61.5 [#19369](https://github.com/WordPress/gutenberg/pull/19369)
+
+
+
 = 7.3.0 =
 
 
diff --git a/gutenberg.php b/gutenberg.php
index 24b06d606747f5..597e9672299cad 100644
--- a/gutenberg.php
+++ b/gutenberg.php
@@ -3,7 +3,7 @@
  * Plugin Name: Gutenberg
  * Plugin URI: https://github.com/WordPress/gutenberg
  * Description: Printing since 1440. This is the development plugin for the new block editor in core.
- * Version: 7.3.0
+ * Version: 7.4.0-rc.1
  * Author: Gutenberg Team
  * Text Domain: gutenberg
  *
diff --git a/package-lock.json b/package-lock.json
index 1d5a493bf8e4e8..8fb34429f92a96 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
 	"name": "gutenberg",
-	"version": "7.3.0",
+	"version": "7.4.0-rc.1",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
diff --git a/package.json b/package.json
index 38f2036891596d..081362bb0a2b74 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "gutenberg",
-	"version": "7.3.0",
+	"version": "7.4.0-rc.1",
 	"private": true,
 	"description": "A new WordPress editor experience.",
 	"author": "The WordPress Contributors",
diff --git a/readme.txt b/readme.txt
index 1e0517e92872d6..86bda8af83511f 100644
--- a/readme.txt
+++ b/readme.txt
@@ -79,4 +79,4 @@ See also <a href="https://github.com/WordPress/gutenberg/blob/master/CONTRIBUTIN
 
 == Changelog ==
 
-To read the changelog for Gutenberg 7.3.0, please navigate to the <a href="https://github.com/WordPress/gutenberg/releases/tag/v7.3.0">release page</a>.
+To read the changelog for Gutenberg 7.4.0-rc.1, please navigate to the <a href="https://github.com/WordPress/gutenberg/releases/tag/v7.4.0-rc.1">release page</a>.

From 2e00995f97911dd69b0dd5d8d11c8e6335ab0cc8 Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Mon, 3 Feb 2020 14:20:06 -0500
Subject: [PATCH 05/29] Project Management Automation: Avoid gracefully
 handling error (#20009)

---
 packages/project-management-automation/lib/index.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/project-management-automation/lib/index.js b/packages/project-management-automation/lib/index.js
index 00b0cf3c8d2a0c..7893580aea7b41 100644
--- a/packages/project-management-automation/lib/index.js
+++ b/packages/project-management-automation/lib/index.js
@@ -48,14 +48,8 @@ const automations = [
 			event === context.eventName &&
 			action === context.payload.action
 		) {
-			try {
-				debug( `main: Starting task ${ task.name }` );
-				await task( context.payload, octokit );
-			} catch ( error ) {
-				debug(
-					`main: Task ${ task.name } failed with error: ${ error }`
-				);
-			}
+			debug( `main: Starting task ${ task.name }` );
+			await task( context.payload, octokit );
 		}
 	}
 

From 0b491a902f48556a783c2b7077b0bd1350df0175 Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Mon, 3 Feb 2020 14:46:44 -0500
Subject: [PATCH 06/29] Project Management Automation: Call core setFailed with
 error message (#20012)

---
 packages/project-management-automation/lib/index.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/project-management-automation/lib/index.js b/packages/project-management-automation/lib/index.js
index 7893580aea7b41..7407c0ebe0a79e 100644
--- a/packages/project-management-automation/lib/index.js
+++ b/packages/project-management-automation/lib/index.js
@@ -48,8 +48,14 @@ const automations = [
 			event === context.eventName &&
 			action === context.payload.action
 		) {
-			debug( `main: Starting task ${ task.name }` );
-			await task( context.payload, octokit );
+			try {
+				debug( `main: Starting task ${ task.name }` );
+				await task( context.payload, octokit );
+			} catch ( error ) {
+				setFailed(
+					`main: Task ${ task.name } failed with error: ${ error }`
+				);
+			}
 		}
 	}
 

From 8fd1bcecd542d6a77ebe8d94956ba21a5a77b5e5 Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Mon, 3 Feb 2020 14:48:24 -0500
Subject: [PATCH 07/29] Project Management Automation: Tolerate duplicate
 milestone (#20011)

---
 .../lib/add-milestone.js                      | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/packages/project-management-automation/lib/add-milestone.js b/packages/project-management-automation/lib/add-milestone.js
index 456503a978953e..4b4669e9500d07 100644
--- a/packages/project-management-automation/lib/add-milestone.js
+++ b/packages/project-management-automation/lib/add-milestone.js
@@ -85,12 +85,24 @@ async function addMilestone( payload, octokit ) {
 		`add-milestone: Creating 'Gutenberg ${ major }.${ minor }' milestone, due on ${ dueDate.toISOString() }`
 	);
 
-	await octokit.issues.createMilestone( {
-		owner: payload.repository.owner.login,
-		repo: payload.repository.name,
-		title: `Gutenberg ${ major }.${ minor }`,
-		due_on: dueDate.toISOString(),
-	} );
+	try {
+		await octokit.issues.createMilestone( {
+			owner: payload.repository.owner.login,
+			repo: payload.repository.name,
+			title: `Gutenberg ${ major }.${ minor }`,
+			due_on: dueDate.toISOString(),
+		} );
+
+		debug( 'add-milestone: Milestone created' );
+	} catch ( error ) {
+		if ( error.code !== 'already_exists' ) {
+			throw error;
+		}
+
+		debug(
+			'add-milestone: Milestone already exists, proceeding with assignment'
+		);
+	}
 
 	debug( 'add-milestone: Fetching all milestones' );
 

From b51087694bc8e948b62f4559071cb84d9c63f2b0 Mon Sep 17 00:00:00 2001
From: Enrique Piqueras <epiqueras@users.noreply.github.com>
Date: Mon, 3 Feb 2020 15:21:40 -0500
Subject: [PATCH 08/29] Edit Post: Hide block drag handle in top toolbar.
 (#20013)

---
 .../src/components/block-mover/index.js       | 33 ++++++++++---------
 .../src/components/block-toolbar/index.js     |  4 ++-
 .../components/header/header-toolbar/index.js |  2 +-
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/packages/block-editor/src/components/block-mover/index.js b/packages/block-editor/src/components/block-mover/index.js
index 7e29326458fd13..1a7290b10dcb00 100644
--- a/packages/block-editor/src/components/block-mover/index.js
+++ b/packages/block-editor/src/components/block-mover/index.js
@@ -59,6 +59,7 @@ export class BlockMover extends Component {
 			instanceId,
 			isHidden,
 			rootClientId,
+			hideDragHandle,
 		} = this.props;
 		const { isFocused } = this.state;
 		const blocksCount = castArray( clientIds ).length;
@@ -122,21 +123,23 @@ export class BlockMover extends Component {
 					onBlur={ this.onBlur }
 				/>
 
-				<BlockDraggable clientIds={ clientIds }>
-					{ ( { onDraggableStart, onDraggableEnd } ) => (
-						<Button
-							icon={ dragHandle }
-							className="block-editor-block-mover__control-drag-handle block-editor-block-mover__control"
-							aria-hidden="true"
-							// Should not be able to tab to drag handle as this
-							// button can only be used with a pointer device.
-							tabIndex="-1"
-							onDragStart={ onDraggableStart }
-							onDragEnd={ onDraggableEnd }
-							draggable
-						/>
-					) }
-				</BlockDraggable>
+				{ ! hideDragHandle && (
+					<BlockDraggable clientIds={ clientIds }>
+						{ ( { onDraggableStart, onDraggableEnd } ) => (
+							<Button
+								icon={ dragHandle }
+								className="block-editor-block-mover__control-drag-handle block-editor-block-mover__control"
+								aria-hidden="true"
+								// Should not be able to tab to drag handle as this
+								// button can only be used with a pointer device.
+								tabIndex="-1"
+								onDragStart={ onDraggableStart }
+								onDragEnd={ onDraggableEnd }
+								draggable
+							/>
+						) }
+					</BlockDraggable>
+				) }
 
 				<Button
 					className="block-editor-block-mover__control"
diff --git a/packages/block-editor/src/components/block-toolbar/index.js b/packages/block-editor/src/components/block-toolbar/index.js
index 656527954ed840..a3eed1acd3b2d4 100644
--- a/packages/block-editor/src/components/block-toolbar/index.js
+++ b/packages/block-editor/src/components/block-toolbar/index.js
@@ -14,7 +14,7 @@ import BlockSwitcher from '../block-switcher';
 import MultiBlocksSwitcher from '../block-switcher/multi-blocks-switcher';
 import BlockMover from '../block-mover';
 
-export default function BlockToolbar() {
+export default function BlockToolbar( { hideDragHandle } ) {
 	const {
 		blockClientIds,
 		isValid,
@@ -64,6 +64,7 @@ export default function BlockToolbar() {
 					<BlockMover
 						clientIds={ blockClientIds }
 						__experimentalOrientation={ moverDirection }
+						hideDragHandle={ hideDragHandle }
 					/>
 				) }
 				<MultiBlocksSwitcher />
@@ -78,6 +79,7 @@ export default function BlockToolbar() {
 				<BlockMover
 					clientIds={ blockClientIds }
 					__experimentalOrientation={ moverDirection }
+					hideDragHandle={ hideDragHandle }
 				/>
 			) }
 			{ mode === 'visual' && isValid && (
diff --git a/packages/edit-post/src/components/header/header-toolbar/index.js b/packages/edit-post/src/components/header/header-toolbar/index.js
index 46873f2ee9aa0f..5f8bc98dc3a904 100644
--- a/packages/edit-post/src/components/header/header-toolbar/index.js
+++ b/packages/edit-post/src/components/header/header-toolbar/index.js
@@ -57,7 +57,7 @@ function HeaderToolbar() {
 			<ToolSelector />
 			{ ( hasFixedToolbar || ! isLargeViewport ) && (
 				<div className="edit-post-header-toolbar__block-toolbar">
-					<BlockToolbar />
+					<BlockToolbar hideDragHandle />
 				</div>
 			) }
 		</NavigableToolbar>

From 8678c593937a23115bfdb6d71ca60b91242eac25 Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Mon, 3 Feb 2020 15:53:08 -0500
Subject: [PATCH 09/29] Project Management Automation: Check error object for
 parsed errors (#20014)

* Project Management Automation: Check error object for parsed errors

* Update packages/project-management-automation/lib/add-milestone.js

Co-Authored-By: Enrique Piqueras <epiqueras@users.noreply.github.com>

Co-authored-by: Enrique Piqueras <epiqueras@users.noreply.github.com>
---
 .../lib/add-milestone.js                      | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/packages/project-management-automation/lib/add-milestone.js b/packages/project-management-automation/lib/add-milestone.js
index 4b4669e9500d07..cd4e2a5f8aa2f0 100644
--- a/packages/project-management-automation/lib/add-milestone.js
+++ b/packages/project-management-automation/lib/add-milestone.js
@@ -12,6 +12,23 @@ const REFERENCE_DATE = '2019-08-12';
 // Releases are every 14 days.
 const DAYS_PER_RELEASE = 14;
 
+/**
+ * Returns true if the given error object represents a duplicate entry error, or
+ * false otherwise. The error is expected to be (though not verified explicitly
+ * as) an instance of Octokit's RequestError (`@octokit/request-error`).
+ *
+ * @see https://github.com/octokit/rest.js/issues/684
+ * @see https://developer.github.com/v3/#client-errors
+ * @see https://github.com/octokit/request.js/blob/2a1d768/src/fetch-wrapper.ts#L79-L80
+ *
+ * @param {Error} error Error to test.
+ *
+ * @return {boolean} Whether error is a duplicate validation request error.
+ */
+const isDuplicateValidationError = ( error ) =>
+	Array.isArray( error.errors ) &&
+	error.errors.some( ( { code } ) => code === 'already_exists' );
+
 /**
  * Assigns the correct milestone to PRs once merged.
  *
@@ -95,7 +112,7 @@ async function addMilestone( payload, octokit ) {
 
 		debug( 'add-milestone: Milestone created' );
 	} catch ( error ) {
-		if ( error.code !== 'already_exists' ) {
+		if ( ! isDuplicateValidationError( error ) ) {
 			throw error;
 		}
 

From 2f6e7fd07ce6bc1ca93aeec1caf2f80e9010ee36 Mon Sep 17 00:00:00 2001
From: Marcus Kazmierczak <marcus@mkaz.com>
Date: Mon, 3 Feb 2020 14:08:54 -0800
Subject: [PATCH 10/29] Switch social link icons to import svg parts from
 primitives (#19877)

* Switch social-links to import svg parts from primitives not components

* package-lock
---
 package-lock.json                                             | 1 +
 packages/block-library/package.json                           | 1 +
 packages/block-library/src/social-link/icons/amazon.js        | 3 +--
 packages/block-library/src/social-link/icons/bandcamp.js      | 2 +-
 packages/block-library/src/social-link/icons/behance.js       | 3 +--
 packages/block-library/src/social-link/icons/chain.js         | 3 +--
 packages/block-library/src/social-link/icons/codepen.js       | 3 +--
 packages/block-library/src/social-link/icons/deviantart.js    | 3 +--
 packages/block-library/src/social-link/icons/dribbble.js      | 3 +--
 packages/block-library/src/social-link/icons/dropbox.js       | 3 +--
 packages/block-library/src/social-link/icons/etsy.js          | 3 +--
 packages/block-library/src/social-link/icons/facebook.js      | 3 +--
 packages/block-library/src/social-link/icons/feed.js          | 3 +--
 packages/block-library/src/social-link/icons/fivehundredpx.js | 3 +--
 packages/block-library/src/social-link/icons/flickr.js        | 3 +--
 packages/block-library/src/social-link/icons/foursquare.js    | 3 +--
 packages/block-library/src/social-link/icons/github.js        | 3 +--
 packages/block-library/src/social-link/icons/goodreads.js     | 3 +--
 packages/block-library/src/social-link/icons/google.js        | 3 +--
 packages/block-library/src/social-link/icons/instagram.js     | 3 +--
 packages/block-library/src/social-link/icons/lastfm.js        | 3 +--
 packages/block-library/src/social-link/icons/linkedin.js      | 3 +--
 packages/block-library/src/social-link/icons/mail.js          | 3 +--
 packages/block-library/src/social-link/icons/mastodon.js      | 3 +--
 packages/block-library/src/social-link/icons/medium.js        | 3 +--
 packages/block-library/src/social-link/icons/meetup.js        | 3 +--
 packages/block-library/src/social-link/icons/pinterest.js     | 3 +--
 packages/block-library/src/social-link/icons/pocket.js        | 3 +--
 packages/block-library/src/social-link/icons/reddit.js        | 3 +--
 packages/block-library/src/social-link/icons/skype.js         | 3 +--
 packages/block-library/src/social-link/icons/snapchat.js      | 3 +--
 packages/block-library/src/social-link/icons/soundcloud.js    | 3 +--
 packages/block-library/src/social-link/icons/spotify.js       | 3 +--
 packages/block-library/src/social-link/icons/tumblr.js        | 3 +--
 packages/block-library/src/social-link/icons/twitch.js        | 3 +--
 packages/block-library/src/social-link/icons/twitter.js       | 3 +--
 packages/block-library/src/social-link/icons/vimeo.js         | 3 +--
 packages/block-library/src/social-link/icons/vk.js            | 3 +--
 packages/block-library/src/social-link/icons/wordpress.js     | 3 +--
 packages/block-library/src/social-link/icons/yelp.js          | 3 +--
 packages/block-library/src/social-link/icons/youtube.js       | 3 +--
 41 files changed, 41 insertions(+), 77 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8fb34429f92a96..9fd0ce179aa06a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10123,6 +10123,7 @@
 				"@wordpress/icons": "file:packages/icons",
 				"@wordpress/is-shallow-equal": "file:packages/is-shallow-equal",
 				"@wordpress/keycodes": "file:packages/keycodes",
+				"@wordpress/primitives": "file:packages/primitives",
 				"@wordpress/rich-text": "file:packages/rich-text",
 				"@wordpress/server-side-render": "file:packages/server-side-render",
 				"@wordpress/url": "file:packages/url",
diff --git a/packages/block-library/package.json b/packages/block-library/package.json
index 1a99a38df771fb..9f040c95070518 100644
--- a/packages/block-library/package.json
+++ b/packages/block-library/package.json
@@ -45,6 +45,7 @@
 		"@wordpress/icons": "file:../icons",
 		"@wordpress/is-shallow-equal": "file:../is-shallow-equal",
 		"@wordpress/keycodes": "file:../keycodes",
+		"@wordpress/primitives": "file:../primitives",
 		"@wordpress/rich-text": "file:../rich-text",
 		"@wordpress/server-side-render": "file:../server-side-render",
 		"@wordpress/url": "file:../url",
diff --git a/packages/block-library/src/social-link/icons/amazon.js b/packages/block-library/src/social-link/icons/amazon.js
index bac1ca6a7ddd6b..928c9722ed1d86 100644
--- a/packages/block-library/src/social-link/icons/amazon.js
+++ b/packages/block-library/src/social-link/icons/amazon.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const AmazonIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/bandcamp.js b/packages/block-library/src/social-link/icons/bandcamp.js
index e9c80c2a13656e..793a314d36f4b3 100644
--- a/packages/block-library/src/social-link/icons/bandcamp.js
+++ b/packages/block-library/src/social-link/icons/bandcamp.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const BandcampIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/behance.js b/packages/block-library/src/social-link/icons/behance.js
index 65097726167d66..e45cdda50336ee 100644
--- a/packages/block-library/src/social-link/icons/behance.js
+++ b/packages/block-library/src/social-link/icons/behance.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const BehanceIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/chain.js b/packages/block-library/src/social-link/icons/chain.js
index 676269b0a9ff4b..a1285ba053c710 100644
--- a/packages/block-library/src/social-link/icons/chain.js
+++ b/packages/block-library/src/social-link/icons/chain.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const ChainIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/codepen.js b/packages/block-library/src/social-link/icons/codepen.js
index 8ea31018ab2d76..59bae6fc33e881 100644
--- a/packages/block-library/src/social-link/icons/codepen.js
+++ b/packages/block-library/src/social-link/icons/codepen.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const CodepenIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/deviantart.js b/packages/block-library/src/social-link/icons/deviantart.js
index 4cf01fdeed0281..901d989433b02c 100644
--- a/packages/block-library/src/social-link/icons/deviantart.js
+++ b/packages/block-library/src/social-link/icons/deviantart.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const DeviantArtIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/dribbble.js b/packages/block-library/src/social-link/icons/dribbble.js
index ec250898473c6a..56b8d34ac63921 100644
--- a/packages/block-library/src/social-link/icons/dribbble.js
+++ b/packages/block-library/src/social-link/icons/dribbble.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const DribbbleIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/dropbox.js b/packages/block-library/src/social-link/icons/dropbox.js
index e0de4bda6d2318..e1970ae73172a9 100644
--- a/packages/block-library/src/social-link/icons/dropbox.js
+++ b/packages/block-library/src/social-link/icons/dropbox.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const DropboxIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/etsy.js b/packages/block-library/src/social-link/icons/etsy.js
index d691d9dca09eb1..2e0712334286a5 100644
--- a/packages/block-library/src/social-link/icons/etsy.js
+++ b/packages/block-library/src/social-link/icons/etsy.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const EtsyIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/facebook.js b/packages/block-library/src/social-link/icons/facebook.js
index 77343d7e9d1ad3..1219552a6df713 100644
--- a/packages/block-library/src/social-link/icons/facebook.js
+++ b/packages/block-library/src/social-link/icons/facebook.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const FacebookIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/feed.js b/packages/block-library/src/social-link/icons/feed.js
index e3521f3d13b197..92d4a1001c853c 100644
--- a/packages/block-library/src/social-link/icons/feed.js
+++ b/packages/block-library/src/social-link/icons/feed.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const FeedIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/fivehundredpx.js b/packages/block-library/src/social-link/icons/fivehundredpx.js
index 6b0111eaeb7d92..a3f30412e39a69 100644
--- a/packages/block-library/src/social-link/icons/fivehundredpx.js
+++ b/packages/block-library/src/social-link/icons/fivehundredpx.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const FivehundredpxIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/flickr.js b/packages/block-library/src/social-link/icons/flickr.js
index a9d21c2c300f9e..7716d7d868168f 100644
--- a/packages/block-library/src/social-link/icons/flickr.js
+++ b/packages/block-library/src/social-link/icons/flickr.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const FlickrIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/foursquare.js b/packages/block-library/src/social-link/icons/foursquare.js
index dbd91521a4e740..ba1cacdf29f731 100644
--- a/packages/block-library/src/social-link/icons/foursquare.js
+++ b/packages/block-library/src/social-link/icons/foursquare.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const FoursquareIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/github.js b/packages/block-library/src/social-link/icons/github.js
index 9f9e1d1e98f25d..6b22e5a05f6cf7 100644
--- a/packages/block-library/src/social-link/icons/github.js
+++ b/packages/block-library/src/social-link/icons/github.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const GitHubIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/goodreads.js b/packages/block-library/src/social-link/icons/goodreads.js
index 2a9374bc2f781b..8324a9f4c54ae6 100644
--- a/packages/block-library/src/social-link/icons/goodreads.js
+++ b/packages/block-library/src/social-link/icons/goodreads.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const GoodreadsIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/google.js b/packages/block-library/src/social-link/icons/google.js
index 336e8924ae7852..10ede42a16ed7a 100644
--- a/packages/block-library/src/social-link/icons/google.js
+++ b/packages/block-library/src/social-link/icons/google.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const GoogleIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/instagram.js b/packages/block-library/src/social-link/icons/instagram.js
index 39c2fc7ba3b09b..9ff7b18d2d5170 100644
--- a/packages/block-library/src/social-link/icons/instagram.js
+++ b/packages/block-library/src/social-link/icons/instagram.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const InstagramIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/lastfm.js b/packages/block-library/src/social-link/icons/lastfm.js
index aa3e5d9f279ee7..c27562ec85f6fd 100644
--- a/packages/block-library/src/social-link/icons/lastfm.js
+++ b/packages/block-library/src/social-link/icons/lastfm.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const LastfmIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/linkedin.js b/packages/block-library/src/social-link/icons/linkedin.js
index b4afc099625375..21cdd0ac93101f 100644
--- a/packages/block-library/src/social-link/icons/linkedin.js
+++ b/packages/block-library/src/social-link/icons/linkedin.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const LinkedInIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/mail.js b/packages/block-library/src/social-link/icons/mail.js
index ab43f106adca94..7752dc1f60079e 100644
--- a/packages/block-library/src/social-link/icons/mail.js
+++ b/packages/block-library/src/social-link/icons/mail.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const MailIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/mastodon.js b/packages/block-library/src/social-link/icons/mastodon.js
index 5ee0ed256a2641..add394cc085230 100644
--- a/packages/block-library/src/social-link/icons/mastodon.js
+++ b/packages/block-library/src/social-link/icons/mastodon.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const MastodonIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/medium.js b/packages/block-library/src/social-link/icons/medium.js
index 4cf5b265398d89..88de49e65be046 100644
--- a/packages/block-library/src/social-link/icons/medium.js
+++ b/packages/block-library/src/social-link/icons/medium.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const MediumIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/meetup.js b/packages/block-library/src/social-link/icons/meetup.js
index 8f12e1566ce970..c7c9ddf44e7193 100644
--- a/packages/block-library/src/social-link/icons/meetup.js
+++ b/packages/block-library/src/social-link/icons/meetup.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const MeetupIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/pinterest.js b/packages/block-library/src/social-link/icons/pinterest.js
index 70782c6189f81c..97bcba825db3ce 100644
--- a/packages/block-library/src/social-link/icons/pinterest.js
+++ b/packages/block-library/src/social-link/icons/pinterest.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const PinterestIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/pocket.js b/packages/block-library/src/social-link/icons/pocket.js
index 43f3661cd201d1..564335384c4d70 100644
--- a/packages/block-library/src/social-link/icons/pocket.js
+++ b/packages/block-library/src/social-link/icons/pocket.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const PocketIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/reddit.js b/packages/block-library/src/social-link/icons/reddit.js
index 9a17f0a19a1bfa..d0b8437df58d58 100644
--- a/packages/block-library/src/social-link/icons/reddit.js
+++ b/packages/block-library/src/social-link/icons/reddit.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const RedditIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/skype.js b/packages/block-library/src/social-link/icons/skype.js
index 4dc946541a83f6..2544f2559faaf1 100644
--- a/packages/block-library/src/social-link/icons/skype.js
+++ b/packages/block-library/src/social-link/icons/skype.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const SkypeIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/snapchat.js b/packages/block-library/src/social-link/icons/snapchat.js
index 73f93ee6279289..825ea99842ba9e 100644
--- a/packages/block-library/src/social-link/icons/snapchat.js
+++ b/packages/block-library/src/social-link/icons/snapchat.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const SnapchatIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/soundcloud.js b/packages/block-library/src/social-link/icons/soundcloud.js
index 538d1f867d4191..ffc740aae1a077 100644
--- a/packages/block-library/src/social-link/icons/soundcloud.js
+++ b/packages/block-library/src/social-link/icons/soundcloud.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const SoundCloudIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/spotify.js b/packages/block-library/src/social-link/icons/spotify.js
index 03256e1b31e048..63d2ddadc77e9a 100644
--- a/packages/block-library/src/social-link/icons/spotify.js
+++ b/packages/block-library/src/social-link/icons/spotify.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const SpotifyIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/tumblr.js b/packages/block-library/src/social-link/icons/tumblr.js
index 946f7e1b040de0..5999fe4ead681d 100644
--- a/packages/block-library/src/social-link/icons/tumblr.js
+++ b/packages/block-library/src/social-link/icons/tumblr.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const TumblrIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/twitch.js b/packages/block-library/src/social-link/icons/twitch.js
index 6bbbc13b2a4358..1d6691e28995e1 100644
--- a/packages/block-library/src/social-link/icons/twitch.js
+++ b/packages/block-library/src/social-link/icons/twitch.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const TwitchIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/twitter.js b/packages/block-library/src/social-link/icons/twitter.js
index 95e7435c6176e8..eda1a53f7f2be0 100644
--- a/packages/block-library/src/social-link/icons/twitter.js
+++ b/packages/block-library/src/social-link/icons/twitter.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const TwitterIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/vimeo.js b/packages/block-library/src/social-link/icons/vimeo.js
index 1e11bda150ed44..fd8b29f45db997 100644
--- a/packages/block-library/src/social-link/icons/vimeo.js
+++ b/packages/block-library/src/social-link/icons/vimeo.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const VimeoIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/vk.js b/packages/block-library/src/social-link/icons/vk.js
index 97ac09e842fe1b..d877d28b577059 100644
--- a/packages/block-library/src/social-link/icons/vk.js
+++ b/packages/block-library/src/social-link/icons/vk.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const VkIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/wordpress.js b/packages/block-library/src/social-link/icons/wordpress.js
index 0fc780d08954ef..2a51d200bc871b 100644
--- a/packages/block-library/src/social-link/icons/wordpress.js
+++ b/packages/block-library/src/social-link/icons/wordpress.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const WordPressIcon = () => (
 	<SVG
diff --git a/packages/block-library/src/social-link/icons/yelp.js b/packages/block-library/src/social-link/icons/yelp.js
index 83b1d76200258c..8df9da231504c1 100644
--- a/packages/block-library/src/social-link/icons/yelp.js
+++ b/packages/block-library/src/social-link/icons/yelp.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const YelpIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
diff --git a/packages/block-library/src/social-link/icons/youtube.js b/packages/block-library/src/social-link/icons/youtube.js
index 7256a177262f7e..e788d6e8d6ceeb 100644
--- a/packages/block-library/src/social-link/icons/youtube.js
+++ b/packages/block-library/src/social-link/icons/youtube.js
@@ -1,8 +1,7 @@
 /**
  * WordPress dependencies
  */
-
-import { Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const YouTubeIcon = () => (
 	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">

From 83e26a8203d18c3b48ee26c596f538598e348ed4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dami=C3=A1n=20Su=C3=A1rez?= <rdsuarez@gmail.com>
Date: Mon, 3 Feb 2020 14:21:03 -0800
Subject: [PATCH 11/29] Navigation: Implement new design for sub-menus (#19681)

* navigation-link: add has-child css class

* colors: move navigation scss var to base-styles

* squash

* navigation: organize

* navigation: propagate style css Class

* navigation: implement dark styles

* Minor wip style update to be closer to design

* navigation: remove duplicated has-child code

* navigation-link: remove unused prop

* add wip version of children arrow indicators
Need to define what design keep: CSS arrow vs SVG icon

* navigation: remove styles - propagate custom colors.

* navigation: fix has bgc css class name

* navigation: apply light/dark styles when no colors

* navigation-link: propagate Navigation block attrs

* navigation-link: add border-color inline style

* navigation-link: apply custom border-color

* navigation-link: set colors CSS classes

* use-colors: add attr for color value

* navigation: store and populate inline colors
It stores the color values for both text and background color in the Navigation block, and propagete these values to the Navigation Link block, in order to be able to apply colors using inline style.

* navigation: improve handling colors/styles.

* remove old submenu frontend styles

* navigation: fix env linting error

* navigation: fix rebasing issues

* navigation-link: remove CSS arrow in favor of SVG

* navigation: refact -> icons as components

* navigation: detect and propagate color to the SVG

* navigation-item: use detected color as default

* navigation-link: add chevron to all menu levels

* Show submenu indicators by default

* Fix linting and formatting errors

* Update Display Settings copy to reflect that it now affects multiple levels

* Update submenu indicators to new design

* Remove obsolete indicator styles

* Start cleanup of style.scss by ordering by function of styles

* Reduce specificity by not overwriting inline styles

* Continue organizing style.scss by ordering by function of styles

* Share basic top level styles between editor and frontend

* readd rotation of submenu indicators

* navigation-link: apply svg text color with CSS

* make child class usage consistent between editor and frontend

* add class to frontend to apply styles that match .block-editor-inner-blocks usage

* start sharing editor styles with frontend

* update navigation container positioning

* Add submenu indicators to submenus on the frontend

* unify submenu icon styles

* move icon rotation to correct position

* apply classes to all navigation links

* add colors to frontend submenus

* navigation-link: put the icon on the full right

* navigation: remove unneeded padding

* navigation: remove deprecated styles

* navigation: hid all sub-menus

* navigation: remove detected-color code

* navigation: unify default styles.

* navigation: dealing with min heigh and vert align

* navigation: main menu height / vertical alignment

* navigation: adjust box model and position

* navigation: set width fixing the alignment

* navigation: set CSS classes depending on value att

* navigation: fix and simlify block styles

* Slightly simplify css class assembly

* navigation: set border color using currentColor

* navigation-edit: simplify color attrs

* navigation: improve paddings, positions, etc.

* navigation: pick up rgb colors outside of hook

* navigation: move sub-menus (L1) up a grid size

* navigation: fix php linting errors

* Update the inserter positioning and spacing. Remove the submenu borders so they belnd with the top level menu.

* Restore the border on sub menus, but use alpha so that it blends better with whatever the selected background color is.

* Align flyout submenu tops.

* Use $border-width instead of a magic number for submenu alignment

* Removed ul and li padding on submenus and moved them into the link <a> level so links are now full width and everywhere in the menus is hoverable/clickable. Focus rings look nicer now too.

* Set a fixed width on submenu widths instead of relying on the content width.

This means that long submenu items will wrap. I also set a lower line height on items so that it was more obvious that a wrapped submenu item was one item,

* Move padding from li to a on top-level items.

* Moved caret on submenu icon left a bit more.

* Better align grandchild links with bottom child links

* navigation: remove is level zero arg

* navigation: remove flex-wrap in to fix nav width

* navigation: handling default true value for arrow

* Set top: 100% on navigation submenu instead of magic number

* Left align submenus

* navigation: fix showing submenu icon

* navigation: fixing linting errors

* navigation: fix setting link width

Co-authored-by: Michael P. Pfeiffer <frontdevde@users.noreply.github.com>
Co-authored-by: Konstantin Obenland <obenland@automattic.com>
Co-authored-by: Andy Peatling <apeatling@users.noreply.github.com>
Co-authored-by: Jerry Jones <jones.jeremydavid@gmail.com>
---
 packages/base-styles/_colors.scss             |  11 +
 .../block-library/src/navigation-link/edit.js |  37 +-
 .../src/navigation-link/editor.scss           |  33 +-
 .../src/navigation-link/icons.js              |  16 +-
 packages/block-library/src/navigation/edit.js |  17 +-
 .../block-library/src/navigation/editor.scss  |  31 --
 .../block-library/src/navigation/index.php    |  57 +--
 .../block-library/src/navigation/style.scss   | 402 ++++++++++--------
 8 files changed, 321 insertions(+), 283 deletions(-)

diff --git a/packages/base-styles/_colors.scss b/packages/base-styles/_colors.scss
index 2a8b07f79364cf..d6fd0e2b968ce6 100644
--- a/packages/base-styles/_colors.scss
+++ b/packages/base-styles/_colors.scss
@@ -89,3 +89,14 @@ $blue-medium-focus-dark: #fff;
 $alert-yellow: #f0b849;
 $alert-red: #d94f4f;
 $alert-green: #4ab866;
+
+// Navigation.
+$light-style-sub-menu-background-color: #fff;
+$light-style-sub-menu-border-color: #ddd;
+$light-style-sub-menu-text-color: #111;
+$light-style-sub-menu-text-color-hover: #333;
+
+$dark-style-sub-menu-background-color: #333;
+$dark-style-sub-menu-border-color: #111;
+$dark-style-sub-menu-text-color: #fff;
+$dark-style-sub-menu-text-color-hover: #eee;
diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index ff55c5dabfecd6..f1202df74cef42 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -36,7 +36,7 @@ import { placeCaretAtHorizontalEdge } from '@wordpress/dom';
 /**
  * Internal dependencies
  */
-import { toolbarSubmenuIcon, itemSubmenuIcon } from './icons';
+import { ToolbarSubmenuIcon, ItemSubmenuIcon } from './icons';
 
 function NavigationLinkEdit( {
 	attributes,
@@ -46,6 +46,7 @@ function NavigationLinkEdit( {
 	setAttributes,
 	showSubmenuIcon,
 	insertLinkBlock,
+	navigationBlockAttributes,
 } ) {
 	const {
 		label,
@@ -55,6 +56,17 @@ function NavigationLinkEdit( {
 		nofollow,
 		description,
 	} = attributes;
+
+	/*
+	 * Navigation Block attributes.
+	 */
+	const {
+		textColor,
+		rgbTextColor,
+		backgroundColor,
+		rgbBackgroundColor,
+	} = navigationBlockAttributes;
+
 	const link = {
 		title: title ? unescape( title ) : '',
 		url,
@@ -137,7 +149,7 @@ function NavigationLinkEdit( {
 					/>
 					<ToolbarButton
 						name="submenu"
-						icon={ toolbarSubmenuIcon }
+						icon={ <ToolbarSubmenuIcon /> }
 						title={ __( 'Add submenu' ) }
 						onClick={ insertLinkBlock }
 					/>
@@ -196,7 +208,16 @@ function NavigationLinkEdit( {
 					'is-editing': isSelected || isParentOfSelectedBlock,
 					'is-selected': isSelected,
 					'has-link': !! url,
+					'has-child': hasDescendants,
+					'has-text-color': rgbTextColor,
+					[ `has-${ textColor }-color` ]: !! textColor,
+					'has-background-color': rgbBackgroundColor,
+					[ `has-${ backgroundColor }-background-color` ]: !! backgroundColor,
 				} ) }
+				style={ {
+					color: rgbTextColor,
+					backgroundColor: rgbBackgroundColor,
+				} }
 			>
 				<div className="wp-block-navigation-link__content">
 					<RichText
@@ -218,7 +239,7 @@ function NavigationLinkEdit( {
 					/>
 					{ showSubmenuIcon && (
 						<span className="wp-block-navigation-link__submenu-icon">
-							{ itemSubmenuIcon }
+							<ItemSubmenuIcon />
 						</span>
 					) }
 					{ isLinkOpen && (
@@ -286,7 +307,6 @@ function NavigationLinkEdit( {
 export default compose( [
 	withSelect( ( select, ownProps ) => {
 		const {
-			getBlockName,
 			getBlockAttributes,
 			getBlockParents,
 			getClientIdsOfDescendants,
@@ -294,21 +314,18 @@ export default compose( [
 		} = select( 'core/block-editor' );
 		const { clientId } = ownProps;
 		const rootBlock = getBlockParents( clientId )[ 0 ];
-		const parentBlock = getBlockParents( clientId, true )[ 0 ];
-		const rootBlockAttributes = getBlockAttributes( rootBlock );
+		const navigationBlockAttributes = getBlockAttributes( rootBlock );
 		const hasDescendants = !! getClientIdsOfDescendants( [ clientId ] )
 			.length;
-		const isLevelZero = getBlockName( parentBlock ) === 'core/navigation';
 		const showSubmenuIcon =
-			rootBlockAttributes.showSubmenuIcon &&
-			isLevelZero &&
-			hasDescendants;
+			!! navigationBlockAttributes.showSubmenuIcon && hasDescendants;
 		const isParentOfSelectedBlock = hasSelectedInnerBlock( clientId, true );
 
 		return {
 			isParentOfSelectedBlock,
 			hasDescendants,
 			showSubmenuIcon,
+			navigationBlockAttributes,
 		};
 	} ),
 	withDispatch( ( dispatch, ownProps, registry ) => {
diff --git a/packages/block-library/src/navigation-link/editor.scss b/packages/block-library/src/navigation-link/editor.scss
index 13d7ce777e36fe..74856642cc23af 100644
--- a/packages/block-library/src/navigation-link/editor.scss
+++ b/packages/block-library/src/navigation-link/editor.scss
@@ -11,22 +11,8 @@
  * Adjust Navigation Item.
  */
 .wp-block-navigation-link {
-	margin-left: $grid-size;
-	margin-right: $grid-size;
-	// Provide a base menu item margin.
-	// This should be the same inside the field,
-	// and the edit container should compensate.
-	// This is to make sure the edit and view are the same.
-	padding: 0 $grid-size;
-
 	.block-editor-block-list__layout {
 		display: block;
-		margin: $grid-size;
-	}
-
-	// Only display inner blocks when the block is being edited.
-	.block-editor-inner-blocks {
-		display: none;
 	}
 
 	&.is-editing,
@@ -34,21 +20,18 @@
 		min-width: 20px;
 	}
 
-	&.is-editing .block-editor-inner-blocks {
-		display: block;
-	}
-
-	.wp-block-navigation-link__content {
-		display: flex;
-		align-items: center;
-	}
-
 	&.has-link .wp-block-navigation-link__label {
 		text-decoration: underline;
 	}
 
-	.wp-block-navigation-link__submenu-icon {
-		margin-left: 4px;
+	.block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus):not(:focus) [data-rich-text-placeholder]::after {
+		display: inline-block;
+	}
+
+	.block-list-appender {
+		margin: $grid-size * 2;
+		margin-left: $grid-size * 1.25;
+		margin-top: $grid-size * 1.25;
 	}
 }
 
diff --git a/packages/block-library/src/navigation-link/icons.js b/packages/block-library/src/navigation-link/icons.js
index c01b5979dc36a5..65332cd2555ba5 100644
--- a/packages/block-library/src/navigation-link/icons.js
+++ b/packages/block-library/src/navigation-link/icons.js
@@ -1,22 +1,24 @@
 /**
  * WordPress dependencies
  */
-import { Polygon, Path, SVG } from '@wordpress/components';
+import { Path, SVG } from '@wordpress/components';
 
-export const toolbarSubmenuIcon = (
+export const ToolbarSubmenuIcon = () => (
 	<SVG xmlns="http://www.w3.org/2000/svg" width="24" height="24">
 		<Path d="M14 5h8v2h-8zm0 5.5h8v2h-8zm0 5.5h8v2h-8zM2 11.5C2 15.08 4.92 18 8.5 18H9v2l3-3-3-3v2h-.5C6.02 16 4 13.98 4 11.5S6.02 7 8.5 7H12V5H8.5C4.92 5 2 7.92 2 11.5z" />
 		<Path fill="none" d="M0 0h24v24H0z" />
 	</SVG>
 );
 
-export const itemSubmenuIcon = (
+export const ItemSubmenuIcon = () => (
 	<SVG
-		width="18"
-		height="18"
 		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 18 18"
+		width="12"
+		height="12"
+		viewBox="0 0 24 24"
+		transform="rotate(90)"
 	>
-		<Polygon points="9,13.5 14.7,7.9 13.2,6.5 9,10.7 4.8,6.5 3.3,7.9 " />
+		<Path d="M8 5v14l11-7z" />
+		<Path d="M0 0h24v24H0z" fill="none" />
 	</SVG>
 );
diff --git a/packages/block-library/src/navigation/edit.js b/packages/block-library/src/navigation/edit.js
index c50f07f8863af8..0f7892637ec546 100644
--- a/packages/block-library/src/navigation/edit.js
+++ b/packages/block-library/src/navigation/edit.js
@@ -7,7 +7,7 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { useMemo, Fragment, useRef } from '@wordpress/element';
+import { useMemo, Fragment, useRef, useEffect } from '@wordpress/element';
 import {
 	InnerBlocks,
 	InspectorControls,
@@ -51,6 +51,7 @@ function Navigation( {
 	setAttributes,
 	setFontSize,
 	updateNavItemBlocks,
+	className,
 } ) {
 	//
 	// HOOKS
@@ -67,7 +68,7 @@ function Navigation( {
 	} = __experimentalUseColors(
 		[
 			{ name: 'textColor', property: 'color' },
-			{ name: 'backgroundColor', className: 'background-color' },
+			{ name: 'backgroundColor', className: 'has-background-color' },
 		],
 		{
 			contrastCheckers: [
@@ -85,6 +86,14 @@ function Navigation( {
 		[ fontSize.size ]
 	);
 
+	// Pickup and store text and background colors in grb format into attrs object.
+	useEffect( () => {
+		setAttributes( {
+			rgbTextColor: TextColor.color,
+			rgbBackgroundColor: BackgroundColor.color,
+		} );
+	}, [ TextColor.color, BackgroundColor.color ] );
+
 	/* eslint-enable @wordpress/no-unused-vars-before-return */
 	const { navigatorToolbarButton, navigatorModal } = useBlockNavigator(
 		clientId
@@ -135,7 +144,7 @@ function Navigation( {
 
 	const hasPages = hasResolvedPages && pages && pages.length;
 
-	const blockClassNames = classnames( 'wp-block-navigation', {
+	const blockClassNames = classnames( className, {
 		[ `items-justification-${ attributes.itemsJustification }` ]: attributes.itemsJustification,
 		[ fontSize.class ]: fontSize.class,
 	} );
@@ -250,7 +259,7 @@ function Navigation( {
 						onChange={ ( value ) => {
 							setAttributes( { showSubmenuIcon: value } );
 						} }
-						label={ __( 'Show submenu icon for top-level items' ) }
+						label={ __( 'Show submenu indicator icons' ) }
 					/>
 				</PanelBody>
 			</InspectorControls>
diff --git a/packages/block-library/src/navigation/editor.scss b/packages/block-library/src/navigation/editor.scss
index 726b86053c49eb..845f7dc147f42f 100644
--- a/packages/block-library/src/navigation/editor.scss
+++ b/packages/block-library/src/navigation/editor.scss
@@ -28,20 +28,6 @@ $navigation-item-height: 46px;
 		justify-content: flex-end;
 	}
 
-	// 2. Remove paddings on subsequent immediate children.
-	.wp-block-navigation .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
-		width: auto;
-		padding-left: 0;
-		padding-right: 0;
-		margin: 0;
-	}
-
-	// 3. Set a min height for nav items.
-	// It's needed in order to hide the sub-items when the navigation is not selected.
-	.wp-block-navigation .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block > [data-block] {
-		min-height: $navigation-item-height;
-	}
-
 	.wp-block-navigation .block-editor-block-list__block::before {
 		left: 0;
 		right: 0;
@@ -60,11 +46,8 @@ $navigation-item-height: 46px;
 
 	// Polish the Appender.
 	.wp-block-navigation .block-list-appender {
-		margin: 0;
 		width: 28px;
 		height: 28px;
-		margin-top: $grid-size-small;
-		margin-left: $grid-size + $block-side-ui-clearance;
 
 		.block-editor-button-block-appender {
 			padding: $grid-size;
@@ -76,20 +59,6 @@ $navigation-item-height: 46px;
 	}
 }
 
-.wp-block-navigation .block-editor-block-list__layout,
-.wp-block-navigation {
-	display: flex;
-	flex-wrap: wrap;
-}
-
-// Vertical aligment.
-.wp-block-navigation {
-	min-height: $navigation-height;
-	padding-top: 7px;
-	padding-bottom: 7px;
-	align-items: center;
-}
-
 .wp-block-navigation__inserter-content {
 	padding: $grid-size-large;
 }
diff --git a/packages/block-library/src/navigation/index.php b/packages/block-library/src/navigation/index.php
index 6270db2d86bffd..723e30b8618474 100644
--- a/packages/block-library/src/navigation/index.php
+++ b/packages/block-library/src/navigation/index.php
@@ -20,7 +20,7 @@ function build_css_colors( $attributes ) {
 
 	// Text color.
 	$has_named_text_color  = array_key_exists( 'textColor', $attributes );
-	$has_custom_text_color = array_key_exists( 'customTextColor', $attributes );
+	$has_custom_text_color = array_key_exists( 'rgbTextColor', $attributes );
 
 	// If has text color.
 	if ( $has_custom_text_color || $has_named_text_color ) {
@@ -33,12 +33,12 @@ function build_css_colors( $attributes ) {
 		$colors['css_classes'][] = sprintf( 'has-%s-color', $attributes['textColor'] );
 	} elseif ( $has_custom_text_color ) {
 		// Add the custom color inline style.
-		$colors['inline_styles'] .= sprintf( 'color: %s;', $attributes['customTextColor'] );
+		$colors['inline_styles'] .= sprintf( 'color: %s;', $attributes['rgbTextColor'] );
 	}
 
 	// Background color.
 	$has_named_background_color  = array_key_exists( 'backgroundColor', $attributes );
-	$has_custom_background_color = array_key_exists( 'customBackgroundColor', $attributes );
+	$has_custom_background_color = array_key_exists( 'rgbBackgroundColor', $attributes );
 
 	// If has background color.
 	if ( $has_custom_background_color || $has_named_background_color ) {
@@ -51,7 +51,7 @@ function build_css_colors( $attributes ) {
 		$colors['css_classes'][] = sprintf( 'has-%s-background-color', $attributes['backgroundColor'] );
 	} elseif ( $has_custom_background_color ) {
 		// Add the custom background-color inline style.
-		$colors['inline_styles'] .= sprintf( 'background-color: %s;', $attributes['customBackgroundColor'] );
+		$colors['inline_styles'] .= sprintf( 'background-color: %s;', $attributes['rgbBackgroundColor'] );
 	}
 
 	return $colors;
@@ -116,7 +116,7 @@ function( $block ) {
  * @return string
  */
 function render_submenu_icon() {
-	return '<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" role="img" aria-hidden="true" focusable="false"><polygon points="9,13.5 14.7,7.9 13.2,6.5 9,10.7 4.8,6.5 3.3,7.9 "></polygon></svg>';
+	return '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" transform="rotate(90)"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>';
 }
 
 /**
@@ -170,18 +170,17 @@ function render_block_navigation( $content, $block ) {
  * @param array $block         The NavigationItem block.
  * @param array $colors        Contains inline styles and CSS classes to apply to navigation item.
  * @param array $font_sizes    Contains inline styles and CSS classes to apply to navigation item.
- * @param bool  $is_level_zero True whether is main menu (level zero). Otherwise, False.
  *
  * @return string Returns  an HTML list from innerBlocks.
  */
-function build_navigation_html( $attributes, $block, $colors, $font_sizes, $is_level_zero = true ) {
+function build_navigation_html( $attributes, $block, $colors, $font_sizes ) {
 	$html            = '';
 	$classes         = array_merge(
 		$colors['css_classes'],
 		$font_sizes['css_classes']
 	);
-	$css_classes     = implode( ' ', $classes );
-	$class_attribute = sprintf( ' class="wp-block-navigation-link__content %s"', esc_attr( trim( $css_classes ) ) );
+	$classes[]       = 'wp-block-navigation-link';
+	$css_classes     = trim( implode( ' ', $classes ) );
 	$style_attribute = ( $colors['inline_styles'] || $font_sizes['inline_styles'] )
 		? sprintf( ' style="%s"', esc_attr( $colors['inline_styles'] ) . esc_attr( $font_sizes['inline_styles'] ) )
 		: '';
@@ -189,12 +188,8 @@ function build_navigation_html( $attributes, $block, $colors, $font_sizes, $is_l
 	foreach ( (array) $block['innerBlocks'] as $key => $block ) {
 		$has_submenu = count( (array) $block['innerBlocks'] ) > 0;
 
-		$html .= '<li class="wp-block-navigation-link' . ( $has_submenu ? ' has-submenu' : '' ) . '">' .
-			'<a';
-
-		if ( $is_level_zero ) {
-			$html .= $class_attribute . $style_attribute;
-		}
+		$html .= '<li class="' . esc_attr( $css_classes . ( $has_submenu ? ' has-child' : '' ) ) . '"' . $style_attribute . '>' .
+			'<a class="wp-block-navigation-link__content"';
 
 		// Start appending HTML attributes to anchor tag.
 		if ( isset( $block['attrs']['url'] ) ) {
@@ -239,7 +234,15 @@ function build_navigation_html( $attributes, $block, $colors, $font_sizes, $is_l
 		$html .= '</span>';
 
 		// Append submenu icon to top-level item.
-		if ( ! empty( $attributes['showSubmenuIcon'] ) && $is_level_zero && $has_submenu ) {
+		// it shows the icon as default, when 'showSubmenuIcon' is not set,
+		// or when it's set and also not False.
+		if (
+			(
+				isset( $attributes['showSubmenuIcon'] ) && false !== $attributes['showSubmenuIcon'] ||
+				! isset( $attributes['showSubmenuIcon'] )
+			) &&
+			$has_submenu
+		) {
 			$html .= '<span class="wp-block-navigation-link__submenu-icon">' . render_submenu_icon() . '</span>';
 		}
 
@@ -252,7 +255,7 @@ function build_navigation_html( $attributes, $block, $colors, $font_sizes, $is_l
 
 		$html .= '</li>';
 	}
-	return '<ul>' . $html . '</ul>';
+	return '<ul class="wp-block-navigation__container">' . $html . '</ul>';
 }
 
 /**
@@ -267,33 +270,33 @@ function register_block_core_navigation() {
 		'core/navigation',
 		array(
 			'attributes' => array(
-				'className'             => array(
+				'className'          => array(
 					'type' => 'string',
 				),
-				'textColor'             => array(
+				'textColor'          => array(
 					'type' => 'string',
 				),
-				'customTextColor'       => array(
+				'rgbTextColor'       => array(
 					'type' => 'string',
 				),
-				'backgroundColor'       => array(
+				'backgroundColor'    => array(
 					'type' => 'string',
 				),
-				'customBackgroundColor' => array(
+				'rgbBackgroundColor' => array(
 					'type' => 'string',
 				),
-				'fontSize'              => array(
+				'fontSize'           => array(
 					'type' => 'string',
 				),
-				'customFontSize'        => array(
+				'customFontSize'     => array(
 					'type' => 'number',
 				),
-				'itemsJustification'    => array(
+				'itemsJustification' => array(
 					'type' => 'string',
 				),
-				'showSubmenuIcon'       => array(
+				'showSubmenuIcon'    => array(
 					'type'    => 'boolean',
-					'default' => false,
+					'default' => true,
 				),
 			),
 		)
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
index 23df9aa3ec9ee0..1395041671b7ae 100644
--- a/packages/block-library/src/navigation/style.scss
+++ b/packages/block-library/src/navigation/style.scss
@@ -1,236 +1,280 @@
-.wp-block-navigation {
-	& > ul {
-		display: block;
+$navigation-menu-height: $grid-size * 7;
+$navigation-sub-menu-height: $grid-size * 5;
+$navigation-sub-menu-width: $grid-size * 25;
+
+/*
+* Frontend: reset the default list styles
+*/
+
+.wp-block-navigation > ul {
+	display: block;
+	list-style: none;
+	margin: 0;
+	padding-left: 0;
+
+	@include break-small {
+		display: flex;
+		flex-wrap: wrap;
+	}
+
+	// Submenu
+	ul {
 		list-style: none;
-		margin: 0;
-		max-width: none;
 		padding-left: 0;
-		position: relative;
+		margin-top: 0;
+		margin-left: 0;
 
-		@include break-small {
-			display: flex;
-			flex-wrap: wrap;
+		li {
+			margin: 0;
 		}
+	}
+}
 
-		ul {
-			padding-left: 0;
-		}
+/*
+* Frontend: styles for submenu flyout
+*/
 
-		li {
-			position: relative;
-			z-index: 1;
+.wp-block-navigation > ul {
+	li {
+		z-index: 1;
 
-			&:hover,
-			&:focus-within {
-				cursor: pointer;
-				z-index: 99999;
-			}
+		&:hover,
+		&:focus-within {
+			cursor: pointer;
+			z-index: 99999;
+		}
 
-			// Submenu Display
-			&:hover > ul,
-			&:focus-within > ul,
-			& ul:hover,
-			& ul:focus {
-				visibility: visible;
-				opacity: 1;
-				display: block;
-			}
+		// Submenu Display
+		&:hover > ul,
+		&:focus-within > ul,
+		& ul:hover,
+		& ul:focus {
+			visibility: visible;
+			opacity: 1;
+			display: flex;
+			flex-direction: column;
 		}
+	}
 
-		// ToDo: move navigation-link styles to navigation-link/style.scss
-		& > li {
+	& > li ul {
+		position: absolute;
+		left: 0;
+		top: 100%;
+		min-width: $navigation-sub-menu-width;
+		max-width: $navigation-sub-menu-width;
+		opacity: 0;
+		transition: opacity 0.1s linear;
+		visibility: hidden;
+	}
+}
 
-			& > a {
-				display: flex;
-				align-items: center;
-				padding-left: 0;
+/*
+* Styles shared between editor and frontend
+*/
+.wp-block-navigation,
+.wp-block-navigation .block-editor-block-list__layout {
+	display: flex;
+	flex-wrap: wrap;
+}
 
-				@include break-small {
-					padding-left: 16px;
-				}
-			}
+.wp-block-navigation {
 
-			&:first-of-type > a {
-				padding-left: 0;
-			}
+	// set a width on the editor submenus
+	.block-editor-block-list__layout .block-editor-block-list__layout {
+		width: $navigation-sub-menu-width;
+	}
 
-			&:last-of-type > a {
-				padding-right: 0;
-			}
+	// Remove paddings on subsequent immediate children.
+	.block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
+		margin: 0;
+		width: auto;
+	}
 
-			.wp-block-navigation-link__submenu-icon {
-				margin-left: 4px;
+	&,
+	> .wp-block-navigation__container {
+		align-items: center;
+		width: 100%;
 
-				svg {
-					fill: currentColor;
-				}
-			}
+		> .wp-block-navigation-link {
+			display: flex;
+			margin-top: 0;
+			margin-bottom: 0;
+		}
+	}
+
+	// Main menu
+	.wp-block-navigation-link {
+		position: relative;
+		margin: 0;
+		min-height: $navigation-menu-height;
+		display: flex;
+		line-height: 1.4;
+
+		// Sub menus
+		.wp-block,
+		.wp-block-navigation-link {
+			min-height: auto; // reset the min-height and rely on padding
+			padding: 0;
 		}
 
-		// Sub-menus Flyout
-		& > li > ul {
-			-webkit-box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
-			-moz-box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
-			border-radius: 3px;
-			box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
-			border-width: 1px;
-			border-style: solid;
+		// Sub menus (editor canvas)
+		.wp-block .wp-block-navigation-link {
 			margin: 0;
-			padding: 0 30px 0 10px;
+		}
+
+		> .block-editor-inner-blocks {
+			display: none;
+		}
+
+		&.has-child > .wp-block-navigation__container,
+		&.is-editing.has-child > .block-editor-inner-blocks {
+			// Box model
+			display: flex;
+			border: $border-width solid rgba(0, 0, 0, 0.15);
+
+			// Position (first level)
 			position: absolute;
-			left: 0;
-			top: 80%;
-			min-width: max-content;
-			opacity: 0;
-			transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
-			transform: translateY(0.6rem);
-			visibility: hidden;
-
-			li {
-				margin: 0;
-
-				& > ul {
-					padding-left: 10px;
-				}
+			z-index: 1;
+			top: 100%;
+			left: 0; // just under the main menu item.
+
+			// Position (nested levels)
+			.block-editor-inner-blocks,
+			.wp-block-navigation__container {
+				left: 100%;
+				top: - $border-width;
 			}
+		}
 
-			a {
-				text-decoration: none;
+		// Inherit colors from menu
+		.block-editor-inner-blocks,
+		.wp-block-navigation__container {
+			background-color: inherit;
+			color: inherit;
+		}
 
-				&:hover {
-					text-decoration: underline;
-				}
-			}
+		// All links
+		.wp-block-navigation-link__content {
+			display: flex;
+			align-items: center;
+			width: max-content;
+			padding: $grid-size * 0.75 $grid-size * 2;
+		}
 
-			// Sub menu arrow.
-			$light-style-sub-menu-arrow-width: 20px;
-			&::after,
-			&::before {
-				bottom: 100%;
-				left: 22px;
-				border: solid transparent;
-				content: " ";
-				height: 0;
-				width: 0;
-				position: absolute;
-				pointer-events: none;
-			}
+		// Submenu links only
+		.wp-block-navigation-link {
 
-			// Sub menu arrow. Background.
-			&::after {
-				border-width: $light-style-sub-menu-arrow-width / 2;
-				margin-left: -($light-style-sub-menu-arrow-width / 2);
-				bottom: calc(100% - 1px);
+			&:first-child:not(:only-child) .wp-block-navigation-link__content {
+				padding-top: $grid-size;
 			}
 
-			// Sub menu arrow. Border.
-			&::before {
-				border-width: $light-style-sub-menu-arrow-width / 2 + 1px;
-				margin-left: -($light-style-sub-menu-arrow-width / 2 + 1px);
+			&:last-child .wp-block-navigation-link__content {
+				padding-bottom: $grid-size;
 			}
+		}
 
-			ul {
-				width: 100%;
+		&.has-child .wp-block-navigation-link__content {
+			min-width: 100%;
+			padding-right: $grid-size * 4;
+			position: relative;
+		}
+
+		.wp-block-navigation-link__submenu-icon {
+			position: absolute;
+			right: $grid-size * 2;
+
+			svg {
+				fill: currentColor;
 			}
 		}
-	}
 
-	// Navigation Link
-	a {
-		display: block;
-		padding: 16px;
+		// reset rotation of submenu indicator icons on nested levels
+		.wp-block-navigation-link svg {
+			transform: rotate(0);
+		}
 	}
+}
 
-	// Sub-menu depth indicators
-	ul ul {
-		list-style: none;
-		margin-left: 0;
-
-		li a {
-			padding-top: 8px;
-			padding-bottom: 8px;
+// Styles
+.wp-block-navigation {
 
-			&:first-child {
-				padding-top: 13px;
-			}
+	// Default / Light styles
+	.wp-block-navigation-link,
+	&.is-style-light .wp-block-navigation-link {
+		//  No text color
+		&:not(.has-text-color) > .block-editor-inner-blocks,
+		&:not(.has-text-color) > .wp-block-navigation__container {
+			color: $light-style-sub-menu-text-color;
+		}
 
-			&:last-child {
-				padding-bottom: 13px;
-			}
+		// No background color
+		&:not(.has-background-color) > .block-editor-inner-blocks,
+		&:not(.has-background-color) > .wp-block-navigation__container {
+			background-color: $light-style-sub-menu-background-color;
 		}
 	}
 
-	&.items-justified-left > ul {
-		justify-content: flex-start;
-	}
+	// Dark styles.
+	&.is-style-dark .wp-block-navigation-link {
+		// No text color
+		&:not(.has-text-color) > .block-editor-inner-blocks,
+		&:not(.has-text-color) > .wp-block-navigation__container {
+			color: $dark-style-sub-menu-text-color;
+		}
 
-	&.items-justified-center > ul {
-		justify-content: center;
+		// No background color
+		&:not(.has-background-color) > .block-editor-inner-blocks,
+		&:not(.has-background-color) > .wp-block-navigation__container {
+			background-color: $dark-style-sub-menu-background-color;
+		}
 	}
+}
 
-	&.items-justified-right > ul {
-		justify-content: flex-end;
-	}
+/*
+* Frontend: non-shared styles & overrides
+*/
 
-	// Colors.
-	$light-style-sub-menu-background-color: #fff;
-	$light-style-sub-menu-border-color: #e2e4e7;
-	$light-style-sub-menu-text-color: #111;
-	$light-style-sub-menu-text-color-hover: #333;
+.wp-block-navigation {
 
-	$dark-style-sub-menu-background-color: #333;
-	$dark-style-sub-menu-border-color: #111;
-	$dark-style-sub-menu-text-color: #fff;
-	$dark-style-sub-menu-text-color-hover: #eee;
+	.wp-block-navigation-link.has-child > .wp-block-navigation__container {
+		display: flex;
+		flex-direction: column;
+		padding: 0;
+	}
+}
 
-	// Default Style / Ligth style.
-	& > ul > li > ul,
-	&.is-light-style > ul > li > ul {
-		background-color: $light-style-sub-menu-background-color;
-		border-color: $light-style-sub-menu-border-color;
+/*
+* TODO: organize/untangle styles below this line
+*/
 
-		a {
-			color: $light-style-sub-menu-text-color;
+.wp-block-navigation {
 
-			&:hover {
-				color: $light-style-sub-menu-text-color-hover;
+	& > ul {
+		& > li {
+			& > a {
+				display: flex;
+				align-items: center;
 			}
-		}
 
-		// Sub menu arrow - background color.
-		&::after {
-			border-color: transparent;
-			border-bottom-color: $light-style-sub-menu-background-color;
-		}
+			&:first-of-type > a {
+				padding-left: 0;
+			}
 
-		// Sub menu arrow - border color.
-		&::before {
-			border-color: transparent;
-			border-bottom-color: $light-style-sub-menu-border-color;
+			&:last-of-type > a {
+				padding-right: 0;
+			}
 		}
 	}
 
-	// Dark Style.
-	&.is-style-dark > ul > li > ul {
-		background-color: $dark-style-sub-menu-background-color;
-		border-color: $dark-style-sub-menu-border-color;
-
-		a {
-			color: $dark-style-sub-menu-text-color;
-
-			&:hover {
-				color: $dark-style-sub-menu-text-color-hover;
-			}
-		}
+	&.items-justified-left > ul {
+		justify-content: flex-start;
+	}
 
-		// Sub menu arrow - background color.
-		&::after {
-			border-bottom-color: $dark-style-sub-menu-background-color;
-		}
+	&.items-justified-center > ul {
+		justify-content: center;
+	}
 
-		// Sub menu arrow - border color.
-		&::before {
-			border-bottom-color: $dark-style-sub-menu-border-color;
-		}
+	&.items-justified-right > ul {
+		justify-content: flex-end;
 	}
 }

From f1e45f493b0bdca57d71052e3f12ffd64b795476 Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Mon, 3 Feb 2020 18:24:01 -0500
Subject: [PATCH 12/29] Block Library: Button: Remove title attribute handling
 (#19735)

* Block Library: Button: Remove title attribute handling

* Testing: Update buttons snapshots for removed title
---
 packages/block-library/src/button/edit.js          | 14 +++-----------
 packages/block-library/src/button/save.js          |  4 ++++
 .../blocks/__snapshots__/buttons.test.js.snap      |  2 +-
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/packages/block-library/src/button/edit.js b/packages/block-library/src/button/edit.js
index 69277fd52c9766..e2805329391fe7 100644
--- a/packages/block-library/src/button/edit.js
+++ b/packages/block-library/src/button/edit.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { escape } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -86,7 +85,6 @@ function BorderPanel( { borderRadius = '', setAttributes } ) {
 function URLPicker( {
 	isSelected,
 	url,
-	title,
 	setAttributes,
 	opensInNewTab,
 	onToggleOpenInNewTab,
@@ -102,16 +100,12 @@ function URLPicker( {
 		>
 			<LinkControl
 				className="wp-block-navigation-link__inline-link-input"
-				value={ { url, title, opensInNewTab } }
+				value={ { url, opensInNewTab } }
 				onChange={ ( {
-					title: newTitle = '',
 					url: newURL = '',
 					opensInNewTab: newOpensInNewTab,
 				} ) => {
-					setAttributes( {
-						title: escape( newTitle ),
-						url: newURL,
-					} );
+					setAttributes( { url: newURL } );
 
 					if ( opensInNewTab !== newOpensInNewTab ) {
 						onToggleOpenInNewTab( newOpensInNewTab );
@@ -164,7 +158,6 @@ function ButtonEdit( {
 		placeholder,
 		rel,
 		text,
-		title,
 		url,
 	} = attributes;
 	const onSetLinkRel = useCallback(
@@ -199,7 +192,7 @@ function ButtonEdit( {
 	} = __experimentalUseGradient();
 
 	return (
-		<div className={ className } title={ title }>
+		<div className={ className }>
 			<RichText
 				placeholder={ placeholder || __( 'Add text…' ) }
 				value={ text }
@@ -225,7 +218,6 @@ function ButtonEdit( {
 				} }
 			/>
 			<URLPicker
-				title={ title }
 				url={ url }
 				setAttributes={ setAttributes }
 				isSelected={ isSelected }
diff --git a/packages/block-library/src/button/save.js b/packages/block-library/src/button/save.js
index c171dfa39ef34b..542222f49e98c2 100644
--- a/packages/block-library/src/button/save.js
+++ b/packages/block-library/src/button/save.js
@@ -57,6 +57,10 @@ export default function save( { attributes } ) {
 		borderRadius: borderRadius ? borderRadius + 'px' : undefined,
 	};
 
+	// The use of a `title` attribute here is soft-deprecated, but still applied
+	// if it had already been assigned, for the sake of backward-compatibility.
+	// A title will no longer be assigned for new or updated button block links.
+
 	return (
 		<div>
 			<RichText.Content
diff --git a/packages/e2e-tests/specs/editor/blocks/__snapshots__/buttons.test.js.snap b/packages/e2e-tests/specs/editor/blocks/__snapshots__/buttons.test.js.snap
index 067425ce07d6c1..66f803ddcf139f 100644
--- a/packages/e2e-tests/specs/editor/blocks/__snapshots__/buttons.test.js.snap
+++ b/packages/e2e-tests/specs/editor/blocks/__snapshots__/buttons.test.js.snap
@@ -3,7 +3,7 @@
 exports[`Buttons can jump to the link editor using the keyboard shortcut 1`] = `
 "<!-- wp:buttons -->
 <div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link\\" href=\\"https://www.wordpress.org/\\" title=\\"\\">WordPress</a></div>
+<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link\\" href=\\"https://www.wordpress.org/\\">WordPress</a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons -->"
 `;

From f3d8bd1509bee61959de652d73b63ad4ea1fba23 Mon Sep 17 00:00:00 2001
From: Matthew Kevins <mkevins@users.noreply.github.com>
Date: Tue, 4 Feb 2020 09:34:47 +1000
Subject: [PATCH 13/29] [Mobile] Fix blank image size labels on mobile (#19800)

* Fix blank image size labels on mobile

* Use name instead of label in default imageSizes
---
 packages/block-editor/src/store/defaults.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/block-editor/src/store/defaults.js b/packages/block-editor/src/store/defaults.js
index a0ab78569c5083..790d65a5ae6dc6 100644
--- a/packages/block-editor/src/store/defaults.js
+++ b/packages/block-editor/src/store/defaults.js
@@ -126,10 +126,10 @@ export const SETTINGS_DEFAULTS = {
 	],
 
 	imageSizes: [
-		{ slug: 'thumbnail', label: __( 'Thumbnail' ) },
-		{ slug: 'medium', label: __( 'Medium' ) },
-		{ slug: 'large', label: __( 'Large' ) },
-		{ slug: 'full', label: __( 'Full Size' ) },
+		{ slug: 'thumbnail', name: __( 'Thumbnail' ) },
+		{ slug: 'medium', name: __( 'Medium' ) },
+		{ slug: 'large', name: __( 'Large' ) },
+		{ slug: 'full', name: __( 'Full Size' ) },
 	],
 
 	// This is current max width of the block inner area

From 1ded40d86d21e01518e60738763618dfcf8086aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dami=C3=A1n=20Su=C3=A1rez?= <rdsuarez@gmail.com>
Date: Mon, 3 Feb 2020 15:55:37 -0800
Subject: [PATCH 14/29] navigation: rename background color CSS class (#20018)

---
 packages/block-library/src/navigation-link/edit.js | 2 +-
 packages/block-library/src/navigation/edit.js      | 2 +-
 packages/block-library/src/navigation/index.php    | 4 ++--
 packages/block-library/src/navigation/style.scss   | 8 ++++----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index f1202df74cef42..ee0a93e6f43f27 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -211,7 +211,7 @@ function NavigationLinkEdit( {
 					'has-child': hasDescendants,
 					'has-text-color': rgbTextColor,
 					[ `has-${ textColor }-color` ]: !! textColor,
-					'has-background-color': rgbBackgroundColor,
+					'has-background': rgbBackgroundColor,
 					[ `has-${ backgroundColor }-background-color` ]: !! backgroundColor,
 				} ) }
 				style={ {
diff --git a/packages/block-library/src/navigation/edit.js b/packages/block-library/src/navigation/edit.js
index 0f7892637ec546..d3b38c43fa83a5 100644
--- a/packages/block-library/src/navigation/edit.js
+++ b/packages/block-library/src/navigation/edit.js
@@ -68,7 +68,7 @@ function Navigation( {
 	} = __experimentalUseColors(
 		[
 			{ name: 'textColor', property: 'color' },
-			{ name: 'backgroundColor', className: 'has-background-color' },
+			{ name: 'backgroundColor', className: 'has-background' },
 		],
 		{
 			contrastCheckers: [
diff --git a/packages/block-library/src/navigation/index.php b/packages/block-library/src/navigation/index.php
index 723e30b8618474..e54f90a9e62b0c 100644
--- a/packages/block-library/src/navigation/index.php
+++ b/packages/block-library/src/navigation/index.php
@@ -42,8 +42,8 @@ function build_css_colors( $attributes ) {
 
 	// If has background color.
 	if ( $has_custom_background_color || $has_named_background_color ) {
-		// Add has-background-color class.
-		$colors['css_classes'][] = 'has-background-color';
+		// Add has-background class.
+		$colors['css_classes'][] = 'has-background';
 	}
 
 	if ( $has_named_background_color ) {
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
index 1395041671b7ae..f3c0415a6244c9 100644
--- a/packages/block-library/src/navigation/style.scss
+++ b/packages/block-library/src/navigation/style.scss
@@ -208,8 +208,8 @@ $navigation-sub-menu-width: $grid-size * 25;
 		}
 
 		// No background color
-		&:not(.has-background-color) > .block-editor-inner-blocks,
-		&:not(.has-background-color) > .wp-block-navigation__container {
+		&:not(.has-background) > .block-editor-inner-blocks,
+		&:not(.has-background) > .wp-block-navigation__container {
 			background-color: $light-style-sub-menu-background-color;
 		}
 	}
@@ -223,8 +223,8 @@ $navigation-sub-menu-width: $grid-size * 25;
 		}
 
 		// No background color
-		&:not(.has-background-color) > .block-editor-inner-blocks,
-		&:not(.has-background-color) > .wp-block-navigation__container {
+		&:not(.has-background) > .block-editor-inner-blocks,
+		&:not(.has-background) > .wp-block-navigation__container {
 			background-color: $dark-style-sub-menu-background-color;
 		}
 	}

From 02ce73f798155bc3140257de2dfac8b6c5d10534 Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Mon, 3 Feb 2020 23:14:57 -0500
Subject: [PATCH 15/29] Pull Request Automation: Avoid automation tasks for
 forked repository (#20021)

* Pull Request Automation: Avoid automation tasks for forked repository

* Fix doc block typo

Co-authored-by: Daniel Richards <daniel.p.richards@gmail.com>
---
 .../lib/if-not-fork.js                        | 21 +++++++++++++++++++
 .../lib/index.js                              |  5 +++--
 2 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 packages/project-management-automation/lib/if-not-fork.js

diff --git a/packages/project-management-automation/lib/if-not-fork.js b/packages/project-management-automation/lib/if-not-fork.js
new file mode 100644
index 00000000000000..a4fc4ba611b4b7
--- /dev/null
+++ b/packages/project-management-automation/lib/if-not-fork.js
@@ -0,0 +1,21 @@
+/**
+ * Higher-order function which executes and returns the result of the given
+ * handler only if the enhanced function is called with a payload indicating a
+ * pull request event which did not originate from a forked repository.
+ *
+ * @param {Function} handler Original task.
+ *
+ * @return {Function} Enhanced task.
+ */
+function ifNotFork( handler ) {
+	return ( payload, ...args ) => {
+		if (
+			payload.pull_request.head.repo.full_name ===
+			payload.pull_request.base.repo.full_name
+		) {
+			return handler( payload, ...args );
+		}
+	};
+}
+
+module.exports = ifNotFork;
diff --git a/packages/project-management-automation/lib/index.js b/packages/project-management-automation/lib/index.js
index 7407c0ebe0a79e..15d2844c38e48a 100644
--- a/packages/project-management-automation/lib/index.js
+++ b/packages/project-management-automation/lib/index.js
@@ -11,17 +11,18 @@ const assignFixedIssues = require( './assign-fixed-issues' );
 const addFirstTimeContributorLabel = require( './add-first-time-contributor-label' );
 const addMilestone = require( './add-milestone' );
 const debug = require( './debug' );
+const ifNotFork = require( './if-not-fork' );
 
 const automations = [
 	{
 		event: 'pull_request',
 		action: 'opened',
-		task: assignFixedIssues,
+		task: ifNotFork( assignFixedIssues ),
 	},
 	{
 		event: 'pull_request',
 		action: 'opened',
-		task: addFirstTimeContributorLabel,
+		task: ifNotFork( addFirstTimeContributorLabel ),
 	},
 	{
 		event: 'pull_request',

From 83762b85a80cd4e4d7fb578ef9def223a4f9caba Mon Sep 17 00:00:00 2001
From: Grzegorz Ziolkowski <grzegorz@gziolo.pl>
Date: Tue, 4 Feb 2020 07:48:03 +0100
Subject: [PATCH 16/29] Docs: Add the published version for
 @wordpress/keyboard-shortcuts package

---
 packages/keyboard-shortcuts/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/keyboard-shortcuts/CHANGELOG.md b/packages/keyboard-shortcuts/CHANGELOG.md
index 0a7aea6e822a5c..07595288b70282 100644
--- a/packages/keyboard-shortcuts/CHANGELOG.md
+++ b/packages/keyboard-shortcuts/CHANGELOG.md
@@ -1,3 +1,3 @@
-# Master
+## 0.2.0 (2020-01-13)
 
 Initial release.

From cd97bf44f5dfe1bb43e11fd99290bb41344d0dc1 Mon Sep 17 00:00:00 2001
From: Grzegorz Ziolkowski <grzegorz@gziolo.pl>
Date: Tue, 4 Feb 2020 07:52:50 +0100
Subject: [PATCH 17/29] Update changelog files

---
 packages/babel-preset-default/CHANGELOG.md | 2 ++
 packages/create-block/CHANGELOG.md         | 2 ++
 packages/docgen/CHANGELOG.md               | 2 ++
 packages/env/CHANGELOG.md                  | 2 ++
 packages/eslint-plugin/CHANGELOG.md        | 2 ++
 packages/jest-preset-default/CHANGELOG.md  | 2 ++
 packages/priority-queue/CHANGELOG.md       | 2 ++
 packages/redux-routine/CHANGELOG.md        | 2 ++
 packages/scripts/CHANGELOG.md              | 2 ++
 packages/server-side-render/CHANGELOG.md   | 2 ++
 10 files changed, 20 insertions(+)

diff --git a/packages/babel-preset-default/CHANGELOG.md b/packages/babel-preset-default/CHANGELOG.md
index 03a4a6fe228cc0..16bd181f83a302 100644
--- a/packages/babel-preset-default/CHANGELOG.md
+++ b/packages/babel-preset-default/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 4.10.0 (2020-02-04)
+
 ### New Feature
 
 - The bundled `@babel/core` dependency has been updated from requiring `^7.4.4` to requiring `^7.8.3`. All other Babel plugins were updated to the latest version. `@babel/preset-env` has now ESMAScript 2020 support enabled by default (see [Highlights](https://babeljs.io/blog/2020/01/11/7.8.0#highlights)). 
diff --git a/packages/create-block/CHANGELOG.md b/packages/create-block/CHANGELOG.md
index 4caef89dc97206..6b415aa59554e9 100644
--- a/packages/create-block/CHANGELOG.md
+++ b/packages/create-block/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 0.6.0 (2020-02-04)
+
 ### Enhancements
 
 - Removed the code that clears the terminal while the block is scaffolded ([#19867](https://github.com/WordPress/gutenberg/pull/19867)).
diff --git a/packages/docgen/CHANGELOG.md b/packages/docgen/CHANGELOG.md
index ad56d076e2f0ae..38f320046f180d 100644
--- a/packages/docgen/CHANGELOG.md
+++ b/packages/docgen/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 1.7.0 (2020-02-04)
+
 ### Bug Fixes
 
 - The built-in Markdown formatter will output text indicating that the type is unknown if a type cannot be parsed. Previously, these would be output wrongly as the `null` type.
diff --git a/packages/env/CHANGELOG.md b/packages/env/CHANGELOG.md
index bcd5fea3c64784..b769f45de65ae2 100644
--- a/packages/env/CHANGELOG.md
+++ b/packages/env/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 0.4.0 (2020-02-04)
+
 ### Bug Fixes
 
 - When running scripts using `wp-env run`, the output will not be formatted if not written to terminal display, resolving an issue where piped or redirected output could be unintentionally padded with newlines.
diff --git a/packages/eslint-plugin/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md
index 3f8ef085dd3a8b..b0e480f8abd20d 100644
--- a/packages/eslint-plugin/CHANGELOG.md
+++ b/packages/eslint-plugin/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 3.4.0 (2020-02-04)
+
 ### New Features
 
 - The `recommended` ruleset no longer enables rules that check code formatting (whitespace, indenting, etc.) and that could conflict with Prettier. These rules are now enforced by Prettier itself through a plugin that diffs the code with its formatted output and reports the differences as lint errors. `eslint-plugin-prettier` was chosen over options like `prettier-eslint` because we don't run `eslint --fix` in hooks as we'd rather leave certain linting errors to be resolved or ignored at the author's discretion. We also don't apply any additional formatting with `eslint` over `prettier`, so the overhead would be unnecessary. `eslint-plugin-prettier` was chosen over options like `prettier --check` because it's nice to see format errors as you type as it leads you to write code with a more optimal auto-formatted output and it avoids issues like comment directives being moved out of place by `prettier` and the author not realizing it.
diff --git a/packages/jest-preset-default/CHANGELOG.md b/packages/jest-preset-default/CHANGELOG.md
index 0c5084eef00658..6113ac0aba4d7c 100644
--- a/packages/jest-preset-default/CHANGELOG.md
+++ b/packages/jest-preset-default/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 5.4.0 (2020-02-04)
+
 ### Bug Fixes
 
 - Use `require.resolve()` instead of `<rootDir>` to resolve `jest` config files according to the NodeJS lookup algorithm. ([#19957](https://github.com/WordPress/gutenberg/pull/19957))
diff --git a/packages/priority-queue/CHANGELOG.md b/packages/priority-queue/CHANGELOG.md
index 6f2b1e56bfa8d5..e4a76269c9ca8a 100644
--- a/packages/priority-queue/CHANGELOG.md
+++ b/packages/priority-queue/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 1.5.0 (2020-02-04)
+
 ### Bug Fixes
 
 - Resolves an issue where `flush` would not invoke the callback associated with the given element. The previous implementation would simply remove the element from the queue. The updated behavior adheres to what one would expect from a flush as in to complete the deferred execution immediately. With these changes, all callbacks will always (eventually) be invoked unless the application is abruptly terminated. A future version could introduce support for a `remove` function to replicate the previous behavior of `flush`.
diff --git a/packages/redux-routine/CHANGELOG.md b/packages/redux-routine/CHANGELOG.md
index 34283bf35146ac..ee12aca29a4e3b 100644
--- a/packages/redux-routine/CHANGELOG.md
+++ b/packages/redux-routine/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 3.7.0 (2020-02-04)
+
 ### Bug Fix
 
 - Change the `isGenerator` check for better compatibility with generator helper libraries ([#19666](https://github.com/WordPress/gutenberg/pull/19666)).
diff --git a/packages/scripts/CHANGELOG.md b/packages/scripts/CHANGELOG.md
index f22a8d37f8fe61..9d89a3bca8194f 100644
--- a/packages/scripts/CHANGELOG.md
+++ b/packages/scripts/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 7.0.0 (2020-02-04)
+
 ### Breaking Changes
 
 - This package requires now `node` v10.0.0 or later, and `npm` v6.9.0 or later ([#18048](https://github.com/WordPress/gutenberg/pull/18048)).
diff --git a/packages/server-side-render/CHANGELOG.md b/packages/server-side-render/CHANGELOG.md
index 2b193ca61e76b9..2ed1d51ef27fda 100644
--- a/packages/server-side-render/CHANGELOG.md
+++ b/packages/server-side-render/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## Master
 
+## 1.7.0 (2020-02-04)
+
 ### Bug
 - Fix errant `className` being output on default empty placeholder. [#19555](https://github.com/WordPress/gutenberg/pull/19555)
 

From 227e8bfcf09a05e8222b7b967e558603cbc3d82f Mon Sep 17 00:00:00 2001
From: Grzegorz Ziolkowski <grzegorz@gziolo.pl>
Date: Tue, 4 Feb 2020 08:13:43 +0100
Subject: [PATCH 18/29] Docs: Update CHANGELOG entries for packages with
 initial releases

---
 packages/icons/CHANGELOG.md              | 4 +++-
 packages/keyboard-shortcuts/CHANGELOG.md | 4 +++-
 packages/warning/CHANGELOG.md            | 5 +++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
index fdaebccb1aa006..15517d8f1ce7c7 100644
--- a/packages/icons/CHANGELOG.md
+++ b/packages/icons/CHANGELOG.md
@@ -1,3 +1,5 @@
 ## Master
 
-- Initial release
+## 1.0.0 (2020-02-04)
+
+Initial release.
diff --git a/packages/keyboard-shortcuts/CHANGELOG.md b/packages/keyboard-shortcuts/CHANGELOG.md
index 07595288b70282..15517d8f1ce7c7 100644
--- a/packages/keyboard-shortcuts/CHANGELOG.md
+++ b/packages/keyboard-shortcuts/CHANGELOG.md
@@ -1,3 +1,5 @@
-## 0.2.0 (2020-01-13)
+## Master
+
+## 1.0.0 (2020-02-04)
 
 Initial release.
diff --git a/packages/warning/CHANGELOG.md b/packages/warning/CHANGELOG.md
index e69de29bb2d1d6..15517d8f1ce7c7 100644
--- a/packages/warning/CHANGELOG.md
+++ b/packages/warning/CHANGELOG.md
@@ -0,0 +1,5 @@
+## Master
+
+## 1.0.0 (2020-02-04)
+
+Initial release.

From 262da029f54a9dcb70d6e6a83cc6efbd822bdb28 Mon Sep 17 00:00:00 2001
From: Grzegorz Ziolkowski <grzegorz@gziolo.pl>
Date: Tue, 4 Feb 2020 09:20:33 +0100
Subject: [PATCH 19/29] chore(release): publish

 - @wordpress/a11y@2.7.0
 - @wordpress/annotations@1.11.0
 - @wordpress/api-fetch@3.10.0
 - @wordpress/autop@2.6.0
 - @wordpress/babel-plugin-import-jsx-pragma@2.5.0
 - @wordpress/babel-plugin-makepot@3.4.0
 - @wordpress/babel-preset-default@4.10.0
 - @wordpress/base-styles@1.3.0
 - @wordpress/blob@2.7.0
 - @wordpress/block-directory@1.4.0
 - @wordpress/block-editor@3.6.0
 - @wordpress/block-library@2.13.0
 - @wordpress/block-serialization-default-parser@3.5.0
 - @wordpress/block-serialization-spec-parser@3.4.0
 - @wordpress/blocks@6.11.0
 - @wordpress/components@9.1.0
 - @wordpress/compose@3.11.0
 - @wordpress/core-data@2.11.0
 - @wordpress/create-block@0.6.0
 - @wordpress/custom-templated-path-webpack-plugin@1.6.0
 - @wordpress/data-controls@1.7.0
 - @wordpress/data@4.13.0
 - @wordpress/date@3.8.0
 - @wordpress/dependency-extraction-webpack-plugin@2.2.0
 - @wordpress/deprecated@2.7.0
 - @wordpress/docgen@1.7.0
 - @wordpress/dom-ready@2.7.0
 - @wordpress/dom@2.8.0
 - @wordpress/e2e-test-utils@4.2.0
 - @wordpress/e2e-tests@1.11.0
 - @wordpress/edit-post@3.12.0
 - @wordpress/edit-site@1.1.0
 - @wordpress/edit-widgets@0.11.0
 - @wordpress/editor@9.11.0
 - @wordpress/element@2.11.0
 - @wordpress/env@0.4.0
 - @wordpress/escape-html@1.7.0
 - @wordpress/eslint-plugin@3.4.0
 - @wordpress/format-library@1.13.0
 - @wordpress/hooks@2.7.0
 - @wordpress/html-entities@2.6.0
 - @wordpress/i18n@3.9.0
 - @wordpress/icons@1.0.0
 - @wordpress/is-shallow-equal@1.8.0
 - @wordpress/jest-console@3.5.0
 - @wordpress/jest-preset-default@5.4.0
 - @wordpress/jest-puppeteer-axe@1.6.0
 - @wordpress/keyboard-shortcuts@1.0.0
 - @wordpress/keycodes@2.9.0
 - @wordpress/library-export-default-webpack-plugin@1.6.0
 - @wordpress/list-reusable-blocks@1.12.0
 - @wordpress/media-utils@1.6.0
 - @wordpress/notices@1.12.0
 - @wordpress/npm-package-json-lint-config@2.2.0
 - @wordpress/nux@3.11.0
 - @wordpress/plugins@2.11.0
 - @wordpress/postcss-themes@2.3.0
 - @wordpress/primitives@1.0.0
 - @wordpress/priority-queue@1.5.0
 - @wordpress/project-management-automation@1.1.0
 - @wordpress/redux-routine@3.7.0
 - @wordpress/rich-text@3.11.0
 - @wordpress/scripts@7.0.0
 - @wordpress/server-side-render@1.7.0
 - @wordpress/shortcode@2.6.0
 - @wordpress/token-list@1.9.0
 - @wordpress/url@2.10.0
 - @wordpress/viewport@2.12.0
 - @wordpress/warning@1.0.0
 - @wordpress/wordcount@2.7.0
---
 packages/a11y/package.json                                  | 2 +-
 packages/annotations/package.json                           | 2 +-
 packages/api-fetch/package.json                             | 2 +-
 packages/autop/package.json                                 | 2 +-
 packages/babel-plugin-import-jsx-pragma/package.json        | 2 +-
 packages/babel-plugin-makepot/package.json                  | 2 +-
 packages/babel-preset-default/package.json                  | 2 +-
 packages/base-styles/package.json                           | 2 +-
 packages/blob/package.json                                  | 2 +-
 packages/block-directory/package.json                       | 2 +-
 packages/block-editor/package.json                          | 2 +-
 packages/block-library/package.json                         | 2 +-
 packages/block-serialization-default-parser/package.json    | 2 +-
 packages/block-serialization-spec-parser/package.json       | 2 +-
 packages/blocks/package.json                                | 2 +-
 packages/components/package.json                            | 2 +-
 packages/compose/package.json                               | 2 +-
 packages/core-data/package.json                             | 2 +-
 packages/create-block/package.json                          | 4 ++--
 packages/custom-templated-path-webpack-plugin/package.json  | 2 +-
 packages/data-controls/package.json                         | 2 +-
 packages/data/package.json                                  | 2 +-
 packages/date/package.json                                  | 2 +-
 packages/dependency-extraction-webpack-plugin/package.json  | 2 +-
 packages/deprecated/package.json                            | 2 +-
 packages/docgen/package.json                                | 2 +-
 packages/dom-ready/package.json                             | 2 +-
 packages/dom/package.json                                   | 2 +-
 packages/e2e-test-utils/package.json                        | 2 +-
 packages/e2e-tests/package.json                             | 2 +-
 packages/edit-post/package.json                             | 2 +-
 packages/edit-site/package.json                             | 2 +-
 packages/edit-widgets/package.json                          | 2 +-
 packages/editor/package.json                                | 2 +-
 packages/element/package.json                               | 2 +-
 packages/env/package.json                                   | 2 +-
 packages/escape-html/package.json                           | 2 +-
 packages/eslint-plugin/package.json                         | 2 +-
 packages/format-library/package.json                        | 2 +-
 packages/hooks/package.json                                 | 2 +-
 packages/html-entities/package.json                         | 2 +-
 packages/i18n/package.json                                  | 2 +-
 packages/is-shallow-equal/package.json                      | 2 +-
 packages/jest-console/package.json                          | 2 +-
 packages/jest-preset-default/package.json                   | 2 +-
 packages/jest-puppeteer-axe/package.json                    | 2 +-
 packages/keyboard-shortcuts/package.json                    | 2 +-
 packages/keycodes/package.json                              | 2 +-
 packages/library-export-default-webpack-plugin/package.json | 2 +-
 packages/list-reusable-blocks/package.json                  | 2 +-
 packages/media-utils/package.json                           | 2 +-
 packages/notices/package.json                               | 2 +-
 packages/npm-package-json-lint-config/package.json          | 2 +-
 packages/nux/package.json                                   | 2 +-
 packages/plugins/package.json                               | 2 +-
 packages/postcss-themes/package.json                        | 2 +-
 packages/primitives/package.json                            | 2 +-
 packages/priority-queue/package.json                        | 2 +-
 packages/project-management-automation/package.json         | 2 +-
 packages/redux-routine/package.json                         | 2 +-
 packages/rich-text/package.json                             | 2 +-
 packages/scripts/package.json                               | 2 +-
 packages/server-side-render/package.json                    | 2 +-
 packages/shortcode/package.json                             | 2 +-
 packages/token-list/package.json                            | 2 +-
 packages/url/package.json                                   | 2 +-
 packages/viewport/package.json                              | 2 +-
 packages/warning/package.json                               | 2 +-
 packages/wordcount/package.json                             | 2 +-
 69 files changed, 70 insertions(+), 70 deletions(-)

diff --git a/packages/a11y/package.json b/packages/a11y/package.json
index 20efdcbe2c69b9..3f2dc80ae20901 100644
--- a/packages/a11y/package.json
+++ b/packages/a11y/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/a11y",
-	"version": "2.6.0",
+	"version": "2.7.0",
 	"description": "Accessibility (a11y) utilities for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/annotations/package.json b/packages/annotations/package.json
index f2440087022d84..dffff978d8667a 100644
--- a/packages/annotations/package.json
+++ b/packages/annotations/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/annotations",
-	"version": "1.10.0",
+	"version": "1.11.0",
 	"description": "Annotate content in the Gutenberg editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/api-fetch/package.json b/packages/api-fetch/package.json
index 8bf265119dab42..9040c5a1591a91 100644
--- a/packages/api-fetch/package.json
+++ b/packages/api-fetch/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/api-fetch",
-	"version": "3.9.0",
+	"version": "3.10.0",
 	"description": "Utility to make WordPress REST API requests.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/autop/package.json b/packages/autop/package.json
index dab9b1330e4f6d..9a4f5d7fbaaacb 100644
--- a/packages/autop/package.json
+++ b/packages/autop/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/autop",
-	"version": "2.5.1",
+	"version": "2.6.0",
 	"description": "WordPress's automatic paragraph functions `autop` and `removep`.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/babel-plugin-import-jsx-pragma/package.json b/packages/babel-plugin-import-jsx-pragma/package.json
index 7de33046158ac0..dc1f364e6b9bca 100644
--- a/packages/babel-plugin-import-jsx-pragma/package.json
+++ b/packages/babel-plugin-import-jsx-pragma/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/babel-plugin-import-jsx-pragma",
-	"version": "2.4.0",
+	"version": "2.5.0",
 	"description": "Babel transform plugin for automatically injecting an import to be used as the pragma for the React JSX Transform plugin.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/babel-plugin-makepot/package.json b/packages/babel-plugin-makepot/package.json
index 1db4205d3b36f2..2219269afd4b65 100644
--- a/packages/babel-plugin-makepot/package.json
+++ b/packages/babel-plugin-makepot/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/babel-plugin-makepot",
-	"version": "3.3.0",
+	"version": "3.4.0",
 	"description": "WordPress Babel internationalization (i18n) plugin.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/babel-preset-default/package.json b/packages/babel-preset-default/package.json
index b27ce490af91ba..9661558f620a48 100644
--- a/packages/babel-preset-default/package.json
+++ b/packages/babel-preset-default/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/babel-preset-default",
-	"version": "4.9.0",
+	"version": "4.10.0",
 	"description": "Default Babel preset for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/base-styles/package.json b/packages/base-styles/package.json
index 0c47cd8b3ac820..ef05584ee46ea0 100644
--- a/packages/base-styles/package.json
+++ b/packages/base-styles/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/base-styles",
-	"version": "1.2.0",
+	"version": "1.3.0",
 	"description": "Base SCSS utilities and variables for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/blob/package.json b/packages/blob/package.json
index a64f8bf3f7fd72..86a19462a1e219 100644
--- a/packages/blob/package.json
+++ b/packages/blob/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/blob",
-	"version": "2.6.0",
+	"version": "2.7.0",
 	"description": "Blob utilities for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/block-directory/package.json b/packages/block-directory/package.json
index bfe40f6669b516..e4a605d09bafed 100644
--- a/packages/block-directory/package.json
+++ b/packages/block-directory/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-directory",
-	"version": "1.3.0",
+	"version": "1.4.0",
 	"description": "Extend editor with block directory features to search, download and install blocks.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/block-editor/package.json b/packages/block-editor/package.json
index 49b4e4fd8fa59b..e7780f68a3e25b 100644
--- a/packages/block-editor/package.json
+++ b/packages/block-editor/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "3.5.0",
+	"version": "3.6.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/block-library/package.json b/packages/block-library/package.json
index 9f040c95070518..e292ffe981c1a9 100644
--- a/packages/block-library/package.json
+++ b/packages/block-library/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "2.12.0",
+	"version": "2.13.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/block-serialization-default-parser/package.json b/packages/block-serialization-default-parser/package.json
index 8edb62a29e442a..fdefc9a59fa7bd 100644
--- a/packages/block-serialization-default-parser/package.json
+++ b/packages/block-serialization-default-parser/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-serialization-default-parser",
-	"version": "3.4.1",
+	"version": "3.5.0",
 	"description": "Block serialization specification parser for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/block-serialization-spec-parser/package.json b/packages/block-serialization-spec-parser/package.json
index 289e8b8e86afd4..1c5e9f2c6d715a 100644
--- a/packages/block-serialization-spec-parser/package.json
+++ b/packages/block-serialization-spec-parser/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-serialization-spec-parser",
-	"version": "3.3.1",
+	"version": "3.4.0",
 	"description": "Block serialization specification parser for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/blocks/package.json b/packages/blocks/package.json
index 6c4c14f191e8e5..1aae1940208f3e 100644
--- a/packages/blocks/package.json
+++ b/packages/blocks/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/blocks",
-	"version": "6.10.0",
+	"version": "6.11.0",
 	"description": "Block API for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/components/package.json b/packages/components/package.json
index 33d1ade2865880..93cb4efcbcab59 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "9.0.0",
+	"version": "9.1.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/compose/package.json b/packages/compose/package.json
index ad57b911e86240..8f677e9c875209 100644
--- a/packages/compose/package.json
+++ b/packages/compose/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/compose",
-	"version": "3.10.0",
+	"version": "3.11.0",
 	"description": "WordPress higher-order components (HOCs).",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/core-data/package.json b/packages/core-data/package.json
index 53e1213e9bd5e1..f120ea8259e453 100644
--- a/packages/core-data/package.json
+++ b/packages/core-data/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/core-data",
-	"version": "2.10.0",
+	"version": "2.11.0",
 	"description": "Access to and manipulation of core WordPress entities.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/create-block/package.json b/packages/create-block/package.json
index b438e113fc86f5..3e8c01f6f25414 100644
--- a/packages/create-block/package.json
+++ b/packages/create-block/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/create-block",
-	"version": "0.5.1",
+	"version": "0.6.0",
 	"description": "Generates PHP, JS and CSS code for registering a block for a WordPress plugin.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -12,7 +12,7 @@
 	"homepage": "https://github.com/WordPress/gutenberg/tree/master/packages/create-block/README.md",
 	"repository": {
 		"type": "git",
- 		"url": "https://github.com/WordPress/gutenberg.git",
+		"url": "https://github.com/WordPress/gutenberg.git",
 		"directory": "packages/create-block"
 	},
 	"bugs": {
diff --git a/packages/custom-templated-path-webpack-plugin/package.json b/packages/custom-templated-path-webpack-plugin/package.json
index e00a9b36cfbefe..cddc8182f2ad8d 100644
--- a/packages/custom-templated-path-webpack-plugin/package.json
+++ b/packages/custom-templated-path-webpack-plugin/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/custom-templated-path-webpack-plugin",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"description": "Webpack plugin for creating custom path template tags.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/data-controls/package.json b/packages/data-controls/package.json
index b594ad9d395029..a1348a50f30694 100644
--- a/packages/data-controls/package.json
+++ b/packages/data-controls/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/data-controls",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"description": "A set of common controls for the @wordpress/data api.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/data/package.json b/packages/data/package.json
index a252f9b9f93179..e444276fb7e5bb 100644
--- a/packages/data/package.json
+++ b/packages/data/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/data",
-	"version": "4.12.0",
+	"version": "4.13.0",
 	"description": "Data module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/date/package.json b/packages/date/package.json
index 7a33eeda5f5259..c095c6a6a8aac9 100644
--- a/packages/date/package.json
+++ b/packages/date/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/date",
-	"version": "3.7.0",
+	"version": "3.8.0",
 	"description": "Date module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/dependency-extraction-webpack-plugin/package.json b/packages/dependency-extraction-webpack-plugin/package.json
index 1b2fc0100f848e..68ea17505e2ddc 100644
--- a/packages/dependency-extraction-webpack-plugin/package.json
+++ b/packages/dependency-extraction-webpack-plugin/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/dependency-extraction-webpack-plugin",
-	"version": "2.1.0",
+	"version": "2.2.0",
 	"description": "Extract WordPress script dependencies from webpack bundles.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/deprecated/package.json b/packages/deprecated/package.json
index d32cddb4c07d85..fd5b82f0a52da1 100644
--- a/packages/deprecated/package.json
+++ b/packages/deprecated/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/deprecated",
-	"version": "2.6.1",
+	"version": "2.7.0",
 	"description": "Deprecation utility for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/docgen/package.json b/packages/docgen/package.json
index ad9514da201fa1..d0fc143594a7c6 100644
--- a/packages/docgen/package.json
+++ b/packages/docgen/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/docgen",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"description": "Autogenerate public API documentation from exports and JSDoc comments.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/dom-ready/package.json b/packages/dom-ready/package.json
index e2f90141a61a18..6fd51bdd0b7144 100644
--- a/packages/dom-ready/package.json
+++ b/packages/dom-ready/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/dom-ready",
-	"version": "2.6.0",
+	"version": "2.7.0",
 	"description": "Execute callback after the DOM is loaded.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/dom/package.json b/packages/dom/package.json
index ba00693ce6ed75..e0199899bb23a3 100644
--- a/packages/dom/package.json
+++ b/packages/dom/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/dom",
-	"version": "2.7.0",
+	"version": "2.8.0",
 	"description": "DOM utilities module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/e2e-test-utils/package.json b/packages/e2e-test-utils/package.json
index ad3cedd9c02963..68096411fe8b6a 100644
--- a/packages/e2e-test-utils/package.json
+++ b/packages/e2e-test-utils/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-test-utils",
-	"version": "4.1.0",
+	"version": "4.2.0",
 	"description": "End-To-End (E2E) test utils for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/e2e-tests/package.json b/packages/e2e-tests/package.json
index 5dd307b14f2089..1ba7356f544206 100644
--- a/packages/e2e-tests/package.json
+++ b/packages/e2e-tests/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "1.10.0",
+	"version": "1.11.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/edit-post/package.json b/packages/edit-post/package.json
index 96b9ae2fb4802d..784ee9757d746e 100644
--- a/packages/edit-post/package.json
+++ b/packages/edit-post/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-post",
-	"version": "3.11.0",
+	"version": "3.12.0",
 	"description": "Edit Post module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/edit-site/package.json b/packages/edit-site/package.json
index dba4705d9c3511..1daa2484564e5f 100644
--- a/packages/edit-site/package.json
+++ b/packages/edit-site/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"private": true,
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
diff --git a/packages/edit-widgets/package.json b/packages/edit-widgets/package.json
index 5e20e2542da47d..215a15f1ca5bad 100644
--- a/packages/edit-widgets/package.json
+++ b/packages/edit-widgets/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-widgets",
-	"version": "0.10.0",
+	"version": "0.11.0",
 	"private": true,
 	"description": "Widgets Page module for WordPress..",
 	"author": "The WordPress Contributors",
diff --git a/packages/editor/package.json b/packages/editor/package.json
index 25b93d197d6eac..7b46f86ae89e28 100644
--- a/packages/editor/package.json
+++ b/packages/editor/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "9.10.0",
+	"version": "9.11.0",
 	"description": "Building blocks for WordPress editors.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/element/package.json b/packages/element/package.json
index 27b0baa493d26a..24a1efe4ef6091 100644
--- a/packages/element/package.json
+++ b/packages/element/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/element",
-	"version": "2.10.0",
+	"version": "2.11.0",
 	"description": "Element React module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/env/package.json b/packages/env/package.json
index 9c7d0e5c577c42..64b8bd6bdeabfb 100644
--- a/packages/env/package.json
+++ b/packages/env/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/env",
-	"version": "0.3.0",
+	"version": "0.4.0",
 	"description": "A zero-config, self contained local WordPress environment for development and testing.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/escape-html/package.json b/packages/escape-html/package.json
index 73224ac85f92f1..fab30cccc0bece 100644
--- a/packages/escape-html/package.json
+++ b/packages/escape-html/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/escape-html",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"description": "Escape HTML utils.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index f2ead7d1ecb7d1..e01afc03ec5b1a 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/eslint-plugin",
-	"version": "3.3.0",
+	"version": "3.4.0",
 	"description": "ESLint plugin for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/format-library/package.json b/packages/format-library/package.json
index 9bc1986d977908..49c7b488a0b0dc 100644
--- a/packages/format-library/package.json
+++ b/packages/format-library/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/format-library",
-	"version": "1.12.0",
+	"version": "1.13.0",
 	"description": "Format library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index 6023d6fd4291ef..260515652d5b3d 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/hooks",
-	"version": "2.6.0",
+	"version": "2.7.0",
 	"description": "WordPress hooks library.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/html-entities/package.json b/packages/html-entities/package.json
index 027d5851074db9..5e0cb8c0f1d047 100644
--- a/packages/html-entities/package.json
+++ b/packages/html-entities/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/html-entities",
-	"version": "2.5.0",
+	"version": "2.6.0",
 	"description": "HTML entity utilities for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/i18n/package.json b/packages/i18n/package.json
index 405862ba99b779..a328ecf0959d09 100644
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/i18n",
-	"version": "3.8.0",
+	"version": "3.9.0",
 	"description": "WordPress internationalization (i18n) library.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/is-shallow-equal/package.json b/packages/is-shallow-equal/package.json
index 566cc4199a2919..0800bdb4e75437 100644
--- a/packages/is-shallow-equal/package.json
+++ b/packages/is-shallow-equal/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/is-shallow-equal",
-	"version": "1.7.0",
+	"version": "1.8.0",
 	"description": "Test for shallow equality between two objects or arrays.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/jest-console/package.json b/packages/jest-console/package.json
index e3c87ca9724aed..1403c4b16d858c 100644
--- a/packages/jest-console/package.json
+++ b/packages/jest-console/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/jest-console",
-	"version": "3.4.0",
+	"version": "3.5.0",
 	"description": "Custom Jest matchers for the Console object.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/jest-preset-default/package.json b/packages/jest-preset-default/package.json
index aca3dfc47fcccd..f21666ff2f55a6 100644
--- a/packages/jest-preset-default/package.json
+++ b/packages/jest-preset-default/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/jest-preset-default",
-	"version": "5.3.1",
+	"version": "5.4.0",
 	"description": "Default Jest preset for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/jest-puppeteer-axe/package.json b/packages/jest-puppeteer-axe/package.json
index 9cbd767ca3406b..03e84e46c75e0b 100644
--- a/packages/jest-puppeteer-axe/package.json
+++ b/packages/jest-puppeteer-axe/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/jest-puppeteer-axe",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"description": "Axe API integration with Jest and Puppeteer.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/keyboard-shortcuts/package.json b/packages/keyboard-shortcuts/package.json
index 7c41057b115243..6d24bca8d2630b 100644
--- a/packages/keyboard-shortcuts/package.json
+++ b/packages/keyboard-shortcuts/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/keyboard-shortcuts",
-	"version": "0.2.0",
+	"version": "1.0.0",
 	"description": "Handling keyboard shortcuts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/keycodes/package.json b/packages/keycodes/package.json
index 5a7fb1584955a6..8aae78cf107225 100644
--- a/packages/keycodes/package.json
+++ b/packages/keycodes/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/keycodes",
-	"version": "2.8.0",
+	"version": "2.9.0",
 	"description": "Keycodes utilities for WordPress. Used to check for keyboard events across browsers/operating systems.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/library-export-default-webpack-plugin/package.json b/packages/library-export-default-webpack-plugin/package.json
index 6edc1347ea027b..8eac81b456df60 100644
--- a/packages/library-export-default-webpack-plugin/package.json
+++ b/packages/library-export-default-webpack-plugin/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/library-export-default-webpack-plugin",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"description": "Webpack plugin for exporting default property for selected libraries.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/list-reusable-blocks/package.json b/packages/list-reusable-blocks/package.json
index 20f555c5919241..3b5e11d881c9ac 100644
--- a/packages/list-reusable-blocks/package.json
+++ b/packages/list-reusable-blocks/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/list-reusable-blocks",
-	"version": "1.11.0",
+	"version": "1.12.0",
 	"description": "Adding Export/Import support to the reusable blocks listing.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/media-utils/package.json b/packages/media-utils/package.json
index 7ae6744aebcf31..8842215cac8636 100644
--- a/packages/media-utils/package.json
+++ b/packages/media-utils/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/media-utils",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"description": "WordPress Media Upload Utils.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/notices/package.json b/packages/notices/package.json
index 62c7edf918a636..eb96ae94f85c8b 100644
--- a/packages/notices/package.json
+++ b/packages/notices/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/notices",
-	"version": "1.11.0",
+	"version": "1.12.0",
 	"description": "State management for notices.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/npm-package-json-lint-config/package.json b/packages/npm-package-json-lint-config/package.json
index 058dadc1d4eff4..891d197e331219 100644
--- a/packages/npm-package-json-lint-config/package.json
+++ b/packages/npm-package-json-lint-config/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/npm-package-json-lint-config",
-	"version": "2.1.0",
+	"version": "2.2.0",
 	"description": "WordPress npm-package-json-lint shareable configuration.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/nux/package.json b/packages/nux/package.json
index cd8d44da60e5f5..7f6fdd6f4f1e00 100644
--- a/packages/nux/package.json
+++ b/packages/nux/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/nux",
-	"version": "3.10.0",
+	"version": "3.11.0",
 	"description": "NUX (New User eXperience) module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/plugins/package.json b/packages/plugins/package.json
index 97fb84ae1bab07..5f099903e4e998 100644
--- a/packages/plugins/package.json
+++ b/packages/plugins/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/plugins",
-	"version": "2.10.0",
+	"version": "2.11.0",
 	"description": "Plugins module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/postcss-themes/package.json b/packages/postcss-themes/package.json
index b19f52e5ef976b..10acc270b33ae2 100644
--- a/packages/postcss-themes/package.json
+++ b/packages/postcss-themes/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/postcss-themes",
-	"version": "2.2.0",
+	"version": "2.3.0",
 	"description": "PostCSS plugin to generate theme colors.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/primitives/package.json b/packages/primitives/package.json
index b36aa3511d855f..4e6fc510a75a6f 100644
--- a/packages/primitives/package.json
+++ b/packages/primitives/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/primitives",
-	"version": "0.0.1",
+	"version": "1.0.0",
 	"description": "WordPress cross-platform primitives.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/priority-queue/package.json b/packages/priority-queue/package.json
index 5ec0688abeee97..913c73189d2ea2 100644
--- a/packages/priority-queue/package.json
+++ b/packages/priority-queue/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/priority-queue",
-	"version": "1.4.0",
+	"version": "1.5.0",
 	"description": "Generic browser priority queue.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/project-management-automation/package.json b/packages/project-management-automation/package.json
index 55a57f2e140d56..2adcb9bef5b75e 100644
--- a/packages/project-management-automation/package.json
+++ b/packages/project-management-automation/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/project-management-automation",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"description": "GitHub Action that implements various automation to assist with managing the Gutenberg GitHub repository.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/redux-routine/package.json b/packages/redux-routine/package.json
index 1dbd43561270d0..89db00b09fff9f 100644
--- a/packages/redux-routine/package.json
+++ b/packages/redux-routine/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/redux-routine",
-	"version": "3.6.2",
+	"version": "3.7.0",
 	"description": "Redux middleware for generator coroutines.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/rich-text/package.json b/packages/rich-text/package.json
index 350e2a5c5d11e3..78032252b1d48c 100644
--- a/packages/rich-text/package.json
+++ b/packages/rich-text/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/rich-text",
-	"version": "3.10.0",
+	"version": "3.11.0",
 	"description": "Rich text value and manipulation API.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/scripts/package.json b/packages/scripts/package.json
index 2696ea7ac5929f..7d72c5fe134bfd 100644
--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/scripts",
-	"version": "6.2.0",
+	"version": "7.0.0",
 	"description": "Collection of reusable scripts for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/server-side-render/package.json b/packages/server-side-render/package.json
index 82ab0dd3ae72c4..9a83e9c9e0ac10 100644
--- a/packages/server-side-render/package.json
+++ b/packages/server-side-render/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/server-side-render",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"description": "The component used with WordPress to server-side render a preview of dynamic blocks to display in the editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/shortcode/package.json b/packages/shortcode/package.json
index fbcc62a3bd8d9b..ed8ce524c2f45a 100644
--- a/packages/shortcode/package.json
+++ b/packages/shortcode/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/shortcode",
-	"version": "2.5.0",
+	"version": "2.6.0",
 	"description": "Shortcode module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/token-list/package.json b/packages/token-list/package.json
index 01c9d53cc28436..2e7947df9e8f59 100644
--- a/packages/token-list/package.json
+++ b/packages/token-list/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/token-list",
-	"version": "1.8.0",
+	"version": "1.9.0",
 	"description": "Constructable, plain JavaScript DOMTokenList implementation, supporting non-browser runtimes.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/url/package.json b/packages/url/package.json
index 9e1a16eeccc617..dcaa2ba60c7846 100644
--- a/packages/url/package.json
+++ b/packages/url/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/url",
-	"version": "2.9.0",
+	"version": "2.10.0",
 	"description": "WordPress URL utilities.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/viewport/package.json b/packages/viewport/package.json
index 76c9e95f8e9e25..dc8f8fa4135bea 100644
--- a/packages/viewport/package.json
+++ b/packages/viewport/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/viewport",
-	"version": "2.11.0",
+	"version": "2.12.0",
 	"description": "Viewport module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/warning/package.json b/packages/warning/package.json
index 076f28d16150ed..fd94779db9e83b 100644
--- a/packages/warning/package.json
+++ b/packages/warning/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/warning",
-	"version": "0.0.1",
+	"version": "1.0.0",
 	"description": "Warning utility for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/wordcount/package.json b/packages/wordcount/package.json
index b7f7c277262dc0..1b7dbcbf5bcb46 100644
--- a/packages/wordcount/package.json
+++ b/packages/wordcount/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/wordcount",
-	"version": "2.6.2",
+	"version": "2.7.0",
 	"description": "WordPress word count utility.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",

From 6fc88cade742036261bfb31140ed0bc134e9407d Mon Sep 17 00:00:00 2001
From: andrei draganescu <me@andreidraganescu.info>
Date: Tue, 4 Feb 2020 12:55:38 +0200
Subject: [PATCH 20/29] Generates excerpt using core get_the_excerpt (#19669)

* generates exerpt using core get_the_excerpt; fixes excerpt raw logic in client side editor rendering

* removes unused variable

* removes the fall back on post content in case excerpt is empty
---
 packages/block-library/src/latest-posts/edit.js   | 4 +---
 packages/block-library/src/latest-posts/index.php | 9 ++-------
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/block-library/src/latest-posts/edit.js b/packages/block-library/src/latest-posts/edit.js
index 1127716fd0833a..018f1ba8e51ae4 100644
--- a/packages/block-library/src/latest-posts/edit.js
+++ b/packages/block-library/src/latest-posts/edit.js
@@ -233,9 +233,7 @@ class LatestPostsEdit extends Component {
 					{ displayPosts.map( ( post, i ) => {
 						const titleTrimmed = post.title.rendered.trim();
 						let excerpt = post.excerpt.rendered;
-						if ( post.excerpt.raw === '' ) {
-							excerpt = post.content.raw;
-						}
+
 						const excerptElement = document.createElement( 'div' );
 						excerptElement.innerHTML = excerpt;
 						excerpt =
diff --git a/packages/block-library/src/latest-posts/index.php b/packages/block-library/src/latest-posts/index.php
index b8fc02cf80daa1..5d05fb92181814 100644
--- a/packages/block-library/src/latest-posts/index.php
+++ b/packages/block-library/src/latest-posts/index.php
@@ -29,8 +29,6 @@ function render_block_core_latest_posts( $attributes ) {
 
 	$list_items_markup = '';
 
-	$excerpt_length = $attributes['excerptLength'];
-
 	foreach ( $recent_posts as $post ) {
 		$title = get_the_title( $post );
 		if ( ! $title ) {
@@ -52,11 +50,8 @@ function render_block_core_latest_posts( $attributes ) {
 
 		if ( isset( $attributes['displayPostContent'] ) && $attributes['displayPostContent']
 			&& isset( $attributes['displayPostContentRadio'] ) && 'excerpt' === $attributes['displayPostContentRadio'] ) {
-			$post_excerpt = $post->post_excerpt;
-			if ( ! ( $post_excerpt ) ) {
-				$post_excerpt = $post->post_content;
-			}
-			$trimmed_excerpt = esc_html( wp_trim_words( $post_excerpt, $excerpt_length, ' &hellip; ' ) );
+
+			$trimmed_excerpt = get_the_excerpt( $post );
 
 			$list_items_markup .= sprintf(
 				'<div class="wp-block-latest-posts__post-excerpt">%1$s',

From 3b00abfab14dacb9e4c7b2e9ae135be8f3864376 Mon Sep 17 00:00:00 2001
From: Kaspars Dambis <hi@kaspars.net>
Date: Tue, 4 Feb 2020 16:13:30 +0200
Subject: [PATCH 21/29] Add prettier dependency to @wordpress/eslint-plugin 
 (#20028)

* The recommended ruleset now requires prettier

* Sync the lock file
---
 package-lock.json                   | 1 +
 packages/eslint-plugin/package.json | 1 +
 2 files changed, 2 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 9fd0ce179aa06a..7f375d237a929e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10521,6 +10521,7 @@
 				"eslint-plugin-react": "^7.14.3",
 				"eslint-plugin-react-hooks": "^1.6.1",
 				"globals": "^12.0.0",
+				"prettier": "npm:wp-prettier@1.19.1",
 				"requireindex": "^1.2.0"
 			}
 		},
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index e01afc03ec5b1a..de9fd254d57fbf 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -33,6 +33,7 @@
 		"eslint-plugin-react": "^7.14.3",
 		"eslint-plugin-react-hooks": "^1.6.1",
 		"globals": "^12.0.0",
+		"prettier": "npm:wp-prettier@1.19.1",
 		"requireindex": "^1.2.0"
 	},
 	"peerDependencies": {

From 2193ce9368817efdc68ca5a70ad59f19d3f0fe6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Grzegorz=20=28Greg=29=20Zi=C3=B3=C5=82kowski?=
 <grzegorz@gziolo.pl>
Date: Tue, 4 Feb 2020 16:14:59 +0100
Subject: [PATCH 22/29] Accessibility: Show open button when the sidebar is
 closed and tabbing out of the content (#19726)

---
 .../src/components/editor-regions/style.scss  | 25 +++++++++--
 .../edit-post/src/components/layout/index.js  | 36 ++++++++++++---
 .../src/components/layout/style.scss          | 44 ++++++++++---------
 3 files changed, 75 insertions(+), 30 deletions(-)

diff --git a/packages/edit-post/src/components/editor-regions/style.scss b/packages/edit-post/src/components/editor-regions/style.scss
index 65eceb6e17f040..671b782901fe59 100644
--- a/packages/edit-post/src/components/editor-regions/style.scss
+++ b/packages/edit-post/src/components/editor-regions/style.scss
@@ -74,6 +74,27 @@ html {
 }
 
 .edit-post-editor-regions__sidebar {
+	display: none;
+
+	@include break-medium() {
+		display: block;
+		z-index: z-index(".edit-post-editor-regions__sidebar");
+		position: fixed !important; // Need to override the default relative positionning
+		top: -9999em;
+		bottom: auto;
+		left: auto;
+		right: 0;
+		width: $sidebar-width;
+
+		&:focus {
+			top: auto;
+			bottom: 0;
+		}
+	}
+}
+
+.is-sidebar-opened .edit-post-editor-regions__sidebar {
+	display: block;
 	width: auto; // Keep the sidebar width flexible.
 	flex-shrink: 0;
 	position: absolute;
@@ -84,10 +105,6 @@ html {
 	left: 0;
 	background: $white;
 
-	&:empty {
-		display: none;
-	}
-
 	// On Mobile the header is fixed to keep HTML as scrollable.
 	@include break-medium() {
 		overflow: auto;
diff --git a/packages/edit-post/src/components/layout/index.js b/packages/edit-post/src/components/layout/index.js
index adefc6eb48d83d..f09141b9a89055 100644
--- a/packages/edit-post/src/components/layout/index.js
+++ b/packages/edit-post/src/components/layout/index.js
@@ -52,9 +52,11 @@ import WelcomeGuide from '../welcome-guide';
 
 function Layout() {
 	const isMobileViewport = useViewportMatch( 'small', '<' );
-	const { closePublishSidebar, togglePublishSidebar } = useDispatch(
-		'core/edit-post'
-	);
+	const {
+		closePublishSidebar,
+		openGeneralSidebar,
+		togglePublishSidebar,
+	} = useDispatch( 'core/edit-post' );
 	const {
 		mode,
 		isRichEditingEnabled,
@@ -66,6 +68,7 @@ function Layout() {
 		hasFixedToolbar,
 		previousShortcut,
 		nextShortcut,
+		hasBlockSelected,
 	} = useSelect( ( select ) => {
 		return {
 			hasFixedToolbar: select( 'core/edit-post' ).isFeatureActive(
@@ -93,6 +96,9 @@ function Layout() {
 			nextShortcut: select(
 				'core/keyboard-shortcuts'
 			).getAllShortcutRawKeyCombinations( 'core/edit-post/next-region' ),
+			hasBlockSelected: select(
+				'core/block-editor'
+			).getBlockSelectionStart(),
 		};
 	}, [] );
 	const showPageTemplatePicker = __experimentalUsePageTemplatePickerVisible();
@@ -103,6 +109,10 @@ function Layout() {
 		'has-fixed-toolbar': hasFixedToolbar,
 		'has-metaboxes': hasActiveMetaboxes,
 	} );
+	const openSidebarPanel = () =>
+		openGeneralSidebar(
+			hasBlockSelected ? 'edit-post/block' : 'edit-post/document'
+		);
 
 	return (
 		<>
@@ -120,6 +130,22 @@ function Layout() {
 					sidebar={
 						! publishSidebarOpened && (
 							<>
+								{ ! sidebarIsOpened && (
+									<div className="edit-post-layout__toogle-sidebar-panel">
+										<Button
+											isSecondary
+											className="edit-post-layout__toogle-sidebar-panel-button"
+											onClick={ openSidebarPanel }
+											aria-expanded={ false }
+										>
+											{ hasBlockSelected
+												? __( 'Open block settings' )
+												: __(
+														'Open document settings'
+												  ) }
+										</Button>
+									</div>
+								) }
 								<SettingsSidebar />
 								<Sidebar.Slot />
 							</>
@@ -165,10 +191,10 @@ function Layout() {
 								}
 							/>
 						) : (
-							<div className="edit-post-toggle-publish-panel">
+							<div className="edit-post-layout__toogle-publish-panel">
 								<Button
 									isSecondary
-									className="edit-post-toggle-publish-panel__button"
+									className="edit-post-layout__toogle-publish-panel-button"
 									onClick={ togglePublishSidebar }
 									aria-expanded={ false }
 								>
diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
index d9ebf1778ac34c..cadf6d4a1dfba5 100644
--- a/packages/edit-post/src/components/layout/style.scss
+++ b/packages/edit-post/src/components/layout/style.scss
@@ -61,31 +61,33 @@
 	justify-content: center;
 }
 
-.edit-post-toggle-publish-panel {
+.edit-post-layout__toogle-publish-panel,
+.edit-post-layout__toogle-sidebar-panel {
 	background-color: $white;
 	padding: 10px 10px 10px 0;
+}
 
-	.edit-post-toggle-publish-panel__button {
-		width: auto;
-		height: auto;
-		display: block;
-		font-size: 14px;
-		font-weight: 600;
-		margin: 0 0 0 auto;
-		padding: 15px 23px 14px;
-		line-height: normal;
-		text-decoration: none;
-		outline: none;
-		background: #f1f1f1;
-		color: theme(secondary);
+.edit-post-layout__toogle-publish-panel-button,
+.edit-post-layout__toogle-sidebar-panel-button {
+	width: auto;
+	height: auto;
+	display: block;
+	font-size: 14px;
+	font-weight: 600;
+	margin: 0 0 0 auto;
+	padding: 15px 23px 14px;
+	line-height: normal;
+	text-decoration: none;
+	outline: none;
+	background: #f1f1f1;
+	color: theme(secondary);
 
-		&:focus {
-			position: fixed;
-			top: auto;
-			right: 10px;
-			bottom: 10px;
-			left: auto;
-		}
+	&:focus {
+		position: fixed;
+		top: auto;
+		right: 10px;
+		bottom: 10px;
+		left: auto;
 	}
 }
 

From 63eb8b0b3518c20f99ce2502e23db29b99da9e43 Mon Sep 17 00:00:00 2001
From: Enrique Piqueras <epiqueras@users.noreply.github.com>
Date: Tue, 4 Feb 2020 10:16:56 -0500
Subject: [PATCH 23/29] Github: Remove PR template's extra period. (#20030)

---
 .github/PULL_REQUEST_TEMPLATE.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 0ef842b5a800dc..573cddbf998477 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -20,4 +20,4 @@
 - [ ] My code follows the accessibility standards. <!-- Guidelines: https://make.wordpress.org/core/handbook/best-practices/coding-standards/accessibility-coding-standards/ -->
 - [ ] My code has proper inline documentation. <!-- Guidelines: https://make.wordpress.org/core/handbook/best-practices/inline-documentation-standards/javascript/ -->
 - [ ] I've included developer documentation if appropriate. <!-- Handbook: https://developer.wordpress.org/block-editor/ -->
-- [ ] I've updated all React Native files affected by any refactorings/renamings in this PR. <!-- React Native mobile Gutenberg guidelines: https://github.com/WordPress/gutenberg/blob/master/docs/contributors/native-mobile.md -->.
+- [ ] I've updated all React Native files affected by any refactorings/renamings in this PR. <!-- React Native mobile Gutenberg guidelines: https://github.com/WordPress/gutenberg/blob/master/docs/contributors/native-mobile.md -->

From 85149583f9ec8076a9d11778b532738706f3927a Mon Sep 17 00:00:00 2001
From: Grzegorz Ziolkowski <grzegorz@gziolo.pl>
Date: Tue, 4 Feb 2020 16:51:48 +0100
Subject: [PATCH 24/29] chore(release): publish

 - @wordpress/e2e-tests@1.11.1
 - @wordpress/eslint-plugin@3.4.1
 - @wordpress/scripts@7.0.1
---
 packages/e2e-tests/package.json     | 2 +-
 packages/eslint-plugin/package.json | 2 +-
 packages/scripts/package.json       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/e2e-tests/package.json b/packages/e2e-tests/package.json
index 1ba7356f544206..11b56ebd290ec5 100644
--- a/packages/e2e-tests/package.json
+++ b/packages/e2e-tests/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "1.11.0",
+	"version": "1.11.1",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index de9fd254d57fbf..a7b6267c77d21d 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/eslint-plugin",
-	"version": "3.4.0",
+	"version": "3.4.1",
 	"description": "ESLint plugin for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
diff --git a/packages/scripts/package.json b/packages/scripts/package.json
index 7d72c5fe134bfd..c770244ef048cf 100644
--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/scripts",
-	"version": "7.0.0",
+	"version": "7.0.1",
 	"description": "Collection of reusable scripts for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",

From 77bd2748461bafcbea7d082aa6824e2473d7890c Mon Sep 17 00:00:00 2001
From: Grzegorz Ziolkowski <grzegorz@gziolo.pl>
Date: Tue, 4 Feb 2020 10:37:18 +0100
Subject: [PATCH 25/29] Docs: Mark changes in @wordpress/eslint-plugin package
 as breaking

New rules were introduced for Prettier validation.
---
 packages/eslint-plugin/CHANGELOG.md | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/eslint-plugin/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md
index b0e480f8abd20d..b762cecab77e6b 100644
--- a/packages/eslint-plugin/CHANGELOG.md
+++ b/packages/eslint-plugin/CHANGELOG.md
@@ -1,10 +1,20 @@
 ## Master
 
+### Breaking Changes
+
+- The `recommended` ruleset checks again code formatting (whitespace, indenting, etc.). These rules are now enforced by Prettier itself through a plugin that diffs the code with its formatted output and reports the differences as lint errors. `eslint-plugin-prettier` was chosen over options like `prettier-eslint` because we don't run `eslint --fix` in hooks as we'd rather leave certain linting errors to be resolved or ignored at the author's discretion. We also don't apply any additional formatting with `eslint` over `prettier`, so the overhead would be unnecessary. `eslint-plugin-prettier` was chosen over options like `prettier --check` because it's nice to see format errors as you type as it leads you to write code with a more optimal auto-formatted output and it avoids issues like comment directives being moved out of place by `prettier` and the author not realizing it.
+
+## 3.4.1 (2020-02-04)
+
+### Bug Fix
+
+- Removed `plugin:prettier/recommended` from `recommended` ruleset as it introduces breaking changes.
+
 ## 3.4.0 (2020-02-04)
 
 ### New Features
 
-- The `recommended` ruleset no longer enables rules that check code formatting (whitespace, indenting, etc.) and that could conflict with Prettier. These rules are now enforced by Prettier itself through a plugin that diffs the code with its formatted output and reports the differences as lint errors. `eslint-plugin-prettier` was chosen over options like `prettier-eslint` because we don't run `eslint --fix` in hooks as we'd rather leave certain linting errors to be resolved or ignored at the author's discretion. We also don't apply any additional formatting with `eslint` over `prettier`, so the overhead would be unnecessary. `eslint-plugin-prettier` was chosen over options like `prettier --check` because it's nice to see format errors as you type as it leads you to write code with a more optimal auto-formatted output and it avoids issues like comment directives being moved out of place by `prettier` and the author not realizing it.
+- The `recommended` ruleset no longer enables rules that check code formatting (whitespace, indenting, etc.) and that could conflict with Prettier.
 - There is a new `recommended-with-formatting` ruleset that has the code formatting rules still enabled, for projects that want to opt out from Prettier and continue checking code formatting with ESLint.
 
 ## 3.3.0 (2019-12-19)

From aae6d1bf010707689356181662b82b83b09fc59c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dami=C3=A1n=20Su=C3=A1rez?= <rdsuarez@gmail.com>
Date: Tue, 4 Feb 2020 11:39:19 -0800
Subject: [PATCH 26/29] NavigationLink: fix getting Navigation parent block
 (#20032)

* block-editor: add getBLockParentsByBlockName()

* docs: generate selectors doc

* navigation: get the proper parent block
---
 .../developers/data/data-core-block-editor.md | 17 ++++++++++
 packages/block-editor/src/store/selectors.js  | 31 +++++++++++++++++++
 .../block-library/src/navigation-link/edit.js |  8 +++--
 3 files changed, 53 insertions(+), 3 deletions(-)

diff --git a/docs/designers-developers/developers/data/data-core-block-editor.md b/docs/designers-developers/developers/data/data-core-block-editor.md
index 10d031d436d50c..588b1f27e32499 100644
--- a/docs/designers-developers/developers/data/data-core-block-editor.md
+++ b/docs/designers-developers/developers/data/data-core-block-editor.md
@@ -203,6 +203,23 @@ _Returns_
 
 -   `Array`: ClientIDs of the parent blocks.
 
+<a name="getBlockParentsByBlockName" href="#getBlockParentsByBlockName">#</a> **getBlockParentsByBlockName**
+
+Given a block client ID and a block name,
+returns the list of all its parents from top to bottom,
+filtered by the given name.
+
+_Parameters_
+
+-   _state_ `Object`: Editor state.
+-   _clientId_ `string`: Block from which to find root client ID.
+-   _blockName_ `string`: Block name to filter.
+-   _ascending_ `boolean`: Order results from bottom to top (true) or top to bottom (false).
+
+_Returns_
+
+-   `Array`: ClientIDs of the parent blocks.
+
 <a name="getBlockRootClientId" href="#getBlockRootClientId">#</a> **getBlockRootClientId**
 
 Given a block client ID, returns the root block from which the block is
diff --git a/packages/block-editor/src/store/selectors.js b/packages/block-editor/src/store/selectors.js
index f6c1f3052530ab..9d71c1c29c3fd2 100644
--- a/packages/block-editor/src/store/selectors.js
+++ b/packages/block-editor/src/store/selectors.js
@@ -458,6 +458,37 @@ export const getBlockParents = createSelector(
 	( state ) => [ state.blocks.parents ]
 );
 
+/**
+ * Given a block client ID and a block name,
+ * returns the list of all its parents from top to bottom,
+ * filtered by the given name.
+ *
+ * @param {Object} state     Editor state.
+ * @param {string} clientId  Block from which to find root client ID.
+ * @param {string} blockName Block name to filter.
+ * @param {boolean} ascending Order results from bottom to top (true) or top to bottom (false).
+ *
+ * @return {Array} ClientIDs of the parent blocks.
+ */
+export const getBlockParentsByBlockName = (
+	state,
+	clientId,
+	blockName,
+	ascending = false
+) => {
+	const parents = getBlockParents( state, clientId, ascending );
+	return map(
+		filter(
+			map( parents, ( id ) => ( {
+				id,
+				name: getBlockName( state, id ),
+			} ) ),
+			{ name: blockName }
+		),
+		( { id } ) => id
+	);
+};
+
 /**
  * Given a block client ID, returns the root of the hierarchy from which the block is nested, return the block itself for root level blocks.
  *
diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index ee0a93e6f43f27..69be4031cf4036 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { escape, unescape } from 'lodash';
+import { escape, unescape, head } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -308,12 +308,14 @@ export default compose( [
 	withSelect( ( select, ownProps ) => {
 		const {
 			getBlockAttributes,
-			getBlockParents,
 			getClientIdsOfDescendants,
 			hasSelectedInnerBlock,
+			getBlockParentsByBlockName,
 		} = select( 'core/block-editor' );
 		const { clientId } = ownProps;
-		const rootBlock = getBlockParents( clientId )[ 0 ];
+		const rootBlock = head(
+			getBlockParentsByBlockName( clientId, 'core/navigation' )
+		);
 		const navigationBlockAttributes = getBlockAttributes( rootBlock );
 		const hasDescendants = !! getClientIdsOfDescendants( [ clientId ] )
 			.length;

From 056d7c108ac968363b7a747660ea50b13069f87a Mon Sep 17 00:00:00 2001
From: Andrew Duthie <andrew@andrewduthie.com>
Date: Tue, 4 Feb 2020 15:26:45 -0500
Subject: [PATCH 27/29] URL: Conform to URL Living Standard definition of valid
 URL (#19871)

* Framework: Add URL polyfill

* URL: Conform to URL Living Standard definition of valid URL

* Block Editor: Remove redundant checks for `isMailto`, `isTel`

These are now considered valid by `isURL` and are not necessary to evaluate separately.

* Compat: Register URL polyfill only if not registered

* Compat: Add "Remove by" message for URL polyfill

* Compat: Add upstream patch ticket reference for URL polyfill
---
 lib/compat.php                                | 45 ++++++++++++++++++
 .../src/components/link-control/index.js      |  9 +---
 packages/url/CHANGELOG.md                     |  6 +++
 packages/url/README.md                        |  5 ++
 packages/url/src/is-url.js                    | 14 ++++--
 packages/url/src/test/index.test.js           | 46 ++++++++++---------
 6 files changed, 92 insertions(+), 33 deletions(-)

diff --git a/lib/compat.php b/lib/compat.php
index 4df03c8bf99b9b..99405ecaa58677 100644
--- a/lib/compat.php
+++ b/lib/compat.php
@@ -30,6 +30,51 @@ function gutenberg_safe_style_css_column_flex_basis( $attr ) {
 }
 add_filter( 'safe_style_css', 'gutenberg_safe_style_css_column_flex_basis' );
 
+/**
+ * Adds a polyfill for the WHATWG URL in environments which do not support it.
+ * The intention in how this action is handled is under the assumption that this
+ * code would eventually be placed at `wp_default_packages_vendor`, which is
+ * called as a result of `wp_default_packages` via the `wp_default_scripts`.
+ *
+ * This can be removed when plugin support requires WordPress 5.4.0+.
+ *
+ * @see https://core.trac.wordpress.org/ticket/49360
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
+ * @see https://developer.wordpress.org/reference/functions/wp_default_packages_vendor/
+ *
+ * @since 7.3.0
+ *
+ * @param WP_Scripts $scripts WP_Scripts object.
+ */
+function gutenberg_add_url_polyfill( $scripts ) {
+	// Only register polyfill if not already registered. This prevents handling
+	// in an environment where core has updated to manage the polyfill. This
+	// depends on the action being handled after default script registration.
+	$is_polyfill_script_registered = (bool) $scripts->query( 'wp-polyfill-url', 'registered' );
+	if ( $is_polyfill_script_registered ) {
+		return;
+	}
+
+	gutenberg_register_vendor_script(
+		$scripts,
+		'wp-polyfill-url',
+		'https://unpkg.com/polyfill-library@3.26.0-0/polyfills/URL/polyfill.js',
+		array(),
+		'3.26.0-0'
+	);
+
+	did_action( 'init' ) && $scripts->add_inline_script(
+		'wp-polyfill',
+		wp_get_script_polyfill(
+			$scripts,
+			array(
+				'\'URL\' in window' => 'wp-polyfill-url',
+			)
+		)
+	);
+}
+add_action( 'wp_default_scripts', 'gutenberg_add_url_polyfill', 20 );
+
 /**
  * Sets the current post for usage in template blocks.
  *
diff --git a/packages/block-editor/src/components/link-control/index.js b/packages/block-editor/src/components/link-control/index.js
index 5f95d64adde6d9..018d8386c153e7 100644
--- a/packages/block-editor/src/components/link-control/index.js
+++ b/packages/block-editor/src/components/link-control/index.js
@@ -214,17 +214,10 @@ function LinkControl( {
 	// Effects
 	const getSearchHandler = useCallback(
 		( val, args ) => {
-			const protocol = getProtocol( val ) || '';
-			const isMailto = protocol.includes( 'mailto' );
 			const isInternal = startsWith( val, '#' );
-			const isTel = protocol.includes( 'tel' );
 
 			const handleManualEntry =
-				isInternal ||
-				isMailto ||
-				isTel ||
-				isURL( val ) ||
-				( val && val.includes( 'www.' ) );
+				isInternal || isURL( val ) || ( val && val.includes( 'www.' ) );
 
 			return handleManualEntry
 				? handleDirectEntry( val, args )
diff --git a/packages/url/CHANGELOG.md b/packages/url/CHANGELOG.md
index 3c0ec6a60d9060..6758ea16f8ee4b 100644
--- a/packages/url/CHANGELOG.md
+++ b/packages/url/CHANGELOG.md
@@ -1,3 +1,9 @@
+## Master
+
+### Bug Fixes
+
+- `isURL` now correctly returns `true` for many other forms of a valid URL, as it now conforms to the [URL Living Standard](https://url.spec.whatwg.org/) definition of a [valid URL string](https://url.spec.whatwg.org/#valid-url-string).
+
 ## 2.3.3 (2019-01-03)
 
 ### Bug Fixes
diff --git a/packages/url/README.md b/packages/url/README.md
index 9436880c51f43c..b08f57b7e39595 100644
--- a/packages/url/README.md
+++ b/packages/url/README.md
@@ -231,6 +231,11 @@ _Returns_
 
 Determines whether the given string looks like a URL.
 
+_Related_
+
+-   <https://url.spec.whatwg.org/>
+-   <https://url.spec.whatwg.org/#valid-url-string>
+
 _Usage_
 
 ```js
diff --git a/packages/url/src/is-url.js b/packages/url/src/is-url.js
index 5f3c854f93ad7d..b84932c8aae2ee 100644
--- a/packages/url/src/is-url.js
+++ b/packages/url/src/is-url.js
@@ -1,5 +1,3 @@
-const URL_REGEXP = /^(?:https?:)?\/\/\S+$/i;
-
 /**
  * Determines whether the given string looks like a URL.
  *
@@ -10,8 +8,18 @@ const URL_REGEXP = /^(?:https?:)?\/\/\S+$/i;
  * const isURL = isURL( 'https://wordpress.org' ); // true
  * ```
  *
+ * @see https://url.spec.whatwg.org/
+ * @see https://url.spec.whatwg.org/#valid-url-string
+ *
  * @return {boolean} Whether or not it looks like a URL.
  */
 export function isURL( url ) {
-	return URL_REGEXP.test( url );
+	// A URL can be considered value if the `URL` constructor is able to parse
+	// it. The constructor throws an error for an invalid URL.
+	try {
+		new URL( url );
+		return true;
+	} catch ( error ) {
+		return false;
+	}
 }
diff --git a/packages/url/src/test/index.test.js b/packages/url/src/test/index.test.js
index 7aa1247396eeaf..f51192808ac826 100644
--- a/packages/url/src/test/index.test.js
+++ b/packages/url/src/test/index.test.js
@@ -30,28 +30,30 @@ import {
 } from '../';
 
 describe( 'isURL', () => {
-	it( 'returns true when given things that look like a URL', () => {
-		const urls = [
-			'http://wordpress.org',
-			'https://wordpress.org',
-			'HTTPS://WORDPRESS.ORG',
-			'https://wordpress.org/foo#bar',
-			'https://localhost/foo#bar',
-		];
-
-		expect( every( urls, isURL ) ).toBe( true );
-	} );
-
-	it( "returns false when given things that don't look like a URL", () => {
-		const urls = [
-			'HTTP: HyperText Transfer Protocol',
-			'URLs begin with a http:// prefix',
-			'Go here: http://wordpress.org',
-			'http://',
-			'',
-		];
-
-		expect( every( urls, isURL ) ).toBe( false );
+	it.each( [
+		[ 'http://wordpress.org' ],
+		[ 'https://wordpress.org' ],
+		[ 'HTTPS://WORDPRESS.ORG' ],
+		[ 'https://wordpress.org/./foo' ],
+		[ 'https://wordpress.org/path?query#fragment' ],
+		[ 'https://localhost/foo#bar' ],
+		[ 'mailto:example@example.com' ],
+		[ 'ssh://user:password@127.0.0.1:8080' ],
+	] )( 'valid (true): %s', ( url ) => {
+		expect( isURL( url ) ).toBe( true );
+	} );
+
+	it.each( [
+		[ 'http://word press.org' ],
+		[ 'http://wordpress.org:port' ],
+		[ 'http://[wordpress.org]/' ],
+		[ 'HTTP: HyperText Transfer Protocol' ],
+		[ 'URLs begin with a http:// prefix' ],
+		[ 'Go here: http://wordpress.org' ],
+		[ 'http://' ],
+		[ '' ],
+	] )( 'invalid (false): %s', ( url ) => {
+		expect( isURL( url ) ).toBe( false );
 	} );
 } );
 

From 6e33ffb32fb5711ebd13e179f62e1b4209549d3e Mon Sep 17 00:00:00 2001
From: Enrique Piqueras <epiqueras@users.noreply.github.com>
Date: Wed, 5 Feb 2020 01:31:22 -0500
Subject: [PATCH 28/29] Project Management Automation: Log skipped tasks and
 retain wrapped task names. (#20034)

* Project Management Automation: Log skipped tasks and retain wrapped task names.

* Project Management Automation: Set function name properly.
---
 .../project-management-automation/lib/if-not-fork.js   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/project-management-automation/lib/if-not-fork.js b/packages/project-management-automation/lib/if-not-fork.js
index a4fc4ba611b4b7..b64228c9fde4f9 100644
--- a/packages/project-management-automation/lib/if-not-fork.js
+++ b/packages/project-management-automation/lib/if-not-fork.js
@@ -1,3 +1,8 @@
+/**
+ * Internal dependencies
+ */
+const debug = require( './debug' );
+
 /**
  * Higher-order function which executes and returns the result of the given
  * handler only if the enhanced function is called with a payload indicating a
@@ -8,14 +13,17 @@
  * @return {Function} Enhanced task.
  */
 function ifNotFork( handler ) {
-	return ( payload, ...args ) => {
+	const newHandler = ( payload, ...args ) => {
 		if (
 			payload.pull_request.head.repo.full_name ===
 			payload.pull_request.base.repo.full_name
 		) {
 			return handler( payload, ...args );
 		}
+		debug( `main: Skipping ${ handler.name } because we are in a fork.` );
 	};
+	Object.defineProperty( newHandler, 'name', { value: handler.name } );
+	return newHandler;
 }
 
 module.exports = ifNotFork;

From 2c587e5e252852870c087c1d9874d8867aa53c6d Mon Sep 17 00:00:00 2001
From: Jorge Costa <jorge.costa@automattic.com>
Date: Wed, 5 Feb 2020 07:42:14 +0000
Subject: [PATCH 29/29] Fix: Navigation block: Make function names specific
 (#20039)

---
 .../block-library/src/navigation/index.php    | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/block-library/src/navigation/index.php b/packages/block-library/src/navigation/index.php
index e54f90a9e62b0c..450c0ceba6224d 100644
--- a/packages/block-library/src/navigation/index.php
+++ b/packages/block-library/src/navigation/index.php
@@ -12,7 +12,7 @@
  * @param  array $attributes Navigation block attributes.
  * @return array Colors CSS classes and inline styles.
  */
-function build_css_colors( $attributes ) {
+function core_block_navigation_build_css_colors( $attributes ) {
 	$colors = array(
 		'css_classes'   => array(),
 		'inline_styles' => '',
@@ -64,7 +64,7 @@ function build_css_colors( $attributes ) {
  * @param  array $attributes Navigation block attributes.
  * @return array Font size CSS classes and inline styles.
  */
-function build_css_font_sizes( $attributes ) {
+function core_block_navigation_build_css_font_sizes( $attributes ) {
 	// CSS classes.
 	$font_sizes = array(
 		'css_classes'   => array(),
@@ -91,7 +91,7 @@ function build_css_font_sizes( $attributes ) {
  * @param array $blocks Navigation link inner blocks from the Navigation block.
  * @return array Blocks that had valid labels
  */
-function gutenberg_remove_empty_navigation_links_recursive( $blocks ) {
+function core_block_navigation_empty_navigation_links_recursive( $blocks ) {
 	$blocks = array_filter(
 		$blocks,
 		function( $block ) {
@@ -102,7 +102,7 @@ function( $block ) {
 	if ( ! empty( $blocks ) ) {
 		foreach ( $blocks as $key => $block ) {
 			if ( ! empty( $block['innerBlocks'] ) ) {
-				$blocks[ $key ]['innerBlocks'] = gutenberg_remove_empty_navigation_links_recursive( $block['innerBlocks'] );
+				$blocks[ $key ]['innerBlocks'] = core_block_navigation_empty_navigation_links_recursive( $block['innerBlocks'] );
 			}
 		}
 	}
@@ -115,7 +115,7 @@ function( $block ) {
  *
  * @return string
  */
-function render_submenu_icon() {
+function core_block_navigation_render_submenu_icon() {
 	return '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" transform="rotate(90)"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>';
 }
 
@@ -134,14 +134,14 @@ function render_block_navigation( $content, $block ) {
 	}
 
 	$attributes           = $block['attrs'];
-	$block['innerBlocks'] = gutenberg_remove_empty_navigation_links_recursive( $block['innerBlocks'] );
+	$block['innerBlocks'] = core_block_navigation_empty_navigation_links_recursive( $block['innerBlocks'] );
 
 	if ( empty( $block['innerBlocks'] ) ) {
 		return '';
 	}
 
-	$colors          = build_css_colors( $attributes );
-	$font_sizes      = build_css_font_sizes( $attributes );
+	$colors          = core_block_navigation_build_css_colors( $attributes );
+	$font_sizes      = core_block_navigation_build_css_font_sizes( $attributes );
 	$classes         = array_merge(
 		$colors['css_classes'],
 		$font_sizes['css_classes'],
@@ -159,7 +159,7 @@ function render_block_navigation( $content, $block ) {
 		'<nav %1$s %2$s>%3$s</nav>',
 		$class_attribute,
 		$style_attribute,
-		build_navigation_html( $attributes, $block, $colors, $font_sizes, true )
+		core_block_navigation_build_html( $attributes, $block, $colors, $font_sizes, true )
 	);
 }
 
@@ -173,7 +173,7 @@ function render_block_navigation( $content, $block ) {
  *
  * @return string Returns  an HTML list from innerBlocks.
  */
-function build_navigation_html( $attributes, $block, $colors, $font_sizes ) {
+function core_block_navigation_build_html( $attributes, $block, $colors, $font_sizes ) {
 	$html            = '';
 	$classes         = array_merge(
 		$colors['css_classes'],
@@ -243,14 +243,14 @@ function build_navigation_html( $attributes, $block, $colors, $font_sizes ) {
 			) &&
 			$has_submenu
 		) {
-			$html .= '<span class="wp-block-navigation-link__submenu-icon">' . render_submenu_icon() . '</span>';
+			$html .= '<span class="wp-block-navigation-link__submenu-icon">' . core_block_navigation_render_submenu_icon() . '</span>';
 		}
 
 		$html .= '</a>';
 		// End anchor tag content.
 
 		if ( $has_submenu ) {
-			$html .= build_navigation_html( $attributes, $block, $colors, $font_sizes, false );
+			$html .= core_block_navigation_build_html( $attributes, $block, $colors, $font_sizes, false );
 		}
 
 		$html .= '</li>';