@wordpress/block-editor 14.11.0 → 14.13.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;
 }
@@ -1789,6 +1849,7 @@ iframe[name=editor-canvas] {
 
 .block-editor-grid-visualizer__grid {
   display: grid;
+  position: absolute;
 }
 
 .block-editor-grid-visualizer__cell {
@@ -1872,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 {
@@ -2044,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 {
@@ -2090,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 {
@@ -2376,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 {
@@ -2450,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;
   }
 }
 
@@ -2590,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 {
@@ -2672,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;
@@ -2913,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;
   }
 }
 
@@ -3256,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;
   }
 }
 
@@ -3514,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) {
@@ -3820,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;
   }
 }
 
@@ -3902,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;
 }
@@ -4259,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;
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "14.11.0",
+	"version": "14.13.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.16.0",
-		"@wordpress/api-fetch": "^7.16.0",
-		"@wordpress/blob": "^4.16.0",
-		"@wordpress/block-serialization-default-parser": "^5.16.0",
-		"@wordpress/blocks": "^14.5.0",
-		"@wordpress/commands": "^1.16.0",
-		"@wordpress/components": "^29.2.0",
-		"@wordpress/compose": "^7.16.0",
-		"@wordpress/data": "^10.16.0",
-		"@wordpress/date": "^5.16.0",
-		"@wordpress/deprecated": "^4.16.0",
-		"@wordpress/dom": "^4.16.0",
-		"@wordpress/element": "^6.16.0",
-		"@wordpress/escape-html": "^3.16.0",
-		"@wordpress/hooks": "^4.16.0",
-		"@wordpress/html-entities": "^4.16.0",
-		"@wordpress/i18n": "^5.16.0",
-		"@wordpress/icons": "^10.16.0",
-		"@wordpress/is-shallow-equal": "^5.16.0",
-		"@wordpress/keyboard-shortcuts": "^5.16.0",
-		"@wordpress/keycodes": "^4.16.0",
-		"@wordpress/notices": "^5.16.0",
-		"@wordpress/preferences": "^4.16.0",
-		"@wordpress/priority-queue": "^3.16.0",
-		"@wordpress/private-apis": "^1.16.0",
-		"@wordpress/rich-text": "^7.16.0",
-		"@wordpress/style-engine": "^2.16.0",
-		"@wordpress/token-list": "^3.16.0",
-		"@wordpress/upload-media": "^0.1.0",
-		"@wordpress/url": "^4.16.0",
-		"@wordpress/warning": "^3.16.0",
-		"@wordpress/wordcount": "^4.16.0",
+		"@wordpress/a11y": "^4.18.0",
+		"@wordpress/api-fetch": "^7.18.0",
+		"@wordpress/blob": "^4.18.0",
+		"@wordpress/block-serialization-default-parser": "^5.18.0",
+		"@wordpress/blocks": "^14.7.0",
+		"@wordpress/commands": "^1.18.0",
+		"@wordpress/components": "^29.4.0",
+		"@wordpress/compose": "^7.18.0",
+		"@wordpress/data": "^10.18.0",
+		"@wordpress/date": "^5.18.0",
+		"@wordpress/deprecated": "^4.18.0",
+		"@wordpress/dom": "^4.18.0",
+		"@wordpress/element": "^6.18.0",
+		"@wordpress/escape-html": "^3.18.0",
+		"@wordpress/hooks": "^4.18.0",
+		"@wordpress/html-entities": "^4.18.0",
+		"@wordpress/i18n": "^5.18.0",
+		"@wordpress/icons": "^10.18.0",
+		"@wordpress/is-shallow-equal": "^5.18.0",
+		"@wordpress/keyboard-shortcuts": "^5.18.0",
+		"@wordpress/keycodes": "^4.18.0",
+		"@wordpress/notices": "^5.18.0",
+		"@wordpress/preferences": "^4.18.0",
+		"@wordpress/priority-queue": "^3.18.0",
+		"@wordpress/private-apis": "^1.18.0",
+		"@wordpress/rich-text": "^7.18.0",
+		"@wordpress/style-engine": "^2.18.0",
+		"@wordpress/token-list": "^3.18.0",
+		"@wordpress/upload-media": "^0.3.0",
+		"@wordpress/url": "^4.18.0",
+		"@wordpress/warning": "^3.18.0",
+		"@wordpress/wordcount": "^4.18.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f48b9f56629e400891abb5ae491504de475237ff"
+	"gitHead": "afe4fb333177642180ac020f1030c5685eab7183"
 }

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;

package/src/components/block-list/content.scss

@@ -58,10 +58,12 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 			background: var(--wp-admin-theme-color);
 			opacity: 0.4;
 
-			// Animate.
-			animation: selection-overlay__fade-in-animation 0.1s ease-out;
-			animation-fill-mode: forwards;
-			@include reduce-motion("animation");
+			@media not ( prefers-reduced-motion ) {
+
+				// Animate.
+				animation: selection-overlay__fade-in-animation 0.1s ease-out;
+				animation-fill-mode: forwards;
+			}
 
 			// Show outline in high contrast mode.
 			outline: 2px solid transparent;
@@ -271,8 +273,9 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 // Spotlight mode. Fade out blocks unless they contain a selected block.
 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
 	opacity: 0.2;
-	transition: opacity 0.1s linear;
-	@include reduce-motion("transition");
+	@media not ( prefers-reduced-motion ) {
+		transition: opacity 0.1s linear;
+	}
 
 	// Nested blocks should never be faded. If the parent block is already faded
 	// out, it shouldn't be faded out more. If the parent block in not faded
@@ -339,9 +342,10 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 // Hide the appender that sits at the end of block lists, when inside a nested block,
 // unless the block itself, or a parent, is selected.
 .wp-block .block-list-appender .block-editor-inserter__toggle {
-	animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
-	animation-fill-mode: forwards;
-	@include reduce-motion("animation");
+	@media not ( prefers-reduced-motion ) {
+		animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
+		animation-fill-mode: forwards;
+	}
 }
 
 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
@@ -367,8 +371,9 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 	font-family: $editor-html-font;
 	font-size: $text-editor-font-size;
 	line-height: 1.5;
-	transition: padding 0.2s linear;
-	@include reduce-motion("transition");
+	@media not ( prefers-reduced-motion ) {
+		transition: padding 0.2s linear;
+	}
 
 	&:focus {
 		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
@@ -400,7 +405,9 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 	// Additional -1px is required to avoid sub pixel rounding errors allowing background to show.
 	margin-left: -1px;
 	margin-right: -1px;
-	transition: background-color 0.3s ease;
+	@media not ( prefers-reduced-motion ) {
+		transition: background-color 0.3s ease;
+	}
 	display: flex;
 	align-items: center;
 	justify-content: center;