@wordpress/block-library 8.24.1 → 8.25.1-next.79a6196f.0

package/build-style/editor-rtl.css

@@ -158,43 +158,6 @@ ul.wp-block-archives {
   opacity: 0.8;
 }
 
-.wp-block-button__inline-link {
-  color: #757575;
-  height: 0;
-  overflow: hidden;
-  max-width: 290px;
-}
-.wp-block-button__inline-link-input__suggestions {
-  max-width: 290px;
-}
-@media (min-width: 782px) {
-  .wp-block-button__inline-link {
-    max-width: 260px;
-  }
-  .wp-block-button__inline-link-input__suggestions {
-    max-width: 260px;
-  }
-}
-@media (min-width: 960px) {
-  .wp-block-button__inline-link {
-    max-width: 290px;
-  }
-  .wp-block-button__inline-link-input__suggestions {
-    max-width: 290px;
-  }
-}
-.is-selected .wp-block-button__inline-link {
-  height: auto;
-  overflow: visible;
-}
-
-.wp-button-label__width .components-button-group {
-  display: block;
-}
-.wp-button-label__width .components-base-control__field {
-  margin-bottom: 12px;
-}
-
 div[data-type="core/button"] {
   display: table;
 }
@@ -1888,10 +1851,8 @@ figure.wp-block-image:not(.wp-block) {
 /**
  * Mobile menu.
  */
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
-    display: none;
-  }
+.is-collapsed .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
+  display: none;
 }
 
 .wp-block-navigation__responsive-container.is-menu-open {
@@ -2697,9 +2658,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-bottom: 0;
 }
 
-.wp-block-table {
-  margin: 0;
-}
 .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
   height: auto;
 }
@@ -2742,27 +2700,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-}
-.blocks-table__placeholder-form.blocks-table__placeholder-form > * {
-  margin-bottom: 8px;
+  gap: 8px;
 }
 @media (min-width: 782px) {
   .blocks-table__placeholder-form.blocks-table__placeholder-form {
     flex-direction: row;
     align-items: flex-end;
   }
-  .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
-    margin-bottom: 0;
-  }
 }
 
 .blocks-table__placeholder-input {
   width: 112px;
-  margin-left: 8px;
-  margin-bottom: 0;
-}
-.blocks-table__placeholder-input input {
-  height: 36px;
 }
 
 .block-editor-template-part__selection-modal {

package/build-style/editor.css

@@ -159,43 +159,6 @@ ul.wp-block-archives {
   opacity: 0.8;
 }
 
-.wp-block-button__inline-link {
-  color: #757575;
-  height: 0;
-  overflow: hidden;
-  max-width: 290px;
-}
-.wp-block-button__inline-link-input__suggestions {
-  max-width: 290px;
-}
-@media (min-width: 782px) {
-  .wp-block-button__inline-link {
-    max-width: 260px;
-  }
-  .wp-block-button__inline-link-input__suggestions {
-    max-width: 260px;
-  }
-}
-@media (min-width: 960px) {
-  .wp-block-button__inline-link {
-    max-width: 290px;
-  }
-  .wp-block-button__inline-link-input__suggestions {
-    max-width: 290px;
-  }
-}
-.is-selected .wp-block-button__inline-link {
-  height: auto;
-  overflow: visible;
-}
-
-.wp-button-label__width .components-button-group {
-  display: block;
-}
-.wp-button-label__width .components-base-control__field {
-  margin-bottom: 12px;
-}
-
 div[data-type="core/button"] {
   display: table;
 }
@@ -1896,10 +1859,8 @@ figure.wp-block-image:not(.wp-block) {
 /**
  * Mobile menu.
  */
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
-    display: none;
-  }
+.is-collapsed .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
+  display: none;
 }
 
 .wp-block-navigation__responsive-container.is-menu-open {
@@ -2705,9 +2666,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-bottom: 0;
 }
 
-.wp-block-table {
-  margin: 0;
-}
 .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
   height: auto;
 }
@@ -2750,27 +2708,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-}
-.blocks-table__placeholder-form.blocks-table__placeholder-form > * {
-  margin-bottom: 8px;
+  gap: 8px;
 }
 @media (min-width: 782px) {
   .blocks-table__placeholder-form.blocks-table__placeholder-form {
     flex-direction: row;
     align-items: flex-end;
   }
-  .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
-    margin-bottom: 0;
-  }
 }
 
 .blocks-table__placeholder-input {
   width: 112px;
-  margin-right: 8px;
-  margin-bottom: 0;
-}
-.blocks-table__placeholder-input input {
-  height: 36px;
 }
 
 .block-editor-template-part__selection-modal {

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

@@ -391,10 +391,8 @@
 /**
  * Mobile menu.
  */
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
-    display: none;
-  }
+.is-collapsed .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
+  display: none;
 }
 
 .wp-block-navigation__responsive-container.is-menu-open {

package/build-style/navigation/editor.css

@@ -391,10 +391,8 @@
 /**
  * Mobile menu.
  */
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
-    display: none;
-  }
+.is-collapsed .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
+  display: none;
 }
 
 .wp-block-navigation__responsive-container.is-menu-open {

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

@@ -504,20 +504,18 @@ button.wp-block-navigation-item__content {
   left: auto;
   right: auto;
 }
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
-    display: block;
-    width: 100%;
-    position: relative;
-    z-index: auto;
-    background-color: inherit;
-  }
-  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
-    display: none;
-  }
-  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
-    right: 0;
-  }
+:not(.is-collapsed) > .wp-block-navigation__responsive-container:not(.is-menu-open) {
+  display: block;
+  width: 100%;
+  position: relative;
+  z-index: auto;
+  background-color: inherit;
+}
+:not(.is-collapsed) > .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
+  display: none;
+}
+:not(.is-collapsed) > .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
+  right: 0;
 }
 
 .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
@@ -561,10 +559,8 @@ button.wp-block-navigation-item__content {
   font-weight: inherit;
   font-size: inherit;
 }
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container-open:not(.always-shown) {
-    display: none;
-  }
+:not(.is-collapsed) > .wp-block-navigation__responsive-container-open {
+  display: none;
 }
 
 .wp-block-navigation__responsive-container-close {

package/build-style/navigation/style.css

@@ -504,20 +504,18 @@ button.wp-block-navigation-item__content {
   right: auto;
   left: auto;
 }
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
-    display: block;
-    width: 100%;
-    position: relative;
-    z-index: auto;
-    background-color: inherit;
-  }
-  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
-    display: none;
-  }
-  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
-    left: 0;
-  }
+:not(.is-collapsed) > .wp-block-navigation__responsive-container:not(.is-menu-open) {
+  display: block;
+  width: 100%;
+  position: relative;
+  z-index: auto;
+  background-color: inherit;
+}
+:not(.is-collapsed) > .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
+  display: none;
+}
+:not(.is-collapsed) > .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
+  left: 0;
 }
 
 .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
@@ -561,10 +559,8 @@ button.wp-block-navigation-item__content {
   font-weight: inherit;
   font-size: inherit;
 }
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container-open:not(.always-shown) {
-    display: none;
-  }
+:not(.is-collapsed) > .wp-block-navigation__responsive-container-open {
+  display: none;
 }
 
 .wp-block-navigation__responsive-container-close {

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

@@ -135,6 +135,31 @@
 .wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] {
   max-width: calc(100% - 100px);
 }
+.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
+  transition-property: width;
+  min-width: 0 !important;
+}
+.wp-block-search.wp-block-search__button-only .wp-block-search__input {
+  transition-duration: 300ms;
+  flex-basis: 100%;
+}
+.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden {
+  overflow: hidden;
+}
+.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
+  overflow: hidden;
+}
+.wp-block-search.wp-block-search__button-only.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;
+}
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
@@ -157,32 +182,6 @@
   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 {
+.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
   float: left;
 }

package/build-style/search/style.css

@@ -135,6 +135,31 @@
 .wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] {
   max-width: calc(100% - 100px);
 }
+.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
+  transition-property: width;
+  min-width: 0 !important;
+}
+.wp-block-search.wp-block-search__button-only .wp-block-search__input {
+  transition-duration: 300ms;
+  flex-basis: 100%;
+}
+.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden {
+  overflow: hidden;
+}
+.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
+  overflow: hidden;
+}
+.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input {
+  width: 0 !important;
+  min-width: 0 !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  border-left-width: 0 !important;
+  border-right-width: 0 !important;
+  flex-grow: 0;
+  margin: 0;
+  flex-basis: 0;
+}
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
@@ -157,32 +182,6 @@
   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-left: 0 !important;
-  padding-right: 0 !important;
-  border-left-width: 0 !important;
-  border-right-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 {
+.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
   float: right;
 }

package/build-style/social-links/style-rtl.css

@@ -154,8 +154,13 @@
   transform: scale(1.1);
 }
 
-.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
-.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
+.wp-block-social-links .wp-block-social-link.wp-social-link {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited,
+.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
   color: currentColor;
   fill: currentColor;
 }
@@ -224,6 +229,10 @@
   background-color: #ea4434;
   color: #fff;
 }
+.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-gravatar {
+  background-color: #1d4fc4;
+  color: #fff;
+}
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
   background-color: #f00075;
   color: #fff;
@@ -389,6 +398,9 @@
 .wp-block-social-links.is-style-logos-only .wp-social-link-google {
   color: #ea4434;
 }
+.wp-block-social-links.is-style-logos-only .wp-social-link-gravatar {
+  color: #1d4fc4;
+}
 .wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
   color: #f00075;
 }

package/build-style/social-links/style.css

@@ -154,8 +154,13 @@
   transform: scale(1.1);
 }
 
-.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
-.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
+.wp-block-social-links .wp-block-social-link.wp-social-link {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited,
+.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
   color: currentColor;
   fill: currentColor;
 }
@@ -224,6 +229,10 @@
   background-color: #ea4434;
   color: #fff;
 }
+.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-gravatar {
+  background-color: #1d4fc4;
+  color: #fff;
+}
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
   background-color: #f00075;
   color: #fff;
@@ -389,6 +398,9 @@
 .wp-block-social-links.is-style-logos-only .wp-social-link-google {
   color: #ea4434;
 }
+.wp-block-social-links.is-style-logos-only .wp-social-link-gravatar {
+  color: #1d4fc4;
+}
 .wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
   color: #f00075;
 }