@wordpress/block-library 9.34.0 → 9.34.1-next.2f1c7c01b.0

package/build-style/editor-rtl.css

@@ -2493,6 +2493,33 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 112px;
 }
 
+.wp-block-tabs.wp-block .wp-block-tabs__tab-item__inserter {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block {
+  display: flex;
+  flex-direction: column;
+  gap: var(--wp--style--unstable-tabs-gap);
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section {
+  flex-grow: 1;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:first-child {
+  margin-top: 0;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:last-child {
+  margin-bottom: 0;
+}
+.wp-block-tabs.wp-block.is-vertical > .wp-block-tab.wp-block {
+  flex-direction: row;
+}
+.wp-block-tabs.wp-block.is-vertical .wp-block-tabs__tab-item__inserter {
+  align-items: flex-start;
+  margin-left: -1px;
+}
+
 .wp-block-tag-cloud .wp-block-tag-cloud {
   margin: 0;
   padding: 0;

package/build-style/editor.css

@@ -2501,6 +2501,33 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 112px;
 }
 
+.wp-block-tabs.wp-block .wp-block-tabs__tab-item__inserter {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block {
+  display: flex;
+  flex-direction: column;
+  gap: var(--wp--style--unstable-tabs-gap);
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section {
+  flex-grow: 1;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:first-child {
+  margin-top: 0;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:last-child {
+  margin-bottom: 0;
+}
+.wp-block-tabs.wp-block.is-vertical > .wp-block-tab.wp-block {
+  flex-direction: row;
+}
+.wp-block-tabs.wp-block.is-vertical .wp-block-tabs__tab-item__inserter {
+  align-items: flex-start;
+  margin-right: -1px;
+}
+
 .wp-block-tag-cloud .wp-block-tag-cloud {
   margin: 0;
   padding: 0;

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

@@ -43,12 +43,12 @@
  * React Native specific.
  * These variables do not appear to be used anywhere else.
  */
-h1.has-background,
-h2.has-background,
-h3.has-background,
-h4.has-background,
-h5.has-background,
-h6.has-background {
+h1:where(.wp-block-heading).has-background,
+h2:where(.wp-block-heading).has-background,
+h3:where(.wp-block-heading).has-background,
+h4:where(.wp-block-heading).has-background,
+h5:where(.wp-block-heading).has-background,
+h6:where(.wp-block-heading).has-background {
   padding: 1.25em 2.375em;
 }
 h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),

package/build-style/heading/style.css

@@ -43,12 +43,12 @@
  * React Native specific.
  * These variables do not appear to be used anywhere else.
  */
-h1.has-background,
-h2.has-background,
-h3.has-background,
-h4.has-background,
-h5.has-background,
-h6.has-background {
+h1:where(.wp-block-heading).has-background,
+h2:where(.wp-block-heading).has-background,
+h3:where(.wp-block-heading).has-background,
+h4:where(.wp-block-heading).has-background,
+h5:where(.wp-block-heading).has-background,
+h6:where(.wp-block-heading).has-background {
   padding: 1.25em 2.375em;
 }
 h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),

package/build-style/style-rtl.css

@@ -21,10 +21,6 @@
   }
 }
 
-.wp-block-accordion .wp-block-accordion-heading {
-  padding: 0;
-}
-
 .wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -34,6 +30,7 @@
   text-transform: inherit;
   text-decoration: inherit;
   word-spacing: inherit;
+  font-style: inherit;
   background: none;
   border: none;
   color: inherit;
@@ -1667,12 +1664,12 @@ figure.wp-block-gallery.has-nested-images {
   position: relative;
 }
 
-h1.has-background,
-h2.has-background,
-h3.has-background,
-h4.has-background,
-h5.has-background,
-h6.has-background {
+h1:where(.wp-block-heading).has-background,
+h2:where(.wp-block-heading).has-background,
+h3:where(.wp-block-heading).has-background,
+h4:where(.wp-block-heading).has-background,
+h5:where(.wp-block-heading).has-background,
+h6:where(.wp-block-heading).has-background {
   padding: 1.25em 2.375em;
 }
 h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
@@ -4087,6 +4084,24 @@ ul.wp-block-rss.is-grid li {
   text-decoration: none !important;
 }
 
+.wp-block-tab {
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-grow: 1;
+  box-sizing: border-box;
+}
+.wp-block-tab[hidden], .wp-block-tab:empty {
+  display: none !important;
+}
+.wp-block-tab:not(.wp-block):focus {
+  outline: none;
+}
+
+.wp-block-tab.wp-block section.has-background,
+.wp-block-tab:not(.wp-block).has-background {
+  padding: var(--wp--preset--spacing--30);
+}
+
 .wp-block-table {
   overflow-x: auto;
 }
@@ -4224,6 +4239,176 @@ ul.wp-block-rss.is-grid li {
   box-sizing: border-box;
 }
 
+.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 {
+  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-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;
+}
+
 .wp-block-term-count {
   box-sizing: border-box;
 }

package/build-style/style.css

@@ -21,10 +21,6 @@
   }
 }
 
-.wp-block-accordion .wp-block-accordion-heading {
-  padding: 0;
-}
-
 .wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -34,6 +30,7 @@
   text-transform: inherit;
   text-decoration: inherit;
   word-spacing: inherit;
+  font-style: inherit;
   background: none;
   border: none;
   color: inherit;
@@ -1675,12 +1672,12 @@ figure.wp-block-gallery.has-nested-images {
   position: relative;
 }
 
-h1.has-background,
-h2.has-background,
-h3.has-background,
-h4.has-background,
-h5.has-background,
-h6.has-background {
+h1:where(.wp-block-heading).has-background,
+h2:where(.wp-block-heading).has-background,
+h3:where(.wp-block-heading).has-background,
+h4:where(.wp-block-heading).has-background,
+h5:where(.wp-block-heading).has-background,
+h6:where(.wp-block-heading).has-background {
   padding: 1.25em 2.375em;
 }
 h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
@@ -4120,6 +4117,24 @@ ul.wp-block-rss.is-grid li {
   text-decoration: none !important;
 }
 
+.wp-block-tab {
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-grow: 1;
+  box-sizing: border-box;
+}
+.wp-block-tab[hidden], .wp-block-tab:empty {
+  display: none !important;
+}
+.wp-block-tab:not(.wp-block):focus {
+  outline: none;
+}
+
+.wp-block-tab.wp-block section.has-background,
+.wp-block-tab:not(.wp-block).has-background {
+  padding: var(--wp--preset--spacing--30);
+}
+
 .wp-block-table {
   overflow-x: auto;
 }
@@ -4257,6 +4272,176 @@ ul.wp-block-rss.is-grid li {
   box-sizing: border-box;
 }
 
+.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 {
+  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-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;
+}
+
 .wp-block-term-count {
   box-sizing: border-box;
 }

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

@@ -0,0 +1,17 @@
+.wp-block-tab {
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-grow: 1;
+  box-sizing: border-box;
+}
+.wp-block-tab[hidden], .wp-block-tab:empty {
+  display: none !important;
+}
+.wp-block-tab:not(.wp-block):focus {
+  outline: none;
+}
+
+.wp-block-tab.wp-block section.has-background,
+.wp-block-tab:not(.wp-block).has-background {
+  padding: var(--wp--preset--spacing--30);
+}

package/build-style/tab/style.css

@@ -0,0 +1,17 @@
+.wp-block-tab {
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-grow: 1;
+  box-sizing: border-box;
+}
+.wp-block-tab[hidden], .wp-block-tab:empty {
+  display: none !important;
+}
+.wp-block-tab:not(.wp-block):focus {
+  outline: none;
+}
+
+.wp-block-tab.wp-block section.has-background,
+.wp-block-tab:not(.wp-block).has-background {
+  padding: var(--wp--preset--spacing--30);
+}

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

@@ -0,0 +1,26 @@
+.wp-block-tabs.wp-block .wp-block-tabs__tab-item__inserter {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block {
+  display: flex;
+  flex-direction: column;
+  gap: var(--wp--style--unstable-tabs-gap);
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section {
+  flex-grow: 1;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:first-child {
+  margin-top: 0;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:last-child {
+  margin-bottom: 0;
+}
+.wp-block-tabs.wp-block.is-vertical > .wp-block-tab.wp-block {
+  flex-direction: row;
+}
+.wp-block-tabs.wp-block.is-vertical .wp-block-tabs__tab-item__inserter {
+  align-items: flex-start;
+  margin-left: -1px;
+}

package/build-style/tabs/editor.css

@@ -0,0 +1,26 @@
+.wp-block-tabs.wp-block .wp-block-tabs__tab-item__inserter {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block {
+  display: flex;
+  flex-direction: column;
+  gap: var(--wp--style--unstable-tabs-gap);
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section {
+  flex-grow: 1;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:first-child {
+  margin-top: 0;
+}
+.wp-block-tabs.wp-block .wp-block-tab.wp-block > section > .wp-block:last-child {
+  margin-bottom: 0;
+}
+.wp-block-tabs.wp-block.is-vertical > .wp-block-tab.wp-block {
+  flex-direction: row;
+}
+.wp-block-tabs.wp-block.is-vertical .wp-block-tabs__tab-item__inserter {
+  align-items: flex-start;
+  margin-right: -1px;
+}