@wordpress/block-library 9.38.0 → 9.39.0

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

package/build-module/tabs/style-engine.mjs.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": ";AAGA;AAAA,EACC,gCAAgC;AAAA,EAChC;AAAA,OACM;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,WACjB,eAAgB,QAAS,IACzB,eAAgB,UAAU,IAAK,KAAK;AACxC,eACC,OAAO,aAAa,WACjB,eAAgB,QAAS,IACzB,eAAgB,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,mBAAkB;AAAA,IACjB,KAAK,WAAW,UAAW,QAAS;AAAA,EAAQ,YAAa;AAAA,KAAQ;AAAA,EAClE,CAAE;AAEF,SAAO;AACR;",
-  "names": []
-}

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

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

package/build-style/tabs/editor.css

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

package/src/tab/tabs-list.js

@@ -1,122 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { RichText } from '@wordpress/block-editor';
-import { decodeEntities } from '@wordpress/html-entities';
-import { RawHTML } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import slugFromLabel from './slug-from-label';
-
-function StaticLabel( { label, index } ) {
-	if ( label ) {
-		return (
-			<span>
-				<RawHTML>{ decodeEntities( label ) }</RawHTML>
-			</span>
-		);
-	}
-	return (
-		<span>
-			{ sprintf(
-				/* translators: %d is the tab index + 1 */
-				__( 'Tab %d' ),
-				index + 1
-			) }
-		</span>
-	);
-}
-
-export default function TabsList( {
-	siblingTabs,
-	currentClientId,
-	currentBlockIndex,
-	currentLabel,
-	tabItemColorProps,
-	onSelectTab,
-	onLabelChange,
-	labelRef,
-	focusRef,
-	labelElementRef,
-} ) {
-	return (
-		<div role="tablist" className="tabs__list">
-			{ 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 (
-					<button
-						key={ tab.clientId }
-						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 shift is also pressed, do not select the block.
-							if ( event.key === 'Enter' && ! event.shiftKey ) {
-								event.preventDefault();
-								onSelectTab( tab.clientId );
-								if ( isCurrentTab ) {
-									const { requestAnimationFrame } = window;
-									focusRef.current = requestAnimationFrame(
-										() => {
-											labelElementRef.current?.focus();
-										}
-									);
-								}
-							}
-						} }
-					>
-						{ isCurrentTab ? (
-							<RichText
-								ref={ labelRef }
-								tagName="span"
-								withoutInteractiveFormatting
-								placeholder={ sprintf(
-									/* translators: %d is the tab index + 1 */
-									__( 'Tab %d…' ),
-									currentBlockIndex + 1
-								) }
-								value={ decodeEntities( currentLabel ) }
-								onChange={ onLabelChange }
-							/>
-						) : (
-							<StaticLabel
-								label={ siblingLabel }
-								index={ index }
-							/>
-						) }
-					</button>
-				);
-			} ) }
-		</div>
-	);
-}

package/src/tabs/editor.scss

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