@wordpress/block-library 8.10.0 → 8.12.0

package/build-style/editor.css

@@ -648,6 +648,9 @@ html :where(.wp-block-column) {
 .wp-block-file a {
   min-width: 1em;
 }
+.wp-block-file a:not(.wp-block-file__button) {
+  display: inline-block;
+}
 .wp-block-file .wp-block-file__button-richtext-wrapper {
   display: inline-block;
   margin-left: 0.75em;
@@ -981,6 +984,35 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   display: block;
 }
 
+@media (min-width: 960px) {
+  .block-editor-freeform-modal .components-modal__frame {
+    height: 9999rem;
+  }
+  .block-editor-freeform-modal .components-modal__frame .components-modal__header + div {
+    height: 100%;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-tinymce {
+    height: calc(100% - 36px - 16px);
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-container-body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-edit-area {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-edit-area iframe {
+    flex-grow: 1;
+    height: 10px !important;
+  }
+}
+.block-editor-freeform-modal__actions {
+  margin-top: 16px;
+}
+
 figure.wp-block-gallery {
   display: block;
 }
@@ -1878,19 +1910,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 @media (min-width: 600px) {
-  .wp-block-navigation__responsive-container,
-.wp-block-navigation__responsive-close {
+  .wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close {
     pointer-events: none;
   }
-  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
-.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
+  .wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .block-editor-block-list__layout *,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .block-editor-block-list__layout * {
     pointer-events: all;
   }
 }
-.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
-.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
   pointer-events: none;
 }
 
@@ -2006,6 +2038,42 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   opacity: 1;
 }
 
+.wp-block-navigation__menu-inspector-controls {
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-gutter: stable both-edges;
+  scrollbar-color: transparent transparent;
+  will-change: transform;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 8px;
+  border: 3px solid transparent;
+  background-clip: padding-box;
+}
+.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb {
+  background-color: #949494;
+}
+.wp-block-navigation__menu-inspector-controls:hover, .wp-block-navigation__menu-inspector-controls:focus, .wp-block-navigation__menu-inspector-controls:focus-within {
+  scrollbar-color: #949494 transparent;
+}
+@media (hover: none) {
+  .wp-block-navigation__menu-inspector-controls {
+    scrollbar-color: #949494 transparent;
+  }
+}
+
+.wp-block-navigation__menu-inspector-controls__empty-message {
+  margin-left: 24px;
+}
+
 /**
  * Appender
  */

package/build-style/file/editor-rtl.css

@@ -117,6 +117,9 @@
 .wp-block-file a {
   min-width: 1em;
 }
+.wp-block-file a:not(.wp-block-file__button) {
+  display: inline-block;
+}
 .wp-block-file .wp-block-file__button-richtext-wrapper {
   display: inline-block;
   margin-right: 0.75em;

package/build-style/file/editor.css

@@ -117,6 +117,9 @@
 .wp-block-file a {
   min-width: 1em;
 }
+.wp-block-file a:not(.wp-block-file__button) {
+  display: inline-block;
+}
 .wp-block-file .wp-block-file__button-richtext-wrapper {
   display: inline-block;
   margin-left: 0.75em;

package/build-style/freeform/editor-rtl.css

@@ -408,4 +408,33 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
 }
 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
   display: block;
+}
+
+@media (min-width: 960px) {
+  .block-editor-freeform-modal .components-modal__frame {
+    height: 9999rem;
+  }
+  .block-editor-freeform-modal .components-modal__frame .components-modal__header + div {
+    height: 100%;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-tinymce {
+    height: calc(100% - 36px - 16px);
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-container-body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-edit-area {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-edit-area iframe {
+    flex-grow: 1;
+    height: 10px !important;
+  }
+}
+.block-editor-freeform-modal__actions {
+  margin-top: 16px;
 }

package/build-style/freeform/editor.css

@@ -412,4 +412,33 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
 }
 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
   display: block;
+}
+
+@media (min-width: 960px) {
+  .block-editor-freeform-modal .components-modal__frame {
+    height: 9999rem;
+  }
+  .block-editor-freeform-modal .components-modal__frame .components-modal__header + div {
+    height: 100%;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-tinymce {
+    height: calc(100% - 36px - 16px);
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-container-body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-edit-area {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+  }
+  .block-editor-freeform-modal .components-modal__frame .mce-edit-area iframe {
+    flex-grow: 1;
+    height: 10px !important;
+  }
+}
+.block-editor-freeform-modal__actions {
+  margin-top: 16px;
 }

package/build-style/gallery/style-rtl.css

@@ -169,8 +169,7 @@
   width: 100%;
   height: 100%;
   flex: 1;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
@@ -364,8 +363,7 @@ figure.wp-block-gallery.has-nested-images {
   width: 100%;
   flex: 1 0 0%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
   width: 100%;

package/build-style/gallery/style.css

@@ -169,8 +169,7 @@
   width: 100%;
   height: 100%;
   flex: 1;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
@@ -364,8 +363,7 @@ figure.wp-block-gallery.has-nested-images {
   width: 100%;
   flex: 1 0 0%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
   width: 100%;

package/build-style/image/style-rtl.css

@@ -197,4 +197,112 @@
 
 .wp-block-image figure {
   margin: 0;
+}
+
+.wp-lightbox-container .img-container {
+  position: relative;
+}
+.wp-lightbox-container button {
+  border: none;
+  background: none;
+  cursor: zoom-in;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 100;
+}
+.wp-lightbox-container button:focus-visible {
+  outline: 5px auto #212121;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: 5px;
+}
+
+.wp-lightbox-overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 100000;
+  overflow: hidden;
+  width: 100vw;
+  height: 100vh;
+  visibility: hidden;
+}
+.wp-lightbox-overlay .close-button {
+  position: absolute;
+  top: 12.5px;
+  left: 12.5px;
+  padding: 0;
+  cursor: pointer;
+  z-index: 5000000;
+}
+.wp-lightbox-overlay .wp-block-image {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 3000000;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 30px;
+}
+.wp-lightbox-overlay .wp-block-image figcaption {
+  display: none;
+}
+.wp-lightbox-overlay .wp-block-image img {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+}
+.wp-lightbox-overlay button {
+  border: none;
+  background: none;
+}
+.wp-lightbox-overlay .scrim {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 2000000;
+  background-color: white;
+  opacity: 0.9;
+}
+.wp-lightbox-overlay.initialized {
+  animation: both turn-off-visibility 300ms;
+}
+.wp-lightbox-overlay.initialized img {
+  animation: both turn-off-visibility 250ms;
+}
+.wp-lightbox-overlay.initialized.active {
+  visibility: visible;
+  animation: both turn-on-visibility 250ms;
+}
+.wp-lightbox-overlay.initialized.active img {
+  animation: both turn-on-visibility 300ms;
+}
+
+@keyframes turn-on-visibility {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes turn-off-visibility {
+  0% {
+    opacity: 1;
+    visibility: visible;
+  }
+  99% {
+    opacity: 0;
+    visibility: visible;
+  }
+  100% {
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+html.has-lightbox-open {
+  overflow: hidden;
 }

package/build-style/image/style.css

@@ -203,4 +203,112 @@
 
 .wp-block-image figure {
   margin: 0;
+}
+
+.wp-lightbox-container .img-container {
+  position: relative;
+}
+.wp-lightbox-container button {
+  border: none;
+  background: none;
+  cursor: zoom-in;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 100;
+}
+.wp-lightbox-container button:focus-visible {
+  outline: 5px auto #212121;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: 5px;
+}
+
+.wp-lightbox-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 100000;
+  overflow: hidden;
+  width: 100vw;
+  height: 100vh;
+  visibility: hidden;
+}
+.wp-lightbox-overlay .close-button {
+  position: absolute;
+  top: 12.5px;
+  right: 12.5px;
+  padding: 0;
+  cursor: pointer;
+  z-index: 5000000;
+}
+.wp-lightbox-overlay .wp-block-image {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 3000000;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 30px;
+}
+.wp-lightbox-overlay .wp-block-image figcaption {
+  display: none;
+}
+.wp-lightbox-overlay .wp-block-image img {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+}
+.wp-lightbox-overlay button {
+  border: none;
+  background: none;
+}
+.wp-lightbox-overlay .scrim {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 2000000;
+  background-color: white;
+  opacity: 0.9;
+}
+.wp-lightbox-overlay.initialized {
+  animation: both turn-off-visibility 300ms;
+}
+.wp-lightbox-overlay.initialized img {
+  animation: both turn-off-visibility 250ms;
+}
+.wp-lightbox-overlay.initialized.active {
+  visibility: visible;
+  animation: both turn-on-visibility 250ms;
+}
+.wp-lightbox-overlay.initialized.active img {
+  animation: both turn-on-visibility 300ms;
+}
+
+@keyframes turn-on-visibility {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes turn-off-visibility {
+  0% {
+    opacity: 1;
+    visibility: visible;
+  }
+  99% {
+    opacity: 0;
+    visibility: visible;
+  }
+  100% {
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+html.has-lightbox-open {
+  overflow: hidden;
 }

package/build-style/navigation/editor-rtl.css

@@ -459,19 +459,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 @media (min-width: 600px) {
-  .wp-block-navigation__responsive-container,
-.wp-block-navigation__responsive-close {
+  .wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close {
     pointer-events: none;
   }
-  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
-.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
+  .wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .block-editor-block-list__layout *,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .block-editor-block-list__layout * {
     pointer-events: all;
   }
 }
-.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
-.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
   pointer-events: none;
 }
 
@@ -585,4 +585,40 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-navigation__responsive-container-open.components-button {
   opacity: 1;
+}
+
+.wp-block-navigation__menu-inspector-controls {
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-gutter: stable both-edges;
+  scrollbar-color: transparent transparent;
+  will-change: transform;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 8px;
+  border: 3px solid transparent;
+  background-clip: padding-box;
+}
+.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb {
+  background-color: #949494;
+}
+.wp-block-navigation__menu-inspector-controls:hover, .wp-block-navigation__menu-inspector-controls:focus, .wp-block-navigation__menu-inspector-controls:focus-within {
+  scrollbar-color: #949494 transparent;
+}
+@media (hover: none) {
+  .wp-block-navigation__menu-inspector-controls {
+    scrollbar-color: #949494 transparent;
+  }
+}
+
+.wp-block-navigation__menu-inspector-controls__empty-message {
+  margin-right: 24px;
 }

package/build-style/navigation/editor.css

@@ -459,19 +459,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 @media (min-width: 600px) {
-  .wp-block-navigation__responsive-container,
-.wp-block-navigation__responsive-close {
+  .wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close {
     pointer-events: none;
   }
-  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
-.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
+  .wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .block-editor-block-list__layout *,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .block-editor-block-list__layout * {
     pointer-events: all;
   }
 }
-.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
-.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
+.wp-block-navigation:not(.is-editing-disabled) .wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
   pointer-events: none;
 }
 
@@ -585,4 +585,40 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-navigation__responsive-container-open.components-button {
   opacity: 1;
+}
+
+.wp-block-navigation__menu-inspector-controls {
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-gutter: stable both-edges;
+  scrollbar-color: transparent transparent;
+  will-change: transform;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 8px;
+  border: 3px solid transparent;
+  background-clip: padding-box;
+}
+.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb {
+  background-color: #949494;
+}
+.wp-block-navigation__menu-inspector-controls:hover, .wp-block-navigation__menu-inspector-controls:focus, .wp-block-navigation__menu-inspector-controls:focus-within {
+  scrollbar-color: #949494 transparent;
+}
+@media (hover: none) {
+  .wp-block-navigation__menu-inspector-controls {
+    scrollbar-color: #949494 transparent;
+  }
+}
+
+.wp-block-navigation__menu-inspector-controls__empty-message {
+  margin-left: 24px;
 }

package/build-style/post-comments-form/style-rtl.css

@@ -125,7 +125,7 @@
   padding: calc(0.667em + 2px);
 }
 .wp-block-post-comments-form .comment-form textarea,
-.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) {
+.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
   display: block;
   box-sizing: border-box;
   width: 100%;

package/build-style/post-comments-form/style.css

@@ -125,7 +125,7 @@
   padding: calc(0.667em + 2px);
 }
 .wp-block-post-comments-form .comment-form textarea,
-.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) {
+.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
   display: block;
   box-sizing: border-box;
   width: 100%;

package/build-style/post-template/style-rtl.css

@@ -122,4 +122,10 @@
   .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li {
     width: calc((100% / 6) - 1.25em + (1.25em / 6));
   }
+}
+
+@media (max-width: 600px) {
+  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
+    grid-template-columns: 1fr;
+  }
 }

package/build-style/post-template/style.css

@@ -122,4 +122,10 @@
   .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li {
     width: calc((100% / 6) - 1.25em + (1.25em / 6));
   }
+}
+
+@media (max-width: 600px) {
+  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
+    grid-template-columns: 1fr;
+  }
 }

package/build-style/search/style-rtl.css

@@ -151,4 +151,34 @@
 
 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {
   margin: auto;
+}
+
+.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  transition-property: width;
+  min-width: 0 !important;
+}
+.wp-block-search__button-behavior-expand .wp-block-search__input {
+  transition-duration: 300ms;
+  flex-basis: 100%;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input {
+  width: 0 !important;
+  min-width: 0 !important;
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+  border-right-width: 0 !important;
+  border-left-width: 0 !important;
+  flex-grow: 0;
+  margin: 0;
+  flex-basis: 0;
+}
+
+.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  float: left;
 }