@wordpress/block-library 8.9.0 → 8.11.0

package/build-style/common.css

@@ -97,7 +97,7 @@
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   :root {
     --wp-admin-border-width-focus: 1.5px;
   }

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

@@ -95,6 +95,8 @@
   justify-content: center;
   align-items: center;
   padding: 1em;
+  overflow: hidden;
+  overflow: clip;
   box-sizing: border-box; direction: ltr;
   /**
    * Set a default background color for has-background-dim _unless_ it includes another
@@ -394,8 +396,7 @@
   height: 100%;
   max-width: none;
   max-height: none;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   outline: none;
   border: none;
   box-shadow: none;

package/build-style/cover/style.css

@@ -95,6 +95,8 @@
   justify-content: center;
   align-items: center;
   padding: 1em;
+  overflow: hidden;
+  overflow: clip;
   box-sizing: border-box;
   /*rtl:raw: direction: ltr; */
   /**
@@ -396,8 +398,7 @@
   height: 100%;
   max-width: none;
   max-height: none;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   outline: none;
   border: none;
   box-shadow: none;

package/build-style/{details-summary → details}/editor-rtl.css

@@ -86,6 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-details-summary div {
+.wp-block-details summary div {
   display: inline;
 }

package/build-style/{details-summary → details}/editor.css

@@ -86,6 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-details-summary div {
+.wp-block-details summary div {
   display: inline;
 }

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

@@ -87,5 +87,19 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-details {
+  box-sizing: border-box;
   overflow: hidden;
+}
+
+.wp-block-details summary {
+  cursor: pointer;
+}
+
+.wp-block-details > *:not(summary) {
+  margin-block-start: var(--wp--style--block-gap);
+  margin-block-end: 0;
+}
+
+.wp-block-details > *:last-child {
+  margin-bottom: 0;
 }

package/build-style/details/style.css

@@ -87,5 +87,19 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-details {
+  box-sizing: border-box;
   overflow: hidden;
+}
+
+.wp-block-details summary {
+  cursor: pointer;
+}
+
+.wp-block-details > *:not(summary) {
+  margin-block-start: var(--wp--style--block-gap);
+  margin-block-end: 0;
+}
+
+.wp-block-details > *:last-child {
+  margin-bottom: 0;
 }

package/build-style/editor-rtl.css

@@ -574,7 +574,7 @@ html :where(.wp-block-column) {
   min-height: auto;
 }
 
-.wp-block-details-summary div {
+.wp-block-details summary div {
   display: inline;
 }
 
@@ -644,6 +644,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-right: 0.75em;
@@ -973,13 +976,38 @@ 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;
 }
-figure.wp-block-gallery.has-nested-images .components-drop-zone {
-  display: none;
-  pointer-events: none;
-}
 figure.wp-block-gallery > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
@@ -2002,6 +2030,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-right: 24px;
+}
+
 /**
  * Appender
  */
@@ -2279,6 +2343,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border-radius: initial;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
 .wp-block-search__components-button-group {
   margin-top: 10px;
@@ -2425,6 +2490,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .block-library-site-logo__inspector-media-replace-container img {
   width: 20px;
+  min-width: 20px;
   aspect-ratio: 1;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
   border-radius: 50% !important;

package/build-style/editor.css

@@ -578,7 +578,7 @@ html :where(.wp-block-column) {
   min-height: auto;
 }
 
-.wp-block-details-summary div {
+.wp-block-details summary div {
   display: inline;
 }
 
@@ -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,13 +984,38 @@ 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;
 }
-figure.wp-block-gallery.has-nested-images .components-drop-zone {
-  display: none;
-  pointer-events: none;
-}
 figure.wp-block-gallery > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
@@ -2010,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
  */
@@ -2287,6 +2351,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border-radius: initial;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
 .wp-block-search__components-button-group {
   margin-top: 10px;
@@ -2433,6 +2498,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .block-library-site-logo__inspector-media-replace-container img {
   width: 20px;
+  min-width: 20px;
   aspect-ratio: 1;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
   border-radius: 50% !important;

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/editor-rtl.css

@@ -89,10 +89,6 @@
 figure.wp-block-gallery {
   display: block;
 }
-figure.wp-block-gallery.has-nested-images .components-drop-zone {
-  display: none;
-  pointer-events: none;
-}
 figure.wp-block-gallery > .blocks-gallery-caption {
   flex: 0 0 100%;
 }

package/build-style/gallery/editor.css

@@ -89,10 +89,6 @@
 figure.wp-block-gallery {
   display: block;
 }
-figure.wp-block-gallery.has-nested-images .components-drop-zone {
-  display: none;
-  pointer-events: none;
-}
 figure.wp-block-gallery > .blocks-gallery-caption {
   flex: 0 0 100%;
 }

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,102 @@
 
 .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 {
+  font-size: 40px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  cursor: pointer;
+  z-index: 5000000;
+}
+.wp-lightbox-overlay .wp-block-image {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  z-index: 3000000;
+  position: absolute;
+  flex-direction: column;
+}
+.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;
 }