@wordpress/block-library 9.40.1 → 9.40.2-next.v.202602271551.0

package/src/tabs-menu-item/edit.js

@@ -9,7 +9,6 @@ import clsx from 'clsx';
 import { __, sprintf } from '@wordpress/i18n';
 import {
 	useBlockProps,
-	withColors,
 	store as blockEditorStore,
 	RichText,
 } from '@wordpress/block-editor';
@@ -22,19 +21,9 @@ import { useCallback, useMemo } from '@wordpress/element';
 import slugFromLabel from '../tab/slug-from-label';
 import Controls from './controls';
 
-function Edit( {
-	attributes,
-	setAttributes,
+export default function Edit( {
 	context,
 	clientId,
-	activeBackgroundColor,
-	setActiveBackgroundColor,
-	activeTextColor,
-	setActiveTextColor,
-	hoverBackgroundColor,
-	setHoverBackgroundColor,
-	hoverTextColor,
-	setHoverTextColor,
 	__unstableLayoutClassNames: layoutClassNames,
 } ) {
 	// Context from tabs-menu (per-item context via BlockContextProvider)
@@ -138,47 +127,6 @@ function Edit( {
 		]
 	);
 
-	// Build CSS custom properties for active/hover color states
-	const customColorStyles = useMemo( () => {
-		const styles = {};
-
-		// Active/hover colors from custom attributes
-		const activeBg =
-			activeBackgroundColor?.color ||
-			attributes.customActiveBackgroundColor;
-		const activeText =
-			activeTextColor?.color || attributes.customActiveTextColor;
-		const hoverBg =
-			hoverBackgroundColor?.color ||
-			attributes.customHoverBackgroundColor;
-		const hoverText =
-			hoverTextColor?.color || attributes.customHoverTextColor;
-
-		if ( activeBg ) {
-			styles[ '--custom-tab-active-color' ] = activeBg;
-		}
-		if ( activeText ) {
-			styles[ '--custom-tab-active-text-color' ] = activeText;
-		}
-		if ( hoverBg ) {
-			styles[ '--custom-tab-hover-color' ] = hoverBg;
-		}
-		if ( hoverText ) {
-			styles[ '--custom-tab-hover-text-color' ] = hoverText;
-		}
-
-		return styles;
-	}, [
-		activeBackgroundColor?.color,
-		attributes.customActiveBackgroundColor,
-		activeTextColor?.color,
-		attributes.customActiveTextColor,
-		hoverBackgroundColor?.color,
-		attributes.customHoverBackgroundColor,
-		hoverTextColor?.color,
-		attributes.customHoverTextColor,
-	] );
-
 	const tabPanelId = tabId || `tab-${ tabIndex }`;
 	const tabLabelId = `${ tabPanelId }--tab`;
 
@@ -188,7 +136,6 @@ function Edit( {
 			'is-active': isActiveTab,
 			'is-selected': isSelectedTab,
 		} ),
-		style: customColorStyles,
 		'aria-controls': tabPanelId,
 		'aria-selected': isActiveTab,
 		id: tabLabelId,
@@ -200,24 +147,11 @@ function Edit( {
 	return (
 		<>
 			<Controls
-				{ ...{
-					attributes,
-					setAttributes,
-					clientId,
-					tabsClientId,
-					tabClientId,
-					tabIndex,
-					tabsCount: tabsList.length,
-					tabsMenuClientId,
-					activeBackgroundColor,
-					setActiveBackgroundColor,
-					activeTextColor,
-					setActiveTextColor,
-					hoverBackgroundColor,
-					setHoverBackgroundColor,
-					hoverTextColor,
-					setHoverTextColor,
-				} }
+				tabsClientId={ tabsClientId }
+				tabClientId={ tabClientId }
+				tabIndex={ tabIndex }
+				tabsCount={ tabsList.length }
+				tabsMenuClientId={ tabsMenuClientId }
 			/>
 			<div { ...blockProps }>
 				<RichText
@@ -235,10 +169,3 @@ function Edit( {
 		</>
 	);
 }
-
-export default withColors(
-	'activeBackgroundColor',
-	'activeTextColor',
-	'hoverBackgroundColor',
-	'hoverTextColor'
-)( Edit );

package/src/tabs-menu-item/editor.scss

@@ -1,6 +1,5 @@
 .wp-block-tabs-menu-item {
 	&.is-selected {
-		outline: 2px solid var(--wp-admin-theme-color, #007cba);
 		outline-offset: 2px;
 	}
 }
@@ -12,9 +11,4 @@
 	.wp-block-tabs-menu-item {
 		flex-basis: 100% !important;
 	}
-
-	&:hover > .wp-block-tabs-menu-item {
-		background-color: var(--custom-tab-hover-color, #eaeaea) !important;
-		color: var(--custom-tab-hover-text-color, #000) !important;
-	}
 }

package/src/tabs-menu-item/save.js

@@ -3,34 +3,9 @@
  */
 import { useBlockProps } from '@wordpress/block-editor';
 
-export default function save( { attributes } ) {
-	// Build CSS custom properties for active/hover colors
-	const customColorStyles = {};
-
-	// Active/hover colors from custom attributes
-	if ( attributes.customActiveBackgroundColor ) {
-		customColorStyles[ '--custom-tab-active-color' ] =
-			attributes.customActiveBackgroundColor;
-	}
-	if ( attributes.customActiveTextColor ) {
-		customColorStyles[ '--custom-tab-active-text-color' ] =
-			attributes.customActiveTextColor;
-	}
-	if ( attributes.customHoverBackgroundColor ) {
-		customColorStyles[ '--custom-tab-hover-color' ] =
-			attributes.customHoverBackgroundColor;
-	}
-	if ( attributes.customHoverTextColor ) {
-		customColorStyles[ '--custom-tab-hover-text-color' ] =
-			attributes.customHoverTextColor;
-	}
-
-	// useBlockProps.save includes all core style engine classes and styles
-	// The button content is replaced by PHP during rendering, so we output
-	// an empty button as a template.
+export default function save() {
 	const blockProps = useBlockProps.save( {
 		className: 'wp-block-tabs-menu-item__template',
-		style: customColorStyles,
 		type: 'button',
 		role: 'tab',
 	} );

package/src/tabs-menu-item/style.scss

@@ -15,8 +15,7 @@
 	-webkit-appearance: none;
 
 	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));
+	padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
 
 	// Inherit typography from parent
 	font-size: inherit;
@@ -27,23 +26,13 @@
 	text-transform: inherit;
 	text-align: inherit;
 
-	&:focus {
-		outline: none;
-	}
-
 	&:focus-visible {
-		outline: 2px solid var(--tab-border-color-active, #000);
 		outline-offset: 2px;
 	}
 
-	&:hover {
-		background-color: var(--custom-tab-hover-color, #eaeaea) !important;
-		color: var(--custom-tab-hover-text-color, #000) !important;
-	}
-
 	&[aria-selected="true"],
 	&.is-active {
-		background-color: var(--custom-tab-active-color, #000) !important;
-		color: var(--custom-tab-active-text-color, #fff) !important;
+		background-color: #000;
+		color: #fff;
 	}
 }

package/build/navigation/use-navigation-entities.cjs

@@ -1,67 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/navigation/use-navigation-entities.js
-var use_navigation_entities_exports = {};
-__export(use_navigation_entities_exports, {
-  default: () => useNavigationEntities
-});
-module.exports = __toCommonJS(use_navigation_entities_exports);
-var import_core_data = require("@wordpress/core-data");
-function useNavigationEntities(menuId) {
-  const {
-    records: menus,
-    isResolving: isResolvingMenus,
-    hasResolved: hasResolvedMenus
-  } = (0, import_core_data.useEntityRecords)("root", "menu", { per_page: -1, context: "view" });
-  const {
-    records: pages,
-    isResolving: isResolvingPages,
-    hasResolved: hasResolvedPages
-  } = (0, import_core_data.useEntityRecords)("postType", "page", {
-    parent: 0,
-    order: "asc",
-    orderby: "id",
-    per_page: -1,
-    context: "view"
-  });
-  const { records: menuItems, hasResolved: hasResolvedMenuItems } = (0, import_core_data.useEntityRecords)(
-    "root",
-    "menuItem",
-    {
-      menus: menuId,
-      per_page: -1,
-      context: "view"
-    },
-    { enabled: !!menuId }
-  );
-  return {
-    pages,
-    isResolvingPages,
-    hasResolvedPages,
-    hasPages: !!(hasResolvedPages && pages?.length),
-    menus,
-    isResolvingMenus,
-    hasResolvedMenus,
-    hasMenus: !!(hasResolvedMenus && menus?.length),
-    menuItems,
-    hasResolvedMenuItems
-  };
-}
-//# sourceMappingURL=use-navigation-entities.cjs.map

package/build/navigation/use-navigation-entities.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/navigation/use-navigation-entities.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\n\n/**\n * @typedef {Object} NavigationEntitiesData\n * @property {Array|undefined} pages                - a collection of WP Post entity objects of post type \"Page\".\n * @property {boolean}         isResolvingPages     - indicates whether the request to fetch pages is currently resolving.\n * @property {boolean}         hasResolvedPages     - indicates whether the request to fetch pages has finished resolving.\n * @property {Array|undefined} menus                - a collection of Menu entity objects.\n * @property {boolean}         isResolvingMenus     - indicates whether the request to fetch menus is currently resolving.\n * @property {boolean}         hasResolvedMenus     - indicates whether the request to fetch menus has finished resolving.\n * @property {Array|undefined} menusItems           - a collection of Menu Item entity objects for the current menuId.\n * @property {boolean}         hasResolvedMenuItems - indicates whether the request to fetch menuItems has finished resolving.\n * @property {boolean}         hasPages             - indicates whether there is currently any data for pages.\n * @property {boolean}         hasMenus             - indicates whether there is currently any data for menus.\n */\n\n/**\n * Manages fetching and resolution state for all entities required\n * for the Navigation block.\n *\n * @param {number} menuId the menu for which to retrieve menuItem data.\n * @return { NavigationEntitiesData } the entity data.\n */\nexport default function useNavigationEntities( menuId ) {\n\tconst {\n\t\trecords: menus,\n\t\tisResolving: isResolvingMenus,\n\t\thasResolved: hasResolvedMenus,\n\t} = useEntityRecords( 'root', 'menu', { per_page: -1, context: 'view' } );\n\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isResolvingPages,\n\t\thasResolved: hasResolvedPages,\n\t} = useEntityRecords( 'postType', 'page', {\n\t\tparent: 0,\n\t\torder: 'asc',\n\t\torderby: 'id',\n\t\tper_page: -1,\n\t\tcontext: 'view',\n\t} );\n\n\tconst { records: menuItems, hasResolved: hasResolvedMenuItems } =\n\t\tuseEntityRecords(\n\t\t\t'root',\n\t\t\t'menuItem',\n\t\t\t{\n\t\t\t\tmenus: menuId,\n\t\t\t\tper_page: -1,\n\t\t\t\tcontext: 'view',\n\t\t\t},\n\t\t\t{ enabled: !! menuId }\n\t\t);\n\n\treturn {\n\t\tpages,\n\t\tisResolvingPages,\n\t\thasResolvedPages,\n\t\thasPages: !! ( hasResolvedPages && pages?.length ),\n\n\t\tmenus,\n\t\tisResolvingMenus,\n\t\thasResolvedMenus,\n\t\thasMenus: !! ( hasResolvedMenus && menus?.length ),\n\n\t\tmenuItems,\n\t\thasResolvedMenuItems,\n\t};\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAiC;AAuBlB,SAAR,sBAAwC,QAAS;AACvD,QAAM;AAAA,IACL,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EACd,QAAI,mCAAkB,QAAQ,QAAQ,EAAE,UAAU,IAAI,SAAS,OAAO,CAAE;AAExE,QAAM;AAAA,IACL,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EACd,QAAI,mCAAkB,YAAY,QAAQ;AAAA,IACzC,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,EACV,CAAE;AAEF,QAAM,EAAE,SAAS,WAAW,aAAa,qBAAqB,QAC7D;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IACV;AAAA,IACA,EAAE,SAAS,CAAC,CAAE,OAAO;AAAA,EACtB;AAED,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,EAAI,oBAAoB,OAAO;AAAA,IAE1C;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,EAAI,oBAAoB,OAAO;AAAA,IAE1C;AAAA,IACA;AAAA,EACD;AACD;",
-  "names": []
-}

package/build-module/navigation/use-navigation-entities.mjs

@@ -1,46 +0,0 @@
-// packages/block-library/src/navigation/use-navigation-entities.js
-import { useEntityRecords } from "@wordpress/core-data";
-function useNavigationEntities(menuId) {
-  const {
-    records: menus,
-    isResolving: isResolvingMenus,
-    hasResolved: hasResolvedMenus
-  } = useEntityRecords("root", "menu", { per_page: -1, context: "view" });
-  const {
-    records: pages,
-    isResolving: isResolvingPages,
-    hasResolved: hasResolvedPages
-  } = useEntityRecords("postType", "page", {
-    parent: 0,
-    order: "asc",
-    orderby: "id",
-    per_page: -1,
-    context: "view"
-  });
-  const { records: menuItems, hasResolved: hasResolvedMenuItems } = useEntityRecords(
-    "root",
-    "menuItem",
-    {
-      menus: menuId,
-      per_page: -1,
-      context: "view"
-    },
-    { enabled: !!menuId }
-  );
-  return {
-    pages,
-    isResolvingPages,
-    hasResolvedPages,
-    hasPages: !!(hasResolvedPages && pages?.length),
-    menus,
-    isResolvingMenus,
-    hasResolvedMenus,
-    hasMenus: !!(hasResolvedMenus && menus?.length),
-    menuItems,
-    hasResolvedMenuItems
-  };
-}
-export {
-  useNavigationEntities as default
-};
-//# sourceMappingURL=use-navigation-entities.mjs.map

package/build-module/navigation/use-navigation-entities.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/navigation/use-navigation-entities.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\n\n/**\n * @typedef {Object} NavigationEntitiesData\n * @property {Array|undefined} pages                - a collection of WP Post entity objects of post type \"Page\".\n * @property {boolean}         isResolvingPages     - indicates whether the request to fetch pages is currently resolving.\n * @property {boolean}         hasResolvedPages     - indicates whether the request to fetch pages has finished resolving.\n * @property {Array|undefined} menus                - a collection of Menu entity objects.\n * @property {boolean}         isResolvingMenus     - indicates whether the request to fetch menus is currently resolving.\n * @property {boolean}         hasResolvedMenus     - indicates whether the request to fetch menus has finished resolving.\n * @property {Array|undefined} menusItems           - a collection of Menu Item entity objects for the current menuId.\n * @property {boolean}         hasResolvedMenuItems - indicates whether the request to fetch menuItems has finished resolving.\n * @property {boolean}         hasPages             - indicates whether there is currently any data for pages.\n * @property {boolean}         hasMenus             - indicates whether there is currently any data for menus.\n */\n\n/**\n * Manages fetching and resolution state for all entities required\n * for the Navigation block.\n *\n * @param {number} menuId the menu for which to retrieve menuItem data.\n * @return { NavigationEntitiesData } the entity data.\n */\nexport default function useNavigationEntities( menuId ) {\n\tconst {\n\t\trecords: menus,\n\t\tisResolving: isResolvingMenus,\n\t\thasResolved: hasResolvedMenus,\n\t} = useEntityRecords( 'root', 'menu', { per_page: -1, context: 'view' } );\n\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isResolvingPages,\n\t\thasResolved: hasResolvedPages,\n\t} = useEntityRecords( 'postType', 'page', {\n\t\tparent: 0,\n\t\torder: 'asc',\n\t\torderby: 'id',\n\t\tper_page: -1,\n\t\tcontext: 'view',\n\t} );\n\n\tconst { records: menuItems, hasResolved: hasResolvedMenuItems } =\n\t\tuseEntityRecords(\n\t\t\t'root',\n\t\t\t'menuItem',\n\t\t\t{\n\t\t\t\tmenus: menuId,\n\t\t\t\tper_page: -1,\n\t\t\t\tcontext: 'view',\n\t\t\t},\n\t\t\t{ enabled: !! menuId }\n\t\t);\n\n\treturn {\n\t\tpages,\n\t\tisResolvingPages,\n\t\thasResolvedPages,\n\t\thasPages: !! ( hasResolvedPages && pages?.length ),\n\n\t\tmenus,\n\t\tisResolvingMenus,\n\t\thasResolvedMenus,\n\t\thasMenus: !! ( hasResolvedMenus && menus?.length ),\n\n\t\tmenuItems,\n\t\thasResolvedMenuItems,\n\t};\n}\n"],
-  "mappings": ";AAGA,SAAS,wBAAwB;AAuBlB,SAAR,sBAAwC,QAAS;AACvD,QAAM;AAAA,IACL,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EACd,IAAI,iBAAkB,QAAQ,QAAQ,EAAE,UAAU,IAAI,SAAS,OAAO,CAAE;AAExE,QAAM;AAAA,IACL,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EACd,IAAI,iBAAkB,YAAY,QAAQ;AAAA,IACzC,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,EACV,CAAE;AAEF,QAAM,EAAE,SAAS,WAAW,aAAa,qBAAqB,IAC7D;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IACV;AAAA,IACA,EAAE,SAAS,CAAC,CAAE,OAAO;AAAA,EACtB;AAED,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,EAAI,oBAAoB,OAAO;AAAA,IAE1C;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,EAAI,oBAAoB,OAAO;AAAA,IAE1C;AAAA,IACA;AAAA,EACD;AACD;",
-  "names": []
-}

package/src/navigation/use-navigation-entities.js

@@ -1,72 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEntityRecords } from '@wordpress/core-data';
-
-/**
- * @typedef {Object} NavigationEntitiesData
- * @property {Array|undefined} pages                - a collection of WP Post entity objects of post type "Page".
- * @property {boolean}         isResolvingPages     - indicates whether the request to fetch pages is currently resolving.
- * @property {boolean}         hasResolvedPages     - indicates whether the request to fetch pages has finished resolving.
- * @property {Array|undefined} menus                - a collection of Menu entity objects.
- * @property {boolean}         isResolvingMenus     - indicates whether the request to fetch menus is currently resolving.
- * @property {boolean}         hasResolvedMenus     - indicates whether the request to fetch menus has finished resolving.
- * @property {Array|undefined} menusItems           - a collection of Menu Item entity objects for the current menuId.
- * @property {boolean}         hasResolvedMenuItems - indicates whether the request to fetch menuItems has finished resolving.
- * @property {boolean}         hasPages             - indicates whether there is currently any data for pages.
- * @property {boolean}         hasMenus             - indicates whether there is currently any data for menus.
- */
-
-/**
- * Manages fetching and resolution state for all entities required
- * for the Navigation block.
- *
- * @param {number} menuId the menu for which to retrieve menuItem data.
- * @return { NavigationEntitiesData } the entity data.
- */
-export default function useNavigationEntities( menuId ) {
-	const {
-		records: menus,
-		isResolving: isResolvingMenus,
-		hasResolved: hasResolvedMenus,
-	} = useEntityRecords( 'root', 'menu', { per_page: -1, context: 'view' } );
-
-	const {
-		records: pages,
-		isResolving: isResolvingPages,
-		hasResolved: hasResolvedPages,
-	} = useEntityRecords( 'postType', 'page', {
-		parent: 0,
-		order: 'asc',
-		orderby: 'id',
-		per_page: -1,
-		context: 'view',
-	} );
-
-	const { records: menuItems, hasResolved: hasResolvedMenuItems } =
-		useEntityRecords(
-			'root',
-			'menuItem',
-			{
-				menus: menuId,
-				per_page: -1,
-				context: 'view',
-			},
-			{ enabled: !! menuId }
-		);
-
-	return {
-		pages,
-		isResolvingPages,
-		hasResolvedPages,
-		hasPages: !! ( hasResolvedPages && pages?.length ),
-
-		menus,
-		isResolvingMenus,
-		hasResolvedMenus,
-		hasMenus: !! ( hasResolvedMenus && menus?.length ),
-
-		menuItems,
-		hasResolvedMenuItems,
-	};
-}