@wordpress/block-library 9.44.1-next.v.202604201441.0 → 9.45.0

package/build-style/style-rtl.css

@@ -4750,27 +4750,61 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-tab {
+  box-sizing: border-box;
+  color: inherit;
+  display: block;
+  width: max-content;
+  text-decoration: none;
+  cursor: pointer;
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+  position: relative;
+  border: none;
+  background: none;
+  appearance: none;
+  -webkit-appearance: none;
+  margin: 0;
+  padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  text-align: inherit;
+}
+.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+  content: "";
+  position: absolute;
+  border-bottom: 2px solid currentColor;
+  pointer-events: none;
+  right: 0;
+  width: 100%;
+  bottom: 0;
+}
+
+.wp-block-tab-panel {
   max-width: 100%;
   flex-basis: 100%;
   flex-grow: 1;
   box-sizing: border-box;
 }
-.wp-block-tab > *:first-child {
+.wp-block-tab-panel > *:first-child {
   margin-top: 0;
 }
-.wp-block-tab > *:last-child {
+.wp-block-tab-panel > *:last-child {
   margin-bottom: 0;
 }
-.wp-block-tab[hidden], .wp-block-tab:empty {
+.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
   display: none !important;
 }
 
-.wp-block-tab.wp-block.has-background,
-.wp-block-tab:not(.wp-block).has-background {
+.wp-block-tab-panel.wp-block.has-background,
+.wp-block-tab-panel:not(.wp-block).has-background {
   padding: var(--wp--preset--spacing--30);
 }
 
-.wp-block-tab-panel {
+.wp-block-tab-panels {
   flex-grow: 1;
   min-width: 0;
 }
@@ -4916,40 +4950,6 @@ ul.wp-block-rss.is-grid li {
   box-sizing: border-box;
 }
 
-.wp-block-tabs-menu-item {
-  box-sizing: border-box;
-  color: inherit;
-  display: block;
-  width: max-content;
-  text-decoration: none;
-  cursor: pointer;
-  flex-basis: inherit !important;
-  flex-grow: inherit !important;
-  position: relative;
-  border: none;
-  background: none;
-  appearance: none;
-  -webkit-appearance: none;
-  margin: 0;
-  padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
-  font-size: inherit;
-  font-family: inherit;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  text-transform: inherit;
-  text-align: inherit;
-}
-.wp-block-tabs-menu-item[aria-selected=true]::before, .wp-block-tabs-menu-item.is-active::before {
-  content: "";
-  position: absolute;
-  border-bottom: 2px solid currentColor;
-  pointer-events: none;
-  right: 0;
-  width: 100%;
-  bottom: 0;
-}
-
 .wp-block-term-count {
   box-sizing: border-box;
 }

package/build-style/style.css

@@ -4783,27 +4783,61 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-tab {
+  box-sizing: border-box;
+  color: inherit;
+  display: block;
+  width: max-content;
+  text-decoration: none;
+  cursor: pointer;
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+  position: relative;
+  border: none;
+  background: none;
+  appearance: none;
+  -webkit-appearance: none;
+  margin: 0;
+  padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  text-align: inherit;
+}
+.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+  content: "";
+  position: absolute;
+  border-bottom: 2px solid currentColor;
+  pointer-events: none;
+  left: 0;
+  width: 100%;
+  bottom: 0;
+}
+
+.wp-block-tab-panel {
   max-width: 100%;
   flex-basis: 100%;
   flex-grow: 1;
   box-sizing: border-box;
 }
-.wp-block-tab > *:first-child {
+.wp-block-tab-panel > *:first-child {
   margin-top: 0;
 }
-.wp-block-tab > *:last-child {
+.wp-block-tab-panel > *:last-child {
   margin-bottom: 0;
 }
-.wp-block-tab[hidden], .wp-block-tab:empty {
+.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
   display: none !important;
 }
 
-.wp-block-tab.wp-block.has-background,
-.wp-block-tab:not(.wp-block).has-background {
+.wp-block-tab-panel.wp-block.has-background,
+.wp-block-tab-panel:not(.wp-block).has-background {
   padding: var(--wp--preset--spacing--30);
 }
 
-.wp-block-tab-panel {
+.wp-block-tab-panels {
   flex-grow: 1;
   min-width: 0;
 }
@@ -4949,40 +4983,6 @@ ul.wp-block-rss.is-grid li {
   box-sizing: border-box;
 }
 
-.wp-block-tabs-menu-item {
-  box-sizing: border-box;
-  color: inherit;
-  display: block;
-  width: max-content;
-  text-decoration: none;
-  cursor: pointer;
-  flex-basis: inherit !important;
-  flex-grow: inherit !important;
-  position: relative;
-  border: none;
-  background: none;
-  appearance: none;
-  -webkit-appearance: none;
-  margin: 0;
-  padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
-  font-size: inherit;
-  font-family: inherit;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  text-transform: inherit;
-  text-align: inherit;
-}
-.wp-block-tabs-menu-item[aria-selected=true]::before, .wp-block-tabs-menu-item.is-active::before {
-  content: "";
-  position: absolute;
-  border-bottom: 2px solid currentColor;
-  pointer-events: none;
-  left: 0;
-  width: 100%;
-  bottom: 0;
-}
-
 .wp-block-term-count {
   box-sizing: border-box;
 }

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

@@ -0,0 +1,11 @@
+.wp-block-tab.is-selected {
+  outline-offset: 2px;
+}
+
+.block-editor-block-preview__live-content:has(.wp-block-tab) {
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tab) .wp-block-tab {
+  flex-basis: 100% !important;
+}

package/build-style/tab/editor.css

@@ -0,0 +1,11 @@
+.wp-block-tab.is-selected {
+  outline-offset: 2px;
+}
+
+.block-editor-block-preview__live-content:has(.wp-block-tab) {
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tab) .wp-block-tab {
+  flex-basis: 100% !important;
+}

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

@@ -1,20 +1,33 @@
 .wp-block-tab {
-  max-width: 100%;
-  flex-basis: 100%;
-  flex-grow: 1;
   box-sizing: border-box;
+  color: inherit;
+  display: block;
+  width: max-content;
+  text-decoration: none;
+  cursor: pointer;
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+  position: relative;
+  border: none;
+  background: none;
+  appearance: none;
+  -webkit-appearance: none;
+  margin: 0;
+  padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  text-align: inherit;
 }
-.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;
-}
-
-.wp-block-tab.wp-block.has-background,
-.wp-block-tab:not(.wp-block).has-background {
-  padding: var(--wp--preset--spacing--30);
+.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+  content: "";
+  position: absolute;
+  border-bottom: 2px solid currentColor;
+  pointer-events: none;
+  right: 0;
+  width: 100%;
+  bottom: 0;
 }

package/build-style/tab/style.css

@@ -1,20 +1,33 @@
 .wp-block-tab {
-  max-width: 100%;
-  flex-basis: 100%;
-  flex-grow: 1;
   box-sizing: border-box;
+  color: inherit;
+  display: block;
+  width: max-content;
+  text-decoration: none;
+  cursor: pointer;
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+  position: relative;
+  border: none;
+  background: none;
+  appearance: none;
+  -webkit-appearance: none;
+  margin: 0;
+  padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  text-align: inherit;
 }
-.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;
-}
-
-.wp-block-tab.wp-block.has-background,
-.wp-block-tab:not(.wp-block).has-background {
-  padding: var(--wp--preset--spacing--30);
+.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+  content: "";
+  position: absolute;
+  border-bottom: 2px solid currentColor;
+  pointer-events: none;
+  left: 0;
+  width: 100%;
+  bottom: 0;
 }

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

@@ -0,0 +1,6 @@
+.wp-block-tab-list > .block-editor-block-list__layout {
+  display: contents;
+}
+.wp-block-tab-list .block-editor-block-list__block:has(> .wp-block-tab) {
+  display: contents;
+}

package/build-style/tab-list/editor.css

@@ -0,0 +1,6 @@
+.wp-block-tab-list > .block-editor-block-list__layout {
+  display: contents;
+}
+.wp-block-tab-list .block-editor-block-list__block:has(> .wp-block-tab) {
+  display: contents;
+}

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

@@ -1,4 +1,20 @@
 .wp-block-tab-panel {
+  max-width: 100%;
+  flex-basis: 100%;
   flex-grow: 1;
-  min-width: 0;
+  box-sizing: border-box;
+}
+.wp-block-tab-panel > *:first-child {
+  margin-top: 0;
+}
+.wp-block-tab-panel > *:last-child {
+  margin-bottom: 0;
+}
+.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
+  display: none !important;
+}
+
+.wp-block-tab-panel.wp-block.has-background,
+.wp-block-tab-panel:not(.wp-block).has-background {
+  padding: var(--wp--preset--spacing--30);
 }

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

@@ -1,4 +1,20 @@
 .wp-block-tab-panel {
+  max-width: 100%;
+  flex-basis: 100%;
   flex-grow: 1;
-  min-width: 0;
+  box-sizing: border-box;
+}
+.wp-block-tab-panel > *:first-child {
+  margin-top: 0;
+}
+.wp-block-tab-panel > *:last-child {
+  margin-bottom: 0;
+}
+.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
+  display: none !important;
+}
+
+.wp-block-tab-panel.wp-block.has-background,
+.wp-block-tab-panel: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/video/editor-rtl.css

@@ -65,6 +65,10 @@
   z-index: 159990;
 }
 
+.modal-open .block-library-video-tracks-editor {
+  z-index: 99999;
+}
+
 .block-library-video-tracks-editor__track-list-track {
   padding-right: 12px;
 }

package/build-style/video/editor.css

@@ -65,6 +65,10 @@
   z-index: 159990;
 }
 
+.modal-open .block-library-video-tracks-editor {
+  z-index: 99999;
+}
+
 .block-library-video-tracks-editor__track-list-track {
   padding-left: 12px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.44.1-next.v.202604201441.0+dab6d8c07",
+	"version": "9.45.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -95,42 +95,43 @@
 	],
 	"dependencies": {
 		"@arraypress/waveform-player": "1.2.1",
-		"@wordpress/a11y": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/api-fetch": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/autop": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/base-styles": "^6.20.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/blob": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/block-editor": "^15.18.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/blocks": "^15.17.2-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/components": "^33.0.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/compose": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/core-data": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/data": "^10.45.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/date": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/deprecated": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/dom": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/element": "^6.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/escape-html": "^3.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/hooks": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/html-entities": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/i18n": "^6.17.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/icons": "^12.2.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/interactivity": "^6.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/interactivity-router": "^2.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/keyboard-shortcuts": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/keycodes": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/latex-to-mathml": "^1.12.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/notices": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/patterns": "^2.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/primitives": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/private-apis": "^1.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/reusable-blocks": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/rich-text": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/server-side-render": "^6.20.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/upload-media": "^0.29.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/url": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/viewport": "^6.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/wordcount": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/a11y": "^4.45.0",
+		"@wordpress/api-fetch": "^7.45.0",
+		"@wordpress/autop": "^4.45.0",
+		"@wordpress/base-styles": "^7.0.0",
+		"@wordpress/blob": "^4.45.0",
+		"@wordpress/block-editor": "^15.18.0",
+		"@wordpress/blocks": "^15.18.0",
+		"@wordpress/components": "^33.0.0",
+		"@wordpress/compose": "^7.45.0",
+		"@wordpress/core-data": "^7.45.0",
+		"@wordpress/data": "^10.45.0",
+		"@wordpress/date": "^5.45.0",
+		"@wordpress/deprecated": "^4.45.0",
+		"@wordpress/dom": "^4.45.0",
+		"@wordpress/element": "^6.45.0",
+		"@wordpress/escape-html": "^3.45.0",
+		"@wordpress/hooks": "^4.45.0",
+		"@wordpress/html-entities": "^4.45.0",
+		"@wordpress/i18n": "^6.18.0",
+		"@wordpress/icons": "^13.0.0",
+		"@wordpress/interactivity": "^6.45.0",
+		"@wordpress/interactivity-router": "^2.45.0",
+		"@wordpress/keyboard-shortcuts": "^5.45.0",
+		"@wordpress/keycodes": "^4.45.0",
+		"@wordpress/latex-to-mathml": "^1.13.0",
+		"@wordpress/notices": "^5.45.0",
+		"@wordpress/patterns": "^2.45.0",
+		"@wordpress/primitives": "^4.45.0",
+		"@wordpress/private-apis": "^1.45.0",
+		"@wordpress/reusable-blocks": "^5.45.0",
+		"@wordpress/rich-text": "^7.45.0",
+		"@wordpress/server-side-render": "^6.21.0",
+		"@wordpress/ui": "^0.12.0",
+		"@wordpress/upload-media": "^0.30.0",
+		"@wordpress/url": "^4.45.0",
+		"@wordpress/viewport": "^6.45.0",
+		"@wordpress/wordcount": "^4.45.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -151,5 +152,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c788005ba4ee2a34851c1217c51602656aa7c3a6"
+	"gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
 }

package/src/accordion/edit.js

@@ -140,7 +140,6 @@ export default function Edit( {
 						}
 					>
 						<ToggleControl
-							isBlock
 							label={ __( 'Auto-close' ) }
 							onChange={ ( value ) => {
 								setAttributes( {
@@ -160,7 +159,6 @@ export default function Edit( {
 						onDeselect={ () => setAttributes( { showIcon: true } ) }
 					>
 						<ToggleControl
-							isBlock
 							label={ __( 'Show icon' ) }
 							onChange={ ( value ) => {
 								setAttributes( {

package/src/accordion-item/block.json

@@ -16,6 +16,7 @@
 		"interactivity": true,
 		"spacing": {
 			"margin": [ "top", "bottom" ],
+			"padding": true,
 			"blockGap": true
 		},
 		"__experimentalBorder": {

package/src/categories/edit.js

@@ -11,7 +11,6 @@ import {
 	SelectControl,
 	Spinner,
 	ToggleControl,
-	VisuallyHidden,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
@@ -26,6 +25,7 @@ import { __, sprintf } from '@wordpress/i18n';
 import { pin } from '@wordpress/icons';
 import { useEntityRecords } from '@wordpress/core-data';
 import { useDispatch } from '@wordpress/data';
+import { VisuallyHidden } from '@wordpress/ui';
 import { store as noticeStore } from '@wordpress/notices';
 
 /**
@@ -146,7 +146,8 @@ export default function CategoriesEdit( {
 						}
 					/>
 				) : (
-					<VisuallyHidden as="label" htmlFor={ selectId }>
+					// eslint-disable-next-line jsx-a11y/label-has-associated-control
+					<VisuallyHidden render={ <label htmlFor={ selectId } /> }>
 						{ label ? label : taxonomy?.name }
 					</VisuallyHidden>
 				) }

package/src/classic.scss

@@ -58,3 +58,28 @@
 		outline: auto;
 	}
 }
+
+.wp-block-tab {
+	// Button elements can have colors applied with high CSS specificity,
+	// and since this specificity is impossible to predict, we use
+	// `!important` to reset the color.
+	&:not(.has-text-color) {
+		color: inherit !important;
+	}
+	&:not(.has-background) {
+		background-color: inherit !important;
+	}
+
+	&:hover,
+	&:focus {
+		// Sometimes styles are applied when the button element is
+		// hovered over or focused. This isn't expected for tab
+		// buttons, so reset those styles here.
+		text-decoration: none;
+	}
+
+	&:focus-visible {
+		outline-offset: 0;
+		outline: auto;
+	}
+}

package/src/editor.scss

@@ -49,8 +49,8 @@
 @use "./social-links/editor.scss" as *;
 @use "./spacer/editor.scss" as *;
 @use "./table/editor.scss" as *;
-@use "./tabs-menu/editor.scss" as *;
-@use "./tabs-menu-item/editor.scss" as *;
+@use "./tab-list/editor.scss" as *;
+@use "./tab/editor.scss" as *;
 @use "./template-part/editor.scss" as *;
 @use "./term-template/editor.scss" as *;
 @use "./text-columns/editor.scss" as *;