@wordpress/block-library 7.18.0 → 8.0.0

package/build/group/placeholder.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useShouldShowPlaceHolder = useShouldShowPlaceHolder;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _i18n = require("@wordpress/i18n");
+
+var _blocks = require("@wordpress/blocks");
+
+var _components = require("@wordpress/components");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Returns a custom variation icon.
+ *
+ * @param {string} name The block variation name.
+ *
+ * @return {JSX.Element} The SVG element.
+ */
+const getGroupPlaceholderIcons = function () {
+  let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'group';
+  const icons = {
+    group: (0, _element.createElement)(_components.SVG, {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "44",
+      height: "32",
+      viewBox: "0 0 44 32"
+    }, (0, _element.createElement)(_components.Path, {
+      d: "M42 0H2C.9 0 0 .9 0 2v28c0 1.1.9 2 2 2h40c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
+    })),
+    'group-row': (0, _element.createElement)(_components.SVG, {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "44",
+      height: "32",
+      viewBox: "0 0 44 32"
+    }, (0, _element.createElement)(_components.Path, {
+      d: "M42 0H23.5c-.6 0-1 .4-1 1v30c0 .6.4 1 1 1H42c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM20.5 0H2C.9 0 0 .9 0 2v28c0 1.1.9 2 2 2h18.5c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
+    })),
+    'group-stack': (0, _element.createElement)(_components.SVG, {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "44",
+      height: "32",
+      viewBox: "0 0 44 32"
+    }, (0, _element.createElement)(_components.Path, {
+      d: "M42 0H2C.9 0 0 .9 0 2v12.5c0 .6.4 1 1 1h42c.6 0 1-.4 1-1V2c0-1.1-.9-2-2-2zm1 16.5H1c-.6 0-1 .4-1 1V30c0 1.1.9 2 2 2h40c1.1 0 2-.9 2-2V17.5c0-.6-.4-1-1-1z"
+    }))
+  };
+  return icons === null || icons === void 0 ? void 0 : icons[name];
+};
+/**
+ * A custom hook to tell the Group block whether to show the variation placeholder.
+ *
+ * @param {Object}  props                  Arguments to pass to hook.
+ * @param {Object}  [props.attributes]     The block's attributes.
+ * @param {string}  [props.usedLayoutType] The block's current layout type.
+ * @param {boolean} [props.hasInnerBlocks] Whether the block has inner blocks.
+ *
+ * @return {[boolean, Function]} A state value and setter function.
+ */
+
+
+function useShouldShowPlaceHolder(_ref) {
+  let {
+    attributes = {
+      style: undefined,
+      backgroundColor: undefined,
+      textColor: undefined,
+      fontSize: undefined
+    },
+    usedLayoutType = '',
+    hasInnerBlocks = false
+  } = _ref;
+  const {
+    style,
+    backgroundColor,
+    textColor,
+    fontSize
+  } = attributes;
+  /*
+   * Shows the placeholder when no known styles are set,
+   * or when a non-default layout has been selected.
+   * Should the Group block support more style presets in the
+   * future, e.g., attributes.spacingSize, we can add them to the
+   * condition.
+   */
+
+  const [showPlaceholder, setShowPlaceholder] = (0, _element.useState)(!hasInnerBlocks && !backgroundColor && !fontSize && !textColor && !style && usedLayoutType !== 'flex');
+  (0, _element.useEffect)(() => {
+    if (!!hasInnerBlocks || !!backgroundColor || !!fontSize || !!textColor || !!style || usedLayoutType === 'flex') {
+      setShowPlaceholder(false);
+    }
+  }, [backgroundColor, fontSize, textColor, style, usedLayoutType, hasInnerBlocks]);
+  return [showPlaceholder, setShowPlaceholder];
+}
+/**
+ * Display group variations if none is selected.
+ *
+ * @param {Object}   props          Component props.
+ * @param {string}   props.name     The block's name.
+ * @param {Function} props.onSelect Function to set block's attributes.
+ *
+ * @return {JSX.Element}                The placeholder.
+ */
+
+
+function GroupPlaceHolder(_ref2) {
+  let {
+    name,
+    onSelect
+  } = _ref2;
+  const variations = (0, _data.useSelect)(select => select(_blocks.store).getBlockVariations(name, 'block'), [name]);
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    className: 'wp-block-group__placeholder'
+  });
+  return (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_components.Placeholder, {
+    instructions: (0, _i18n.__)('Group blocks together. Select a layout:')
+  }, (0, _element.createElement)("ul", {
+    role: "list",
+    className: "wp-block-group-placeholder__variations",
+    "aria-label": (0, _i18n.__)('Block variations')
+  }, variations.map(variation => (0, _element.createElement)("li", {
+    key: variation.name
+  }, (0, _element.createElement)(_components.Button, {
+    variant: "tertiary",
+    icon: getGroupPlaceholderIcons(variation.name),
+    iconSize: 44,
+    onClick: () => onSelect(variation),
+    className: "wp-block-group-placeholder__variation-button",
+    label: `${variation.title}: ${variation.description}`
+  }))))));
+}
+
+var _default = GroupPlaceHolder;
+exports.default = _default;
+//# sourceMappingURL=placeholder.js.map

package/build/group/placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/group/placeholder.js"],"names":["getGroupPlaceholderIcons","name","icons","group","useShouldShowPlaceHolder","attributes","style","undefined","backgroundColor","textColor","fontSize","usedLayoutType","hasInnerBlocks","showPlaceholder","setShowPlaceholder","GroupPlaceHolder","onSelect","variations","select","blocksStore","getBlockVariations","blockProps","className","map","variation","title","description"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useBlockProps } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { Path, SVG, Button, Placeholder } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Returns a custom variation icon.\n *\n * @param {string} name The block variation name.\n *\n * @return {JSX.Element} The SVG element.\n */\nconst getGroupPlaceholderIcons = ( name = 'group' ) => {\n\tconst icons = {\n\t\tgroup: (\n\t\t\t<SVG\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\twidth=\"44\"\n\t\t\t\theight=\"32\"\n\t\t\t\tviewBox=\"0 0 44 32\"\n\t\t\t>\n\t\t\t\t<Path d=\"M42 0H2C.9 0 0 .9 0 2v28c0 1.1.9 2 2 2h40c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z\" />\n\t\t\t</SVG>\n\t\t),\n\t\t'group-row': (\n\t\t\t<SVG\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\twidth=\"44\"\n\t\t\t\theight=\"32\"\n\t\t\t\tviewBox=\"0 0 44 32\"\n\t\t\t>\n\t\t\t\t<Path d=\"M42 0H23.5c-.6 0-1 .4-1 1v30c0 .6.4 1 1 1H42c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM20.5 0H2C.9 0 0 .9 0 2v28c0 1.1.9 2 2 2h18.5c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z\" />\n\t\t\t</SVG>\n\t\t),\n\t\t'group-stack': (\n\t\t\t<SVG\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\twidth=\"44\"\n\t\t\t\theight=\"32\"\n\t\t\t\tviewBox=\"0 0 44 32\"\n\t\t\t>\n\t\t\t\t<Path d=\"M42 0H2C.9 0 0 .9 0 2v12.5c0 .6.4 1 1 1h42c.6 0 1-.4 1-1V2c0-1.1-.9-2-2-2zm1 16.5H1c-.6 0-1 .4-1 1V30c0 1.1.9 2 2 2h40c1.1 0 2-.9 2-2V17.5c0-.6-.4-1-1-1z\" />\n\t\t\t</SVG>\n\t\t),\n\t};\n\treturn icons?.[ name ];\n};\n\n/**\n * A custom hook to tell the Group block whether to show the variation placeholder.\n *\n * @param {Object}  props                  Arguments to pass to hook.\n * @param {Object}  [props.attributes]     The block's attributes.\n * @param {string}  [props.usedLayoutType] The block's current layout type.\n * @param {boolean} [props.hasInnerBlocks] Whether the block has inner blocks.\n *\n * @return {[boolean, Function]} A state value and setter function.\n */\nexport function useShouldShowPlaceHolder( {\n\tattributes = {\n\t\tstyle: undefined,\n\t\tbackgroundColor: undefined,\n\t\ttextColor: undefined,\n\t\tfontSize: undefined,\n\t},\n\tusedLayoutType = '',\n\thasInnerBlocks = false,\n} ) {\n\tconst { style, backgroundColor, textColor, fontSize } = attributes;\n\t/*\n\t * Shows the placeholder when no known styles are set,\n\t * or when a non-default layout has been selected.\n\t * Should the Group block support more style presets in the\n\t * future, e.g., attributes.spacingSize, we can add them to the\n\t * condition.\n\t */\n\tconst [ showPlaceholder, setShowPlaceholder ] = useState(\n\t\t! hasInnerBlocks &&\n\t\t\t! backgroundColor &&\n\t\t\t! fontSize &&\n\t\t\t! textColor &&\n\t\t\t! style &&\n\t\t\tusedLayoutType !== 'flex'\n\t);\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t!! hasInnerBlocks ||\n\t\t\t!! backgroundColor ||\n\t\t\t!! fontSize ||\n\t\t\t!! textColor ||\n\t\t\t!! style ||\n\t\t\tusedLayoutType === 'flex'\n\t\t) {\n\t\t\tsetShowPlaceholder( false );\n\t\t}\n\t}, [\n\t\tbackgroundColor,\n\t\tfontSize,\n\t\ttextColor,\n\t\tstyle,\n\t\tusedLayoutType,\n\t\thasInnerBlocks,\n\t] );\n\n\treturn [ showPlaceholder, setShowPlaceholder ];\n}\n\n/**\n * Display group variations if none is selected.\n *\n * @param {Object}   props          Component props.\n * @param {string}   props.name     The block's name.\n * @param {Function} props.onSelect Function to set block's attributes.\n *\n * @return {JSX.Element}                The placeholder.\n */\nfunction GroupPlaceHolder( { name, onSelect } ) {\n\tconst variations = useSelect(\n\t\t( select ) => select( blocksStore ).getBlockVariations( name, 'block' ),\n\t\t[ name ]\n\t);\n\tconst blockProps = useBlockProps( {\n\t\tclassName: 'wp-block-group__placeholder',\n\t} );\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<Placeholder\n\t\t\t\tinstructions={ __( 'Group blocks together. Select a layout:' ) }\n\t\t\t>\n\t\t\t\t{ /*\n\t\t\t\t * Taken from BlockVariationPicker component.\n\t\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t */\n\t\t\t\t/* eslint-disable jsx-a11y/no-redundant-roles */ }\n\t\t\t\t<ul\n\t\t\t\t\trole=\"list\"\n\t\t\t\t\tclassName=\"wp-block-group-placeholder__variations\"\n\t\t\t\t\taria-label={ __( 'Block variations' ) }\n\t\t\t\t>\n\t\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t\t<li key={ variation.name }>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\ticon={ getGroupPlaceholderIcons(\n\t\t\t\t\t\t\t\t\tvariation.name\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ticonSize={ 44 }\n\t\t\t\t\t\t\t\tonClick={ () => onSelect( variation ) }\n\t\t\t\t\t\t\t\tclassName=\"wp-block-group-placeholder__variation-button\"\n\t\t\t\t\t\t\t\tlabel={ `${ variation.title }: ${ variation.description }` }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) ) }\n\t\t\t\t</ul>\n\t\t\t\t{ /* eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t</Placeholder>\n\t\t</div>\n\t);\n}\n\nexport default GroupPlaceHolder;\n"]}

package/build/group/variations.js

@@ -22,7 +22,7 @@ const variations = [{
     }
   },
   isDefault: true,
-  scope: ['inserter', 'transform'],
+  scope: ['block', 'inserter', 'transform'],
   isActive: blockAttributes => {
     var _blockAttributes$layo, _blockAttributes$layo2, _blockAttributes$layo3;
 
@@ -39,7 +39,7 @@ const variations = [{
       flexWrap: 'nowrap'
     }
   },
-  scope: ['inserter', 'transform'],
+  scope: ['block', 'inserter', 'transform'],
   isActive: blockAttributes => {
     var _blockAttributes$layo4, _blockAttributes$layo5, _blockAttributes$layo6;
 
@@ -56,7 +56,7 @@ const variations = [{
       orientation: 'vertical'
     }
   },
-  scope: ['inserter', 'transform'],
+  scope: ['block', 'inserter', 'transform'],
   isActive: blockAttributes => {
     var _blockAttributes$layo7, _blockAttributes$layo8;
 

package/build/group/variations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/group/variations.js"],"names":["variations","name","title","description","attributes","layout","type","isDefault","scope","isActive","blockAttributes","icon","group","flexWrap","orientation","row","stack"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,MAAMA,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,OADP;AAECC,EAAAA,KAAK,EAAE,cAAI,OAAJ,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,+BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AAAV,GAJb;AAKCC,EAAAA,SAAS,EAAE,IALZ;AAMCC,EAAAA,KAAK,EAAE,CAAE,UAAF,EAAc,WAAd,CANR;AAOCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,CAAEA,eAAe,CAACL,MAAlB,IACA,2BAAEK,eAAe,CAACL,MAAlB,kDAAE,sBAAwBC,IAA1B,CADA,IAEA,2BAAAI,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,SAFjC,IAGA,2BAAAI,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,aAJxB;AAAA,GAPX;AAYCK,EAAAA,IAAI,EAAEC;AAZP,CADkB,EAelB;AACCX,EAAAA,IAAI,EAAE,WADP;AAECC,EAAAA,KAAK,EAAE,cAAI,KAAJ,EAAW,wBAAX,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,8BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBO,MAAAA,QAAQ,EAAE;AAA1B;AAAV,GAJb;AAKCL,EAAAA,KAAK,EAAE,CAAE,UAAF,EAAc,WAAd,CALR;AAMCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,2BAAAA,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,MAAjC,KACE,4BAAEI,eAAe,CAACL,MAAlB,mDAAE,uBAAwBS,WAA1B,KACD,2BAAAJ,eAAe,CAACL,MAAhB,kFAAwBS,WAAxB,MAAwC,YAFzC,CADS;AAAA,GANX;AAUCH,EAAAA,IAAI,EAAEI;AAVP,CAfkB,EA2BlB;AACCd,EAAAA,IAAI,EAAE,aADP;AAECC,EAAAA,KAAK,EAAE,cAAI,OAAJ,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,4BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBQ,MAAAA,WAAW,EAAE;AAA7B;AAAV,GAJb;AAKCN,EAAAA,KAAK,EAAE,CAAE,UAAF,EAAc,WAAd,CALR;AAMCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,2BAAAA,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,MAAjC,IACA,2BAAAI,eAAe,CAACL,MAAhB,kFAAwBS,WAAxB,MAAwC,UAF/B;AAAA,GANX;AASCH,EAAAA,IAAI,EAAEK;AATP,CA3BkB,CAAnB;eAwCehB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { group, row, stack } from '@wordpress/icons';\n\nconst variations = [\n\t{\n\t\tname: 'group',\n\t\ttitle: __( 'Group' ),\n\t\tdescription: __( 'Gather blocks in a container.' ),\n\t\tattributes: { layout: { type: 'constrained' } },\n\t\tisDefault: true,\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\t! blockAttributes.layout ||\n\t\t\t! blockAttributes.layout?.type ||\n\t\t\tblockAttributes.layout?.type === 'default' ||\n\t\t\tblockAttributes.layout?.type === 'constrained',\n\t\ticon: group,\n\t},\n\t{\n\t\tname: 'group-row',\n\t\ttitle: _x( 'Row', 'single horizontal line' ),\n\t\tdescription: __( 'Arrange blocks horizontally.' ),\n\t\tattributes: { layout: { type: 'flex', flexWrap: 'nowrap' } },\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\tblockAttributes.layout?.type === 'flex' &&\n\t\t\t( ! blockAttributes.layout?.orientation ||\n\t\t\t\tblockAttributes.layout?.orientation === 'horizontal' ),\n\t\ticon: row,\n\t},\n\t{\n\t\tname: 'group-stack',\n\t\ttitle: __( 'Stack' ),\n\t\tdescription: __( 'Arrange blocks vertically.' ),\n\t\tattributes: { layout: { type: 'flex', orientation: 'vertical' } },\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\tblockAttributes.layout?.type === 'flex' &&\n\t\t\tblockAttributes.layout?.orientation === 'vertical',\n\t\ticon: stack,\n\t},\n];\n\nexport default variations;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/group/variations.js"],"names":["variations","name","title","description","attributes","layout","type","isDefault","scope","isActive","blockAttributes","icon","group","flexWrap","orientation","row","stack"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,MAAMA,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,OADP;AAECC,EAAAA,KAAK,EAAE,cAAI,OAAJ,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,+BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AAAV,GAJb;AAKCC,EAAAA,SAAS,EAAE,IALZ;AAMCC,EAAAA,KAAK,EAAE,CAAE,OAAF,EAAW,UAAX,EAAuB,WAAvB,CANR;AAOCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,CAAEA,eAAe,CAACL,MAAlB,IACA,2BAAEK,eAAe,CAACL,MAAlB,kDAAE,sBAAwBC,IAA1B,CADA,IAEA,2BAAAI,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,SAFjC,IAGA,2BAAAI,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,aAJxB;AAAA,GAPX;AAYCK,EAAAA,IAAI,EAAEC;AAZP,CADkB,EAelB;AACCX,EAAAA,IAAI,EAAE,WADP;AAECC,EAAAA,KAAK,EAAE,cAAI,KAAJ,EAAW,wBAAX,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,8BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBO,MAAAA,QAAQ,EAAE;AAA1B;AAAV,GAJb;AAKCL,EAAAA,KAAK,EAAE,CAAE,OAAF,EAAW,UAAX,EAAuB,WAAvB,CALR;AAMCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,2BAAAA,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,MAAjC,KACE,4BAAEI,eAAe,CAACL,MAAlB,mDAAE,uBAAwBS,WAA1B,KACD,2BAAAJ,eAAe,CAACL,MAAhB,kFAAwBS,WAAxB,MAAwC,YAFzC,CADS;AAAA,GANX;AAUCH,EAAAA,IAAI,EAAEI;AAVP,CAfkB,EA2BlB;AACCd,EAAAA,IAAI,EAAE,aADP;AAECC,EAAAA,KAAK,EAAE,cAAI,OAAJ,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,4BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBQ,MAAAA,WAAW,EAAE;AAA7B;AAAV,GAJb;AAKCN,EAAAA,KAAK,EAAE,CAAE,OAAF,EAAW,UAAX,EAAuB,WAAvB,CALR;AAMCC,EAAAA,QAAQ,EAAIC,eAAF;AAAA;;AAAA,WACT,2BAAAA,eAAe,CAACL,MAAhB,kFAAwBC,IAAxB,MAAiC,MAAjC,IACA,2BAAAI,eAAe,CAACL,MAAhB,kFAAwBS,WAAxB,MAAwC,UAF/B;AAAA,GANX;AASCH,EAAAA,IAAI,EAAEK;AATP,CA3BkB,CAAnB;eAwCehB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { group, row, stack } from '@wordpress/icons';\n\nconst variations = [\n\t{\n\t\tname: 'group',\n\t\ttitle: __( 'Group' ),\n\t\tdescription: __( 'Gather blocks in a container.' ),\n\t\tattributes: { layout: { type: 'constrained' } },\n\t\tisDefault: true,\n\t\tscope: [ 'block', 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\t! blockAttributes.layout ||\n\t\t\t! blockAttributes.layout?.type ||\n\t\t\tblockAttributes.layout?.type === 'default' ||\n\t\t\tblockAttributes.layout?.type === 'constrained',\n\t\ticon: group,\n\t},\n\t{\n\t\tname: 'group-row',\n\t\ttitle: _x( 'Row', 'single horizontal line' ),\n\t\tdescription: __( 'Arrange blocks horizontally.' ),\n\t\tattributes: { layout: { type: 'flex', flexWrap: 'nowrap' } },\n\t\tscope: [ 'block', 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\tblockAttributes.layout?.type === 'flex' &&\n\t\t\t( ! blockAttributes.layout?.orientation ||\n\t\t\t\tblockAttributes.layout?.orientation === 'horizontal' ),\n\t\ticon: row,\n\t},\n\t{\n\t\tname: 'group-stack',\n\t\ttitle: __( 'Stack' ),\n\t\tdescription: __( 'Arrange blocks vertically.' ),\n\t\tattributes: { layout: { type: 'flex', orientation: 'vertical' } },\n\t\tscope: [ 'block', 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\tblockAttributes.layout?.type === 'flex' &&\n\t\t\tblockAttributes.layout?.orientation === 'vertical',\n\t\ticon: stack,\n\t},\n];\n\nexport default variations;\n"]}

package/build/heading/deprecated.js

@@ -74,57 +74,47 @@ const migrateTextAlign = attributes => {
   } : attributes;
 };
 
-const deprecated = [{
-  supports: {
-    align: ['wide', 'full'],
-    anchor: true,
-    className: false,
-    color: {
-      link: true
-    },
-    fontSize: true,
-    lineHeight: true,
-    __experimentalSelector: {
-      'core/heading/h1': 'h1',
-      'core/heading/h2': 'h2',
-      'core/heading/h3': 'h3',
-      'core/heading/h4': 'h4',
-      'core/heading/h5': 'h5',
-      'core/heading/h6': 'h6'
+const v1 = {
+  supports: blockSupports,
+  attributes: { ...blockAttributes,
+    customTextColor: {
+      type: 'string'
     },
-    __unstablePasteTextInline: true
-  },
-  attributes: blockAttributes,
-  isEligible: _ref => {
-    let {
-      align
-    } = _ref;
-    return TEXT_ALIGN_OPTIONS.includes(align);
+    textColor: {
+      type: 'string'
+    }
   },
-  migrate: migrateTextAlign,
+  migrate: attributes => migrateCustomColors(migrateTextAlign(attributes)),
 
-  save(_ref2) {
+  save(_ref) {
     let {
       attributes
-    } = _ref2;
+    } = _ref;
     const {
       align,
+      level,
       content,
-      level
+      textColor,
+      customTextColor
     } = attributes;
-    const TagName = 'h' + level;
+    const tagName = 'h' + level;
+    const textClass = (0, _blockEditor.getColorClassName)('color', textColor);
     const className = (0, _classnames.default)({
-      [`has-text-align-${align}`]: align
+      [textClass]: textClass
     });
-    return (0, _element.createElement)(TagName, _blockEditor.useBlockProps.save({
-      className
-    }), (0, _element.createElement)(_blockEditor.RichText.Content, {
+    return (0, _element.createElement)(_blockEditor.RichText.Content, {
+      className: className ? className : undefined,
+      tagName: tagName,
+      style: {
+        textAlign: align,
+        color: textClass ? undefined : customTextColor
+      },
       value: content
-    }));
+    });
   }
 
-}, {
-  supports: blockSupports,
+};
+const v2 = {
   attributes: { ...blockAttributes,
     customTextColor: {
       type: 'string'
@@ -135,10 +125,10 @@ const deprecated = [{
   },
   migrate: attributes => migrateCustomColors(migrateTextAlign(attributes)),
 
-  save(_ref3) {
+  save(_ref2) {
     let {
       attributes
-    } = _ref3;
+    } = _ref2;
     const {
       align,
       content,
@@ -150,7 +140,6 @@ const deprecated = [{
     const textClass = (0, _blockEditor.getColorClassName)('color', textColor);
     const className = (0, _classnames.default)({
       [textClass]: textClass,
-      'has-text-color': textColor || customTextColor,
       [`has-text-align-${align}`]: align
     });
     return (0, _element.createElement)(_blockEditor.RichText.Content, {
@@ -161,9 +150,12 @@ const deprecated = [{
       },
       value: content
     });
-  }
+  },
 
-}, {
+  supports: blockSupports
+};
+const v3 = {
+  supports: blockSupports,
   attributes: { ...blockAttributes,
     customTextColor: {
       type: 'string'
@@ -174,10 +166,10 @@ const deprecated = [{
   },
   migrate: attributes => migrateCustomColors(migrateTextAlign(attributes)),
 
-  save(_ref4) {
+  save(_ref3) {
     let {
       attributes
-    } = _ref4;
+    } = _ref3;
     const {
       align,
       content,
@@ -189,6 +181,7 @@ const deprecated = [{
     const textClass = (0, _blockEditor.getColorClassName)('color', textColor);
     const className = (0, _classnames.default)({
       [textClass]: textClass,
+      'has-text-color': textColor || customTextColor,
       [`has-text-align-${align}`]: align
     });
     return (0, _element.createElement)(_blockEditor.RichText.Content, {
@@ -199,20 +192,37 @@ const deprecated = [{
       },
       value: content
     });
-  },
+  }
 
-  supports: blockSupports
-}, {
-  supports: blockSupports,
-  attributes: { ...blockAttributes,
-    customTextColor: {
-      type: 'string'
+};
+const v4 = {
+  supports: {
+    align: ['wide', 'full'],
+    anchor: true,
+    className: false,
+    color: {
+      link: true
     },
-    textColor: {
-      type: 'string'
-    }
+    fontSize: true,
+    lineHeight: true,
+    __experimentalSelector: {
+      'core/heading/h1': 'h1',
+      'core/heading/h2': 'h2',
+      'core/heading/h3': 'h3',
+      'core/heading/h4': 'h4',
+      'core/heading/h5': 'h5',
+      'core/heading/h6': 'h6'
+    },
+    __unstablePasteTextInline: true
   },
-  migrate: attributes => migrateCustomColors(migrateTextAlign(attributes)),
+  attributes: blockAttributes,
+  isEligible: _ref4 => {
+    let {
+      align
+    } = _ref4;
+    return TEXT_ALIGN_OPTIONS.includes(align);
+  },
+  migrate: migrateTextAlign,
 
   save(_ref5) {
     let {
@@ -220,28 +230,101 @@ const deprecated = [{
     } = _ref5;
     const {
       align,
-      level,
       content,
-      textColor,
-      customTextColor
+      level
     } = attributes;
-    const tagName = 'h' + level;
-    const textClass = (0, _blockEditor.getColorClassName)('color', textColor);
+    const TagName = 'h' + level;
     const className = (0, _classnames.default)({
-      [textClass]: textClass
+      [`has-text-align-${align}`]: align
     });
-    return (0, _element.createElement)(_blockEditor.RichText.Content, {
-      className: className ? className : undefined,
-      tagName: tagName,
-      style: {
-        textAlign: align,
-        color: textClass ? undefined : customTextColor
-      },
+    return (0, _element.createElement)(TagName, _blockEditor.useBlockProps.save({
+      className
+    }), (0, _element.createElement)(_blockEditor.RichText.Content, {
       value: content
+    }));
+  }
+
+}; // This deprecation covers the serialization of the `wp-block-heading` class
+// into the block's markup after className support was enabled.
+
+const v5 = {
+  supports: {
+    align: ['wide', 'full'],
+    anchor: true,
+    className: false,
+    color: {
+      gradients: true,
+      link: true,
+      __experimentalDefaultControls: {
+        background: true,
+        text: true
+      }
+    },
+    spacing: {
+      margin: true,
+      padding: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalTextDecoration: true,
+      __experimentalDefaultControls: {
+        fontSize: true,
+        fontAppearance: true,
+        textTransform: true
+      }
+    },
+    __experimentalSelector: 'h1,h2,h3,h4,h5,h6',
+    __unstablePasteTextInline: true,
+    __experimentalSlashInserter: true
+  },
+  attributes: {
+    textAlign: {
+      type: 'string'
+    },
+    content: {
+      type: 'string',
+      source: 'html',
+      selector: 'h1,h2,h3,h4,h5,h6',
+      default: '',
+      __experimentalRole: 'content'
+    },
+    level: {
+      type: 'number',
+      default: 2
+    },
+    placeholder: {
+      type: 'string'
+    }
+  },
+
+  save(_ref6) {
+    let {
+      attributes
+    } = _ref6;
+    const {
+      textAlign,
+      content,
+      level
+    } = attributes;
+    const TagName = 'h' + level;
+    const className = (0, _classnames.default)({
+      [`has-text-align-${textAlign}`]: textAlign
     });
+    return (0, _element.createElement)(TagName, _blockEditor.useBlockProps.save({
+      className
+    }), (0, _element.createElement)(_blockEditor.RichText.Content, {
+      value: content
+    }));
   }
 
-}];
+};
+const deprecated = [v5, v4, v3, v2, v1];
 var _default = deprecated;
 exports.default = _default;
 //# sourceMappingURL=deprecated.js.map

package/build/heading/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/deprecated.js"],"names":["blockSupports","className","anchor","blockAttributes","align","type","content","source","selector","default","level","placeholder","migrateCustomColors","attributes","customTextColor","style","color","text","restAttributes","TEXT_ALIGN_OPTIONS","migrateTextAlign","rest","includes","textAlign","deprecated","supports","link","fontSize","lineHeight","__experimentalSelector","__unstablePasteTextInline","isEligible","migrate","save","TagName","useBlockProps","textColor","tagName","textClass","undefined"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAOA,MAAMA,aAAa,GAAG;AACrBC,EAAAA,SAAS,EAAE,KADU;AAErBC,EAAAA,MAAM,EAAE;AAFa,CAAtB;AAKA,MAAMC,eAAe,GAAG;AACvBC,EAAAA,KAAK,EAAE;AACNC,IAAAA,IAAI,EAAE;AADA,GADgB;AAIvBC,EAAAA,OAAO,EAAE;AACRD,IAAAA,IAAI,EAAE,QADE;AAERE,IAAAA,MAAM,EAAE,MAFA;AAGRC,IAAAA,QAAQ,EAAE,mBAHF;AAIRC,IAAAA,OAAO,EAAE;AAJD,GAJc;AAUvBC,EAAAA,KAAK,EAAE;AACNL,IAAAA,IAAI,EAAE,QADA;AAENI,IAAAA,OAAO,EAAE;AAFH,GAVgB;AAcvBE,EAAAA,WAAW,EAAE;AACZN,IAAAA,IAAI,EAAE;AADM;AAdU,CAAxB;;AAmBA,MAAMO,mBAAmB,GAAKC,UAAF,IAAkB;AAC7C,MAAK,CAAEA,UAAU,CAACC,eAAlB,EAAoC;AACnC,WAAOD,UAAP;AACA;;AACD,QAAME,KAAK,GAAG;AACbC,IAAAA,KAAK,EAAE;AACNC,MAAAA,IAAI,EAAEJ,UAAU,CAACC;AADX;AADM,GAAd;AAMA,QAAM;AAAEA,IAAAA,eAAF;AAAmB,OAAGI;AAAtB,MAAyCL,UAA/C;AAEA,SAAO,EACN,GAAGK,cADG;AAENH,IAAAA;AAFM,GAAP;AAIA,CAhBD;;AAkBA,MAAMI,kBAAkB,GAAG,CAAE,MAAF,EAAU,OAAV,EAAmB,QAAnB,CAA3B;;AAEA,MAAMC,gBAAgB,GAAKP,UAAF,IAAkB;AAC1C,QAAM;AAAET,IAAAA,KAAF;AAAS,OAAGiB;AAAZ,MAAqBR,UAA3B;AACA,SAAOM,kBAAkB,CAACG,QAAnB,CAA6BlB,KAA7B,IACJ,EAAE,GAAGiB,IAAL;AAAWE,IAAAA,SAAS,EAAEnB;AAAtB,GADI,GAEJS,UAFH;AAGA,CALD;;AAOA,MAAMW,UAAU,GAAG,CAClB;AACCC,EAAAA,QAAQ,EAAE;AACTrB,IAAAA,KAAK,EAAE,CAAE,MAAF,EAAU,MAAV,CADE;AAETF,IAAAA,MAAM,EAAE,IAFC;AAGTD,IAAAA,SAAS,EAAE,KAHF;AAITe,IAAAA,KAAK,EAAE;AAAEU,MAAAA,IAAI,EAAE;AAAR,KAJE;AAKTC,IAAAA,QAAQ,EAAE,IALD;AAMTC,IAAAA,UAAU,EAAE,IANH;AAOTC,IAAAA,sBAAsB,EAAE;AACvB,yBAAmB,IADI;AAEvB,yBAAmB,IAFI;AAGvB,yBAAmB,IAHI;AAIvB,yBAAmB,IAJI;AAKvB,yBAAmB,IALI;AAMvB,yBAAmB;AANI,KAPf;AAeTC,IAAAA,yBAAyB,EAAE;AAflB,GADX;AAkBCjB,EAAAA,UAAU,EAAEV,eAlBb;AAmBC4B,EAAAA,UAAU,EAAE;AAAA,QAAE;AAAE3B,MAAAA;AAAF,KAAF;AAAA,WAAiBe,kBAAkB,CAACG,QAAnB,CAA6BlB,KAA7B,CAAjB;AAAA,GAnBb;AAoBC4B,EAAAA,OAAO,EAAEZ,gBApBV;;AAqBCa,EAAAA,IAAI,QAAmB;AAAA,QAAjB;AAAEpB,MAAAA;AAAF,KAAiB;AACtB,UAAM;AAAET,MAAAA,KAAF;AAASE,MAAAA,OAAT;AAAkBI,MAAAA;AAAlB,QAA4BG,UAAlC;AACA,UAAMqB,OAAO,GAAG,MAAMxB,KAAtB;AAEA,UAAMT,SAAS,GAAG,yBAAY;AAC7B,OAAG,kBAAkBG,KAAO,EAA5B,GAAiCA;AADJ,KAAZ,CAAlB;AAIA,WACC,4BAAC,OAAD,EAAc+B,2BAAcF,IAAd,CAAoB;AAAEhC,MAAAA;AAAF,KAApB,CAAd,EACC,4BAAC,qBAAD,CAAU,OAAV;AAAkB,MAAA,KAAK,EAAGK;AAA1B,MADD,CADD;AAKA;;AAlCF,CADkB,EAqClB;AACCmB,EAAAA,QAAQ,EAAEzB,aADX;AAECa,EAAAA,UAAU,EAAE,EACX,GAAGV,eADQ;AAEXW,IAAAA,eAAe,EAAE;AAChBT,MAAAA,IAAI,EAAE;AADU,KAFN;AAKX+B,IAAAA,SAAS,EAAE;AACV/B,MAAAA,IAAI,EAAE;AADI;AALA,GAFb;AAWC2B,EAAAA,OAAO,EAAInB,UAAF,IACRD,mBAAmB,CAAEQ,gBAAgB,CAAEP,UAAF,CAAlB,CAZrB;;AAaCoB,EAAAA,IAAI,QAAmB;AAAA,QAAjB;AAAEpB,MAAAA;AAAF,KAAiB;AACtB,UAAM;AAAET,MAAAA,KAAF;AAASE,MAAAA,OAAT;AAAkBQ,MAAAA,eAAlB;AAAmCJ,MAAAA,KAAnC;AAA0C0B,MAAAA;AAA1C,QACLvB,UADD;AAEA,UAAMwB,OAAO,GAAG,MAAM3B,KAAtB;AAEA,UAAM4B,SAAS,GAAG,oCAAmB,OAAnB,EAA4BF,SAA5B,CAAlB;AAEA,UAAMnC,SAAS,GAAG,yBAAY;AAC7B,OAAEqC,SAAF,GAAeA,SADc;AAE7B,wBAAkBF,SAAS,IAAItB,eAFF;AAG7B,OAAG,kBAAkBV,KAAO,EAA5B,GAAiCA;AAHJ,KAAZ,CAAlB;AAMA,WACC,4BAAC,qBAAD,CAAU,OAAV;AACC,MAAA,SAAS,EAAGH,SAAS,GAAGA,SAAH,GAAesC,SADrC;AAEC,MAAA,OAAO,EAAGF,OAFX;AAGC,MAAA,KAAK,EAAG;AACPrB,QAAAA,KAAK,EAAEsB,SAAS,GAAGC,SAAH,GAAezB;AADxB,OAHT;AAMC,MAAA,KAAK,EAAGR;AANT,MADD;AAUA;;AApCF,CArCkB,EA2ElB;AACCO,EAAAA,UAAU,EAAE,EACX,GAAGV,eADQ;AAEXW,IAAAA,eAAe,EAAE;AAChBT,MAAAA,IAAI,EAAE;AADU,KAFN;AAKX+B,IAAAA,SAAS,EAAE;AACV/B,MAAAA,IAAI,EAAE;AADI;AALA,GADb;AAUC2B,EAAAA,OAAO,EAAInB,UAAF,IACRD,mBAAmB,CAAEQ,gBAAgB,CAAEP,UAAF,CAAlB,CAXrB;;AAYCoB,EAAAA,IAAI,QAAmB;AAAA,QAAjB;AAAEpB,MAAAA;AAAF,KAAiB;AACtB,UAAM;AAAET,MAAAA,KAAF;AAASE,MAAAA,OAAT;AAAkBQ,MAAAA,eAAlB;AAAmCJ,MAAAA,KAAnC;AAA0C0B,MAAAA;AAA1C,QACLvB,UADD;AAEA,UAAMwB,OAAO,GAAG,MAAM3B,KAAtB;AAEA,UAAM4B,SAAS,GAAG,oCAAmB,OAAnB,EAA4BF,SAA5B,CAAlB;AAEA,UAAMnC,SAAS,GAAG,yBAAY;AAC7B,OAAEqC,SAAF,GAAeA,SADc;AAE7B,OAAG,kBAAkBlC,KAAO,EAA5B,GAAiCA;AAFJ,KAAZ,CAAlB;AAKA,WACC,4BAAC,qBAAD,CAAU,OAAV;AACC,MAAA,SAAS,EAAGH,SAAS,GAAGA,SAAH,GAAesC,SADrC;AAEC,MAAA,OAAO,EAAGF,OAFX;AAGC,MAAA,KAAK,EAAG;AACPrB,QAAAA,KAAK,EAAEsB,SAAS,GAAGC,SAAH,GAAezB;AADxB,OAHT;AAMC,MAAA,KAAK,EAAGR;AANT,MADD;AAUA,GAlCF;;AAmCCmB,EAAAA,QAAQ,EAAEzB;AAnCX,CA3EkB,EAgHlB;AACCyB,EAAAA,QAAQ,EAAEzB,aADX;AAECa,EAAAA,UAAU,EAAE,EACX,GAAGV,eADQ;AAEXW,IAAAA,eAAe,EAAE;AAChBT,MAAAA,IAAI,EAAE;AADU,KAFN;AAKX+B,IAAAA,SAAS,EAAE;AACV/B,MAAAA,IAAI,EAAE;AADI;AALA,GAFb;AAWC2B,EAAAA,OAAO,EAAInB,UAAF,IACRD,mBAAmB,CAAEQ,gBAAgB,CAAEP,UAAF,CAAlB,CAZrB;;AAaCoB,EAAAA,IAAI,QAAmB;AAAA,QAAjB;AAAEpB,MAAAA;AAAF,KAAiB;AACtB,UAAM;AAAET,MAAAA,KAAF;AAASM,MAAAA,KAAT;AAAgBJ,MAAAA,OAAhB;AAAyB8B,MAAAA,SAAzB;AAAoCtB,MAAAA;AAApC,QACLD,UADD;AAEA,UAAMwB,OAAO,GAAG,MAAM3B,KAAtB;AAEA,UAAM4B,SAAS,GAAG,oCAAmB,OAAnB,EAA4BF,SAA5B,CAAlB;AAEA,UAAMnC,SAAS,GAAG,yBAAY;AAC7B,OAAEqC,SAAF,GAAeA;AADc,KAAZ,CAAlB;AAIA,WACC,4BAAC,qBAAD,CAAU,OAAV;AACC,MAAA,SAAS,EAAGrC,SAAS,GAAGA,SAAH,GAAesC,SADrC;AAEC,MAAA,OAAO,EAAGF,OAFX;AAGC,MAAA,KAAK,EAAG;AACPd,QAAAA,SAAS,EAAEnB,KADJ;AAEPY,QAAAA,KAAK,EAAEsB,SAAS,GAAGC,SAAH,GAAezB;AAFxB,OAHT;AAOC,MAAA,KAAK,EAAGR;AAPT,MADD;AAWA;;AAnCF,CAhHkB,CAAnB;eAuJekB,U","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tgetColorClassName,\n\tRichText,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\nconst blockSupports = {\n\tclassName: false,\n\tanchor: true,\n};\n\nconst blockAttributes = {\n\talign: {\n\t\ttype: 'string',\n\t},\n\tcontent: {\n\t\ttype: 'string',\n\t\tsource: 'html',\n\t\tselector: 'h1,h2,h3,h4,h5,h6',\n\t\tdefault: '',\n\t},\n\tlevel: {\n\t\ttype: 'number',\n\t\tdefault: 2,\n\t},\n\tplaceholder: {\n\t\ttype: 'string',\n\t},\n};\n\nconst migrateCustomColors = ( attributes ) => {\n\tif ( ! attributes.customTextColor ) {\n\t\treturn attributes;\n\t}\n\tconst style = {\n\t\tcolor: {\n\t\t\ttext: attributes.customTextColor,\n\t\t},\n\t};\n\n\tconst { customTextColor, ...restAttributes } = attributes;\n\n\treturn {\n\t\t...restAttributes,\n\t\tstyle,\n\t};\n};\n\nconst TEXT_ALIGN_OPTIONS = [ 'left', 'right', 'center' ];\n\nconst migrateTextAlign = ( attributes ) => {\n\tconst { align, ...rest } = attributes;\n\treturn TEXT_ALIGN_OPTIONS.includes( align )\n\t\t? { ...rest, textAlign: align }\n\t\t: attributes;\n};\n\nconst deprecated = [\n\t{\n\t\tsupports: {\n\t\t\talign: [ 'wide', 'full' ],\n\t\t\tanchor: true,\n\t\t\tclassName: false,\n\t\t\tcolor: { link: true },\n\t\t\tfontSize: true,\n\t\t\tlineHeight: true,\n\t\t\t__experimentalSelector: {\n\t\t\t\t'core/heading/h1': 'h1',\n\t\t\t\t'core/heading/h2': 'h2',\n\t\t\t\t'core/heading/h3': 'h3',\n\t\t\t\t'core/heading/h4': 'h4',\n\t\t\t\t'core/heading/h5': 'h5',\n\t\t\t\t'core/heading/h6': 'h6',\n\t\t\t},\n\t\t\t__unstablePasteTextInline: true,\n\t\t},\n\t\tattributes: blockAttributes,\n\t\tisEligible: ( { align } ) => TEXT_ALIGN_OPTIONS.includes( align ),\n\t\tmigrate: migrateTextAlign,\n\t\tsave( { attributes } ) {\n\t\t\tconst { align, content, level } = attributes;\n\t\t\tconst TagName = 'h' + level;\n\n\t\t\tconst className = classnames( {\n\t\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<TagName { ...useBlockProps.save( { className } ) }>\n\t\t\t\t\t<RichText.Content value={ content } />\n\t\t\t\t</TagName>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tsupports: blockSupports,\n\t\tattributes: {\n\t\t\t...blockAttributes,\n\t\t\tcustomTextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ttextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\t\tmigrate: ( attributes ) =>\n\t\t\tmigrateCustomColors( migrateTextAlign( attributes ) ),\n\t\tsave( { attributes } ) {\n\t\t\tconst { align, content, customTextColor, level, textColor } =\n\t\t\t\tattributes;\n\t\t\tconst tagName = 'h' + level;\n\n\t\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\t\tconst className = classnames( {\n\t\t\t\t[ textClass ]: textClass,\n\t\t\t\t'has-text-color': textColor || customTextColor,\n\t\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<RichText.Content\n\t\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ content }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\t...blockAttributes,\n\t\t\tcustomTextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ttextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\t\tmigrate: ( attributes ) =>\n\t\t\tmigrateCustomColors( migrateTextAlign( attributes ) ),\n\t\tsave( { attributes } ) {\n\t\t\tconst { align, content, customTextColor, level, textColor } =\n\t\t\t\tattributes;\n\t\t\tconst tagName = 'h' + level;\n\n\t\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\t\tconst className = classnames( {\n\t\t\t\t[ textClass ]: textClass,\n\t\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<RichText.Content\n\t\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ content }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t\tsupports: blockSupports,\n\t},\n\t{\n\t\tsupports: blockSupports,\n\t\tattributes: {\n\t\t\t...blockAttributes,\n\t\t\tcustomTextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ttextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\t\tmigrate: ( attributes ) =>\n\t\t\tmigrateCustomColors( migrateTextAlign( attributes ) ),\n\t\tsave( { attributes } ) {\n\t\t\tconst { align, level, content, textColor, customTextColor } =\n\t\t\t\tattributes;\n\t\t\tconst tagName = 'h' + level;\n\n\t\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\t\tconst className = classnames( {\n\t\t\t\t[ textClass ]: textClass,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<RichText.Content\n\t\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ content }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/heading/deprecated.js"],"names":["blockSupports","className","anchor","blockAttributes","align","type","content","source","selector","default","level","placeholder","migrateCustomColors","attributes","customTextColor","style","color","text","restAttributes","TEXT_ALIGN_OPTIONS","migrateTextAlign","rest","includes","textAlign","v1","supports","textColor","migrate","save","tagName","textClass","undefined","v2","v3","v4","link","fontSize","lineHeight","__experimentalSelector","__unstablePasteTextInline","isEligible","TagName","useBlockProps","v5","gradients","__experimentalDefaultControls","background","spacing","margin","padding","typography","__experimentalFontFamily","__experimentalFontStyle","__experimentalFontWeight","__experimentalLetterSpacing","__experimentalTextTransform","__experimentalTextDecoration","fontAppearance","textTransform","__experimentalSlashInserter","__experimentalRole","deprecated"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tgetColorClassName,\n\tRichText,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\nconst blockSupports = {\n\tclassName: false,\n\tanchor: true,\n};\n\nconst blockAttributes = {\n\talign: {\n\t\ttype: 'string',\n\t},\n\tcontent: {\n\t\ttype: 'string',\n\t\tsource: 'html',\n\t\tselector: 'h1,h2,h3,h4,h5,h6',\n\t\tdefault: '',\n\t},\n\tlevel: {\n\t\ttype: 'number',\n\t\tdefault: 2,\n\t},\n\tplaceholder: {\n\t\ttype: 'string',\n\t},\n};\n\nconst migrateCustomColors = ( attributes ) => {\n\tif ( ! attributes.customTextColor ) {\n\t\treturn attributes;\n\t}\n\tconst style = {\n\t\tcolor: {\n\t\t\ttext: attributes.customTextColor,\n\t\t},\n\t};\n\n\tconst { customTextColor, ...restAttributes } = attributes;\n\n\treturn {\n\t\t...restAttributes,\n\t\tstyle,\n\t};\n};\n\nconst TEXT_ALIGN_OPTIONS = [ 'left', 'right', 'center' ];\n\nconst migrateTextAlign = ( attributes ) => {\n\tconst { align, ...rest } = attributes;\n\treturn TEXT_ALIGN_OPTIONS.includes( align )\n\t\t? { ...rest, textAlign: align }\n\t\t: attributes;\n};\n\nconst v1 = {\n\tsupports: blockSupports,\n\tattributes: {\n\t\t...blockAttributes,\n\t\tcustomTextColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\ttextColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tmigrate: ( attributes ) =>\n\t\tmigrateCustomColors( migrateTextAlign( attributes ) ),\n\tsave( { attributes } ) {\n\t\tconst { align, level, content, textColor, customTextColor } =\n\t\t\tattributes;\n\t\tconst tagName = 'h' + level;\n\n\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\tconst className = classnames( {\n\t\t\t[ textClass ]: textClass,\n\t\t} );\n\n\t\treturn (\n\t\t\t<RichText.Content\n\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\ttagName={ tagName }\n\t\t\t\tstyle={ {\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t\t} }\n\t\t\t\tvalue={ content }\n\t\t\t/>\n\t\t);\n\t},\n};\nconst v2 = {\n\tattributes: {\n\t\t...blockAttributes,\n\t\tcustomTextColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\ttextColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tmigrate: ( attributes ) =>\n\t\tmigrateCustomColors( migrateTextAlign( attributes ) ),\n\tsave( { attributes } ) {\n\t\tconst { align, content, customTextColor, level, textColor } =\n\t\t\tattributes;\n\t\tconst tagName = 'h' + level;\n\n\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\tconst className = classnames( {\n\t\t\t[ textClass ]: textClass,\n\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t} );\n\n\t\treturn (\n\t\t\t<RichText.Content\n\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\ttagName={ tagName }\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t\t} }\n\t\t\t\tvalue={ content }\n\t\t\t/>\n\t\t);\n\t},\n\tsupports: blockSupports,\n};\nconst v3 = {\n\tsupports: blockSupports,\n\tattributes: {\n\t\t...blockAttributes,\n\t\tcustomTextColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\ttextColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tmigrate: ( attributes ) =>\n\t\tmigrateCustomColors( migrateTextAlign( attributes ) ),\n\tsave( { attributes } ) {\n\t\tconst { align, content, customTextColor, level, textColor } =\n\t\t\tattributes;\n\t\tconst tagName = 'h' + level;\n\n\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\tconst className = classnames( {\n\t\t\t[ textClass ]: textClass,\n\t\t\t'has-text-color': textColor || customTextColor,\n\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t} );\n\n\t\treturn (\n\t\t\t<RichText.Content\n\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\ttagName={ tagName }\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t\t} }\n\t\t\t\tvalue={ content }\n\t\t\t/>\n\t\t);\n\t},\n};\nconst v4 = {\n\tsupports: {\n\t\talign: [ 'wide', 'full' ],\n\t\tanchor: true,\n\t\tclassName: false,\n\t\tcolor: { link: true },\n\t\tfontSize: true,\n\t\tlineHeight: true,\n\t\t__experimentalSelector: {\n\t\t\t'core/heading/h1': 'h1',\n\t\t\t'core/heading/h2': 'h2',\n\t\t\t'core/heading/h3': 'h3',\n\t\t\t'core/heading/h4': 'h4',\n\t\t\t'core/heading/h5': 'h5',\n\t\t\t'core/heading/h6': 'h6',\n\t\t},\n\t\t__unstablePasteTextInline: true,\n\t},\n\tattributes: blockAttributes,\n\tisEligible: ( { align } ) => TEXT_ALIGN_OPTIONS.includes( align ),\n\tmigrate: migrateTextAlign,\n\tsave( { attributes } ) {\n\t\tconst { align, content, level } = attributes;\n\t\tconst TagName = 'h' + level;\n\n\t\tconst className = classnames( {\n\t\t\t[ `has-text-align-${ align }` ]: align,\n\t\t} );\n\n\t\treturn (\n\t\t\t<TagName { ...useBlockProps.save( { className } ) }>\n\t\t\t\t<RichText.Content value={ content } />\n\t\t\t</TagName>\n\t\t);\n\t},\n};\n\n// This deprecation covers the serialization of the `wp-block-heading` class\n// into the block's markup after className support was enabled.\nconst v5 = {\n\tsupports: {\n\t\talign: [ 'wide', 'full' ],\n\t\tanchor: true,\n\t\tclassName: false,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tbackground: true,\n\t\t\t\ttext: true,\n\t\t\t},\n\t\t},\n\t\tspacing: {\n\t\t\tmargin: true,\n\t\t\tpadding: true,\n\t\t},\n\t\ttypography: {\n\t\t\tfontSize: true,\n\t\t\tlineHeight: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t\t__experimentalFontStyle: true,\n\t\t\t__experimentalFontWeight: true,\n\t\t\t__experimentalLetterSpacing: true,\n\t\t\t__experimentalTextTransform: true,\n\t\t\t__experimentalTextDecoration: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tfontSize: true,\n\t\t\t\tfontAppearance: true,\n\t\t\t\ttextTransform: true,\n\t\t\t},\n\t\t},\n\t\t__experimentalSelector: 'h1,h2,h3,h4,h5,h6',\n\t\t__unstablePasteTextInline: true,\n\t\t__experimentalSlashInserter: true,\n\t},\n\tattributes: {\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tcontent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'h1,h2,h3,h4,h5,h6',\n\t\t\tdefault: '',\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\tlevel: {\n\t\t\ttype: 'number',\n\t\t\tdefault: 2,\n\t\t},\n\t\tplaceholder: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { textAlign, content, level } = attributes;\n\t\tconst TagName = 'h' + level;\n\n\t\tconst className = classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} );\n\n\t\treturn (\n\t\t\t<TagName { ...useBlockProps.save( { className } ) }>\n\t\t\t\t<RichText.Content value={ content } />\n\t\t\t</TagName>\n\t\t);\n\t},\n};\n\nconst deprecated = [ v5, v4, v3, v2, v1 ];\n\nexport default deprecated;\n"]}

package/build/heading/index.js

@@ -65,7 +65,7 @@ const metadata = {
   supports: {
     align: ["wide", "full"],
     anchor: true,
-    className: false,
+    className: true,
     color: {
       gradients: true,
       link: true,
@@ -93,7 +93,6 @@ const metadata = {
         textTransform: true
       }
     },
-    __experimentalSelector: "h1,h2,h3,h4,h5,h6",
     __unstablePasteTextInline: true,
     __experimentalSlashInserter: true
   },

package/build/heading/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/heading/index.js"],"names":["name","metadata","settings","icon","example","attributes","content","level","__experimentalLabel","context","transforms","deprecated","merge","attributesToMerge","edit","save","init"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AACA;;AAEA;;AACA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,cAAI,gBAAJ,CADE;AAEXC,MAAAA,KAAK,EAAE;AAFI;AADJ,GAFc;;AAQvBC,EAAAA,mBAAmB,CAAEH,UAAF,QAA4B;AAAA,QAAd;AAAEI,MAAAA;AAAF,KAAc;AAC9C,UAAM;AAAEH,MAAAA,OAAF;AAAWC,MAAAA;AAAX,QAAqBF,UAA3B,CAD8C,CAG9C;AACA;;AACA,QAAKI,OAAO,KAAK,WAAZ,IAA2BH,OAAhC,EAA0C;AACzC,aAAOA,OAAP;AACA;;AAED,QAAKG,OAAO,KAAK,eAAjB,EAAmC;AAClC,aAAO,qBAASH,OAAT,IACJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAC,KAHA,CADI,GAMJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAA,KAHA,EAIAD,OAJA,CANH;AAYA;AACD,GA/BsB;;AAgCvBI,EAAAA,UAAU,EAAVA,mBAhCuB;AAiCvBC,EAAAA,UAAU,EAAVA,mBAjCuB;;AAkCvBC,EAAAA,KAAK,CAAEP,UAAF,EAAcQ,iBAAd,EAAkC;AACtC,WAAO;AACNP,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEO,iBAAiB,CAACP,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GAxCsB;;AAyCvBQ,EAAAA,IAAI,EAAJA,aAzCuB;AA0CvBC,EAAAA,IAAI,EAAJA;AA1CuB,CAAjB;;;AA6CA,MAAMC,IAAI,GAAG,MAAM,wBAAW;AAAEhB,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAX,CAAnB","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { heading as icon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcontent: __( 'Code is Poetry' ),\n\t\t\tlevel: 2,\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { content, level } = attributes;\n\n\t\t// In the list view, use the block's content as the label.\n\t\t// If the content is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && content ) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\treturn isEmpty( content )\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. %s: heading level. */\n\t\t\t\t\t\t__( 'Level %s. Empty.' ),\n\t\t\t\t\t\tlevel\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. 1: heading level. 2: heading content. */\n\t\t\t\t\t\t__( 'Level %1$s. %2$s' ),\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tcontent\n\t\t\t\t  );\n\t\t}\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent:\n\t\t\t\t( attributes.content || '' ) +\n\t\t\t\t( attributesToMerge.content || '' ),\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/heading/index.js"],"names":["name","metadata","settings","icon","example","attributes","content","level","__experimentalLabel","context","transforms","deprecated","merge","attributesToMerge","edit","save","init"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AACA;;AAEA;;AACA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,OAAO,EAAE,cAAI,gBAAJ,CADE;AAEXC,MAAAA,KAAK,EAAE;AAFI;AADJ,GAFc;;AAQvBC,EAAAA,mBAAmB,CAAEH,UAAF,QAA4B;AAAA,QAAd;AAAEI,MAAAA;AAAF,KAAc;AAC9C,UAAM;AAAEH,MAAAA,OAAF;AAAWC,MAAAA;AAAX,QAAqBF,UAA3B,CAD8C,CAG9C;AACA;;AACA,QAAKI,OAAO,KAAK,WAAZ,IAA2BH,OAAhC,EAA0C;AACzC,aAAOA,OAAP;AACA;;AAED,QAAKG,OAAO,KAAK,eAAjB,EAAmC;AAClC,aAAO,qBAASH,OAAT,IACJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAC,KAHA,CADI,GAMJ;AACA;AACA,oBAAI,kBAAJ,CAFA,EAGAA,KAHA,EAIAD,OAJA,CANH;AAYA;AACD,GA/BsB;;AAgCvBI,EAAAA,UAAU,EAAVA,mBAhCuB;AAiCvBC,EAAAA,UAAU,EAAVA,mBAjCuB;;AAkCvBC,EAAAA,KAAK,CAAEP,UAAF,EAAcQ,iBAAd,EAAkC;AACtC,WAAO;AACNP,MAAAA,OAAO,EACN,CAAED,UAAU,CAACC,OAAX,IAAsB,EAAxB,KACEO,iBAAiB,CAACP,OAAlB,IAA6B,EAD/B;AAFK,KAAP;AAKA,GAxCsB;;AAyCvBQ,EAAAA,IAAI,EAAJA,aAzCuB;AA0CvBC,EAAAA,IAAI,EAAJA;AA1CuB,CAAjB;;;AA6CA,MAAMC,IAAI,GAAG,MAAM,wBAAW;AAAEhB,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAX,CAAnB","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { heading as icon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcontent: __( 'Code is Poetry' ),\n\t\t\tlevel: 2,\n\t\t},\n\t},\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { content, level } = attributes;\n\n\t\t// In the list view, use the block's content as the label.\n\t\t// If the content is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && content ) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif ( context === 'accessibility' ) {\n\t\t\treturn isEmpty( content )\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. %s: heading level. */\n\t\t\t\t\t\t__( 'Level %s. Empty.' ),\n\t\t\t\t\t\tlevel\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. 1: heading level. 2: heading content. */\n\t\t\t\t\t\t__( 'Level %1$s. %2$s' ),\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tcontent\n\t\t\t\t  );\n\t\t}\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent:\n\t\t\t\t( attributes.content || '' ) +\n\t\t\t\t( attributesToMerge.content || '' ),\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}

package/build/heading/transforms.js

@@ -49,7 +49,7 @@ const {
   supports: {
     align: ["wide", "full"],
     anchor: true,
-    className: false,
+    className: true,
     color: {
       gradients: true,
       link: true,
@@ -77,7 +77,6 @@ const {
         textTransform: true
       }
     },
-    __experimentalSelector: "h1,h2,h3,h4,h5,h6",
     __unstablePasteTextInline: true,
     __experimentalSlashInserter: true
   },