@wordpress/block-editor 14.12.0 → 14.13.0

package/build-style/style-rtl.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] {
   right: 8px;
   left: 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;
+  left: 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;
 }
@@ -1773,6 +1812,27 @@ iframe[name=editor-canvas] {
   direction: ltr;
 }
 
+.block-editor-panel-duotone-settings__reset {
+  position: absolute;
+  left: 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;
 }
@@ -1872,13 +1932,11 @@ iframe[name=editor-canvas] {
   right: 8px;
   left: 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 +2102,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 +2146,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-right: auto;
   margin-left: 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 +2426,12 @@ iframe[name=editor-canvas] {
   left: 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 +2504,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 +2640,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 +2710,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-right: 0;
@@ -2913,25 +2955,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 +3294,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 +3550,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 +3854,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 +3934,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 +4287,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;
   }
 }