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

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

@@ -0,0 +1,44 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+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
+	// We add our custom classes and the hidden attribute for PHP template extraction
+	const blockProps = useBlockProps.save( {
+		className: 'wp-block-tabs-menu-item__template',
+		style: customColorStyles,
+		hidden: true,
+	} );
+
+	return (
+		<a { ...blockProps }>
+			<span className="screen-reader-text">
+				{ __( 'Tab menu item' ) }
+			</span>
+		</a>
+	);
+}

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

@@ -0,0 +1,42 @@
+.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));
+
+	// Inherit typography from parent
+	font-size: inherit;
+	font-family: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	letter-spacing: inherit;
+	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;
+	}
+}

package/src/template-part/edit/index.js

@@ -264,9 +264,7 @@ export default function TemplatePartEdit( {
 									} );
 								} }
 							>
-								{ window?.__experimentalContentOnlyPatternInsertion
-									? __( 'Edit section' )
-									: __( 'Edit' ) }
+								{ __( 'Edit section' ) }
 							</ToolbarButton>
 						</BlockControls>
 					) }

package/src/utils/caption.js

@@ -12,17 +12,12 @@ import { __ } from '@wordpress/i18n';
 import {
 	BlockControls,
 	__experimentalGetElementClassName,
-	privateApis as blockEditorPrivateApis,
+	RichText,
 } from '@wordpress/block-editor';
 import { ToolbarButton } from '@wordpress/components';
 import { caption as captionIcon } from '@wordpress/icons';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
 
-/**
- * Internal dependencies
- */
-import { unlock } from '../lock-unlock';
-
 export function Caption( {
 	attributeKey = 'caption',
 	attributes,
@@ -43,7 +38,6 @@ export function Caption( {
 } ) {
 	const caption = attributes[ attributeKey ];
 	const prevCaption = usePrevious( caption );
-	const { PrivateRichText: RichText } = unlock( blockEditorPrivateApis );
 	const isCaptionEmpty = RichText.isEmpty( caption );
 	const isPrevCaptionEmpty = RichText.isEmpty( prevCaption );
 	const [ showCaption, setShowCaption ] = useState( ! isCaptionEmpty );

package/src/video/edit.js

@@ -27,6 +27,7 @@ import { __ } from '@wordpress/i18n';
 import { useDispatch } from '@wordpress/data';
 import { video as icon } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
+import { prependHTTPS } from '@wordpress/url';
 
 /**
  * Internal dependencies
@@ -110,9 +111,10 @@ function VideoEdit( {
 
 	function onSelectURL( newSrc ) {
 		if ( newSrc !== src ) {
+			const url = prependHTTPS( newSrc );
 			// Check if there's an embed block that handles this URL.
 			const embedBlock = createUpgradedEmbedBlock( {
-				attributes: { url: newSrc },
+				attributes: { url },
 			} );
 			if ( undefined !== embedBlock && onReplace ) {
 				onReplace( embedBlock );
@@ -120,7 +122,7 @@ function VideoEdit( {
 			}
 			setAttributes( {
 				blob: undefined,
-				src: newSrc,
+				src: url,
 				id: undefined,
 				poster: undefined,
 			} );

package/build/tab/tabs-list.cjs

@@ -1,132 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/tab/tabs-list.js
-var tabs_list_exports = {};
-__export(tabs_list_exports, {
-  default: () => TabsList
-});
-module.exports = __toCommonJS(tabs_list_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_html_entities = require("@wordpress/html-entities");
-var import_element = require("@wordpress/element");
-var import_slug_from_label = __toESM(require("./slug-from-label.cjs"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function StaticLabel({ label, index }) {
-  if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element.RawHTML, { children: (0, import_html_entities.decodeEntities)(label) }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_i18n.sprintf)(
-    /* translators: %d is the tab index + 1 */
-    (0, import_i18n.__)("Tab %d"),
-    index + 1
-  ) });
-}
-function TabsList({
-  siblingTabs,
-  currentClientId,
-  currentBlockIndex,
-  currentLabel,
-  tabItemColorProps,
-  onSelectTab,
-  onLabelChange,
-  labelRef,
-  focusRef,
-  labelElementRef
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "tablist", className: "tabs__list", children: siblingTabs.map((tab, index) => {
-    const isCurrentTab = tab.clientId === currentClientId;
-    const isSiblingTabActive = index === currentBlockIndex;
-    const tabAttributes = tab.attributes || {};
-    const siblingLabel = tabAttributes.label || "";
-    const siblingAnchor = tabAttributes.anchor || (0, import_slug_from_label.default)(siblingLabel, index);
-    const siblingTabPanelId = siblingAnchor;
-    const siblingTabLabelId = `${siblingTabPanelId}--tab`;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      {
-        "aria-controls": siblingTabPanelId,
-        "aria-selected": isSiblingTabActive,
-        id: siblingTabLabelId,
-        role: "tab",
-        className: (0, import_clsx.default)(
-          "tabs__tab-label",
-          tabItemColorProps.className
-        ),
-        style: {
-          ...tabItemColorProps.style
-        },
-        tabIndex: isSiblingTabActive ? 0 : -1,
-        onClick: (event) => {
-          event.preventDefault();
-          onSelectTab(tab.clientId);
-        },
-        onKeyDown: (event) => {
-          if (event.key === "Enter" && !event.shiftKey) {
-            event.preventDefault();
-            onSelectTab(tab.clientId);
-            if (isCurrentTab) {
-              const { requestAnimationFrame } = window;
-              focusRef.current = requestAnimationFrame(
-                () => {
-                  labelElementRef.current?.focus();
-                }
-              );
-            }
-          }
-        },
-        children: isCurrentTab ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_block_editor.RichText,
-          {
-            ref: labelRef,
-            tagName: "span",
-            withoutInteractiveFormatting: true,
-            placeholder: (0, import_i18n.sprintf)(
-              /* translators: %d is the tab index + 1 */
-              (0, import_i18n.__)("Tab %d\u2026"),
-              currentBlockIndex + 1
-            ),
-            value: (0, import_html_entities.decodeEntities)(currentLabel),
-            onChange: onLabelChange
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          StaticLabel,
-          {
-            label: siblingLabel,
-            index
-          }
-        )
-      },
-      tab.clientId
-    );
-  }) });
-}
-//# sourceMappingURL=tabs-list.cjs.map

package/build/tab/tabs-list.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab/tabs-list.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { RichText } from '@wordpress/block-editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { RawHTML } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport slugFromLabel from './slug-from-label';\n\nfunction StaticLabel( { label, index } ) {\n\tif ( label ) {\n\t\treturn (\n\t\t\t<span>\n\t\t\t\t<RawHTML>{ decodeEntities( label ) }</RawHTML>\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<span>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %d is the tab index + 1 */\n\t\t\t\t__( 'Tab %d' ),\n\t\t\t\tindex + 1\n\t\t\t) }\n\t\t</span>\n\t);\n}\n\nexport default function TabsList( {\n\tsiblingTabs,\n\tcurrentClientId,\n\tcurrentBlockIndex,\n\tcurrentLabel,\n\ttabItemColorProps,\n\tonSelectTab,\n\tonLabelChange,\n\tlabelRef,\n\tfocusRef,\n\tlabelElementRef,\n} ) {\n\treturn (\n\t\t<div role=\"tablist\" className=\"tabs__list\">\n\t\t\t{ siblingTabs.map( ( tab, index ) => {\n\t\t\t\tconst isCurrentTab = tab.clientId === currentClientId;\n\t\t\t\tconst isSiblingTabActive = index === currentBlockIndex;\n\t\t\t\tconst tabAttributes = tab.attributes || {};\n\t\t\t\tconst siblingLabel = tabAttributes.label || '';\n\t\t\t\tconst siblingAnchor =\n\t\t\t\t\ttabAttributes.anchor ||\n\t\t\t\t\tslugFromLabel( siblingLabel, index );\n\t\t\t\tconst siblingTabPanelId = siblingAnchor;\n\t\t\t\tconst siblingTabLabelId = `${ siblingTabPanelId }--tab`;\n\n\t\t\t\treturn (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={ tab.clientId }\n\t\t\t\t\t\taria-controls={ siblingTabPanelId }\n\t\t\t\t\t\taria-selected={ isSiblingTabActive }\n\t\t\t\t\t\tid={ siblingTabLabelId }\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'tabs__tab-label',\n\t\t\t\t\t\t\ttabItemColorProps.className\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t...tabItemColorProps.style,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ttabIndex={ isSiblingTabActive ? 0 : -1 }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelectTab( tab.clientId );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t// If shift is also pressed, do not select the block.\n\t\t\t\t\t\t\tif ( event.key === 'Enter' && ! event.shiftKey ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelectTab( tab.clientId );\n\t\t\t\t\t\t\t\tif ( isCurrentTab ) {\n\t\t\t\t\t\t\t\t\tconst { requestAnimationFrame } = window;\n\t\t\t\t\t\t\t\t\tfocusRef.current = requestAnimationFrame(\n\t\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\t\tlabelElementRef.current?.focus();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isCurrentTab ? (\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\tref={ labelRef }\n\t\t\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\tplaceholder={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %d is the tab index + 1 */\n\t\t\t\t\t\t\t\t\t__( 'Tab %d\u2026' ),\n\t\t\t\t\t\t\t\t\tcurrentBlockIndex + 1\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvalue={ decodeEntities( currentLabel ) }\n\t\t\t\t\t\t\t\tonChange={ onLabelChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<StaticLabel\n\t\t\t\t\t\t\t\tlabel={ siblingLabel }\n\t\t\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAA4B;AAC5B,0BAAyB;AACzB,2BAA+B;AAC/B,qBAAwB;AAKxB,6BAA0B;AAMtB;AAJJ,SAAS,YAAa,EAAE,OAAO,MAAM,GAAI;AACxC,MAAK,OAAQ;AACZ,WACC,4CAAC,UACA,sDAAC,0BAAU,mDAAgB,KAAM,GAAG,GACrC;AAAA,EAEF;AACA,SACC,4CAAC,UACE;AAAA;AAAA,QAED,gBAAI,QAAS;AAAA,IACb,QAAQ;AAAA,EACT,GACD;AAEF;AAEe,SAAR,SAA2B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,4CAAC,SAAI,MAAK,WAAU,WAAU,cAC3B,sBAAY,IAAK,CAAE,KAAK,UAAW;AACpC,UAAM,eAAe,IAAI,aAAa;AACtC,UAAM,qBAAqB,UAAU;AACrC,UAAM,gBAAgB,IAAI,cAAc,CAAC;AACzC,UAAM,eAAe,cAAc,SAAS;AAC5C,UAAM,gBACL,cAAc,cACd,uBAAAA,SAAe,cAAc,KAAM;AACpC,UAAM,oBAAoB;AAC1B,UAAM,oBAAoB,GAAI,iBAAkB;AAEhD,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,iBAAgB;AAAA,QAChB,iBAAgB;AAAA,QAChB,IAAK;AAAA,QACL,MAAK;AAAA,QACL,eAAY,YAAAC;AAAA,UACX;AAAA,UACA,kBAAkB;AAAA,QACnB;AAAA,QACA,OAAQ;AAAA,UACP,GAAG,kBAAkB;AAAA,QACtB;AAAA,QACA,UAAW,qBAAqB,IAAI;AAAA,QACpC,SAAU,CAAE,UAAW;AACtB,gBAAM,eAAe;AACrB,sBAAa,IAAI,QAAS;AAAA,QAC3B;AAAA,QACA,WAAY,CAAE,UAAW;AAExB,cAAK,MAAM,QAAQ,WAAW,CAAE,MAAM,UAAW;AAChD,kBAAM,eAAe;AACrB,wBAAa,IAAI,QAAS;AAC1B,gBAAK,cAAe;AACnB,oBAAM,EAAE,sBAAsB,IAAI;AAClC,uBAAS,UAAU;AAAA,gBAClB,MAAM;AACL,kCAAgB,SAAS,MAAM;AAAA,gBAChC;AAAA,cACD;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAAA,QAEE,yBACD;AAAA,UAAC;AAAA;AAAA,YACA,KAAM;AAAA,YACN,SAAQ;AAAA,YACR,8BAA4B;AAAA,YAC5B,iBAAc;AAAA;AAAA,kBAEb,gBAAI,cAAU;AAAA,cACd,oBAAoB;AAAA,YACrB;AAAA,YACA,WAAQ,qCAAgB,YAAa;AAAA,YACrC,UAAW;AAAA;AAAA,QACZ,IAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,YACR;AAAA;AAAA,QACD;AAAA;AAAA,MAlDK,IAAI;AAAA,IAoDX;AAAA,EAEF,CAAE,GACH;AAEF;",
-  "names": ["slugFromLabel", "clsx"]
-}

package/build/tabs/style-engine.cjs

@@ -1,119 +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/tabs/style-engine.js
-var style_engine_exports = {};
-__export(style_engine_exports, {
-  default: () => StyleEngine
-});
-module.exports = __toCommonJS(style_engine_exports);
-var import_block_editor = require("@wordpress/block-editor");
-function getGapStyles({ attributes }) {
-  const { style, orientation } = attributes || {};
-  const { spacing } = style || {};
-  const { blockGap } = spacing || {};
-  const fallbackValue = `var( --wp--style--tabs-gap-default, var( --wp--style--block-gap, 0.5em ) )`;
-  let listGapValue = fallbackValue;
-  let gapValue = fallbackValue;
-  if (!!blockGap) {
-    listGapValue = typeof blockGap === "string" ? (0, import_block_editor.__experimentalGetGapCSSValue)(blockGap) : (0, import_block_editor.__experimentalGetGapCSSValue)(blockGap?.left) || fallbackValue;
-    gapValue = typeof blockGap === "string" ? (0, import_block_editor.__experimentalGetGapCSSValue)(blockGap) : (0, import_block_editor.__experimentalGetGapCSSValue)(blockGap?.top) || fallbackValue;
-  }
-  if (orientation === "vertical") {
-    const _listGapValue = listGapValue;
-    const _gapValue = gapValue;
-    listGapValue = _gapValue;
-    gapValue = _listGapValue;
-  }
-  const gapMap = {
-    "--wp--style--unstable-tabs-list-gap": listGapValue === "0" ? "0px" : listGapValue,
-    "--wp--style--unstable-tabs-gap": gapValue
-  };
-  return gapMap;
-}
-function getColorStyles({ attributes }) {
-  const {
-    customTabInactiveColor,
-    customTabHoverColor,
-    customTabActiveColor,
-    customTabTextColor,
-    customTabActiveTextColor,
-    customTabHoverTextColor
-  } = attributes || {};
-  function getColorValue(color) {
-    if (!color) {
-      return null;
-    }
-    if (typeof color === "object" && color.slug) {
-      return `var(--wp--preset--color--${color.slug})`;
-    }
-    return color;
-  }
-  const colorVarMap = {
-    "--custom-tab-inactive-color": getColorValue(customTabInactiveColor),
-    "--custom-tab-active-color": getColorValue(customTabActiveColor),
-    "--custom-tab-hover-color": getColorValue(customTabHoverColor),
-    "--custom-tab-text-color": getColorValue(customTabTextColor),
-    "--custom-tab-active-text-color": getColorValue(
-      customTabActiveTextColor
-    ),
-    "--custom-tab-hover-text-color": getColorValue(
-      customTabHoverTextColor
-    )
-  };
-  return colorVarMap;
-}
-function getBorderStyles({ attributes }) {
-  const { radius } = attributes?.style?.border || {};
-  if (!radius) {
-    return {};
-  }
-  let radiusValue = radius;
-  if (typeof radius === "object") {
-    const {
-      topLeft = "0",
-      topRight = "0",
-      bottomRight = "0",
-      bottomLeft = "0"
-    } = radius;
-    radiusValue = `${topLeft} ${topRight} ${bottomRight} ${bottomLeft}`;
-  }
-  const borderMap = {
-    "--tab-border-radius": radiusValue
-  };
-  return borderMap;
-}
-function StyleEngine({ attributes, clientId }) {
-  const gapVarMap = getGapStyles({ attributes });
-  const colorVarMap = getColorStyles({ attributes });
-  const borderVarMap = getBorderStyles({ attributes });
-  const styleVarMap = {
-    ...gapVarMap,
-    ...colorVarMap,
-    ...borderVarMap
-  };
-  const declarations = Object.entries(styleVarMap).filter(([, value]) => !!value).map(([name, value]) => `	${name}: ${value};`).join("\n");
-  (0, import_block_editor.useStyleOverride)({
-    css: clientId ? `#block-${clientId} {
-${declarations}
-}` : ""
-  });
-  return null;
-}
-//# sourceMappingURL=style-engine.cjs.map

package/build/tabs/style-engine.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tabs/style-engine.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGetGapCSSValue as getGapCSSValue,\n\tuseStyleOverride,\n} from '@wordpress/block-editor';\n\n/**\n * Gets the gap styles for the tab block.\n * @param {Object} props\n * @param {Object} props.attributes Block attributes\n * @return {Object} CSS custom properties for gap styles\n */\nfunction getGapStyles( { attributes } ) {\n\tconst { style, orientation } = attributes || {};\n\tconst { spacing } = style || {};\n\tconst { blockGap } = spacing || {};\n\t//--wp--style--tabs-list-gap-default should be used by themes that want to set a default\n\t// gap on the tabs list.\n\tconst fallbackValue = `var( --wp--style--tabs-gap-default, var( --wp--style--block-gap, 0.5em ) )`;\n\tlet listGapValue = fallbackValue;\n\tlet gapValue = fallbackValue;\n\n\t// Check for a value.\n\tif ( !! blockGap ) {\n\t\tlistGapValue =\n\t\t\ttypeof blockGap === 'string'\n\t\t\t\t? getGapCSSValue( blockGap )\n\t\t\t\t: getGapCSSValue( blockGap?.left ) || fallbackValue;\n\t\tgapValue =\n\t\t\ttypeof blockGap === 'string'\n\t\t\t\t? getGapCSSValue( blockGap )\n\t\t\t\t: getGapCSSValue( blockGap?.top ) || fallbackValue;\n\t}\n\n\tif ( orientation === 'vertical' ) {\n\t\tconst _listGapValue = listGapValue;\n\t\tconst _gapValue = gapValue;\n\t\tlistGapValue = _gapValue;\n\t\tgapValue = _listGapValue;\n\t}\n\n\t// The unstable tabs list gap calculation requires a real value (such as `0px`) and not `0`.\n\tconst gapMap = {\n\t\t'--wp--style--unstable-tabs-list-gap':\n\t\t\tlistGapValue === '0' ? '0px' : listGapValue,\n\t\t'--wp--style--unstable-tabs-gap': gapValue,\n\t};\n\n\treturn gapMap;\n}\n\n/**\n * Gets the color styles for the tab block.\n *\n * @param {Object} props\n * @param {Object} props.attributes Block attributes\n * @return {Object} CSS custom properties for color styles\n */\nfunction getColorStyles( { attributes } ) {\n\tconst {\n\t\tcustomTabInactiveColor,\n\t\tcustomTabHoverColor,\n\t\tcustomTabActiveColor,\n\t\tcustomTabTextColor,\n\t\tcustomTabActiveTextColor,\n\t\tcustomTabHoverTextColor,\n\t} = attributes || {};\n\n\t// Helper to normalize color objects (preset { slug } vs direct value).\n\tfunction getColorValue( color ) {\n\t\tif ( ! color ) {\n\t\t\treturn null;\n\t\t}\n\t\tif ( typeof color === 'object' && color.slug ) {\n\t\t\treturn `var(--wp--preset--color--${ color.slug })`;\n\t\t}\n\t\treturn color;\n\t}\n\n\tconst colorVarMap = {\n\t\t'--custom-tab-inactive-color': getColorValue( customTabInactiveColor ),\n\t\t'--custom-tab-active-color': getColorValue( customTabActiveColor ),\n\t\t'--custom-tab-hover-color': getColorValue( customTabHoverColor ),\n\t\t'--custom-tab-text-color': getColorValue( customTabTextColor ),\n\t\t'--custom-tab-active-text-color': getColorValue(\n\t\t\tcustomTabActiveTextColor\n\t\t),\n\t\t'--custom-tab-hover-text-color': getColorValue(\n\t\t\tcustomTabHoverTextColor\n\t\t),\n\t};\n\n\treturn colorVarMap;\n}\n\n/**\n * Gets the border styles for the tab block.\n *\n * @param {Object} props\n * @param {Object} props.attributes Block attributes\n * @return {Object} CSS custom properties for border styles\n */\nfunction getBorderStyles( { attributes } ) {\n\tconst { radius } = attributes?.style?.border || {};\n\n\tif ( ! radius ) {\n\t\treturn {};\n\t}\n\n\tlet radiusValue = radius;\n\n\tif ( typeof radius === 'object' ) {\n\t\tconst {\n\t\t\ttopLeft = '0',\n\t\t\ttopRight = '0',\n\t\t\tbottomRight = '0',\n\t\t\tbottomLeft = '0',\n\t\t} = radius;\n\t\tradiusValue = `${ topLeft } ${ topRight } ${ bottomRight } ${ bottomLeft }`;\n\t}\n\n\tconst borderMap = {\n\t\t'--tab-border-radius': radiusValue,\n\t};\n\n\treturn borderMap;\n}\n\n/**\n * Injects color CSS custom properties for the tabs block, mirroring the pattern\n * used by gap-styles (scoped to `#block-{ clientId }`). This replaces the prior\n * inline-style object return value approach so that these values participate in\n * style engine cascade like other dynamic style overrides.\n *\n * @param {Object} props\n * @param {Object} props.attributes Block attributes\n * @param {string} props.clientId   Block client ID\n * @return {null} No UI output\n */\nexport default function StyleEngine( { attributes, clientId } ) {\n\tconst gapVarMap = getGapStyles( { attributes } );\n\tconst colorVarMap = getColorStyles( { attributes } );\n\tconst borderVarMap = getBorderStyles( { attributes } );\n\n\tconst styleVarMap = {\n\t\t...gapVarMap,\n\t\t...colorVarMap,\n\t\t...borderVarMap,\n\t};\n\n\t// Build scoped CSS only for defined values to avoid unnecessary empty declarations.\n\tconst declarations = Object.entries( styleVarMap )\n\t\t.filter( ( [ , value ] ) => !! value )\n\t\t.map( ( [ name, value ] ) => `\\t${ name }: ${ value };` )\n\t\t.join( '\\n' );\n\n\tuseStyleOverride( {\n\t\tcss: clientId ? `#block-${ clientId } {\\n${ declarations }\\n}` : '',\n\t} );\n\n\treturn null;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAGO;AAQP,SAAS,aAAc,EAAE,WAAW,GAAI;AACvC,QAAM,EAAE,OAAO,YAAY,IAAI,cAAc,CAAC;AAC9C,QAAM,EAAE,QAAQ,IAAI,SAAS,CAAC;AAC9B,QAAM,EAAE,SAAS,IAAI,WAAW,CAAC;AAGjC,QAAM,gBAAgB;AACtB,MAAI,eAAe;AACnB,MAAI,WAAW;AAGf,MAAK,CAAC,CAAE,UAAW;AAClB,mBACC,OAAO,aAAa,eACjB,oBAAAA,8BAAgB,QAAS,QACzB,oBAAAA,8BAAgB,UAAU,IAAK,KAAK;AACxC,eACC,OAAO,aAAa,eACjB,oBAAAA,8BAAgB,QAAS,QACzB,oBAAAA,8BAAgB,UAAU,GAAI,KAAK;AAAA,EACxC;AAEA,MAAK,gBAAgB,YAAa;AACjC,UAAM,gBAAgB;AACtB,UAAM,YAAY;AAClB,mBAAe;AACf,eAAW;AAAA,EACZ;AAGA,QAAM,SAAS;AAAA,IACd,uCACC,iBAAiB,MAAM,QAAQ;AAAA,IAChC,kCAAkC;AAAA,EACnC;AAEA,SAAO;AACR;AASA,SAAS,eAAgB,EAAE,WAAW,GAAI;AACzC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,cAAc,CAAC;AAGnB,WAAS,cAAe,OAAQ;AAC/B,QAAK,CAAE,OAAQ;AACd,aAAO;AAAA,IACR;AACA,QAAK,OAAO,UAAU,YAAY,MAAM,MAAO;AAC9C,aAAO,4BAA6B,MAAM,IAAK;AAAA,IAChD;AACA,WAAO;AAAA,EACR;AAEA,QAAM,cAAc;AAAA,IACnB,+BAA+B,cAAe,sBAAuB;AAAA,IACrE,6BAA6B,cAAe,oBAAqB;AAAA,IACjE,4BAA4B,cAAe,mBAAoB;AAAA,IAC/D,2BAA2B,cAAe,kBAAmB;AAAA,IAC7D,kCAAkC;AAAA,MACjC;AAAA,IACD;AAAA,IACA,iCAAiC;AAAA,MAChC;AAAA,IACD;AAAA,EACD;AAEA,SAAO;AACR;AASA,SAAS,gBAAiB,EAAE,WAAW,GAAI;AAC1C,QAAM,EAAE,OAAO,IAAI,YAAY,OAAO,UAAU,CAAC;AAEjD,MAAK,CAAE,QAAS;AACf,WAAO,CAAC;AAAA,EACT;AAEA,MAAI,cAAc;AAElB,MAAK,OAAO,WAAW,UAAW;AACjC,UAAM;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,cAAc;AAAA,MACd,aAAa;AAAA,IACd,IAAI;AACJ,kBAAc,GAAI,OAAQ,IAAK,QAAS,IAAK,WAAY,IAAK,UAAW;AAAA,EAC1E;AAEA,QAAM,YAAY;AAAA,IACjB,uBAAuB;AAAA,EACxB;AAEA,SAAO;AACR;AAae,SAAR,YAA8B,EAAE,YAAY,SAAS,GAAI;AAC/D,QAAM,YAAY,aAAc,EAAE,WAAW,CAAE;AAC/C,QAAM,cAAc,eAAgB,EAAE,WAAW,CAAE;AACnD,QAAM,eAAe,gBAAiB,EAAE,WAAW,CAAE;AAErD,QAAM,cAAc;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACJ;AAGA,QAAM,eAAe,OAAO,QAAS,WAAY,EAC/C,OAAQ,CAAE,CAAE,EAAE,KAAM,MAAO,CAAC,CAAE,KAAM,EACpC,IAAK,CAAE,CAAE,MAAM,KAAM,MAAO,IAAM,IAAK,KAAM,KAAM,GAAI,EACvD,KAAM,IAAK;AAEb,4CAAkB;AAAA,IACjB,KAAK,WAAW,UAAW,QAAS;AAAA,EAAQ,YAAa;AAAA,KAAQ;AAAA,EAClE,CAAE;AAEF,SAAO;AACR;",
-  "names": ["getGapCSSValue"]
-}

package/build-module/tab/tabs-list.mjs

@@ -1,101 +0,0 @@
-// packages/block-library/src/tab/tabs-list.js
-import clsx from "clsx";
-import { __, sprintf } from "@wordpress/i18n";
-import { RichText } from "@wordpress/block-editor";
-import { decodeEntities } from "@wordpress/html-entities";
-import { RawHTML } from "@wordpress/element";
-import slugFromLabel from "./slug-from-label.mjs";
-import { jsx } from "react/jsx-runtime";
-function StaticLabel({ label, index }) {
-  if (label) {
-    return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(RawHTML, { children: decodeEntities(label) }) });
-  }
-  return /* @__PURE__ */ jsx("span", { children: sprintf(
-    /* translators: %d is the tab index + 1 */
-    __("Tab %d"),
-    index + 1
-  ) });
-}
-function TabsList({
-  siblingTabs,
-  currentClientId,
-  currentBlockIndex,
-  currentLabel,
-  tabItemColorProps,
-  onSelectTab,
-  onLabelChange,
-  labelRef,
-  focusRef,
-  labelElementRef
-}) {
-  return /* @__PURE__ */ jsx("div", { role: "tablist", className: "tabs__list", children: siblingTabs.map((tab, index) => {
-    const isCurrentTab = tab.clientId === currentClientId;
-    const isSiblingTabActive = index === currentBlockIndex;
-    const tabAttributes = tab.attributes || {};
-    const siblingLabel = tabAttributes.label || "";
-    const siblingAnchor = tabAttributes.anchor || slugFromLabel(siblingLabel, index);
-    const siblingTabPanelId = siblingAnchor;
-    const siblingTabLabelId = `${siblingTabPanelId}--tab`;
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        "aria-controls": siblingTabPanelId,
-        "aria-selected": isSiblingTabActive,
-        id: siblingTabLabelId,
-        role: "tab",
-        className: clsx(
-          "tabs__tab-label",
-          tabItemColorProps.className
-        ),
-        style: {
-          ...tabItemColorProps.style
-        },
-        tabIndex: isSiblingTabActive ? 0 : -1,
-        onClick: (event) => {
-          event.preventDefault();
-          onSelectTab(tab.clientId);
-        },
-        onKeyDown: (event) => {
-          if (event.key === "Enter" && !event.shiftKey) {
-            event.preventDefault();
-            onSelectTab(tab.clientId);
-            if (isCurrentTab) {
-              const { requestAnimationFrame } = window;
-              focusRef.current = requestAnimationFrame(
-                () => {
-                  labelElementRef.current?.focus();
-                }
-              );
-            }
-          }
-        },
-        children: isCurrentTab ? /* @__PURE__ */ jsx(
-          RichText,
-          {
-            ref: labelRef,
-            tagName: "span",
-            withoutInteractiveFormatting: true,
-            placeholder: sprintf(
-              /* translators: %d is the tab index + 1 */
-              __("Tab %d\u2026"),
-              currentBlockIndex + 1
-            ),
-            value: decodeEntities(currentLabel),
-            onChange: onLabelChange
-          }
-        ) : /* @__PURE__ */ jsx(
-          StaticLabel,
-          {
-            label: siblingLabel,
-            index
-          }
-        )
-      },
-      tab.clientId
-    );
-  }) });
-}
-export {
-  TabsList as default
-};
-//# sourceMappingURL=tabs-list.mjs.map

package/build-module/tab/tabs-list.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab/tabs-list.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { RichText } from '@wordpress/block-editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { RawHTML } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport slugFromLabel from './slug-from-label';\n\nfunction StaticLabel( { label, index } ) {\n\tif ( label ) {\n\t\treturn (\n\t\t\t<span>\n\t\t\t\t<RawHTML>{ decodeEntities( label ) }</RawHTML>\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<span>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %d is the tab index + 1 */\n\t\t\t\t__( 'Tab %d' ),\n\t\t\t\tindex + 1\n\t\t\t) }\n\t\t</span>\n\t);\n}\n\nexport default function TabsList( {\n\tsiblingTabs,\n\tcurrentClientId,\n\tcurrentBlockIndex,\n\tcurrentLabel,\n\ttabItemColorProps,\n\tonSelectTab,\n\tonLabelChange,\n\tlabelRef,\n\tfocusRef,\n\tlabelElementRef,\n} ) {\n\treturn (\n\t\t<div role=\"tablist\" className=\"tabs__list\">\n\t\t\t{ siblingTabs.map( ( tab, index ) => {\n\t\t\t\tconst isCurrentTab = tab.clientId === currentClientId;\n\t\t\t\tconst isSiblingTabActive = index === currentBlockIndex;\n\t\t\t\tconst tabAttributes = tab.attributes || {};\n\t\t\t\tconst siblingLabel = tabAttributes.label || '';\n\t\t\t\tconst siblingAnchor =\n\t\t\t\t\ttabAttributes.anchor ||\n\t\t\t\t\tslugFromLabel( siblingLabel, index );\n\t\t\t\tconst siblingTabPanelId = siblingAnchor;\n\t\t\t\tconst siblingTabLabelId = `${ siblingTabPanelId }--tab`;\n\n\t\t\t\treturn (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={ tab.clientId }\n\t\t\t\t\t\taria-controls={ siblingTabPanelId }\n\t\t\t\t\t\taria-selected={ isSiblingTabActive }\n\t\t\t\t\t\tid={ siblingTabLabelId }\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'tabs__tab-label',\n\t\t\t\t\t\t\ttabItemColorProps.className\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t...tabItemColorProps.style,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ttabIndex={ isSiblingTabActive ? 0 : -1 }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelectTab( tab.clientId );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t// If shift is also pressed, do not select the block.\n\t\t\t\t\t\t\tif ( event.key === 'Enter' && ! event.shiftKey ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelectTab( tab.clientId );\n\t\t\t\t\t\t\t\tif ( isCurrentTab ) {\n\t\t\t\t\t\t\t\t\tconst { requestAnimationFrame } = window;\n\t\t\t\t\t\t\t\t\tfocusRef.current = requestAnimationFrame(\n\t\t\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\t\t\tlabelElementRef.current?.focus();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ isCurrentTab ? (\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\tref={ labelRef }\n\t\t\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\tplaceholder={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %d is the tab index + 1 */\n\t\t\t\t\t\t\t\t\t__( 'Tab %d\u2026' ),\n\t\t\t\t\t\t\t\t\tcurrentBlockIndex + 1\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvalue={ decodeEntities( currentLabel ) }\n\t\t\t\t\t\t\t\tonChange={ onLabelChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<StaticLabel\n\t\t\t\t\t\t\t\tlabel={ siblingLabel }\n\t\t\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,IAAI,eAAe;AAC5B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAKxB,OAAO,mBAAmB;AAMtB;AAJJ,SAAS,YAAa,EAAE,OAAO,MAAM,GAAI;AACxC,MAAK,OAAQ;AACZ,WACC,oBAAC,UACA,8BAAC,WAAU,yBAAgB,KAAM,GAAG,GACrC;AAAA,EAEF;AACA,SACC,oBAAC,UACE;AAAA;AAAA,IAED,GAAI,QAAS;AAAA,IACb,QAAQ;AAAA,EACT,GACD;AAEF;AAEe,SAAR,SAA2B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,oBAAC,SAAI,MAAK,WAAU,WAAU,cAC3B,sBAAY,IAAK,CAAE,KAAK,UAAW;AACpC,UAAM,eAAe,IAAI,aAAa;AACtC,UAAM,qBAAqB,UAAU;AACrC,UAAM,gBAAgB,IAAI,cAAc,CAAC;AACzC,UAAM,eAAe,cAAc,SAAS;AAC5C,UAAM,gBACL,cAAc,UACd,cAAe,cAAc,KAAM;AACpC,UAAM,oBAAoB;AAC1B,UAAM,oBAAoB,GAAI,iBAAkB;AAEhD,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,iBAAgB;AAAA,QAChB,iBAAgB;AAAA,QAChB,IAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAY;AAAA,UACX;AAAA,UACA,kBAAkB;AAAA,QACnB;AAAA,QACA,OAAQ;AAAA,UACP,GAAG,kBAAkB;AAAA,QACtB;AAAA,QACA,UAAW,qBAAqB,IAAI;AAAA,QACpC,SAAU,CAAE,UAAW;AACtB,gBAAM,eAAe;AACrB,sBAAa,IAAI,QAAS;AAAA,QAC3B;AAAA,QACA,WAAY,CAAE,UAAW;AAExB,cAAK,MAAM,QAAQ,WAAW,CAAE,MAAM,UAAW;AAChD,kBAAM,eAAe;AACrB,wBAAa,IAAI,QAAS;AAC1B,gBAAK,cAAe;AACnB,oBAAM,EAAE,sBAAsB,IAAI;AAClC,uBAAS,UAAU;AAAA,gBAClB,MAAM;AACL,kCAAgB,SAAS,MAAM;AAAA,gBAChC;AAAA,cACD;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAAA,QAEE,yBACD;AAAA,UAAC;AAAA;AAAA,YACA,KAAM;AAAA,YACN,SAAQ;AAAA,YACR,8BAA4B;AAAA,YAC5B,aAAc;AAAA;AAAA,cAEb,GAAI,cAAU;AAAA,cACd,oBAAoB;AAAA,YACrB;AAAA,YACA,OAAQ,eAAgB,YAAa;AAAA,YACrC,UAAW;AAAA;AAAA,QACZ,IAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,YACR;AAAA;AAAA,QACD;AAAA;AAAA,MAlDK,IAAI;AAAA,IAoDX;AAAA,EAEF,CAAE,GACH;AAEF;",
-  "names": []
-}

package/build-module/tabs/style-engine.mjs

@@ -1,101 +0,0 @@
-// packages/block-library/src/tabs/style-engine.js
-import {
-  __experimentalGetGapCSSValue as getGapCSSValue,
-  useStyleOverride
-} from "@wordpress/block-editor";
-function getGapStyles({ attributes }) {
-  const { style, orientation } = attributes || {};
-  const { spacing } = style || {};
-  const { blockGap } = spacing || {};
-  const fallbackValue = `var( --wp--style--tabs-gap-default, var( --wp--style--block-gap, 0.5em ) )`;
-  let listGapValue = fallbackValue;
-  let gapValue = fallbackValue;
-  if (!!blockGap) {
-    listGapValue = typeof blockGap === "string" ? getGapCSSValue(blockGap) : getGapCSSValue(blockGap?.left) || fallbackValue;
-    gapValue = typeof blockGap === "string" ? getGapCSSValue(blockGap) : getGapCSSValue(blockGap?.top) || fallbackValue;
-  }
-  if (orientation === "vertical") {
-    const _listGapValue = listGapValue;
-    const _gapValue = gapValue;
-    listGapValue = _gapValue;
-    gapValue = _listGapValue;
-  }
-  const gapMap = {
-    "--wp--style--unstable-tabs-list-gap": listGapValue === "0" ? "0px" : listGapValue,
-    "--wp--style--unstable-tabs-gap": gapValue
-  };
-  return gapMap;
-}
-function getColorStyles({ attributes }) {
-  const {
-    customTabInactiveColor,
-    customTabHoverColor,
-    customTabActiveColor,
-    customTabTextColor,
-    customTabActiveTextColor,
-    customTabHoverTextColor
-  } = attributes || {};
-  function getColorValue(color) {
-    if (!color) {
-      return null;
-    }
-    if (typeof color === "object" && color.slug) {
-      return `var(--wp--preset--color--${color.slug})`;
-    }
-    return color;
-  }
-  const colorVarMap = {
-    "--custom-tab-inactive-color": getColorValue(customTabInactiveColor),
-    "--custom-tab-active-color": getColorValue(customTabActiveColor),
-    "--custom-tab-hover-color": getColorValue(customTabHoverColor),
-    "--custom-tab-text-color": getColorValue(customTabTextColor),
-    "--custom-tab-active-text-color": getColorValue(
-      customTabActiveTextColor
-    ),
-    "--custom-tab-hover-text-color": getColorValue(
-      customTabHoverTextColor
-    )
-  };
-  return colorVarMap;
-}
-function getBorderStyles({ attributes }) {
-  const { radius } = attributes?.style?.border || {};
-  if (!radius) {
-    return {};
-  }
-  let radiusValue = radius;
-  if (typeof radius === "object") {
-    const {
-      topLeft = "0",
-      topRight = "0",
-      bottomRight = "0",
-      bottomLeft = "0"
-    } = radius;
-    radiusValue = `${topLeft} ${topRight} ${bottomRight} ${bottomLeft}`;
-  }
-  const borderMap = {
-    "--tab-border-radius": radiusValue
-  };
-  return borderMap;
-}
-function StyleEngine({ attributes, clientId }) {
-  const gapVarMap = getGapStyles({ attributes });
-  const colorVarMap = getColorStyles({ attributes });
-  const borderVarMap = getBorderStyles({ attributes });
-  const styleVarMap = {
-    ...gapVarMap,
-    ...colorVarMap,
-    ...borderVarMap
-  };
-  const declarations = Object.entries(styleVarMap).filter(([, value]) => !!value).map(([name, value]) => `	${name}: ${value};`).join("\n");
-  useStyleOverride({
-    css: clientId ? `#block-${clientId} {
-${declarations}
-}` : ""
-  });
-  return null;
-}
-export {
-  StyleEngine as default
-};
-//# sourceMappingURL=style-engine.mjs.map