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

package/build-style/tabs/style.css

@@ -0,0 +1,169 @@
+.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;
+}

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

@@ -79,7 +79,7 @@
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 500;
+  font-weight: 499;
   display: block;
 }
 

package/build-style/video/editor.css

@@ -79,7 +79,7 @@
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 500;
+  font-weight: 499;
   display: block;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.33.4",
+	"version": "9.34.1-next.2f1c7c01b.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -43,7 +43,8 @@
 		"./image/view": "./build-module/image/view.js",
 		"./navigation/view": "./build-module/navigation/view.js",
 		"./query/view": "./build-module/query/view.js",
-		"./search/view": "./build-module/search/view.js"
+		"./search/view": "./build-module/search/view.js",
+		"./tabs/view": "./build-module/tabs/view.js"
 	},
 	"wpStyleEntryPoints": [
 		"src/*.scss",
@@ -81,41 +82,41 @@
 		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.33.1",
-		"@wordpress/api-fetch": "^7.33.1",
-		"@wordpress/autop": "^4.33.1",
-		"@wordpress/base-styles": "^6.9.1",
-		"@wordpress/blob": "^4.33.1",
-		"@wordpress/block-editor": "^15.6.3",
-		"@wordpress/blocks": "^15.6.1",
-		"@wordpress/components": "^30.6.1",
-		"@wordpress/compose": "^7.33.1",
-		"@wordpress/core-data": "^7.33.3",
-		"@wordpress/data": "^10.33.1",
-		"@wordpress/date": "^5.33.1",
-		"@wordpress/deprecated": "^4.33.1",
-		"@wordpress/dom": "^4.33.1",
-		"@wordpress/element": "^6.33.1",
-		"@wordpress/escape-html": "^3.33.1",
-		"@wordpress/hooks": "^4.33.1",
-		"@wordpress/html-entities": "^4.33.1",
-		"@wordpress/i18n": "^6.6.1",
-		"@wordpress/icons": "^11.0.1",
-		"@wordpress/interactivity": "^6.33.1",
-		"@wordpress/interactivity-router": "^2.33.1",
-		"@wordpress/keyboard-shortcuts": "^5.33.1",
-		"@wordpress/keycodes": "^4.33.1",
-		"@wordpress/latex-to-mathml": "^1.1.1",
-		"@wordpress/notices": "^5.33.1",
-		"@wordpress/patterns": "^2.33.3",
-		"@wordpress/primitives": "^4.33.1",
-		"@wordpress/private-apis": "^1.33.1",
-		"@wordpress/reusable-blocks": "^5.33.3",
-		"@wordpress/rich-text": "^7.33.1",
-		"@wordpress/server-side-render": "^6.9.1",
-		"@wordpress/url": "^4.33.1",
-		"@wordpress/viewport": "^6.33.1",
-		"@wordpress/wordcount": "^4.33.1",
+		"@wordpress/a11y": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/api-fetch": "^7.34.1-next.2f1c7c01b.0",
+		"@wordpress/autop": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/base-styles": "^6.10.1-next.2f1c7c01b.0",
+		"@wordpress/blob": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/block-editor": "^15.7.1-next.2f1c7c01b.0",
+		"@wordpress/blocks": "^15.7.1-next.2f1c7c01b.0",
+		"@wordpress/components": "^30.7.2-next.2f1c7c01b.0",
+		"@wordpress/compose": "^7.34.1-next.2f1c7c01b.0",
+		"@wordpress/core-data": "^7.34.1-next.2f1c7c01b.0",
+		"@wordpress/data": "^10.34.1-next.2f1c7c01b.0",
+		"@wordpress/date": "^5.34.1-next.2f1c7c01b.0",
+		"@wordpress/deprecated": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/dom": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/element": "^6.34.1-next.2f1c7c01b.0",
+		"@wordpress/escape-html": "^3.34.1-next.2f1c7c01b.0",
+		"@wordpress/hooks": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/html-entities": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/i18n": "^6.7.1-next.2f1c7c01b.0",
+		"@wordpress/icons": "^11.1.1-next.2f1c7c01b.0",
+		"@wordpress/interactivity": "^6.34.1-next.2f1c7c01b.0",
+		"@wordpress/interactivity-router": "^2.34.1-next.2f1c7c01b.0",
+		"@wordpress/keyboard-shortcuts": "^5.34.1-next.2f1c7c01b.0",
+		"@wordpress/keycodes": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/latex-to-mathml": "^1.2.1-next.2f1c7c01b.0",
+		"@wordpress/notices": "^5.34.1-next.2f1c7c01b.0",
+		"@wordpress/patterns": "^2.34.1-next.2f1c7c01b.0",
+		"@wordpress/primitives": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/private-apis": "^1.34.1-next.2f1c7c01b.0",
+		"@wordpress/reusable-blocks": "^5.34.1-next.2f1c7c01b.0",
+		"@wordpress/rich-text": "^7.34.1-next.2f1c7c01b.0",
+		"@wordpress/server-side-render": "^6.10.1-next.2f1c7c01b.0",
+		"@wordpress/url": "^4.34.1-next.2f1c7c01b.0",
+		"@wordpress/viewport": "^6.34.1-next.2f1c7c01b.0",
+		"@wordpress/wordcount": "^4.34.1-next.2f1c7c01b.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -133,5 +134,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b54bd3285e50e409580bdfa2c47bc81f0000a0c9"
+	"gitHead": "c6ddcdf455bc02567a2c9e03de6862a2061b85e8"
 }

package/src/accordion/edit.js

@@ -114,7 +114,7 @@ export default function Edit( {
 					</BlockControls>
 					<BlockControls group="other">
 						<ToolbarButton onClick={ addAccordionItemBlock }>
-							{ __( 'Add' ) }
+							{ __( 'Add item' ) }
 						</ToolbarButton>
 					</BlockControls>
 				</>

package/src/accordion/view.js

@@ -3,85 +3,89 @@
  */
 import { store, getContext, withSyncEvent } from '@wordpress/interactivity';
 
-store( 'core/accordion', {
-	state: {
-		get isOpen() {
-			const { id, accordionItems } = getContext();
-			const accordionItem = accordionItems.find(
-				( item ) => item.id === id
-			);
-			return accordionItem ? accordionItem.isOpen : false;
+store(
+	'core/accordion',
+	{
+		state: {
+			get isOpen() {
+				const { id, accordionItems } = getContext();
+				const accordionItem = accordionItems.find(
+					( item ) => item.id === id
+				);
+				return accordionItem ? accordionItem.isOpen : false;
+			},
 		},
-	},
-	actions: {
-		toggle: () => {
-			const context = getContext();
-			const { id, autoclose, accordionItems } = context;
-			const accordionItem = accordionItems.find(
-				( item ) => item.id === id
-			);
+		actions: {
+			toggle: () => {
+				const context = getContext();
+				const { id, autoclose, accordionItems } = context;
+				const accordionItem = accordionItems.find(
+					( item ) => item.id === id
+				);
 
-			if ( autoclose ) {
-				accordionItems.forEach( ( item ) => {
-					item.isOpen =
-						item.id === id ? ! accordionItem.isOpen : false;
-				} );
-			} else {
-				accordionItem.isOpen = ! accordionItem.isOpen;
-			}
-		},
-		handleKeyDown: withSyncEvent( ( event ) => {
-			if (
-				event.key !== 'ArrowUp' &&
-				event.key !== 'ArrowDown' &&
-				event.key !== 'Home' &&
-				event.key !== 'End'
-			) {
-				return;
-			}
+				if ( autoclose ) {
+					accordionItems.forEach( ( item ) => {
+						item.isOpen =
+							item.id === id ? ! accordionItem.isOpen : false;
+					} );
+				} else {
+					accordionItem.isOpen = ! accordionItem.isOpen;
+				}
+			},
+			handleKeyDown: withSyncEvent( ( event ) => {
+				if (
+					event.key !== 'ArrowUp' &&
+					event.key !== 'ArrowDown' &&
+					event.key !== 'Home' &&
+					event.key !== 'End'
+				) {
+					return;
+				}
 
-			event.preventDefault();
-			const context = getContext();
-			const { id, accordionItems } = context;
-			const currentIndex = accordionItems.findIndex(
-				( item ) => item.id === id
-			);
+				event.preventDefault();
+				const context = getContext();
+				const { id, accordionItems } = context;
+				const currentIndex = accordionItems.findIndex(
+					( item ) => item.id === id
+				);
 
-			let nextIndex;
+				let nextIndex;
 
-			switch ( event.key ) {
-				case 'ArrowUp':
-					nextIndex = Math.max( 0, currentIndex - 1 );
-					break;
-				case 'ArrowDown':
-					nextIndex = Math.min(
-						currentIndex + 1,
-						accordionItems.length - 1
-					);
-					break;
-				case 'Home':
-					nextIndex = 0;
-					break;
-				case 'End':
-					nextIndex = accordionItems.length - 1;
-					break;
-			}
+				switch ( event.key ) {
+					case 'ArrowUp':
+						nextIndex = Math.max( 0, currentIndex - 1 );
+						break;
+					case 'ArrowDown':
+						nextIndex = Math.min(
+							currentIndex + 1,
+							accordionItems.length - 1
+						);
+						break;
+					case 'Home':
+						nextIndex = 0;
+						break;
+					case 'End':
+						nextIndex = accordionItems.length - 1;
+						break;
+				}
 
-			const nextId = accordionItems[ nextIndex ].id;
-			const nextButton = document.getElementById( nextId );
-			if ( nextButton ) {
-				nextButton.focus();
-			}
-		} ),
-	},
-	callbacks: {
-		initAccordionItems: () => {
-			const context = getContext();
-			const { id, openByDefault } = context;
-			context.accordionItems.push( {
-				id,
-				isOpen: openByDefault,
-			} );
+				const nextId = accordionItems[ nextIndex ].id;
+				const nextButton = document.getElementById( nextId );
+				if ( nextButton ) {
+					nextButton.focus();
+				}
+			} ),
+		},
+		callbacks: {
+			initAccordionItems: () => {
+				const context = getContext();
+				const { id, openByDefault } = context;
+				context.accordionItems.push( {
+					id,
+					isOpen: openByDefault,
+				} );
+			},
 		},
 	},
-} );
+	{ lock: true }
+);

package/src/accordion-item/block.json

@@ -33,7 +33,7 @@
 		"shadow": true,
 		"layout": {
 			"allowEditing": false
-			},
+		},
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,

package/src/breadcrumbs/block.json

@@ -8,10 +8,9 @@
 	"description": "Display a breadcrumb trail for hierarchical post types or based on taxonomy terms.",
 	"textdomain": "default",
 	"attributes": {
-		"type": {
-			"type": "string",
-			"default": "auto",
-			"enum": [ "auto", "postWithTerms", "postWithAncestors" ]
+		"prefersTaxonomy": {
+			"type": "boolean",
+			"default": false
 		},
 		"separator": {
 			"type": "string",
@@ -20,6 +19,14 @@
 		"showHomeLink": {
 			"type": "boolean",
 			"default": true
+		},
+		"showLastItem": {
+			"type": "boolean",
+			"default": true
+		},
+		"showOnHomePage": {
+			"type": "boolean",
+			"default": false
 		}
 	},
 	"usesContext": [ "postId", "postType", "templateSlug" ],