@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/hooks/text-align.js

@@ -1,52 +1,41 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';
-import { alignLeft, alignRight, alignCenter } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { AlignmentControl, BlockControls } from '../components';
-import { useBlockEditingMode } from '../components/block-editing-mode';
-import { cleanEmptyObject, shouldSkipSerialization, useBlockSettings } from './utils';
-import { TYPOGRAPHY_SUPPORT_KEY } from './typography';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TEXT_ALIGN_SUPPORT_KEY = 'typography.textAlign';
-const TEXT_ALIGNMENT_OPTIONS = [{
-  icon: alignLeft,
-  title: __('Align text left'),
-  align: 'left'
-}, {
-  icon: alignCenter,
-  title: __('Align text center'),
-  align: 'center'
-}, {
-  icon: alignRight,
-  title: __('Align text right'),
-  align: 'right'
-}];
-const VALID_TEXT_ALIGNMENTS = ['left', 'center', 'right'];
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import { getBlockSupport, hasBlockSupport } from "@wordpress/blocks";
+import { alignLeft, alignRight, alignCenter } from "@wordpress/icons";
+import { AlignmentControl, BlockControls } from "../components";
+import { useBlockEditingMode } from "../components/block-editing-mode";
+import {
+  cleanEmptyObject,
+  shouldSkipSerialization,
+  useBlockSettings
+} from "./utils";
+import { TYPOGRAPHY_SUPPORT_KEY } from "./typography";
+const TEXT_ALIGN_SUPPORT_KEY = "typography.textAlign";
+const TEXT_ALIGNMENT_OPTIONS = [
+  {
+    icon: alignLeft,
+    title: __("Align text left"),
+    align: "left"
+  },
+  {
+    icon: alignCenter,
+    title: __("Align text center"),
+    align: "center"
+  },
+  {
+    icon: alignRight,
+    title: __("Align text right"),
+    align: "right"
+  }
+];
+const VALID_TEXT_ALIGNMENTS = ["left", "center", "right"];
 const NO_TEXT_ALIGNMENTS = [];
-
-/**
- * Returns the valid text alignments.
- * Takes into consideration the text aligns supported by a block.
- * Exported just for testing purposes, not exported outside the module.
- *
- * @param {?boolean|string[]} blockTextAlign Text aligns supported by the block.
- *
- * @return {string[]} Valid text alignments.
- */
-export function getValidTextAlignments(blockTextAlign) {
+function getValidTextAlignments(blockTextAlign) {
   if (Array.isArray(blockTextAlign)) {
-    return VALID_TEXT_ALIGNMENTS.filter(textAlign => blockTextAlign.includes(textAlign));
+    return VALID_TEXT_ALIGNMENTS.filter(
+      (textAlign) => blockTextAlign.includes(textAlign)
+    );
   }
   return blockTextAlign === true ? VALID_TEXT_ALIGNMENTS : NO_TEXT_ALIGNMENTS;
 }
@@ -58,15 +47,19 @@ function BlockEditTextAlignmentToolbarControlsPure({
   const settings = useBlockSettings(blockName);
   const hasTextAlignControl = settings?.typography?.textAlign;
   const blockEditingMode = useBlockEditingMode();
-  if (!hasTextAlignControl || blockEditingMode !== 'default') {
+  if (!hasTextAlignControl || blockEditingMode !== "default") {
     return null;
   }
-  const validTextAlignments = getValidTextAlignments(getBlockSupport(blockName, TEXT_ALIGN_SUPPORT_KEY));
+  const validTextAlignments = getValidTextAlignments(
+    getBlockSupport(blockName, TEXT_ALIGN_SUPPORT_KEY)
+  );
   if (!validTextAlignments.length) {
     return null;
   }
-  const textAlignmentControls = TEXT_ALIGNMENT_OPTIONS.filter(control => validTextAlignments.includes(control.align));
-  const onChange = newTextAlignValue => {
+  const textAlignmentControls = TEXT_ALIGNMENT_OPTIONS.filter(
+    (control) => validTextAlignments.includes(control.align)
+  );
+  const onChange = (newTextAlignValue) => {
     const newStyle = {
       ...style,
       typography: {
@@ -74,73 +67,68 @@ function BlockEditTextAlignmentToolbarControlsPure({
         textAlign: newTextAlignValue
       }
     };
-    setAttributes({
-      style: cleanEmptyObject(newStyle)
-    });
+    setAttributes({ style: cleanEmptyObject(newStyle) });
   };
-  return /*#__PURE__*/_jsx(BlockControls, {
-    group: "block",
-    children: /*#__PURE__*/_jsx(AlignmentControl, {
+  return /* @__PURE__ */ jsx(BlockControls, { group: "block", children: /* @__PURE__ */ jsx(
+    AlignmentControl,
+    {
       value: style?.typography?.textAlign,
-      onChange: onChange,
+      onChange,
       alignmentControls: textAlignmentControls
-    })
-  });
+    }
+  ) });
 }
-export default {
+var text_align_default = {
   edit: BlockEditTextAlignmentToolbarControlsPure,
   useBlockProps,
   addSaveProps: addAssignedTextAlign,
-  attributeKeys: ['style'],
+  attributeKeys: ["style"],
   hasSupport(name) {
     return hasBlockSupport(name, TEXT_ALIGN_SUPPORT_KEY, false);
   }
 };
-function useBlockProps({
-  name,
-  style
-}) {
+function useBlockProps({ name, style }) {
   if (!style?.typography?.textAlign) {
     return null;
   }
-  const validTextAlignments = getValidTextAlignments(getBlockSupport(name, TEXT_ALIGN_SUPPORT_KEY));
+  const validTextAlignments = getValidTextAlignments(
+    getBlockSupport(name, TEXT_ALIGN_SUPPORT_KEY)
+  );
   if (!validTextAlignments.length) {
     return null;
   }
-  if (shouldSkipSerialization(name, TYPOGRAPHY_SUPPORT_KEY, 'textAlign')) {
+  if (shouldSkipSerialization(name, TYPOGRAPHY_SUPPORT_KEY, "textAlign")) {
     return null;
   }
   const textAlign = style.typography.textAlign;
   const className = clsx({
     [`has-text-align-${textAlign}`]: textAlign
   });
-  return {
-    className
-  };
+  return { className };
 }
-
-/**
- * Override props assigned to save component to inject text alignment class
- * name if block supports it.
- *
- * @param {Object} props      Additional props applied to save element.
- * @param {Object} blockType  Block type.
- * @param {Object} attributes Block attributes.
- *
- * @return {Object} Filtered props applied to save element.
- */
-export function addAssignedTextAlign(props, blockType, attributes) {
+function addAssignedTextAlign(props, blockType, attributes) {
   if (!attributes?.style?.typography?.textAlign) {
     return props;
   }
-  const {
-    textAlign
-  } = attributes.style.typography;
+  const { textAlign } = attributes.style.typography;
   const blockTextAlign = getBlockSupport(blockType, TEXT_ALIGN_SUPPORT_KEY);
   const isTextAlignValid = getValidTextAlignments(blockTextAlign).includes(textAlign);
-  if (isTextAlignValid && !shouldSkipSerialization(blockType, TYPOGRAPHY_SUPPORT_KEY, 'textAlign')) {
-    props.className = clsx(`has-text-align-${textAlign}`, props.className);
+  if (isTextAlignValid && !shouldSkipSerialization(
+    blockType,
+    TYPOGRAPHY_SUPPORT_KEY,
+    "textAlign"
+  )) {
+    props.className = clsx(
+      `has-text-align-${textAlign}`,
+      props.className
+    );
   }
   return props;
 }
-//# sourceMappingURL=text-align.js.map
+export {
+  TEXT_ALIGN_SUPPORT_KEY,
+  addAssignedTextAlign,
+  text_align_default as default,
+  getValidTextAlignments
+};
+//# sourceMappingURL=text-align.js.map

package/build-module/hooks/text-align.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__","getBlockSupport","hasBlockSupport","alignLeft","alignRight","alignCenter","AlignmentControl","BlockControls","useBlockEditingMode","cleanEmptyObject","shouldSkipSerialization","useBlockSettings","TYPOGRAPHY_SUPPORT_KEY","jsx","_jsx","TEXT_ALIGN_SUPPORT_KEY","TEXT_ALIGNMENT_OPTIONS","icon","title","align","VALID_TEXT_ALIGNMENTS","NO_TEXT_ALIGNMENTS","getValidTextAlignments","blockTextAlign","Array","isArray","filter","textAlign","includes","BlockEditTextAlignmentToolbarControlsPure","style","name","blockName","setAttributes","settings","hasTextAlignControl","typography","blockEditingMode","validTextAlignments","length","textAlignmentControls","control","onChange","newTextAlignValue","newStyle","group","children","value","alignmentControls","edit","useBlockProps","addSaveProps","addAssignedTextAlign","attributeKeys","hasSupport","className","props","blockType","attributes","isTextAlignValid"],"sources":["@wordpress/block-editor/src/hooks/text-align.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';\nimport { alignLeft, alignRight, alignCenter } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { AlignmentControl, BlockControls } from '../components';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\nimport {\n\tcleanEmptyObject,\n\tshouldSkipSerialization,\n\tuseBlockSettings,\n} from './utils';\nimport { TYPOGRAPHY_SUPPORT_KEY } from './typography';\n\nexport const TEXT_ALIGN_SUPPORT_KEY = 'typography.textAlign';\n\nconst TEXT_ALIGNMENT_OPTIONS = [\n\t{\n\t\ticon: alignLeft,\n\t\ttitle: __( 'Align text left' ),\n\t\talign: 'left',\n\t},\n\t{\n\t\ticon: alignCenter,\n\t\ttitle: __( 'Align text center' ),\n\t\talign: 'center',\n\t},\n\t{\n\t\ticon: alignRight,\n\t\ttitle: __( 'Align text right' ),\n\t\talign: 'right',\n\t},\n];\n\nconst VALID_TEXT_ALIGNMENTS = [ 'left', 'center', 'right' ];\nconst NO_TEXT_ALIGNMENTS = [];\n\n/**\n * Returns the valid text alignments.\n * Takes into consideration the text aligns supported by a block.\n * Exported just for testing purposes, not exported outside the module.\n *\n * @param {?boolean|string[]} blockTextAlign Text aligns supported by the block.\n *\n * @return {string[]} Valid text alignments.\n */\nexport function getValidTextAlignments( blockTextAlign ) {\n\tif ( Array.isArray( blockTextAlign ) ) {\n\t\treturn VALID_TEXT_ALIGNMENTS.filter( ( textAlign ) =>\n\t\t\tblockTextAlign.includes( textAlign )\n\t\t);\n\t}\n\n\treturn blockTextAlign === true ? VALID_TEXT_ALIGNMENTS : NO_TEXT_ALIGNMENTS;\n}\n\nfunction BlockEditTextAlignmentToolbarControlsPure( {\n\tstyle,\n\tname: blockName,\n\tsetAttributes,\n} ) {\n\tconst settings = useBlockSettings( blockName );\n\tconst hasTextAlignControl = settings?.typography?.textAlign;\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tif ( ! hasTextAlignControl || blockEditingMode !== 'default' ) {\n\t\treturn null;\n\t}\n\n\tconst validTextAlignments = getValidTextAlignments(\n\t\tgetBlockSupport( blockName, TEXT_ALIGN_SUPPORT_KEY )\n\t);\n\tif ( ! validTextAlignments.length ) {\n\t\treturn null;\n\t}\n\n\tconst textAlignmentControls = TEXT_ALIGNMENT_OPTIONS.filter( ( control ) =>\n\t\tvalidTextAlignments.includes( control.align )\n\t);\n\n\tconst onChange = ( newTextAlignValue ) => {\n\t\tconst newStyle = {\n\t\t\t...style,\n\t\t\ttypography: {\n\t\t\t\t...style?.typography,\n\t\t\t\ttextAlign: newTextAlignValue,\n\t\t\t},\n\t\t};\n\n\t\tsetAttributes( { style: cleanEmptyObject( newStyle ) } );\n\t};\n\n\treturn (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ style?.typography?.textAlign }\n\t\t\t\tonChange={ onChange }\n\t\t\t\talignmentControls={ textAlignmentControls }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nexport default {\n\tedit: BlockEditTextAlignmentToolbarControlsPure,\n\tuseBlockProps,\n\taddSaveProps: addAssignedTextAlign,\n\tattributeKeys: [ 'style' ],\n\thasSupport( name ) {\n\t\treturn hasBlockSupport( name, TEXT_ALIGN_SUPPORT_KEY, false );\n\t},\n};\n\nfunction useBlockProps( { name, style } ) {\n\tif ( ! style?.typography?.textAlign ) {\n\t\treturn null;\n\t}\n\n\tconst validTextAlignments = getValidTextAlignments(\n\t\tgetBlockSupport( name, TEXT_ALIGN_SUPPORT_KEY )\n\t);\n\n\tif ( ! validTextAlignments.length ) {\n\t\treturn null;\n\t}\n\n\tif (\n\t\tshouldSkipSerialization( name, TYPOGRAPHY_SUPPORT_KEY, 'textAlign' )\n\t) {\n\t\treturn null;\n\t}\n\n\tconst textAlign = style.typography.textAlign;\n\n\tconst className = clsx( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\treturn { className };\n}\n\n/**\n * Override props assigned to save component to inject text alignment class\n * name if block supports it.\n *\n * @param {Object} props      Additional props applied to save element.\n * @param {Object} blockType  Block type.\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addAssignedTextAlign( props, blockType, attributes ) {\n\tif ( ! attributes?.style?.typography?.textAlign ) {\n\t\treturn props;\n\t}\n\n\tconst { textAlign } = attributes.style.typography;\n\tconst blockTextAlign = getBlockSupport( blockType, TEXT_ALIGN_SUPPORT_KEY );\n\tconst isTextAlignValid =\n\t\tgetValidTextAlignments( blockTextAlign ).includes( textAlign );\n\tif (\n\t\tisTextAlignValid &&\n\t\t! shouldSkipSerialization(\n\t\t\tblockType,\n\t\t\tTYPOGRAPHY_SUPPORT_KEY,\n\t\t\t'textAlign'\n\t\t)\n\t) {\n\t\tprops.className = clsx(\n\t\t\t`has-text-align-${ textAlign }`,\n\t\t\tprops.className\n\t\t);\n\t}\n\treturn props;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/text-align.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';\nimport { alignLeft, alignRight, alignCenter } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { AlignmentControl, BlockControls } from '../components';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\nimport {\n\tcleanEmptyObject,\n\tshouldSkipSerialization,\n\tuseBlockSettings,\n} from './utils';\nimport { TYPOGRAPHY_SUPPORT_KEY } from './typography';\n\nexport const TEXT_ALIGN_SUPPORT_KEY = 'typography.textAlign';\n\nconst TEXT_ALIGNMENT_OPTIONS = [\n\t{\n\t\ticon: alignLeft,\n\t\ttitle: __( 'Align text left' ),\n\t\talign: 'left',\n\t},\n\t{\n\t\ticon: alignCenter,\n\t\ttitle: __( 'Align text center' ),\n\t\talign: 'center',\n\t},\n\t{\n\t\ticon: alignRight,\n\t\ttitle: __( 'Align text right' ),\n\t\talign: 'right',\n\t},\n];\n\nconst VALID_TEXT_ALIGNMENTS = [ 'left', 'center', 'right' ];\nconst NO_TEXT_ALIGNMENTS = [];\n\n/**\n * Returns the valid text alignments.\n * Takes into consideration the text aligns supported by a block.\n * Exported just for testing purposes, not exported outside the module.\n *\n * @param {?boolean|string[]} blockTextAlign Text aligns supported by the block.\n *\n * @return {string[]} Valid text alignments.\n */\nexport function getValidTextAlignments( blockTextAlign ) {\n\tif ( Array.isArray( blockTextAlign ) ) {\n\t\treturn VALID_TEXT_ALIGNMENTS.filter( ( textAlign ) =>\n\t\t\tblockTextAlign.includes( textAlign )\n\t\t);\n\t}\n\n\treturn blockTextAlign === true ? VALID_TEXT_ALIGNMENTS : NO_TEXT_ALIGNMENTS;\n}\n\nfunction BlockEditTextAlignmentToolbarControlsPure( {\n\tstyle,\n\tname: blockName,\n\tsetAttributes,\n} ) {\n\tconst settings = useBlockSettings( blockName );\n\tconst hasTextAlignControl = settings?.typography?.textAlign;\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tif ( ! hasTextAlignControl || blockEditingMode !== 'default' ) {\n\t\treturn null;\n\t}\n\n\tconst validTextAlignments = getValidTextAlignments(\n\t\tgetBlockSupport( blockName, TEXT_ALIGN_SUPPORT_KEY )\n\t);\n\tif ( ! validTextAlignments.length ) {\n\t\treturn null;\n\t}\n\n\tconst textAlignmentControls = TEXT_ALIGNMENT_OPTIONS.filter( ( control ) =>\n\t\tvalidTextAlignments.includes( control.align )\n\t);\n\n\tconst onChange = ( newTextAlignValue ) => {\n\t\tconst newStyle = {\n\t\t\t...style,\n\t\t\ttypography: {\n\t\t\t\t...style?.typography,\n\t\t\t\ttextAlign: newTextAlignValue,\n\t\t\t},\n\t\t};\n\n\t\tsetAttributes( { style: cleanEmptyObject( newStyle ) } );\n\t};\n\n\treturn (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ style?.typography?.textAlign }\n\t\t\t\tonChange={ onChange }\n\t\t\t\talignmentControls={ textAlignmentControls }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n}\n\nexport default {\n\tedit: BlockEditTextAlignmentToolbarControlsPure,\n\tuseBlockProps,\n\taddSaveProps: addAssignedTextAlign,\n\tattributeKeys: [ 'style' ],\n\thasSupport( name ) {\n\t\treturn hasBlockSupport( name, TEXT_ALIGN_SUPPORT_KEY, false );\n\t},\n};\n\nfunction useBlockProps( { name, style } ) {\n\tif ( ! style?.typography?.textAlign ) {\n\t\treturn null;\n\t}\n\n\tconst validTextAlignments = getValidTextAlignments(\n\t\tgetBlockSupport( name, TEXT_ALIGN_SUPPORT_KEY )\n\t);\n\n\tif ( ! validTextAlignments.length ) {\n\t\treturn null;\n\t}\n\n\tif (\n\t\tshouldSkipSerialization( name, TYPOGRAPHY_SUPPORT_KEY, 'textAlign' )\n\t) {\n\t\treturn null;\n\t}\n\n\tconst textAlign = style.typography.textAlign;\n\n\tconst className = clsx( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\treturn { className };\n}\n\n/**\n * Override props assigned to save component to inject text alignment class\n * name if block supports it.\n *\n * @param {Object} props      Additional props applied to save element.\n * @param {Object} blockType  Block type.\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addAssignedTextAlign( props, blockType, attributes ) {\n\tif ( ! attributes?.style?.typography?.textAlign ) {\n\t\treturn props;\n\t}\n\n\tconst { textAlign } = attributes.style.typography;\n\tconst blockTextAlign = getBlockSupport( blockType, TEXT_ALIGN_SUPPORT_KEY );\n\tconst isTextAlignValid =\n\t\tgetValidTextAlignments( blockTextAlign ).includes( textAlign );\n\tif (\n\t\tisTextAlignValid &&\n\t\t! shouldSkipSerialization(\n\t\t\tblockType,\n\t\t\tTYPOGRAPHY_SUPPORT_KEY,\n\t\t\t'textAlign'\n\t\t)\n\t) {\n\t\tprops.className = clsx(\n\t\t\t`has-text-align-${ textAlign }`,\n\t\t\tprops.className\n\t\t);\n\t}\n\treturn props;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/hooks/typography.js

@@ -1,45 +1,57 @@
-/**
- * WordPress dependencies
- */
-import { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';
-import { useMemo, useCallback } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import InspectorControls from '../components/inspector-controls';
-import { default as StylesTypographyPanel, useHasTypographyPanel } from '../components/global-styles/typography-panel';
-import { LINE_HEIGHT_SUPPORT_KEY } from './line-height';
-import { FONT_FAMILY_SUPPORT_KEY } from './font-family';
-import { FONT_SIZE_SUPPORT_KEY } from './font-size';
-import { TEXT_ALIGN_SUPPORT_KEY } from './text-align';
-import { cleanEmptyObject } from './utils';
-import { store as blockEditorStore } from '../store';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { getBlockSupport, hasBlockSupport } from "@wordpress/blocks";
+import { useMemo, useCallback } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import InspectorControls from "../components/inspector-controls";
+import {
+  default as StylesTypographyPanel,
+  useHasTypographyPanel
+} from "../components/global-styles/typography-panel";
+import { LINE_HEIGHT_SUPPORT_KEY } from "./line-height";
+import { FONT_FAMILY_SUPPORT_KEY } from "./font-family";
+import { FONT_SIZE_SUPPORT_KEY } from "./font-size";
+import { TEXT_ALIGN_SUPPORT_KEY } from "./text-align";
+import { FIT_TEXT_SUPPORT_KEY } from "./fit-text";
+import { cleanEmptyObject } from "./utils";
+import { store as blockEditorStore } from "../store";
 function omit(object, keys) {
-  return Object.fromEntries(Object.entries(object).filter(([key]) => !keys.includes(key)));
+  return Object.fromEntries(
+    Object.entries(object).filter(([key]) => !keys.includes(key))
+  );
 }
-const LETTER_SPACING_SUPPORT_KEY = 'typography.__experimentalLetterSpacing';
-const TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform';
-const TEXT_DECORATION_SUPPORT_KEY = 'typography.__experimentalTextDecoration';
-const TEXT_COLUMNS_SUPPORT_KEY = 'typography.textColumns';
-const FONT_STYLE_SUPPORT_KEY = 'typography.__experimentalFontStyle';
-const FONT_WEIGHT_SUPPORT_KEY = 'typography.__experimentalFontWeight';
-const WRITING_MODE_SUPPORT_KEY = 'typography.__experimentalWritingMode';
-export const TYPOGRAPHY_SUPPORT_KEY = 'typography';
-export const TYPOGRAPHY_SUPPORT_KEYS = [LINE_HEIGHT_SUPPORT_KEY, FONT_SIZE_SUPPORT_KEY, FONT_STYLE_SUPPORT_KEY, FONT_WEIGHT_SUPPORT_KEY, FONT_FAMILY_SUPPORT_KEY, TEXT_ALIGN_SUPPORT_KEY, TEXT_COLUMNS_SUPPORT_KEY, TEXT_DECORATION_SUPPORT_KEY, WRITING_MODE_SUPPORT_KEY, TEXT_TRANSFORM_SUPPORT_KEY, LETTER_SPACING_SUPPORT_KEY];
+const LETTER_SPACING_SUPPORT_KEY = "typography.__experimentalLetterSpacing";
+const TEXT_TRANSFORM_SUPPORT_KEY = "typography.__experimentalTextTransform";
+const TEXT_DECORATION_SUPPORT_KEY = "typography.__experimentalTextDecoration";
+const TEXT_COLUMNS_SUPPORT_KEY = "typography.textColumns";
+const FONT_STYLE_SUPPORT_KEY = "typography.__experimentalFontStyle";
+const FONT_WEIGHT_SUPPORT_KEY = "typography.__experimentalFontWeight";
+const WRITING_MODE_SUPPORT_KEY = "typography.__experimentalWritingMode";
+const TYPOGRAPHY_SUPPORT_KEY = "typography";
+const TYPOGRAPHY_SUPPORT_KEYS = [
+  LINE_HEIGHT_SUPPORT_KEY,
+  FONT_SIZE_SUPPORT_KEY,
+  FONT_STYLE_SUPPORT_KEY,
+  FONT_WEIGHT_SUPPORT_KEY,
+  FONT_FAMILY_SUPPORT_KEY,
+  TEXT_ALIGN_SUPPORT_KEY,
+  TEXT_COLUMNS_SUPPORT_KEY,
+  TEXT_DECORATION_SUPPORT_KEY,
+  WRITING_MODE_SUPPORT_KEY,
+  TEXT_TRANSFORM_SUPPORT_KEY,
+  LETTER_SPACING_SUPPORT_KEY,
+  FIT_TEXT_SUPPORT_KEY
+];
 function styleToAttributes(style) {
-  const updatedStyle = {
-    ...omit(style, ['fontFamily'])
-  };
+  const updatedStyle = { ...omit(style, ["fontFamily"]) };
   const fontSizeValue = style?.typography?.fontSize;
   const fontFamilyValue = style?.typography?.fontFamily;
-  const fontSizeSlug = typeof fontSizeValue === 'string' && fontSizeValue?.startsWith('var:preset|font-size|') ? fontSizeValue.substring('var:preset|font-size|'.length) : undefined;
-  const fontFamilySlug = fontFamilyValue?.startsWith('var:preset|font-family|') ? fontFamilyValue.substring('var:preset|font-family|'.length) : undefined;
+  const fontSizeSlug = typeof fontSizeValue === "string" && fontSizeValue?.startsWith("var:preset|font-size|") ? fontSizeValue.substring("var:preset|font-size|".length) : void 0;
+  const fontFamilySlug = fontFamilyValue?.startsWith(
+    "var:preset|font-family|"
+  ) ? fontFamilyValue.substring("var:preset|font-family|".length) : void 0;
   updatedStyle.typography = {
-    ...omit(updatedStyle.typography, ['fontFamily']),
-    fontSize: fontSizeSlug ? undefined : fontSizeValue
+    ...omit(updatedStyle.typography, ["fontFamily"]),
+    fontSize: fontSizeSlug ? void 0 : fontSizeValue
   };
   return {
     style: cleanEmptyObject(updatedStyle),
@@ -52,75 +64,74 @@ function attributesToStyle(attributes) {
     ...attributes.style,
     typography: {
       ...attributes.style?.typography,
-      fontFamily: attributes.fontFamily ? 'var:preset|font-family|' + attributes.fontFamily : undefined,
-      fontSize: attributes.fontSize ? 'var:preset|font-size|' + attributes.fontSize : attributes.style?.typography?.fontSize
+      fontFamily: attributes.fontFamily ? "var:preset|font-family|" + attributes.fontFamily : void 0,
+      fontSize: attributes.fontSize ? "var:preset|font-size|" + attributes.fontSize : attributes.style?.typography?.fontSize
     }
   };
 }
-function TypographyInspectorControl({
-  children,
-  resetAllFilter
-}) {
-  const attributesResetAllFilter = useCallback(attributes => {
-    const existingStyle = attributesToStyle(attributes);
-    const updatedStyle = resetAllFilter(existingStyle);
-    return {
-      ...attributes,
-      ...styleToAttributes(updatedStyle)
-    };
-  }, [resetAllFilter]);
-  return /*#__PURE__*/_jsx(InspectorControls, {
-    group: "typography",
-    resetAllFilter: attributesResetAllFilter,
-    children: children
-  });
+function TypographyInspectorControl({ children, resetAllFilter }) {
+  const attributesResetAllFilter = useCallback(
+    (attributes) => {
+      const existingStyle = attributesToStyle(attributes);
+      const updatedStyle = resetAllFilter(existingStyle);
+      return {
+        ...attributes,
+        ...styleToAttributes(updatedStyle)
+      };
+    },
+    [resetAllFilter]
+  );
+  return /* @__PURE__ */ jsx(
+    InspectorControls,
+    {
+      group: "typography",
+      resetAllFilter: attributesResetAllFilter,
+      children
+    }
+  );
 }
-export function TypographyPanel({
-  clientId,
-  name,
-  setAttributes,
-  settings
-}) {
+function TypographyPanel({ clientId, name, setAttributes, settings }) {
   function selector(select) {
-    const {
-      style,
-      fontFamily,
-      fontSize
-    } = select(blockEditorStore).getBlockAttributes(clientId) || {};
-    return {
-      style,
-      fontFamily,
-      fontSize
-    };
+    const { style: style2, fontFamily: fontFamily2, fontSize: fontSize2 } = select(blockEditorStore).getBlockAttributes(clientId) || {};
+    return { style: style2, fontFamily: fontFamily2, fontSize: fontSize2 };
   }
-  const {
-    style,
-    fontFamily,
-    fontSize
-  } = useSelect(selector, [clientId]);
+  const { style, fontFamily, fontSize } = useSelect(selector, [clientId]);
   const isEnabled = useHasTypographyPanel(settings);
-  const value = useMemo(() => attributesToStyle({
-    style,
-    fontFamily,
-    fontSize
-  }), [style, fontSize, fontFamily]);
-  const onChange = newStyle => {
+  const value = useMemo(
+    () => attributesToStyle({ style, fontFamily, fontSize }),
+    [style, fontSize, fontFamily]
+  );
+  const onChange = (newStyle) => {
     setAttributes(styleToAttributes(newStyle));
   };
   if (!isEnabled) {
     return null;
   }
-  const defaultControls = getBlockSupport(name, [TYPOGRAPHY_SUPPORT_KEY, '__experimentalDefaultControls']);
-  return /*#__PURE__*/_jsx(StylesTypographyPanel, {
-    as: TypographyInspectorControl,
-    panelId: clientId,
-    settings: settings,
-    value: value,
-    onChange: onChange,
-    defaultControls: defaultControls
-  });
+  const defaultControls = getBlockSupport(name, [
+    TYPOGRAPHY_SUPPORT_KEY,
+    "__experimentalDefaultControls"
+  ]);
+  return /* @__PURE__ */ jsx(
+    StylesTypographyPanel,
+    {
+      as: TypographyInspectorControl,
+      panelId: clientId,
+      settings,
+      value,
+      onChange,
+      defaultControls
+    }
+  );
 }
-export const hasTypographySupport = blockName => {
-  return TYPOGRAPHY_SUPPORT_KEYS.some(key => hasBlockSupport(blockName, key));
+const hasTypographySupport = (blockName) => {
+  return TYPOGRAPHY_SUPPORT_KEYS.some(
+    (key) => hasBlockSupport(blockName, key)
+  );
+};
+export {
+  TYPOGRAPHY_SUPPORT_KEY,
+  TYPOGRAPHY_SUPPORT_KEYS,
+  TypographyPanel,
+  hasTypographySupport
 };
-//# sourceMappingURL=typography.js.map
+//# sourceMappingURL=typography.js.map

package/build-module/hooks/typography.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getBlockSupport","hasBlockSupport","useMemo","useCallback","useSelect","InspectorControls","default","StylesTypographyPanel","useHasTypographyPanel","LINE_HEIGHT_SUPPORT_KEY","FONT_FAMILY_SUPPORT_KEY","FONT_SIZE_SUPPORT_KEY","TEXT_ALIGN_SUPPORT_KEY","cleanEmptyObject","store","blockEditorStore","jsx","_jsx","omit","object","keys","Object","fromEntries","entries","filter","key","includes","LETTER_SPACING_SUPPORT_KEY","TEXT_TRANSFORM_SUPPORT_KEY","TEXT_DECORATION_SUPPORT_KEY","TEXT_COLUMNS_SUPPORT_KEY","FONT_STYLE_SUPPORT_KEY","FONT_WEIGHT_SUPPORT_KEY","WRITING_MODE_SUPPORT_KEY","TYPOGRAPHY_SUPPORT_KEY","TYPOGRAPHY_SUPPORT_KEYS","styleToAttributes","style","updatedStyle","fontSizeValue","typography","fontSize","fontFamilyValue","fontFamily","fontSizeSlug","startsWith","substring","length","undefined","fontFamilySlug","attributesToStyle","attributes","TypographyInspectorControl","children","resetAllFilter","attributesResetAllFilter","existingStyle","group","TypographyPanel","clientId","name","setAttributes","settings","selector","select","getBlockAttributes","isEnabled","value","onChange","newStyle","defaultControls","as","panelId","hasTypographySupport","blockName","some"],"sources":["@wordpress/block-editor/src/hooks/typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';\nimport { useMemo, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControls from '../components/inspector-controls';\nimport {\n\tdefault as StylesTypographyPanel,\n\tuseHasTypographyPanel,\n} from '../components/global-styles/typography-panel';\n\nimport { LINE_HEIGHT_SUPPORT_KEY } from './line-height';\nimport { FONT_FAMILY_SUPPORT_KEY } from './font-family';\nimport { FONT_SIZE_SUPPORT_KEY } from './font-size';\nimport { TEXT_ALIGN_SUPPORT_KEY } from './text-align';\nimport { cleanEmptyObject } from './utils';\nimport { store as blockEditorStore } from '../store';\n\nfunction omit( object, keys ) {\n\treturn Object.fromEntries(\n\t\tObject.entries( object ).filter( ( [ key ] ) => ! keys.includes( key ) )\n\t);\n}\n\nconst LETTER_SPACING_SUPPORT_KEY = 'typography.__experimentalLetterSpacing';\nconst TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform';\nconst TEXT_DECORATION_SUPPORT_KEY = 'typography.__experimentalTextDecoration';\nconst TEXT_COLUMNS_SUPPORT_KEY = 'typography.textColumns';\nconst FONT_STYLE_SUPPORT_KEY = 'typography.__experimentalFontStyle';\nconst FONT_WEIGHT_SUPPORT_KEY = 'typography.__experimentalFontWeight';\nconst WRITING_MODE_SUPPORT_KEY = 'typography.__experimentalWritingMode';\nexport const TYPOGRAPHY_SUPPORT_KEY = 'typography';\nexport const TYPOGRAPHY_SUPPORT_KEYS = [\n\tLINE_HEIGHT_SUPPORT_KEY,\n\tFONT_SIZE_SUPPORT_KEY,\n\tFONT_STYLE_SUPPORT_KEY,\n\tFONT_WEIGHT_SUPPORT_KEY,\n\tFONT_FAMILY_SUPPORT_KEY,\n\tTEXT_ALIGN_SUPPORT_KEY,\n\tTEXT_COLUMNS_SUPPORT_KEY,\n\tTEXT_DECORATION_SUPPORT_KEY,\n\tWRITING_MODE_SUPPORT_KEY,\n\tTEXT_TRANSFORM_SUPPORT_KEY,\n\tLETTER_SPACING_SUPPORT_KEY,\n];\n\nfunction styleToAttributes( style ) {\n\tconst updatedStyle = { ...omit( style, [ 'fontFamily' ] ) };\n\tconst fontSizeValue = style?.typography?.fontSize;\n\tconst fontFamilyValue = style?.typography?.fontFamily;\n\tconst fontSizeSlug =\n\t\ttypeof fontSizeValue === 'string' &&\n\t\tfontSizeValue?.startsWith( 'var:preset|font-size|' )\n\t\t\t? fontSizeValue.substring( 'var:preset|font-size|'.length )\n\t\t\t: undefined;\n\tconst fontFamilySlug = fontFamilyValue?.startsWith(\n\t\t'var:preset|font-family|'\n\t)\n\t\t? fontFamilyValue.substring( 'var:preset|font-family|'.length )\n\t\t: undefined;\n\tupdatedStyle.typography = {\n\t\t...omit( updatedStyle.typography, [ 'fontFamily' ] ),\n\t\tfontSize: fontSizeSlug ? undefined : fontSizeValue,\n\t};\n\treturn {\n\t\tstyle: cleanEmptyObject( updatedStyle ),\n\t\tfontFamily: fontFamilySlug,\n\t\tfontSize: fontSizeSlug,\n\t};\n}\n\nfunction attributesToStyle( attributes ) {\n\treturn {\n\t\t...attributes.style,\n\t\ttypography: {\n\t\t\t...attributes.style?.typography,\n\t\t\tfontFamily: attributes.fontFamily\n\t\t\t\t? 'var:preset|font-family|' + attributes.fontFamily\n\t\t\t\t: undefined,\n\t\t\tfontSize: attributes.fontSize\n\t\t\t\t? 'var:preset|font-size|' + attributes.fontSize\n\t\t\t\t: attributes.style?.typography?.fontSize,\n\t\t},\n\t};\n}\n\nfunction TypographyInspectorControl( { children, resetAllFilter } ) {\n\tconst attributesResetAllFilter = useCallback(\n\t\t( attributes ) => {\n\t\t\tconst existingStyle = attributesToStyle( attributes );\n\t\t\tconst updatedStyle = resetAllFilter( existingStyle );\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\t...styleToAttributes( updatedStyle ),\n\t\t\t};\n\t\t},\n\t\t[ resetAllFilter ]\n\t);\n\n\treturn (\n\t\t<InspectorControls\n\t\t\tgroup=\"typography\"\n\t\t\tresetAllFilter={ attributesResetAllFilter }\n\t\t>\n\t\t\t{ children }\n\t\t</InspectorControls>\n\t);\n}\n\nexport function TypographyPanel( { clientId, name, setAttributes, settings } ) {\n\tfunction selector( select ) {\n\t\tconst { style, fontFamily, fontSize } =\n\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId ) || {};\n\t\treturn { style, fontFamily, fontSize };\n\t}\n\tconst { style, fontFamily, fontSize } = useSelect( selector, [ clientId ] );\n\tconst isEnabled = useHasTypographyPanel( settings );\n\tconst value = useMemo(\n\t\t() => attributesToStyle( { style, fontFamily, fontSize } ),\n\t\t[ style, fontSize, fontFamily ]\n\t);\n\n\tconst onChange = ( newStyle ) => {\n\t\tsetAttributes( styleToAttributes( newStyle ) );\n\t};\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst defaultControls = getBlockSupport( name, [\n\t\tTYPOGRAPHY_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\n\treturn (\n\t\t<StylesTypographyPanel\n\t\t\tas={ TypographyInspectorControl }\n\t\t\tpanelId={ clientId }\n\t\t\tsettings={ settings }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tdefaultControls={ defaultControls }\n\t\t/>\n\t);\n}\n\nexport const hasTypographySupport = ( blockName ) => {\n\treturn TYPOGRAPHY_SUPPORT_KEYS.some( ( key ) =>\n\t\thasBlockSupport( blockName, key )\n\t);\n};\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/typography.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';\nimport { useMemo, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControls from '../components/inspector-controls';\nimport {\n\tdefault as StylesTypographyPanel,\n\tuseHasTypographyPanel,\n} from '../components/global-styles/typography-panel';\n\nimport { LINE_HEIGHT_SUPPORT_KEY } from './line-height';\nimport { FONT_FAMILY_SUPPORT_KEY } from './font-family';\nimport { FONT_SIZE_SUPPORT_KEY } from './font-size';\nimport { TEXT_ALIGN_SUPPORT_KEY } from './text-align';\nimport { FIT_TEXT_SUPPORT_KEY } from './fit-text';\nimport { cleanEmptyObject } from './utils';\nimport { store as blockEditorStore } from '../store';\n\nfunction omit( object, keys ) {\n\treturn Object.fromEntries(\n\t\tObject.entries( object ).filter( ( [ key ] ) => ! keys.includes( key ) )\n\t);\n}\n\nconst LETTER_SPACING_SUPPORT_KEY = 'typography.__experimentalLetterSpacing';\nconst TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform';\nconst TEXT_DECORATION_SUPPORT_KEY = 'typography.__experimentalTextDecoration';\nconst TEXT_COLUMNS_SUPPORT_KEY = 'typography.textColumns';\nconst FONT_STYLE_SUPPORT_KEY = 'typography.__experimentalFontStyle';\nconst FONT_WEIGHT_SUPPORT_KEY = 'typography.__experimentalFontWeight';\nconst WRITING_MODE_SUPPORT_KEY = 'typography.__experimentalWritingMode';\nexport const TYPOGRAPHY_SUPPORT_KEY = 'typography';\nexport const TYPOGRAPHY_SUPPORT_KEYS = [\n\tLINE_HEIGHT_SUPPORT_KEY,\n\tFONT_SIZE_SUPPORT_KEY,\n\tFONT_STYLE_SUPPORT_KEY,\n\tFONT_WEIGHT_SUPPORT_KEY,\n\tFONT_FAMILY_SUPPORT_KEY,\n\tTEXT_ALIGN_SUPPORT_KEY,\n\tTEXT_COLUMNS_SUPPORT_KEY,\n\tTEXT_DECORATION_SUPPORT_KEY,\n\tWRITING_MODE_SUPPORT_KEY,\n\tTEXT_TRANSFORM_SUPPORT_KEY,\n\tLETTER_SPACING_SUPPORT_KEY,\n\tFIT_TEXT_SUPPORT_KEY,\n];\n\nfunction styleToAttributes( style ) {\n\tconst updatedStyle = { ...omit( style, [ 'fontFamily' ] ) };\n\tconst fontSizeValue = style?.typography?.fontSize;\n\tconst fontFamilyValue = style?.typography?.fontFamily;\n\tconst fontSizeSlug =\n\t\ttypeof fontSizeValue === 'string' &&\n\t\tfontSizeValue?.startsWith( 'var:preset|font-size|' )\n\t\t\t? fontSizeValue.substring( 'var:preset|font-size|'.length )\n\t\t\t: undefined;\n\tconst fontFamilySlug = fontFamilyValue?.startsWith(\n\t\t'var:preset|font-family|'\n\t)\n\t\t? fontFamilyValue.substring( 'var:preset|font-family|'.length )\n\t\t: undefined;\n\tupdatedStyle.typography = {\n\t\t...omit( updatedStyle.typography, [ 'fontFamily' ] ),\n\t\tfontSize: fontSizeSlug ? undefined : fontSizeValue,\n\t};\n\treturn {\n\t\tstyle: cleanEmptyObject( updatedStyle ),\n\t\tfontFamily: fontFamilySlug,\n\t\tfontSize: fontSizeSlug,\n\t};\n}\n\nfunction attributesToStyle( attributes ) {\n\treturn {\n\t\t...attributes.style,\n\t\ttypography: {\n\t\t\t...attributes.style?.typography,\n\t\t\tfontFamily: attributes.fontFamily\n\t\t\t\t? 'var:preset|font-family|' + attributes.fontFamily\n\t\t\t\t: undefined,\n\t\t\tfontSize: attributes.fontSize\n\t\t\t\t? 'var:preset|font-size|' + attributes.fontSize\n\t\t\t\t: attributes.style?.typography?.fontSize,\n\t\t},\n\t};\n}\n\nfunction TypographyInspectorControl( { children, resetAllFilter } ) {\n\tconst attributesResetAllFilter = useCallback(\n\t\t( attributes ) => {\n\t\t\tconst existingStyle = attributesToStyle( attributes );\n\t\t\tconst updatedStyle = resetAllFilter( existingStyle );\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\t...styleToAttributes( updatedStyle ),\n\t\t\t};\n\t\t},\n\t\t[ resetAllFilter ]\n\t);\n\n\treturn (\n\t\t<InspectorControls\n\t\t\tgroup=\"typography\"\n\t\t\tresetAllFilter={ attributesResetAllFilter }\n\t\t>\n\t\t\t{ children }\n\t\t</InspectorControls>\n\t);\n}\n\nexport function TypographyPanel( { clientId, name, setAttributes, settings } ) {\n\tfunction selector( select ) {\n\t\tconst { style, fontFamily, fontSize } =\n\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId ) || {};\n\t\treturn { style, fontFamily, fontSize };\n\t}\n\tconst { style, fontFamily, fontSize } = useSelect( selector, [ clientId ] );\n\tconst isEnabled = useHasTypographyPanel( settings );\n\tconst value = useMemo(\n\t\t() => attributesToStyle( { style, fontFamily, fontSize } ),\n\t\t[ style, fontSize, fontFamily ]\n\t);\n\n\tconst onChange = ( newStyle ) => {\n\t\tsetAttributes( styleToAttributes( newStyle ) );\n\t};\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst defaultControls = getBlockSupport( name, [\n\t\tTYPOGRAPHY_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\n\treturn (\n\t\t<StylesTypographyPanel\n\t\t\tas={ TypographyInspectorControl }\n\t\t\tpanelId={ clientId }\n\t\t\tsettings={ settings }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tdefaultControls={ defaultControls }\n\t\t/>\n\t);\n}\n\nexport const hasTypographySupport = ( blockName ) => {\n\treturn TYPOGRAPHY_SUPPORT_KEYS.some( ( key ) =>\n\t\thasBlockSupport( blockName, key )\n\t);\n};\n"],
+  "mappings": "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",
+  "names": ["style", "fontFamily", "fontSize"]
+}

package/build-module/hooks/use-border-props.js

@@ -1,54 +1,18 @@
-/**
- * Internal dependencies
- */
-import { getInlineStyles } from './style';
-import { getBorderClasses, getMultiOriginColor } from './border';
-import useMultipleOriginColorsAndGradients from '../components/colors-gradients/use-multiple-origin-colors-and-gradients';
-
-// This utility is intended to assist where the serialization of the border
-// block support is being skipped for a block but the border related CSS classes
-// & styles still need to be generated so they can be applied to inner elements.
-
-/**
- * Provides the CSS class names and inline styles for a block's border support
- * attributes.
- *
- * @param {Object} attributes Block attributes.
- * @return {Object} Border block support derived CSS classes & styles.
- */
-export function getBorderClassesAndStyles(attributes) {
+import { getInlineStyles } from "./style";
+import { getBorderClasses, getMultiOriginColor } from "./border";
+import useMultipleOriginColorsAndGradients from "../components/colors-gradients/use-multiple-origin-colors-and-gradients";
+function getBorderClassesAndStyles(attributes) {
   const border = attributes.style?.border || {};
   const className = getBorderClasses(attributes);
   return {
-    className: className || undefined,
-    style: getInlineStyles({
-      border
-    })
+    className: className || void 0,
+    style: getInlineStyles({ border })
   };
 }
-
-/**
- * Derives the border related props for a block from its border block support
- * attributes.
- *
- * Inline styles are forced for named colors to ensure these selections are
- * reflected when themes do not load their color stylesheets in the editor.
- *
- * @param {Object} attributes Block attributes.
- *
- * @return {Object} ClassName & style props from border block support.
- */
-export function useBorderProps(attributes) {
-  const {
-    colors
-  } = useMultipleOriginColorsAndGradients();
+function useBorderProps(attributes) {
+  const { colors } = useMultipleOriginColorsAndGradients();
   const borderProps = getBorderClassesAndStyles(attributes);
-  const {
-    borderColor
-  } = attributes;
-
-  // Force inline styles to apply named border colors when themes do not load
-  // their color stylesheets in the editor.
+  const { borderColor } = attributes;
   if (borderColor) {
     const borderColorObject = getMultiOriginColor({
       colors,
@@ -58,4 +22,8 @@ export function useBorderProps(attributes) {
   }
   return borderProps;
 }
-//# sourceMappingURL=use-border-props.js.map
+export {
+  getBorderClassesAndStyles,
+  useBorderProps
+};
+//# sourceMappingURL=use-border-props.js.map

package/build-module/hooks/use-border-props.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getInlineStyles","getBorderClasses","getMultiOriginColor","useMultipleOriginColorsAndGradients","getBorderClassesAndStyles","attributes","border","style","className","undefined","useBorderProps","colors","borderProps","borderColor","borderColorObject","namedColor","color"],"sources":["@wordpress/block-editor/src/hooks/use-border-props.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\nimport { getBorderClasses, getMultiOriginColor } from './border';\nimport useMultipleOriginColorsAndGradients from '../components/colors-gradients/use-multiple-origin-colors-and-gradients';\n\n// This utility is intended to assist where the serialization of the border\n// block support is being skipped for a block but the border related CSS classes\n// & styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's border support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n * @return {Object} Border block support derived CSS classes & styles.\n */\nexport function getBorderClassesAndStyles( attributes ) {\n\tconst border = attributes.style?.border || {};\n\tconst className = getBorderClasses( attributes );\n\n\treturn {\n\t\tclassName: className || undefined,\n\t\tstyle: getInlineStyles( { border } ),\n\t};\n}\n\n/**\n * Derives the border related props for a block from its border block support\n * attributes.\n *\n * Inline styles are forced for named colors to ensure these selections are\n * reflected when themes do not load their color stylesheets in the editor.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} ClassName & style props from border block support.\n */\nexport function useBorderProps( attributes ) {\n\tconst { colors } = useMultipleOriginColorsAndGradients();\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\tconst { borderColor } = attributes;\n\n\t// Force inline styles to apply named border colors when themes do not load\n\t// their color stylesheets in the editor.\n\tif ( borderColor ) {\n\t\tconst borderColorObject = getMultiOriginColor( {\n\t\t\tcolors,\n\t\t\tnamedColor: borderColor,\n\t\t} );\n\n\t\tborderProps.style.borderColor = borderColorObject.color;\n\t}\n\n\treturn borderProps;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,SAAS;AACzC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,UAAU;AAChE,OAAOC,mCAAmC,MAAM,yEAAyE;;AAEzH;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAEC,UAAU,EAAG;EACvD,MAAMC,MAAM,GAAGD,UAAU,CAACE,KAAK,EAAED,MAAM,IAAI,CAAC,CAAC;EAC7C,MAAME,SAAS,GAAGP,gBAAgB,CAAEI,UAAW,CAAC;EAEhD,OAAO;IACNG,SAAS,EAAEA,SAAS,IAAIC,SAAS;IACjCF,KAAK,EAAEP,eAAe,CAAE;MAAEM;IAAO,CAAE;EACpC,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,cAAcA,CAAEL,UAAU,EAAG;EAC5C,MAAM;IAAEM;EAAO,CAAC,GAAGR,mCAAmC,CAAC,CAAC;EACxD,MAAMS,WAAW,GAAGR,yBAAyB,CAAEC,UAAW,CAAC;EAC3D,MAAM;IAAEQ;EAAY,CAAC,GAAGR,UAAU;;EAElC;EACA;EACA,IAAKQ,WAAW,EAAG;IAClB,MAAMC,iBAAiB,GAAGZ,mBAAmB,CAAE;MAC9CS,MAAM;MACNI,UAAU,EAAEF;IACb,CAAE,CAAC;IAEHD,WAAW,CAACL,KAAK,CAACM,WAAW,GAAGC,iBAAiB,CAACE,KAAK;EACxD;EAEA,OAAOJ,WAAW;AACnB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-border-props.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\nimport { getBorderClasses, getMultiOriginColor } from './border';\nimport useMultipleOriginColorsAndGradients from '../components/colors-gradients/use-multiple-origin-colors-and-gradients';\n\n// This utility is intended to assist where the serialization of the border\n// block support is being skipped for a block but the border related CSS classes\n// & styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's border support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n * @return {Object} Border block support derived CSS classes & styles.\n */\nexport function getBorderClassesAndStyles( attributes ) {\n\tconst border = attributes.style?.border || {};\n\tconst className = getBorderClasses( attributes );\n\n\treturn {\n\t\tclassName: className || undefined,\n\t\tstyle: getInlineStyles( { border } ),\n\t};\n}\n\n/**\n * Derives the border related props for a block from its border block support\n * attributes.\n *\n * Inline styles are forced for named colors to ensure these selections are\n * reflected when themes do not load their color stylesheets in the editor.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} ClassName & style props from border block support.\n */\nexport function useBorderProps( attributes ) {\n\tconst { colors } = useMultipleOriginColorsAndGradients();\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\tconst { borderColor } = attributes;\n\n\t// Force inline styles to apply named border colors when themes do not load\n\t// their color stylesheets in the editor.\n\tif ( borderColor ) {\n\t\tconst borderColorObject = getMultiOriginColor( {\n\t\t\tcolors,\n\t\t\tnamedColor: borderColor,\n\t\t} );\n\n\t\tborderProps.style.borderColor = borderColorObject.color;\n\t}\n\n\treturn borderProps;\n}\n"],
+  "mappings": "AAGA,SAAS,uBAAuB;AAChC,SAAS,kBAAkB,2BAA2B;AACtD,OAAO,yCAAyC;AAazC,SAAS,0BAA2B,YAAa;AACvD,QAAM,SAAS,WAAW,OAAO,UAAU,CAAC;AAC5C,QAAM,YAAY,iBAAkB,UAAW;AAE/C,SAAO;AAAA,IACN,WAAW,aAAa;AAAA,IACxB,OAAO,gBAAiB,EAAE,OAAO,CAAE;AAAA,EACpC;AACD;AAaO,SAAS,eAAgB,YAAa;AAC5C,QAAM,EAAE,OAAO,IAAI,oCAAoC;AACvD,QAAM,cAAc,0BAA2B,UAAW;AAC1D,QAAM,EAAE,YAAY,IAAI;AAIxB,MAAK,aAAc;AAClB,UAAM,oBAAoB,oBAAqB;AAAA,MAC9C;AAAA,MACA,YAAY;AAAA,IACb,CAAE;AAEF,gBAAY,MAAM,cAAc,kBAAkB;AAAA,EACnD;AAEA,SAAO;AACR;",
+  "names": []
+}