@wordpress/block-editor 14.8.1-next.cd6172eb0.0 → 14.10.0

package/build-style/style-rtl.css

@@ -153,7 +153,9 @@
 }
 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
   display: block;
-  height: 36px;
+}
+.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown .block-editor-global-styles-background-panel__dropdown-toggle {
+  height: 40px;
 }
 
 .block-editor-global-styles-background-panel__image-tools-panel-item {
@@ -166,7 +168,6 @@
 }
 .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
   display: block;
-  height: 36px;
 }
 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
   color: #1e1e1e;
@@ -644,11 +645,18 @@ iframe[name=editor-canvas] {
 
 .block-editor-block-card__title {
   font-weight: 500;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px 8px;
 }
 .block-editor-block-card__title.block-editor-block-card__title {
   font-size: 13px;
   line-height: 1.4;
   margin: 0;
+}
+
+.block-editor-block-card__name {
   padding: 3px 0;
 }
 
@@ -1588,6 +1596,7 @@ iframe[name=editor-canvas] {
 .block-editor-tools-panel-color-gradient-settings__item {
   padding: 0;
   max-width: 100%;
+  position: relative;
   border-right: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
@@ -1634,8 +1643,36 @@ iframe[name=editor-canvas] {
   flex-shrink: 0;
 }
 
+.block-editor-panel-color-gradient-settings__reset {
+  position: absolute;
+  left: 0;
+  top: 8px;
+  margin: auto 8px auto;
+  opacity: 0;
+  transition: opacity 0.1s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .block-editor-panel-color-gradient-settings__reset {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
+}
+.block-editor-panel-color-gradient-settings__reset.block-editor-panel-color-gradient-settings__reset {
+  border-radius: 2px;
+}
+.block-editor-panel-color-gradient-settings__dropdown:hover + .block-editor-panel-color-gradient-settings__reset, .block-editor-panel-color-gradient-settings__reset:focus, .block-editor-panel-color-gradient-settings__reset:hover {
+  opacity: 1;
+}
+@media (hover: none) {
+  .block-editor-panel-color-gradient-settings__reset {
+    opacity: 1;
+  }
+}
+
 .block-editor-date-format-picker {
-  margin-bottom: 16px;
+  margin: 0 0 16px;
+  padding: 0;
+  border: none;
 }
 
 .block-editor-date-format-picker__custom-format-select-control__custom-option {
@@ -1767,7 +1804,7 @@ iframe[name=editor-canvas] {
   overflow: hidden;
 }
 .block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender {
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, #0000);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
   color: inherit;
   overflow: hidden;
   height: 100%;
@@ -1782,7 +1819,7 @@ iframe[name=editor-canvas] {
 .block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender,
 .block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus {
   opacity: 1;
-  background-color: color-mix(in srgb, currentColor 20%, #0000);
+  background-color: color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
 }
 
 .block-editor-grid-visualizer__drop-zone {
@@ -2602,7 +2639,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
   transition: transform 0.2s;
-  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * 			-1));
+  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
 }
 @media (prefers-reduced-motion: reduce) {
   .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
@@ -2938,9 +2975,11 @@ iframe[name=editor-canvas] {
   color: #fff;
   margin: 8px 24px 0 0;
   height: 24px;
-  min-width: 24px;
   padding: 0;
 }
+.list-view-appender .block-editor-inserter__toggle.has-icon.is-next-40px-default-size {
+  min-width: 24px;
+}
 .list-view-appender .block-editor-inserter__toggle:hover, .list-view-appender .block-editor-inserter__toggle:focus {
   background: var(--wp-admin-theme-color);
   color: #fff;
@@ -2958,16 +2997,17 @@ iframe[name=editor-canvas] {
   margin-right: 4px;
 }
 
+.block-editor-media-replace-flow__media-upload-menu:not(:empty) + .block-editor-media-flow__url-input {
+  border-top: 1px solid #1e1e1e;
+  margin-top: 8px;
+  padding-bottom: 8px;
+}
+
 .block-editor-media-flow__url-input {
   margin-left: -8px;
   margin-right: -8px;
   padding: 16px;
 }
-.block-editor-media-flow__url-input.has-siblings {
-  border-top: 1px solid #1e1e1e;
-  margin-top: 8px;
-  padding-bottom: 8px;
-}
 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
   display: block;
   top: 16px;
@@ -3018,27 +3058,15 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-multi-selection-inspector__card {
-  display: flex;
-  align-items: flex-start;
   padding: 16px;
 }
 
-.block-editor-multi-selection-inspector__card-content {
-  flex-grow: 1;
-}
-
 .block-editor-multi-selection-inspector__card-title {
   font-weight: 500;
-  margin-bottom: 5px;
-}
-
-.block-editor-multi-selection-inspector__card-description {
-  font-size: 13px;
 }
 
 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
   margin-right: -2px;
-  margin-left: 10px;
   padding: 0 3px;
   width: 36px;
   height: 24px;
@@ -4232,7 +4260,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview > * {
   outline-color: var(--wp-admin-theme-color);
   outline-width: var(--wp-admin-border-width-focus);
-  outline-offset: calc((-1 * var(--wp-admin-border-width-focus)));
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
   transition: outline 0.1s linear;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -4312,43 +4340,11 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .spacing-sizes-control .spacing-sizes-control__label {
   margin-bottom: 0;
 }
-.spacing-sizes-control .is-marked .components-range-control__track {
-  transition: width ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__track {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-  transition: right ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
 .spacing-sizes-control .spacing-sizes-control__range-control,
 .spacing-sizes-control .spacing-sizes-control__custom-value-range {
   flex: 1;
   margin-bottom: 0;
 }
-.spacing-sizes-control .components-range-control__mark {
-  transform: translateX(50%);
-  height: 4px;
-  width: 2px;
-  background-color: #fff;
-  z-index: 1;
-  top: -4px;
-}
-.spacing-sizes-control .components-range-control__marks {
-  margin-top: 17px;
-}
-.spacing-sizes-control .components-range-control__thumb-wrapper {
-  z-index: 3;
-}
 
 .spacing-sizes-control__header {
   height: 16px;

package/build-style/style.css

@@ -153,7 +153,9 @@
 }
 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
   display: block;
-  height: 36px;
+}
+.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown .block-editor-global-styles-background-panel__dropdown-toggle {
+  height: 40px;
 }
 
 .block-editor-global-styles-background-panel__image-tools-panel-item {
@@ -166,7 +168,6 @@
 }
 .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
   display: block;
-  height: 36px;
 }
 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
   color: #1e1e1e;
@@ -644,11 +645,18 @@ iframe[name=editor-canvas] {
 
 .block-editor-block-card__title {
   font-weight: 500;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px 8px;
 }
 .block-editor-block-card__title.block-editor-block-card__title {
   font-size: 13px;
   line-height: 1.4;
   margin: 0;
+}
+
+.block-editor-block-card__name {
   padding: 3px 0;
 }
 
@@ -1588,6 +1596,7 @@ iframe[name=editor-canvas] {
 .block-editor-tools-panel-color-gradient-settings__item {
   padding: 0;
   max-width: 100%;
+  position: relative;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
@@ -1634,8 +1643,36 @@ iframe[name=editor-canvas] {
   flex-shrink: 0;
 }
 
+.block-editor-panel-color-gradient-settings__reset {
+  position: absolute;
+  right: 0;
+  top: 8px;
+  margin: auto 8px auto;
+  opacity: 0;
+  transition: opacity 0.1s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .block-editor-panel-color-gradient-settings__reset {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
+}
+.block-editor-panel-color-gradient-settings__reset.block-editor-panel-color-gradient-settings__reset {
+  border-radius: 2px;
+}
+.block-editor-panel-color-gradient-settings__dropdown:hover + .block-editor-panel-color-gradient-settings__reset, .block-editor-panel-color-gradient-settings__reset:focus, .block-editor-panel-color-gradient-settings__reset:hover {
+  opacity: 1;
+}
+@media (hover: none) {
+  .block-editor-panel-color-gradient-settings__reset {
+    opacity: 1;
+  }
+}
+
 .block-editor-date-format-picker {
-  margin-bottom: 16px;
+  margin: 0 0 16px;
+  padding: 0;
+  border: none;
 }
 
 .block-editor-date-format-picker__custom-format-select-control__custom-option {
@@ -1768,7 +1805,7 @@ iframe[name=editor-canvas] {
   overflow: hidden;
 }
 .block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender {
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, #0000);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
   color: inherit;
   overflow: hidden;
   height: 100%;
@@ -1783,7 +1820,7 @@ iframe[name=editor-canvas] {
 .block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender,
 .block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus {
   opacity: 1;
-  background-color: color-mix(in srgb, currentColor 20%, #0000);
+  background-color: color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
 }
 
 .block-editor-grid-visualizer__drop-zone {
@@ -2603,7 +2640,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
   transition: transform 0.2s;
-  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * 			-1));
+  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
 }
 @media (prefers-reduced-motion: reduce) {
   .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
@@ -2939,9 +2976,11 @@ iframe[name=editor-canvas] {
   color: #fff;
   margin: 8px 0 0 24px;
   height: 24px;
-  min-width: 24px;
   padding: 0;
 }
+.list-view-appender .block-editor-inserter__toggle.has-icon.is-next-40px-default-size {
+  min-width: 24px;
+}
 .list-view-appender .block-editor-inserter__toggle:hover, .list-view-appender .block-editor-inserter__toggle:focus {
   background: var(--wp-admin-theme-color);
   color: #fff;
@@ -2959,16 +2998,17 @@ iframe[name=editor-canvas] {
   margin-left: 4px;
 }
 
+.block-editor-media-replace-flow__media-upload-menu:not(:empty) + .block-editor-media-flow__url-input {
+  border-top: 1px solid #1e1e1e;
+  margin-top: 8px;
+  padding-bottom: 8px;
+}
+
 .block-editor-media-flow__url-input {
   margin-right: -8px;
   margin-left: -8px;
   padding: 16px;
 }
-.block-editor-media-flow__url-input.has-siblings {
-  border-top: 1px solid #1e1e1e;
-  margin-top: 8px;
-  padding-bottom: 8px;
-}
 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
   display: block;
   top: 16px;
@@ -3019,27 +3059,15 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-multi-selection-inspector__card {
-  display: flex;
-  align-items: flex-start;
   padding: 16px;
 }
 
-.block-editor-multi-selection-inspector__card-content {
-  flex-grow: 1;
-}
-
 .block-editor-multi-selection-inspector__card-title {
   font-weight: 500;
-  margin-bottom: 5px;
-}
-
-.block-editor-multi-selection-inspector__card-description {
-  font-size: 13px;
 }
 
 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
   margin-left: -2px;
-  margin-right: 10px;
   padding: 0 3px;
   width: 36px;
   height: 24px;
@@ -4233,7 +4261,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview > * {
   outline-color: var(--wp-admin-theme-color);
   outline-width: var(--wp-admin-border-width-focus);
-  outline-offset: calc((-1 * var(--wp-admin-border-width-focus)));
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
   transition: outline 0.1s linear;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -4313,43 +4341,11 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .spacing-sizes-control .spacing-sizes-control__label {
   margin-bottom: 0;
 }
-.spacing-sizes-control .is-marked .components-range-control__track {
-  transition: width ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__track {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-  transition: left ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
 .spacing-sizes-control .spacing-sizes-control__range-control,
 .spacing-sizes-control .spacing-sizes-control__custom-value-range {
   flex: 1;
   margin-bottom: 0;
 }
-.spacing-sizes-control .components-range-control__mark {
-  transform: translateX(-50%);
-  height: 4px;
-  width: 2px;
-  background-color: #fff;
-  z-index: 1;
-  top: -4px;
-}
-.spacing-sizes-control .components-range-control__marks {
-  margin-top: 17px;
-}
-.spacing-sizes-control .components-range-control__thumb-wrapper {
-  z-index: 3;
-}
 
 .spacing-sizes-control__header {
   height: 16px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "14.8.1-next.cd6172eb0.0",
+	"version": "14.10.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,37 +37,37 @@
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.6.0",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/api-fetch": "^7.13.1-next.cd6172eb0.0",
-		"@wordpress/blob": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/block-serialization-default-parser": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/blocks": "^14.2.1-next.cd6172eb0.0",
-		"@wordpress/commands": "^1.13.1-next.cd6172eb0.0",
-		"@wordpress/components": "*",
-		"@wordpress/compose": "^7.13.1-next.cd6172eb0.0",
-		"@wordpress/data": "^10.13.1-next.cd6172eb0.0",
-		"@wordpress/date": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/deprecated": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/dom": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/element": "^6.13.1-next.cd6172eb0.0",
-		"@wordpress/escape-html": "^3.13.1-next.cd6172eb0.0",
-		"@wordpress/hooks": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/html-entities": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/i18n": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/icons": "^10.13.1-next.cd6172eb0.0",
-		"@wordpress/is-shallow-equal": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/keyboard-shortcuts": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/keycodes": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/notices": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/preferences": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/priority-queue": "^3.13.1-next.cd6172eb0.0",
-		"@wordpress/private-apis": "^1.13.1-next.cd6172eb0.0",
-		"@wordpress/rich-text": "^7.13.1-next.cd6172eb0.0",
-		"@wordpress/style-engine": "^2.13.1-next.cd6172eb0.0",
-		"@wordpress/token-list": "^3.13.1-next.cd6172eb0.0",
-		"@wordpress/url": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/warning": "^3.13.1-next.cd6172eb0.0",
-		"@wordpress/wordcount": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/a11y": "^4.15.0",
+		"@wordpress/api-fetch": "^7.15.0",
+		"@wordpress/blob": "^4.15.0",
+		"@wordpress/block-serialization-default-parser": "^5.15.0",
+		"@wordpress/blocks": "^14.4.0",
+		"@wordpress/commands": "^1.15.0",
+		"@wordpress/components": "^29.1.0",
+		"@wordpress/compose": "^7.15.0",
+		"@wordpress/data": "^10.15.0",
+		"@wordpress/date": "^5.15.0",
+		"@wordpress/deprecated": "^4.15.0",
+		"@wordpress/dom": "^4.15.0",
+		"@wordpress/element": "^6.15.0",
+		"@wordpress/escape-html": "^3.15.0",
+		"@wordpress/hooks": "^4.15.0",
+		"@wordpress/html-entities": "^4.15.0",
+		"@wordpress/i18n": "^5.15.0",
+		"@wordpress/icons": "^10.15.0",
+		"@wordpress/is-shallow-equal": "^5.15.0",
+		"@wordpress/keyboard-shortcuts": "^5.15.0",
+		"@wordpress/keycodes": "^4.15.0",
+		"@wordpress/notices": "^5.15.0",
+		"@wordpress/preferences": "^4.15.0",
+		"@wordpress/priority-queue": "^3.15.0",
+		"@wordpress/private-apis": "^1.15.0",
+		"@wordpress/rich-text": "^7.15.0",
+		"@wordpress/style-engine": "^2.15.0",
+		"@wordpress/token-list": "^3.15.0",
+		"@wordpress/url": "^4.15.0",
+		"@wordpress/warning": "^3.15.0",
+		"@wordpress/wordcount": "^4.15.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -90,5 +90,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4cc93dc1781d8a7bc2bbde265913917920e2bd45"
+	"gitHead": "75a65eb8ffc168a92042544052f46d080a71ea45"
 }

package/src/components/alignment-control/stories/aliginment-toolbar.story.js

@@ -16,13 +16,13 @@ const meta = {
 	component: AlignmentToolbar,
 	argTypes: {
 		value: {
-			control: { type: null },
+			control: false,
 			defaultValue: 'undefined',
 			description: 'The current value of the alignment setting.',
 		},
 		onChange: {
 			action: 'onChange',
-			control: { type: null },
+			control: false,
 			description:
 				"A callback function invoked when the toolbar's alignment value is changed via an interaction with any of the toolbar's buttons. Called with the new alignment value (ie: `left`, `center`, `right`, `undefined`) as the only argument.",
 		},

package/src/components/alignment-control/stories/index.story.js

@@ -20,13 +20,13 @@ const meta = {
 	component: AlignmentControl,
 	argTypes: {
 		value: {
-			control: { type: null },
+			control: false,
 			defaultValue: 'undefined',
 			description: 'The current value of the alignment setting.',
 		},
 		onChange: {
 			action: 'onChange',
-			control: { type: null },
+			control: false,
 			description:
 				"A callback function invoked when the toolbar's alignment value is changed via an interaction with any of the toolbar's buttons. Called with the new alignment value (ie: `left`, `center`, `right`, `undefined`) as the only argument.",
 		},

package/src/components/audio-player/index.native.js

@@ -17,7 +17,7 @@ import { View } from '@wordpress/primitives';
 import { Icon } from '@wordpress/components';
 import { withPreferredColorScheme } from '@wordpress/compose';
 import { __ } from '@wordpress/i18n';
-import { audio, warning } from '@wordpress/icons';
+import { audio, cautionFilled } from '@wordpress/icons';
 import {
 	requestImageFailedRetryDialog,
 	requestImageUploadCancelDialog,
@@ -167,7 +167,7 @@ function Player( {
 					<View style={ styles.subtitleContainer }>
 						{ isUploadFailed && (
 							<Icon
-								icon={ warning }
+								icon={ cautionFilled }
 								style={ {
 									...styles.errorIcon,
 									...uploadFailedStyle,

package/src/components/background-image-control/index.js

@@ -24,6 +24,7 @@ import {
 	Placeholder,
 	Spinner,
 	__experimentalDropdownContentWrapper as DropdownContentWrapper,
+	Button,
 } from '@wordpress/components';
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
@@ -378,6 +379,9 @@ function BackgroundImageControls( {
 					/>
 				}
 				variant="secondary"
+				renderToggle={ ( props ) => (
+					<Button { ...props } __next40pxDefaultSize />
+				) }
 				onError={ onUploadError }
 				onReset={ () => {
 					closeAndFocus();

package/src/components/background-image-control/style.scss

@@ -23,7 +23,10 @@
 
 	.components-dropdown {
 		display: block;
-		height: 36px;
+
+		.block-editor-global-styles-background-panel__dropdown-toggle {
+			height: 40px;
+		}
 	}
 }
 
@@ -44,7 +47,6 @@
 
 	.components-dropdown {
 		display: block;
-		height: 36px;
 	}
 
 	button.components-button {

package/src/components/block-alignment-matrix-control/README.md

@@ -41,13 +41,36 @@ const controls = (
       />
     </BlockControls>
   </>
-}
+);
 ```
 
 ### Props
 
-| Name       | Type       | Default                   | Description                                                                                                                              |
-| ---------- | ---------- | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
-| `label`    | `string`   | `Change matrix alignment` | concise description of tool's functionality.                                                                                             |
-| `onChange` | `function` | `noop`                    | the function to execute upon a user's change of the matrix state                                                                         |
-| `value`    | `string`   | `center`                  | describes the content alignment location and can be `top`, `right`, `bottom`, `left`, `topRight`, `bottomRight`, `bottomLeft`, `topLeft` |
+### `label`
+
+-   **Type:** `string`
+-   **Default:** `'Change matrix alignment'`
+
+Label for the control.
+
+### `onChange`
+
+-   **Type:** `Function`
+-   **Default:** `noop`
+
+Function to execute upon a user's change of the matrix state.
+
+### `value`
+
+-   **Type:** `string`
+-   **Default:** `'center'`
+-   **Options:** `'center'`, `'center center'`, `'center left'`, `'center right'`, `'top center'`, `'top left'`, `'top right'`, `'bottom center'`, `'bottom left'`, `'bottom right'`
+
+Content alignment location.
+
+### `isDisabled`
+
+-   **Type:** `boolean`
+-   **Default:** `false`
+
+Whether the control should be disabled.