diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 0ef842b5a800d..573cddbf99847 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 -->
diff --git a/changelog.txt b/changelog.txt
index 6f7485ebae45d..f6f5f2ff1b935 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/docs/designers-developers/developers/data/data-core-block-editor.md b/docs/designers-developers/developers/data/data-core-block-editor.md
index 10d031d436d50..588b1f27e3249 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/gutenberg.php b/gutenberg.php
index 24b06d606747f..597e9672299ca 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/lib/compat.php b/lib/compat.php
index cb85b3e3c72d7..99405ecaa5867 100644
--- a/lib/compat.php
+++ b/lib/compat.php
@@ -31,54 +31,49 @@ 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.
+ * 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`.
  *
- * @see https://core.trac.wordpress.org/ticket/48104
+ * This can be removed when plugin support requires WordPress 5.4.0+.
  *
- * @param string $pre_render The pre-rendered content. Default null.
- * @param array  $block The block being rendered.
+ * @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/
  *
- * @return string String of rendered HTML.
+ * @since 7.3.0
+ *
+ * @param WP_Scripts $scripts WP_Scripts object.
  */
-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++ ] );
+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;
 	}
 
-	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;
-	}
+	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'
+	);
 
-	/** This filter is documented in src/wp-includes/blocks.php */
-	return apply_filters( 'render_block', $block_content, $block );
+	did_action( 'init' ) && $scripts->add_inline_script(
+		'wp-polyfill',
+		wp_get_script_polyfill(
+			$scripts,
+			array(
+				'\'URL\' in window' => 'wp-polyfill-url',
+			)
+		)
+	);
 }
-add_filter( 'pre_render_block', 'gutenberg_provide_render_callback_with_block_object', 10, 2 );
+add_action( 'wp_default_scripts', 'gutenberg_add_url_polyfill', 20 );
 
 /**
  * Sets the current post for usage in template blocks.
diff --git a/package-lock.json b/package-lock.json
index 1d5a493bf8e4e..7f375d237a929 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": {
@@ -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",
@@ -10520,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/package.json b/package.json
index 38f2036891596..081362bb0a2b7 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/packages/a11y/package.json b/packages/a11y/package.json
index 20efdcbe2c69b..3f2dc80ae2090 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 f2440087022d8..dffff978d8667 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 8bf265119dab4..9040c5a1591a9 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 dab9b1330e4f6..9a4f5d7fbaaac 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 7de33046158ac..dc1f364e6b9bc 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 1db4205d3b36f..2219269afd4b6 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/CHANGELOG.md b/packages/babel-preset-default/CHANGELOG.md
index 03a4a6fe228cc..16bd181f83a30 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/babel-preset-default/package.json b/packages/babel-preset-default/package.json
index b27ce490af91b..9661558f620a4 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/_colors.scss b/packages/base-styles/_colors.scss
index 2a8b07f79364c..d6fd0e2b968ce 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/base-styles/package.json b/packages/base-styles/package.json
index 0c47cd8b3ac82..ef05584ee46ea 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 a64f8bf3f7fd7..86a19462a1e21 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 bfe40f6669b51..e4a605d09bafe 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 49b4e4fd8fa59..e7780f68a3e25 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-editor/src/components/block-mover/index.js b/packages/block-editor/src/components/block-mover/index.js
index 7e29326458fd1..1a7290b10dcb0 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 656527954ed84..a3eed1acd3b2d 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/block-editor/src/components/inserter/menu.native.js b/packages/block-editor/src/components/inserter/menu.native.js
index 6c25af03d9632..bddaf53eb2a67 100644
--- a/packages/block-editor/src/components/inserter/menu.native.js
+++ b/packages/block-editor/src/components/inserter/menu.native.js
@@ -126,7 +126,7 @@ export class InserterMenu extends Component {
 				contentStyle={ [ styles.content, bottomPadding ] }
 				hideHeader
 			>
-				<TouchableHighlight accessible={ false } >
+				<TouchableHighlight accessible={ false }>
 					<FlatList
 						onLayout={ this.onLayout }
 						scrollEnabled={ false }
diff --git a/packages/block-editor/src/components/link-control/index.js b/packages/block-editor/src/components/link-control/index.js
index cda7986a9f8c4..018d8386c153e 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 )
@@ -292,8 +285,8 @@ function LinkControl( {
 							) }
 							suggestion={ suggestion }
 							onClick={ () => {
-								stopEditing();
 								onChange( { ...value, ...suggestion } );
+								stopEditing();
 							} }
 							isSelected={ index === selectedSuggestion }
 							isURL={ manualLinkEntryTypes.includes(
@@ -318,8 +311,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 44424efe33429..65d7729c973dc 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/block-editor/src/store/defaults.js b/packages/block-editor/src/store/defaults.js
index a0ab78569c508..790d65a5ae6dc 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
diff --git a/packages/block-editor/src/store/selectors.js b/packages/block-editor/src/store/selectors.js
index f6c1f3052530a..9d71c1c29c3fd 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/package.json b/packages/block-library/package.json
index 1a99a38df771f..e292ffe981c1a 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",
@@ -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/button/edit.js b/packages/block-library/src/button/edit.js
index 69277fd52c976..e2805329391fe 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 c171dfa39ef34..542222f49e98c 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/block-library/src/gallery/gallery-image.js b/packages/block-library/src/gallery/gallery-image.js
index 089141fb5e2c6..f618e90b776d5 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/block-library/src/latest-posts/edit.js b/packages/block-library/src/latest-posts/edit.js
index 1127716fd0833..018f1ba8e51ae 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 b8fc02cf80daa..5d05fb9218181 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',
diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index ff55c5dabfecd..69be4031cf403 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
@@ -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': 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,29 +307,27 @@ function NavigationLinkEdit( {
 export default compose( [
 	withSelect( ( select, ownProps ) => {
 		const {
-			getBlockName,
 			getBlockAttributes,
-			getBlockParents,
 			getClientIdsOfDescendants,
 			hasSelectedInnerBlock,
+			getBlockParentsByBlockName,
 		} = select( 'core/block-editor' );
 		const { clientId } = ownProps;
-		const rootBlock = getBlockParents( clientId )[ 0 ];
-		const parentBlock = getBlockParents( clientId, true )[ 0 ];
-		const rootBlockAttributes = getBlockAttributes( rootBlock );
+		const rootBlock = head(
+			getBlockParentsByBlockName( clientId, 'core/navigation' )
+		);
+		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 13d7ce777e36f..74856642cc23a 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 c01b5979dc36a..65332cd2555ba 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 c50f07f8863af..d3b38c43fa83a 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' },
 		],
 		{
 			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 726b86053c49e..845f7dc147f42 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 ddf0e2a23662d..450c0ceba6224 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' => '',
@@ -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,17 +33,17 @@ 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 ) {
-		// 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 ) {
@@ -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;
@@ -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,28 +115,33 @@ 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>';
+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>';
 }
 
 /**
  * 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 ) {
-	$block['innerBlocks'] = gutenberg_remove_empty_navigation_links_recursive( $block['innerBlocks'] );
+function render_block_navigation( $content, $block ) {
+
+	if ( 'core/navigation' !== $block['blockName'] ) {
+		return $content;
+	}
+
+	$attributes           = $block['attrs'];
+	$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'],
@@ -154,7 +159,7 @@ function render_block_navigation( $attributes, $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 )
 	);
 }
 
@@ -165,18 +170,17 @@ function render_block_navigation( $attributes, $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 core_block_navigation_build_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'] ) )
 		: '';
@@ -184,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'] ) ) {
@@ -234,20 +234,28 @@ 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 ) {
-			$html .= '<span class="wp-block-navigation-link__submenu-icon">' . render_submenu_icon() . '</span>';
+		// 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">' . 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>';
 	}
-	return '<ul>' . $html . '</ul>';
+	return '<ul class="wp-block-navigation__container">' . $html . '</ul>';
 }
 
 /**
@@ -261,39 +269,38 @@ function register_block_core_navigation() {
 	register_block_type(
 		'core/navigation',
 		array(
-			'attributes'      => array(
-				'className'             => array(
+			'attributes' => 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,
 				),
 			),
-
-			'render_callback' => 'render_block_navigation',
 		)
 	);
 }
 add_action( 'init', 'register_block_core_navigation' );
+add_filter( 'render_block', 'render_block_navigation', 10, 2 );
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
index 23df9aa3ec9ee..f3c0415a6244c 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) > .block-editor-inner-blocks,
+		&:not(.has-background) > .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) > .block-editor-inner-blocks,
+		&:not(.has-background) > .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;
 	}
 }
diff --git a/packages/block-library/src/social-link/icons/amazon.js b/packages/block-library/src/social-link/icons/amazon.js
index bac1ca6a7ddd6..928c9722ed1d8 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 e9c80c2a13656..793a314d36f4b 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 65097726167d6..e45cdda50336e 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 676269b0a9ff4..a1285ba053c71 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 8ea31018ab2d7..59bae6fc33e88 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 4cf01fdeed028..901d989433b02 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 ec250898473c6..56b8d34ac6392 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 e0de4bda6d231..e1970ae73172a 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 d691d9dca09eb..2e0712334286a 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 77343d7e9d1ad..1219552a6df71 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 e3521f3d13b19..92d4a1001c853 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 6b0111eaeb7d9..a3f30412e39a6 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 a9d21c2c300f9..7716d7d868168 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 dbd91521a4e74..ba1cacdf29f73 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 9f9e1d1e98f25..6b22e5a05f6cf 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 2a9374bc2f781..8324a9f4c54ae 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 336e8924ae785..10ede42a16ed7 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 39c2fc7ba3b09..9ff7b18d2d517 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 aa3e5d9f279ee..c27562ec85f6f 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 b4afc09962537..21cdd0ac93101 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 ab43f106adca9..7752dc1f60079 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 5ee0ed256a264..add394cc08523 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 4cf5b265398d8..88de49e65be04 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 8f12e1566ce97..c7c9ddf44e719 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 70782c6189f81..97bcba825db3c 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 43f3661cd201d..564335384c4d7 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 9a17f0a19a1bf..d0b8437df58d5 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 4dc946541a83f..2544f2559faaf 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 73f93ee627928..825ea99842ba9 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 538d1f867d419..ffc740aae1a07 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 03256e1b31e04..63d2ddadc77e9 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 946f7e1b040de..5999fe4ead681 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 6bbbc13b2a435..1d6691e28995e 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 95e7435c6176e..eda1a53f7f2be 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 1e11bda150ed4..fd8b29f45db99 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 97ac09e842fe1..d877d28b57705 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 0fc780d08954e..2a51d200bc871 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 83b1d76200258..8df9da231504c 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 7256a177262f7..e788d6e8d6cee 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">
diff --git a/packages/block-serialization-default-parser/package.json b/packages/block-serialization-default-parser/package.json
index 8edb62a29e442..fdefc9a59fa7b 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 289e8b8e86afd..1c5e9f2c6d715 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 6c4c14f191e8e..1aae1940208f3 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 33d1ade286588..93cb4efcbcab5 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/components/src/mobile/bottom-sheet/index.native.js b/packages/components/src/mobile/bottom-sheet/index.native.js
index 2e8eb2d6fd5e4..0459b23aa721c 100644
--- a/packages/components/src/mobile/bottom-sheet/index.native.js
+++ b/packages/components/src/mobile/bottom-sheet/index.native.js
@@ -198,7 +198,6 @@ class BottomSheet extends Component {
 					<View style={ styles.dragIndicator } />
 					{ ! hideHeader && getHeader() }
 					<ScrollView
-						accessible={ false }
 						bounces={ this.state.bounces }
 						onScroll={ this.onScroll }
 						scrollEventThrottle={ 16 }
diff --git a/packages/compose/package.json b/packages/compose/package.json
index ad57b911e8624..8f677e9c87520 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 53e1213e9bd5e..f120ea8259e45 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/CHANGELOG.md b/packages/create-block/CHANGELOG.md
index 4caef89dc9720..6b415aa59554e 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/create-block/package.json b/packages/create-block/package.json
index b438e113fc86f..3e8c01f6f2541 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 e00a9b36cfbef..cddc8182f2ad8 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 b594ad9d39502..a1348a50f3069 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 a252f9b9f9317..e444276fb7e5b 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 7a33eeda5f525..c095c6a6a8aac 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 1b2fc0100f848..68ea17505e2dd 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 d32cddb4c07d8..fd5b82f0a52da 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/CHANGELOG.md b/packages/docgen/CHANGELOG.md
index ad56d076e2f0a..38f320046f180 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/docgen/package.json b/packages/docgen/package.json
index ad9514da201fa..d0fc143594a7c 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 e2f90141a61a1..6fd51bdd0b714 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 ba00693ce6ed7..e0199899bb23a 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 ad3cedd9c0296..68096411fe8b6 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 5dd307b14f208..11b56ebd290ec 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.1",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
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 067425ce07d6c..66f803ddcf139 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 -->"
 `;
diff --git a/packages/e2e-tests/specs/editor/blocks/classic.test.js b/packages/e2e-tests/specs/editor/blocks/classic.test.js
index 456ce33f55793..b8295c64d53df 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/ );
 	} );
 } );
diff --git a/packages/e2e-tests/specs/editor/various/links.test.js b/packages/e2e-tests/specs/editor/various/links.test.js
index c6d8d12263e75..0f21d248a8650 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/edit-post/package.json b/packages/edit-post/package.json
index 96b9ae2fb4802..784ee9757d746 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-post/src/components/editor-regions/style.scss b/packages/edit-post/src/components/editor-regions/style.scss
index 65eceb6e17f04..671b782901fe5 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/header/header-toolbar/index.js b/packages/edit-post/src/components/header/header-toolbar/index.js
index 46873f2ee9aa0..5f8bc98dc3a90 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>
diff --git a/packages/edit-post/src/components/layout/index.js b/packages/edit-post/src/components/layout/index.js
index adefc6eb48d83..f09141b9a8905 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 d9ebf1778ac34..cadf6d4a1dfba 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;
 	}
 }
 
diff --git a/packages/edit-site/package.json b/packages/edit-site/package.json
index dba4705d9c351..1daa2484564e5 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 5e20e2542da47..215a15f1ca5ba 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 25b93d197d6ea..7b46f86ae89e2 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 27b0baa493d26..24a1efe4ef609 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/CHANGELOG.md b/packages/env/CHANGELOG.md
index bcd5fea3c6478..b769f45de65ae 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/env/package.json b/packages/env/package.json
index 9c7d0e5c577c4..64b8bd6bdeabf 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 73224ac85f92f..fab30cccc0bec 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/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md
index 3f8ef085dd3a8..b762cecab77e6 100644
--- a/packages/eslint-plugin/CHANGELOG.md
+++ b/packages/eslint-plugin/CHANGELOG.md
@@ -1,8 +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)
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index f2ead7d1ecb7d..a7b6267c77d21 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.1",
 	"description": "ESLint plugin for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -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": {
diff --git a/packages/format-library/package.json b/packages/format-library/package.json
index 9bc1986d97790..49c7b488a0b0d 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/format-library/src/link/index.js b/packages/format-library/src/link/index.js
index 1a63d9621e805..8680d006e41e7 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 aaeeb5006caa8..58e767b226262 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 cc59087e8c429..b3be2c1de0720 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 );
-	} );
 } );
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index 6023d6fd4291e..260515652d5b3 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 027d5851074db..5e0cb8c0f1d04 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 405862ba99b77..a328ecf0959d0 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/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
index fdaebccb1aa00..15517d8f1ce7c 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/is-shallow-equal/package.json b/packages/is-shallow-equal/package.json
index 566cc4199a291..0800bdb4e7543 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 e3c87ca9724ae..1403c4b16d858 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/CHANGELOG.md b/packages/jest-preset-default/CHANGELOG.md
index 0c5084eef0065..6113ac0aba4d7 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/jest-preset-default/package.json b/packages/jest-preset-default/package.json
index aca3dfc47fccc..f21666ff2f55a 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 9cbd767ca3406..03e84e46c75e0 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/CHANGELOG.md b/packages/keyboard-shortcuts/CHANGELOG.md
index 0a7aea6e822a5..15517d8f1ce7c 100644
--- a/packages/keyboard-shortcuts/CHANGELOG.md
+++ b/packages/keyboard-shortcuts/CHANGELOG.md
@@ -1,3 +1,5 @@
-# Master
+## Master
+
+## 1.0.0 (2020-02-04)
 
 Initial release.
diff --git a/packages/keyboard-shortcuts/package.json b/packages/keyboard-shortcuts/package.json
index 7c41057b11524..6d24bca8d2630 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 5a7fb1584955a..8aae78cf10722 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 6edc1347ea027..8eac81b456df6 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 20f555c591924..3b5e11d881c9a 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 7ae6744aebcf3..8842215cac863 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 62c7edf918a63..eb96ae94f85c8 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 058dadc1d4eff..891d197e33121 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 cd8d44da60e5f..7f6fdd6f4f1e0 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 97fb84ae1bab0..5f099903e4e99 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 b19f52e5ef976..10acc270b33ae 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 b36aa3511d855..4e6fc510a75a6 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/CHANGELOG.md b/packages/priority-queue/CHANGELOG.md
index 6f2b1e56bfa8d..e4a76269c9ca8 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/priority-queue/package.json b/packages/priority-queue/package.json
index 5ec0688abeee9..913c73189d2ea 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/lib/add-milestone.js b/packages/project-management-automation/lib/add-milestone.js
index 456503a978953..cd4e2a5f8aa2f 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.
  *
@@ -85,12 +102,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 ( ! isDuplicateValidationError( error ) ) {
+			throw error;
+		}
+
+		debug(
+			'add-milestone: Milestone already exists, proceeding with assignment'
+		);
+	}
 
 	debug( 'add-milestone: Fetching all milestones' );
 
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 0000000000000..b64228c9fde4f
--- /dev/null
+++ b/packages/project-management-automation/lib/if-not-fork.js
@@ -0,0 +1,29 @@
+/**
+ * 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
+ * pull request event which did not originate from a forked repository.
+ *
+ * @param {Function} handler Original task.
+ *
+ * @return {Function} Enhanced task.
+ */
+function ifNotFork( handler ) {
+	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;
diff --git a/packages/project-management-automation/lib/index.js b/packages/project-management-automation/lib/index.js
index 00b0cf3c8d2a0..15d2844c38e48 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',
@@ -52,7 +53,7 @@ const automations = [
 				debug( `main: Starting task ${ task.name }` );
 				await task( context.payload, octokit );
 			} catch ( error ) {
-				debug(
+				setFailed(
 					`main: Task ${ task.name } failed with error: ${ error }`
 				);
 			}
diff --git a/packages/project-management-automation/package.json b/packages/project-management-automation/package.json
index 55a57f2e140d5..2adcb9bef5b75 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/CHANGELOG.md b/packages/redux-routine/CHANGELOG.md
index 34283bf35146a..ee12aca29a4e3 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/redux-routine/package.json b/packages/redux-routine/package.json
index 1dbd43561270d..89db00b09fff9 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 350e2a5c5d11e..78032252b1d48 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/CHANGELOG.md b/packages/scripts/CHANGELOG.md
index f22a8d37f8fe6..9d89a3bca8194 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/scripts/package.json b/packages/scripts/package.json
index 2696ea7ac5929..c770244ef048c 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.1",
 	"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/CHANGELOG.md b/packages/server-side-render/CHANGELOG.md
index 2b193ca61e76b..2ed1d51ef27fd 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)
 
diff --git a/packages/server-side-render/package.json b/packages/server-side-render/package.json
index 82ab0dd3ae72c..9a83e9c9e0ac1 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 fbcc62a3bd8d9..ed8ce524c2f45 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 01c9d53cc2843..2e7947df9e8f5 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/CHANGELOG.md b/packages/url/CHANGELOG.md
index 3c0ec6a60d906..6758ea16f8ee4 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 9436880c51f43..b08f57b7e3959 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/package.json b/packages/url/package.json
index 9e1a16eeccc61..dcaa2ba60c784 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/url/src/is-url.js b/packages/url/src/is-url.js
index 5f3c854f93ad7..b84932c8aae2e 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 7aa1247396eea..f51192808ac82 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 );
 	} );
 } );
 
diff --git a/packages/viewport/package.json b/packages/viewport/package.json
index 76c9e95f8e9e2..dc8f8fa4135be 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/CHANGELOG.md b/packages/warning/CHANGELOG.md
index e69de29bb2d1d..15517d8f1ce7c 100644
--- a/packages/warning/CHANGELOG.md
+++ b/packages/warning/CHANGELOG.md
@@ -0,0 +1,5 @@
+## Master
+
+## 1.0.0 (2020-02-04)
+
+Initial release.
diff --git a/packages/warning/package.json b/packages/warning/package.json
index 076f28d16150e..fd94779db9e83 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 b7f7c277262dc..1b7dbcbf5bcb4 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",
diff --git a/readme.txt b/readme.txt
index 1e0517e92872d..86bda8af83511 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>.