@wordpress/block-library 9.38.0 → 9.39.0

package/build-style/style-rtl.css

@@ -1567,7 +1567,7 @@ figure.wp-block-gallery.has-nested-images {
 .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
   content: "";
   height: 100%;
-  max-height: 40%;
+  max-height: 3em;
   pointer-events: none;
   backdrop-filter: blur(3px);
   -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
@@ -2330,6 +2330,7 @@ ul {
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+  position: relative;
   height: 100%;
   min-height: 250px;
 }
@@ -2340,6 +2341,7 @@ ul {
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+  position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -2531,6 +2533,49 @@ ul {
   height: auto;
   min-width: 200px;
 }
+.wp-block-navigation .has-child.open-always {
+  flex-wrap: var(--navigation-layout-wrap, wrap);
+  flex-direction: var(--navigation-layout-direction, initial);
+  justify-content: var(--navigation-layout-justify, initial);
+  align-items: var(--navigation-layout-align, initial);
+  gap: var(--wp--style--block-gap, 2em);
+}
+.wp-block-navigation .has-child.open-always .wp-block-navigation-item {
+  justify-content: var(--navigation-layout-justify, initial);
+}
+.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu,
+.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container {
+  gap: var(--wp--style--block-gap, 2em);
+}
+.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu,
+.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,
+.wp-block-navigation .has-child.open-always .wp-block-navigation-item {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container {
+  padding-right: var(--wp--style--block-gap, 2em);
+  padding-left: var(--wp--style--block-gap, 2em);
+}
+.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
+  padding: 0;
+}
+.wp-block-navigation .has-child.open-always > .wp-block-navigation-item__content,
+.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
+  flex-grow: 0;
+}
+.wp-block-navigation .has-child.open-always > .wp-block-navigation__submenu-container {
+  visibility: visible;
+  overflow: visible;
+  opacity: 1;
+  width: auto;
+  height: auto;
+  flex-basis: 100%;
+  position: static;
+  border: none;
+  background-color: transparent;
+  color: inherit;
+}
 
 .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
   right: 0;
@@ -2731,22 +2776,22 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
   padding-top: calc(2rem + 24px);
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content {
   overflow: visible;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: var(--navigation-layout-justification-setting, inherit);
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
   justify-content: flex-start;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
   display: none;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
   opacity: 1;
   visibility: visible;
   height: auto;
@@ -2758,31 +2803,31 @@ button.wp-block-navigation-item__content {
   padding-right: 2rem;
   padding-left: 2rem;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
   gap: inherit;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
   padding-top: var(--wp--style--block-gap, 2em);
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
   padding: 0;
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
   display: flex;
   flex-direction: column;
   align-items: var(--navigation-layout-justification-setting, initial);
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__container,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item,
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
   color: inherit !important;
   background: transparent !important;
 }
-.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 {
+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
   left: auto;
   right: auto;
 }
@@ -2790,6 +2835,9 @@ button.wp-block-navigation-item__content {
   display: none;
   width: 100%;
 }
+.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close {
+  max-width: none;
+}
 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
   display: none;
 }
@@ -4172,6 +4220,12 @@ ul.wp-block-rss.is-grid li {
   flex-grow: 1;
   box-sizing: border-box;
 }
+.wp-block-tab > *:first-child {
+  margin-top: 0;
+}
+.wp-block-tab > *:last-child {
+  margin-bottom: 0;
+}
 .wp-block-tab[hidden], .wp-block-tab:empty {
   display: none !important;
 }
@@ -4179,11 +4233,16 @@ ul.wp-block-rss.is-grid li {
   outline: none;
 }
 
-.wp-block-tab.wp-block section.has-background,
+.wp-block-tab.wp-block.has-background,
 .wp-block-tab:not(.wp-block).has-background {
   padding: var(--wp--preset--spacing--30);
 }
 
+.wp-block-tab-panels {
+  flex-grow: 1;
+  min-width: 0;
+}
+
 .wp-block-table {
   overflow-x: auto;
 }
@@ -4322,46 +4381,32 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-tabs {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--wp--style--unstable-tabs-gap, var(--wp--style--tabs-gap-default));
   box-sizing: border-box;
-  --tab-bg: var(--custom-tab-inactive-color, transparent);
-  --tab-bg-hover: var(--custom-tab-hover-color, #eaeaea);
-  --tab-bg-active: var(--custom-tab-active-color, #000);
-  --tab-text: var(--custom-tab-text-color, #000);
-  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
-  --tab-text-active: var(--custom-tab-active-text-color, #fff);
-  --tab-opacity: 0.5;
-  --tab-opacity-hover: 1;
-  --tab-opacity-active: 1;
-  --tab-outline-width: 0;
-  --tab-underline-width: 0;
-  --tab-side-border-width: 0;
-  --tab-border-color: var(--custom-tab-inactive-color, transparent);
-  --tab-border-color-hover: var(--custom-tab-hover-color, #000);
-  --tab-border-color-active: var(--custom-tab-active-color, #000);
-  --tab-padding-block: var(--wp--preset--spacing--20, 0.5em);
-  --tab-padding-inline: var(--wp--preset--spacing--30, 1em);
-  --tab-border-radius: 0;
-  --tabs-divider-color: var(--custom-tab-active-color, #000);
-}
-.wp-block-tabs .tabs__title {
+}
+.wp-block-tabs .wp-block-tabs__title {
   display: none;
 }
-.wp-block-tabs .tabs__list {
+
+.wp-block-tabs-menu {
   display: flex;
-  list-style: none;
-  margin: 0;
-  padding: 0;
   align-items: flex-end;
-  flex-grow: 1;
-  flex-basis: 100%;
-  gap: var(--wp--style--unstable-tabs-list-gap, var(--wp--style--tabs-gap-default));
-  min-width: 100px;
+  min-width: fit-content;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #000;
 }
-.wp-block-tabs .tabs__list button.tabs__tab-label {
+
+.wp-block-tabs-menu-item {
+  box-sizing: border-box;
+  display: block;
+  width: max-content;
+  text-decoration: none;
+  cursor: pointer;
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+  margin: 0;
+  padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
+  padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
   font-size: inherit;
   font-family: inherit;
   font-weight: inherit;
@@ -4370,128 +4415,20 @@ ul.wp-block-rss.is-grid li {
   text-transform: inherit;
   text-align: inherit;
 }
-.wp-block-tabs .tabs__list .tabs__tab-label {
-  box-sizing: border-box;
-  display: block;
-  width: max-content;
-  margin: 0;
-  opacity: var(--tab-opacity);
-  padding-block: var(--tab-padding-block);
-  padding-inline: var(--tab-padding-inline);
-  text-decoration: none;
-  cursor: pointer;
-  background-color: var(--tab-bg);
-  color: var(--tab-text);
-  border: var(--tab-outline-width) solid var(--tab-border-color);
-  border-block-end: var(--tab-underline-width) solid var(--tab-border-color);
-  border-inline-end: var(--tab-side-border-width) solid var(--tab-border-color);
-  border-radius: var(--tab-border-radius);
-}
-.wp-block-tabs .tabs__list .tabs__tab-label:focus {
+.wp-block-tabs-menu-item:focus {
   outline: none;
 }
-.wp-block-tabs .tabs__list .tabs__tab-label:focus-visible {
-  outline: 2px solid var(--tab-border-color-active);
+.wp-block-tabs-menu-item:focus-visible {
+  outline: 2px solid var(--tab-border-color-active, #000);
   outline-offset: 2px;
 }
-.wp-block-tabs .tabs__list .tabs__tab-label:hover {
-  opacity: var(--tab-opacity-hover);
-  background-color: var(--tab-bg-hover);
-  color: var(--tab-text-hover);
-  border-color: var(--tab-border-color-hover);
-}
-.wp-block-tabs .tabs__list .tabs__tab-label[aria-selected=true] {
-  opacity: var(--tab-opacity-active);
-  background-color: var(--tab-bg-active);
-  color: var(--tab-text-active);
-  border-color: var(--tab-border-color-active);
-}
-.wp-block-tabs:not(.is-vertical) .tabs__list {
-  overflow-x: auto;
-  border-block-end: 1px solid var(--tabs-divider-color);
-}
-.wp-block-tabs.is-vertical {
-  flex-wrap: nowrap;
+.wp-block-tabs-menu-item:hover {
+  background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+  color: var(--custom-tab-hover-text-color, #000) !important;
 }
-.wp-block-tabs.is-vertical .tabs__list {
-  flex-grow: 0;
-  flex-direction: column;
-  max-width: 30%;
-  border-inline-end: 1px solid var(--tabs-divider-color);
-  border-block-end: none;
-  overflow-x: hidden;
-}
-.wp-block-tabs.is-vertical .tabs__tab-label {
-  max-width: 100%;
-  text-align: end;
-}
-
-.wp-block-tabs.is-style-links {
-  --tabs-divider-color: var(--custom-tab-hover-color, #000);
-  --tab-bg: transparent;
-  --tab-bg-hover: transparent;
-  --tab-bg-active: transparent;
-  --tab-text: var(--custom-tab-text-color, #000);
-  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
-  --tab-text-active: var(--custom-tab-active-text-color, #000);
-  --tab-border-color: var(--custom-tab-inactive-color, transparent);
-  --tab-border-color-hover: var(--custom-tab-hover-color, #000);
-  --tab-border-color-active: var(--custom-tab-active-color, #000);
-  --tab-underline-width: 2px;
-}
-.wp-block-tabs.is-style-links .tabs__tab-label {
-  /* preserve extra bottom space for underline */
-  padding-block-end: 0.5em;
-  border-bottom: 2px solid var(--tab-border-color);
-}
-.wp-block-tabs.is-style-links .tabs__tab-label[aria-selected=true] {
-  background-color: inherit;
-  color: var(--tab-text-active);
-  border-color: var(--tab-border-color-active);
-}
-.wp-block-tabs.is-style-links .tabs__tab-label:hover:not([aria-selected=true]) {
-  background-color: inherit;
-  color: var(--tab-text-hover);
-  border-color: var(--tab-border-color-hover);
-}
-.wp-block-tabs.is-style-links.is-vertical .tabs__list {
-  border-block-end: none;
-  border-inline-end: 1px solid var(--tabs-divider-color);
-}
-.wp-block-tabs.is-style-links.is-vertical .tabs__tab-label {
-  /* switch underline to side for vertical */
-  border-block-end: 0;
-  --tab-underline-width: 0;
-  --tab-side-border-width: 2px;
-  padding-block-end: 0;
-  padding-inline-end: 0.5em;
-}
-
-.wp-block-tabs.is-style-button {
-  --tab-border-radius: 9999px;
-  --tab-bg: var(--custom-tab-inactive-color, transparent);
-  --tab-bg-hover: var(--custom-tab-hover-color, #000);
-  --tab-bg-active: var(--custom-tab-active-color, #000);
-  --tab-text: var(--custom-tab-text-color, #000);
-  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
-  --tab-text-active: var(--custom-tab-active-text-color, #000);
-  --tab-padding-block: 0.5em;
-  --tab-padding-inline: 1em;
-}
-.wp-block-tabs.is-style-button .tabs__list {
-  border-block-end: none;
-  align-items: center;
-}
-.wp-block-tabs.is-style-button .tabs__tab-label {
-  border-width: 0;
-}
-.wp-block-tabs.is-style-button .tabs__tab-label:hover:not([aria-selected=true]) {
-  background-color: var(--tab-bg-hover);
-}
-.wp-block-tabs.is-style-button.is-vertical .tabs__list {
-  border-block-end: none;
-  border-inline-end: none;
-  align-items: flex-end;
+.wp-block-tabs-menu-item[aria-selected=true], .wp-block-tabs-menu-item.is-active {
+  background-color: var(--custom-tab-active-color, #000) !important;
+  color: var(--custom-tab-active-text-color, #fff) !important;
 }
 
 .wp-block-term-count {
@@ -4549,6 +4486,7 @@ ul.wp-block-rss.is-grid li {
 }
 
 pre.wp-block-verse {
+  box-sizing: border-box;
   overflow: auto;
   white-space: pre-wrap;
   min-width: 1em;