@wordpress/block-library 9.38.1-next.v.0 → 9.39.0

package/build-style/style.css

@@ -1575,7 +1575,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%);
@@ -4253,6 +4253,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;
 }
@@ -4260,11 +4266,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;
 }
@@ -4403,46 +4414,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;
@@ -4451,128 +4448,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.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-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-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 {

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

@@ -4,6 +4,12 @@
   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;
 }
@@ -11,7 +17,7 @@
   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);
 }

package/build-style/tab/style.css

@@ -4,6 +4,12 @@
   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;
 }
@@ -11,7 +17,7 @@
   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);
 }

package/build-style/tab-panels/style-rtl.css

@@ -0,0 +1,4 @@
+.wp-block-tab-panels {
+  flex-grow: 1;
+  min-width: 0;
+}

package/build-style/tab-panels/style.css

@@ -0,0 +1,4 @@
+.wp-block-tab-panels {
+  flex-grow: 1;
+  min-width: 0;
+}

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

@@ -1,172 +1,6 @@
 .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 {
-  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;
-}
-.wp-block-tabs .tabs__list button.tabs__tab-label {
-  font-size: inherit;
-  font-family: inherit;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  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 {
-  outline: none;
-}
-.wp-block-tabs .tabs__list .tabs__tab-label:focus-visible {
-  outline: 2px solid var(--tab-border-color-active);
-  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.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;
 }

package/build-style/tabs/style.css

@@ -1,172 +1,6 @@
 .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 {
-  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;
-}
-.wp-block-tabs .tabs__list button.tabs__tab-label {
-  font-size: inherit;
-  font-family: inherit;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  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 {
-  outline: none;
-}
-.wp-block-tabs .tabs__list .tabs__tab-label:focus-visible {
-  outline: 2px solid var(--tab-border-color-active);
-  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.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;
 }

package/build-style/tabs-menu/editor-rtl.css

@@ -0,0 +1,4 @@
+.wp-block-tabs-menu .tabs__tab-label--placeholder {
+  opacity: 0.5;
+  font-style: italic;
+}

package/build-style/tabs-menu/editor.css

@@ -0,0 +1,4 @@
+.wp-block-tabs-menu .tabs__tab-label--placeholder {
+  opacity: 0.5;
+  font-style: italic;
+}

package/build-style/tabs-menu/style-rtl.css

@@ -0,0 +1,8 @@
+.wp-block-tabs-menu {
+  display: flex;
+  align-items: flex-end;
+  min-width: fit-content;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #000;
+}

package/build-style/tabs-menu/style.css

@@ -0,0 +1,8 @@
+.wp-block-tabs-menu {
+  display: flex;
+  align-items: flex-end;
+  min-width: fit-content;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #000;
+}

package/build-style/tabs-menu-item/editor-rtl.css

@@ -0,0 +1,16 @@
+.wp-block-tabs-menu-item.is-selected {
+  outline: 2px solid var(--wp-admin-theme-color, #007cba);
+  outline-offset: 2px;
+}
+
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) {
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) .wp-block-tabs-menu-item {
+  flex-basis: 100% !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item):hover > .wp-block-tabs-menu-item {
+  background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+  color: var(--custom-tab-hover-text-color, #000) !important;
+}