@wordpress/block-editor 14.12.0 → 14.14.0

package/build-style/style.css

@@ -279,13 +279,11 @@ iframe[name=editor-canvas] {
   width: 100%;
   height: 100%;
   display: block;
-  transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
   background-color: #ddd;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   iframe[name=editor-canvas] {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
   }
 }
 
@@ -498,7 +496,11 @@ iframe[name=editor-canvas] {
 }
 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
   opacity: 0;
-  animation: hide-during-dragging 1ms linear forwards;
+}
+@media not (prefers-reduced-motion) {
+  .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
+    animation: hide-during-dragging 1ms linear forwards;
+  }
 }
 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
   position: absolute;
@@ -789,7 +791,11 @@ iframe[name=editor-canvas] {
   justify-content: center;
   align-items: center;
   background-color: transparent;
-  transition: all 0.1s linear 0.1s;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
+    transition: all 0.1s linear 0.1s;
+  }
 }
 .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon {
   width: 20px;
@@ -955,13 +961,11 @@ iframe[name=editor-canvas] {
   left: 8px;
   right: 8px;
   z-index: -1;
-  animation: components-button__appear-animation 0.1s ease;
-  animation-fill-mode: forwards;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .components-button.block-editor-block-mover-button::before {
-    animation-duration: 1ms;
-    animation-delay: 0s;
+    animation: components-button__appear-animation 0.1s ease;
+    animation-fill-mode: forwards;
   }
 }
 .components-button.block-editor-block-mover-button:focus, .components-button.block-editor-block-mover-button:focus:enabled, .components-button.block-editor-block-mover-button:focus::before {
@@ -1018,12 +1022,10 @@ iframe[name=editor-canvas] {
   outline: 1px solid rgba(0, 0, 0, 0.1);
   outline-offset: -1px;
   border-radius: 4px;
-  transition: outline 0.1s linear;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-block-patterns-list__item .block-editor-block-preview__container::after {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: outline 0.1s linear;
   }
 }
 .block-editor-block-patterns-list__item.is-selected .block-editor-block-preview__container::after {
@@ -1306,10 +1308,14 @@ iframe[name=editor-canvas] {
 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item {
   height: 100%;
   border-radius: 2px;
-  transition: all 0.05s ease-in-out;
   position: relative;
   border: 1px solid transparent;
 }
+@media not (prefers-reduced-motion) {
+  .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item {
+    transition: all 0.05s ease-in-out;
+  }
+}
 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus {
   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   outline: 2px solid transparent;
@@ -1461,9 +1467,13 @@ iframe[name=editor-canvas] {
   background-color: #fff;
   margin: auto;
   padding: 0;
-  transition: transform 0.5s, z-index 0.5s;
   z-index: 100;
 }
+@media not (prefers-reduced-motion) {
+  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
+    transition: transform 0.5s, z-index 0.5s;
+  }
+}
 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide {
   opacity: 1;
   position: relative;
@@ -1650,12 +1660,10 @@ iframe[name=editor-canvas] {
   top: 8px;
   margin: auto 8px auto;
   opacity: 0;
-  transition: opacity 0.1s ease-in-out;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-panel-color-gradient-settings__reset {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: opacity 0.1s ease-in-out;
   }
 }
 .block-editor-panel-color-gradient-settings__reset.block-editor-panel-color-gradient-settings__reset {
@@ -1730,6 +1738,7 @@ iframe[name=editor-canvas] {
 .block-editor-global-styles__shadow-dropdown {
   display: block;
   padding: 0;
+  position: relative;
 }
 .block-editor-global-styles-filters-panel__dropdown button,
 .block-editor-global-styles__shadow-dropdown button {
@@ -1741,6 +1750,32 @@ iframe[name=editor-canvas] {
   background-color: #f0f0f0;
 }
 
+.block-editor-global-styles__shadow-editor__remove-button {
+  position: absolute;
+  right: 0;
+  top: 8px;
+  margin: auto 8px auto;
+  opacity: 0;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-global-styles__shadow-editor__remove-button {
+    transition: opacity 0.1s ease-in-out;
+  }
+}
+.block-editor-global-styles__shadow-dropdown:hover .block-editor-global-styles__shadow-editor__remove-button, .block-editor-global-styles__shadow-editor__remove-button:focus, .block-editor-global-styles__shadow-editor__remove-button:hover {
+  opacity: 1;
+}
+@media (hover: none) {
+  .block-editor-global-styles__shadow-editor__remove-button {
+    opacity: 1;
+  }
+}
+
+.block-editor-global-styles-filters-panel__dropdown {
+  border: 1px solid #ddd;
+  border-radius: 2px;
+}
+
 .block-editor-global-styles__shadow-indicator {
   appearance: none;
   background: none;
@@ -1755,9 +1790,13 @@ iframe[name=editor-canvas] {
   width: 26px;
   box-sizing: border-box;
   transform: scale(1);
-  transition: transform 0.1s ease;
   will-change: transform;
 }
+@media not (prefers-reduced-motion) {
+  .block-editor-global-styles__shadow-indicator {
+    transition: transform 0.1s ease;
+  }
+}
 .block-editor-global-styles__shadow-indicator:focus {
   border: 2px solid #757575;
 }
@@ -1774,6 +1813,27 @@ iframe[name=editor-canvas] {
   direction: ltr;
 }
 
+.block-editor-panel-duotone-settings__reset {
+  position: absolute;
+  right: 0;
+  top: 8px;
+  margin: auto 8px auto;
+  opacity: 0;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-panel-duotone-settings__reset {
+    transition: opacity 0.1s ease-in-out;
+  }
+}
+.block-editor-global-styles-filters-panel__dropdown:hover .block-editor-panel-duotone-settings__reset, .block-editor-panel-duotone-settings__reset:focus, .block-editor-panel-duotone-settings__reset:hover {
+  opacity: 1;
+}
+@media (hover: none) {
+  .block-editor-panel-duotone-settings__reset {
+    opacity: 1;
+  }
+}
+
 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
   z-index: 30;
 }
@@ -1873,13 +1933,11 @@ iframe[name=editor-canvas] {
   left: 8px;
   right: 8px;
   z-index: -1;
-  animation: components-button__appear-animation 0.1s ease;
-  animation-fill-mode: forwards;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button::before {
-    animation-duration: 1ms;
-    animation-delay: 0s;
+    animation: components-button__appear-animation 0.1s ease;
+    animation-fill-mode: forwards;
   }
 }
 .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus::before {
@@ -2045,14 +2103,12 @@ iframe[name=editor-canvas] {
   cursor: pointer;
   background: transparent;
   word-break: break-word;
-  transition: all 0.05s ease-in-out;
   position: relative;
   height: auto;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .components-button.block-editor-block-types-list__item {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: all 0.05s ease-in-out;
   }
 }
 .components-button.block-editor-block-types-list__item:disabled {
@@ -2091,25 +2147,19 @@ iframe[name=editor-canvas] {
 .block-editor-block-types-list__item-icon {
   padding: 12px 20px;
   color: #1e1e1e;
-  transition: all 0.05s ease-in-out;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-block-types-list__item-icon {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: all 0.05s ease-in-out;
   }
 }
 .block-editor-block-types-list__item-icon .block-editor-block-icon {
   margin-left: auto;
   margin-right: auto;
 }
-.block-editor-block-types-list__item-icon svg {
-  transition: all 0.15s ease-out;
-}
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-block-types-list__item-icon svg {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: all 0.15s ease-out;
   }
 }
 .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon {
@@ -2377,8 +2427,12 @@ iframe[name=editor-canvas] {
   right: 0;
   bottom: 0;
   border-radius: 100%;
-  animation: loadingpulse 1s linear infinite;
-  animation-delay: 0.5s;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before {
+    animation: loadingpulse 1s linear infinite;
+    animation-delay: 0.5s;
+  }
 }
 
 .block-editor-link-control__loading {
@@ -2451,24 +2505,20 @@ iframe[name=editor-canvas] {
 }
 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
   visibility: visible;
-  transition: transform 0.1s ease;
   transform: rotate(90deg);
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.1s ease;
   }
 }
 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg {
   visibility: visible;
   transform: rotate(0deg);
-  transition: transform 0.1s ease;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.1s ease;
   }
 }
 
@@ -2591,63 +2641,51 @@ iframe[name=editor-canvas] {
   border-radius: 0;
 }
 .block-editor-list-view-leaf.is-displacement-normal {
-  transition: transform 0.2s;
   transform: translateY(0);
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-displacement-normal {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s;
   }
 }
 .block-editor-list-view-leaf.is-displacement-up {
-  transition: transform 0.2s;
   transform: translateY(-32px);
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-displacement-up {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s;
   }
 }
 .block-editor-list-view-leaf.is-displacement-down {
-  transition: transform 0.2s;
   transform: translateY(32px);
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-displacement-down {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s;
   }
 }
 .block-editor-list-view-leaf.is-after-dragged-blocks {
-  transition: transform 0.2s;
   transform: translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-after-dragged-blocks {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s;
   }
 }
 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up {
-  transition: transform 0.2s;
   transform: translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s;
   }
 }
 .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));
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s;
   }
 }
 .block-editor-list-view-leaf.is-dragging {
@@ -2673,7 +2711,11 @@ iframe[name=editor-canvas] {
   font-weight: 400;
   margin: 0;
   text-decoration: none;
-  transition: box-shadow 0.1s linear;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-list-view-leaf .block-editor-list-view-block-contents {
+    transition: box-shadow 0.1s linear;
+  }
 }
 .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents {
   padding-left: 0;
@@ -2914,25 +2956,21 @@ iframe[name=editor-canvas] {
 
 .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
   visibility: visible;
-  transition: transform 0.2s ease;
   transform: rotate(90deg);
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s ease;
   }
 }
 
 .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
   visibility: visible;
   transform: rotate(0deg);
-  transition: transform 0.2s ease;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: transform 0.2s ease;
   }
 }
 
@@ -3257,15 +3295,13 @@ iframe[name=editor-canvas] {
 
 .block-editor-url-input__suggestions {
   max-height: 200px;
-  transition: all 0.15s ease-in-out;
   padding: 4px 0;
   width: 302px;
   overflow-y: auto;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-url-input__suggestions {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: all 0.15s ease-in-out;
   }
 }
 
@@ -3515,12 +3551,10 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   position: relative;
   overflow-y: hidden;
   overflow-x: auto;
-  transition: border-color 0.1s linear, box-shadow 0.1s linear;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-block-toolbar {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: border-color 0.1s linear, box-shadow 0.1s linear;
   }
 }
 @media (min-width: 600px) {
@@ -3821,12 +3855,10 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   border: none;
   outline: none;
   padding: 0;
-  transition: color 0.2s ease;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-inserter__toggle.components-button {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: color 0.2s ease;
   }
 }
 
@@ -3903,10 +3935,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   text-align: center;
 }
 
-.block-editor-inserter__no-results-icon {
-  fill: #949494;
-}
-
 .block-editor-inserter__child-blocks {
   padding: 0 16px;
 }
@@ -4260,12 +4288,10 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   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));
-  transition: outline 0.1s linear;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview > * {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: outline 0.1s linear;
   }
 }
 
@@ -4332,8 +4358,14 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 
 .block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
+  display: none;
   padding: 0 24px 16px;
 }
+@media (min-width: 480px) {
+  .block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
+    display: block;
+  }
+}
 
 .spacing-sizes-control .spacing-sizes-control__custom-value-input,
 .spacing-sizes-control .spacing-sizes-control__label {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "14.12.0",
+	"version": "14.14.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,38 +37,38 @@
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.6.0",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.17.0",
-		"@wordpress/api-fetch": "^7.17.0",
-		"@wordpress/blob": "^4.17.0",
-		"@wordpress/block-serialization-default-parser": "^5.17.0",
-		"@wordpress/blocks": "^14.6.0",
-		"@wordpress/commands": "^1.17.0",
-		"@wordpress/components": "^29.3.0",
-		"@wordpress/compose": "^7.17.0",
-		"@wordpress/data": "^10.17.0",
-		"@wordpress/date": "^5.17.0",
-		"@wordpress/deprecated": "^4.17.0",
-		"@wordpress/dom": "^4.17.0",
-		"@wordpress/element": "^6.17.0",
-		"@wordpress/escape-html": "^3.17.0",
-		"@wordpress/hooks": "^4.17.0",
-		"@wordpress/html-entities": "^4.17.0",
-		"@wordpress/i18n": "^5.17.0",
-		"@wordpress/icons": "^10.17.0",
-		"@wordpress/is-shallow-equal": "^5.17.0",
-		"@wordpress/keyboard-shortcuts": "^5.17.0",
-		"@wordpress/keycodes": "^4.17.0",
-		"@wordpress/notices": "^5.17.0",
-		"@wordpress/preferences": "^4.17.0",
-		"@wordpress/priority-queue": "^3.17.0",
-		"@wordpress/private-apis": "^1.17.0",
-		"@wordpress/rich-text": "^7.17.0",
-		"@wordpress/style-engine": "^2.17.0",
-		"@wordpress/token-list": "^3.17.0",
-		"@wordpress/upload-media": "^0.2.0",
-		"@wordpress/url": "^4.17.0",
-		"@wordpress/warning": "^3.17.0",
-		"@wordpress/wordcount": "^4.17.0",
+		"@wordpress/a11y": "^4.19.0",
+		"@wordpress/api-fetch": "^7.19.0",
+		"@wordpress/blob": "^4.19.0",
+		"@wordpress/block-serialization-default-parser": "^5.19.0",
+		"@wordpress/blocks": "^14.8.0",
+		"@wordpress/commands": "^1.19.0",
+		"@wordpress/components": "^29.5.0",
+		"@wordpress/compose": "^7.19.0",
+		"@wordpress/data": "^10.19.0",
+		"@wordpress/date": "^5.19.0",
+		"@wordpress/deprecated": "^4.19.0",
+		"@wordpress/dom": "^4.19.0",
+		"@wordpress/element": "^6.19.0",
+		"@wordpress/escape-html": "^3.19.0",
+		"@wordpress/hooks": "^4.19.0",
+		"@wordpress/html-entities": "^4.19.0",
+		"@wordpress/i18n": "^5.19.0",
+		"@wordpress/icons": "^10.19.0",
+		"@wordpress/is-shallow-equal": "^5.19.0",
+		"@wordpress/keyboard-shortcuts": "^5.19.0",
+		"@wordpress/keycodes": "^4.19.0",
+		"@wordpress/notices": "^5.19.0",
+		"@wordpress/preferences": "^4.19.0",
+		"@wordpress/priority-queue": "^3.19.0",
+		"@wordpress/private-apis": "^1.19.0",
+		"@wordpress/rich-text": "^7.19.0",
+		"@wordpress/style-engine": "^2.19.0",
+		"@wordpress/token-list": "^3.19.0",
+		"@wordpress/upload-media": "^0.4.0",
+		"@wordpress/url": "^4.19.0",
+		"@wordpress/warning": "^3.19.0",
+		"@wordpress/wordcount": "^4.19.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "68a831c3178197fe87db284d4b94e5743bfb6b6c"
+	"gitHead": "d6b0b20fa927b110140dc7fdd906a7e0bf662004"
 }

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

@@ -313,12 +313,6 @@ function BackgroundImageControls( {
 
 	// Drag and drop callback, restricting image to one.
 	const onFilesDrop = ( filesList ) => {
-		if ( filesList?.length > 1 ) {
-			onUploadError(
-				__( 'Only one image can be used as a background image.' )
-			);
-			return;
-		}
 		getSettings().mediaUpload( {
 			allowedTypes: [ IMAGE_BACKGROUND_TYPE ],
 			filesList,
@@ -326,6 +320,7 @@ function BackgroundImageControls( {
 				onSelectMedia( image );
 			},
 			onError: onUploadError,
+			multiple: false,
 		} );
 	};
 

package/src/components/block-canvas/style.scss

@@ -4,7 +4,8 @@ iframe[name="editor-canvas"] {
 	height: 100%;
 	display: block;
 	// Handles transitions between device previews
-	transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
-	@include reduce-motion("transition");
+	@media not ( prefers-reduced-motion ) {
+		transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
+	}
 	background-color: $gray-300;
 }

package/src/components/block-draggable/style.scss

@@ -59,7 +59,9 @@
 	justify-content: center;
 	align-items: center;
 	background-color: transparent;
-	transition: all 0.1s linear 0.1s;
+	@media not ( prefers-reduced-motion ) {
+		transition: all 0.1s linear 0.1s;
+	}
 
 	.block-editor-block-draggable-chip__disabled-icon {
 		width: $grid-unit-50 * 0.5;