@wordpress/block-editor 14.0.0 → 14.2.0

package/build-module/components/inserter-list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useMemo","useRef","memo","createBlock","createBlocksFromInnerBlocksTemplate","isReusableBlock","isTemplatePart","__experimentalTruncate","Truncate","ENTER","isAppleOS","BlockIcon","InserterListboxItem","InserterDraggableBlocks","jsx","_jsx","jsxs","_jsxs","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDragging","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","name","initialAttributes","innerBlocks","isSynced","syncStatus","isEnabled","isDisabled","children","draggable","onDragStart","onDragEnd","event","current","disabled","onClick","preventDefault","metaKey","ctrlKey","onKeyDown","keyCode","onMouseEnter","onMouseLeave","style","showColors","numberOfLines","title"],"sources":["@wordpress/block-editor/src/components/inserter-list-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useRef, memo } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { ENTER, isAppleOS } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { InserterListboxItem } from '../inserter-listbox';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nfunction InserterListItem( {\n\tclassName,\n\tisFirst,\n\titem,\n\tonSelect,\n\tonHover,\n\tisDraggable,\n\t...props\n} ) {\n\tconst isDragging = useRef( false );\n\tconst itemIconStyle = item.icon\n\t\t? {\n\t\t\t\tbackgroundColor: item.icon.background,\n\t\t\t\tcolor: item.icon.foreground,\n\t\t  }\n\t\t: {};\n\tconst blocks = useMemo(\n\t\t() => [\n\t\t\tcreateBlock(\n\t\t\t\titem.name,\n\t\t\t\titem.initialAttributes,\n\t\t\t\tcreateBlocksFromInnerBlocksTemplate( item.innerBlocks )\n\t\t\t),\n\t\t],\n\t\t[ item.name, item.initialAttributes, item.innerBlocks ]\n\t);\n\n\tconst isSynced =\n\t\t( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||\n\t\tisTemplatePart( item );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable && ! item.isDisabled }\n\t\t\tblocks={ blocks }\n\t\t\ticon={ item.icon }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-types-list__list-item',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-synced': isSynced,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = true;\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = false;\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<InserterListboxItem\n\t\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-block-types-list__item',\n\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\tif ( isDragging.current ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( item );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"block-editor-block-types-list__item-icon\"\n\t\t\t\t\t\t\tstyle={ itemIconStyle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockIcon icon={ item.icon } showColors />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"block-editor-block-types-list__item-title\">\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 3 }>\n\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</InserterListboxItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nexport default memo( InserterListItem );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useMemo","useRef","memo","createBlock","createBlocksFromInnerBlocksTemplate","isReusableBlock","isTemplatePart","__experimentalTruncate","Truncate","ENTER","isAppleOS","BlockIcon","InserterListboxItem","InserterDraggableBlocks","jsx","_jsx","jsxs","_jsxs","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDraggingRef","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","name","initialAttributes","innerBlocks","isSynced","syncStatus","isEnabled","isDisabled","children","draggable","onDragStart","onDragEnd","event","current","disabled","onClick","preventDefault","metaKey","ctrlKey","onKeyDown","keyCode","onMouseEnter","onMouseLeave","style","showColors","numberOfLines","title"],"sources":["@wordpress/block-editor/src/components/inserter-list-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useRef, memo } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { ENTER, isAppleOS } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { InserterListboxItem } from '../inserter-listbox';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nfunction InserterListItem( {\n\tclassName,\n\tisFirst,\n\titem,\n\tonSelect,\n\tonHover,\n\tisDraggable,\n\t...props\n} ) {\n\tconst isDraggingRef = useRef( false );\n\tconst itemIconStyle = item.icon\n\t\t? {\n\t\t\t\tbackgroundColor: item.icon.background,\n\t\t\t\tcolor: item.icon.foreground,\n\t\t  }\n\t\t: {};\n\tconst blocks = useMemo(\n\t\t() => [\n\t\t\tcreateBlock(\n\t\t\t\titem.name,\n\t\t\t\titem.initialAttributes,\n\t\t\t\tcreateBlocksFromInnerBlocksTemplate( item.innerBlocks )\n\t\t\t),\n\t\t],\n\t\t[ item.name, item.initialAttributes, item.innerBlocks ]\n\t);\n\n\tconst isSynced =\n\t\t( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||\n\t\tisTemplatePart( item );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable && ! item.isDisabled }\n\t\t\tblocks={ blocks }\n\t\t\ticon={ item.icon }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-types-list__list-item',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-synced': isSynced,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tisDraggingRef.current = true;\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tisDraggingRef.current = false;\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<InserterListboxItem\n\t\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-block-types-list__item',\n\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\tif ( isDraggingRef.current ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( item );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"block-editor-block-types-list__item-icon\"\n\t\t\t\t\t\t\tstyle={ itemIconStyle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockIcon icon={ item.icon } showColors />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"block-editor-block-types-list__item-title\">\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 3 }>\n\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</InserterListboxItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nexport default memo( InserterListItem );\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/inserter-listbox/index.js

@@ -13,18 +13,14 @@ export { default as InserterListboxGroup } from './group';
 export { default as InserterListboxRow } from './row';
 export { default as InserterListboxItem } from './item';
 const {
-  CompositeV2: Composite,
-  useCompositeStoreV2: useCompositeStore
+  CompositeV2: Composite
 } = unlock(componentsPrivateApis);
 function InserterListbox({
   children
 }) {
-  const store = useCompositeStore({
-    focusShift: true,
-    focusWrap: 'horizontal'
-  });
   return /*#__PURE__*/_jsx(Composite, {
-    store: store,
+    focusShift: true,
+    focusWrap: "horizontal",
     render: /*#__PURE__*/_jsx(_Fragment, {}),
     children: children
   });

package/build-module/components/inserter-listbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["privateApis","componentsPrivateApis","unlock","Fragment","_Fragment","jsx","_jsx","default","InserterListboxGroup","InserterListboxRow","InserterListboxItem","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","InserterListbox","children","store","focusShift","focusWrap","render"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nexport { default as InserterListboxGroup } from './group';\nexport { default as InserterListboxRow } from './row';\nexport { default as InserterListboxItem } from './item';\n\nconst { CompositeV2: Composite, useCompositeStoreV2: useCompositeStore } =\n\tunlock( componentsPrivateApis );\n\nfunction InserterListbox( { children } ) {\n\tconst store = useCompositeStore( {\n\t\tfocusShift: true,\n\t\tfocusWrap: 'horizontal',\n\t} );\n\n\treturn (\n\t\t<Composite store={ store } render={ <></> }>\n\t\t\t{ children }\n\t\t</Composite>\n\t);\n}\n\nexport default InserterListbox;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3C,SAASC,OAAO,IAAIC,oBAAoB,QAAQ,SAAS;AACzD,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,OAAO;AACrD,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,QAAQ;AAEvD,MAAM;EAAEC,WAAW,EAAEC,SAAS;EAAEC,mBAAmB,EAAEC;AAAkB,CAAC,GACvEZ,MAAM,CAAED,qBAAsB,CAAC;AAEhC,SAASc,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,MAAMC,KAAK,GAAGH,iBAAiB,CAAE;IAChCI,UAAU,EAAE,IAAI;IAChBC,SAAS,EAAE;EACZ,CAAE,CAAC;EAEH,oBACCb,IAAA,CAACM,SAAS;IAACK,KAAK,EAAGA,KAAO;IAACG,MAAM,eAAGd,IAAA,CAAAF,SAAA,IAAI,CAAG;IAAAY,QAAA,EACxCA;EAAQ,CACA,CAAC;AAEd;AAEA,eAAeD,eAAe","ignoreList":[]}
+{"version":3,"names":["privateApis","componentsPrivateApis","unlock","Fragment","_Fragment","jsx","_jsx","default","InserterListboxGroup","InserterListboxRow","InserterListboxItem","CompositeV2","Composite","InserterListbox","children","focusShift","focusWrap","render"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nexport { default as InserterListboxGroup } from './group';\nexport { default as InserterListboxRow } from './row';\nexport { default as InserterListboxItem } from './item';\n\nconst { CompositeV2: Composite } = unlock( componentsPrivateApis );\n\nfunction InserterListbox( { children } ) {\n\treturn (\n\t\t<Composite focusShift focusWrap=\"horizontal\" render={ <></> }>\n\t\t\t{ children }\n\t\t</Composite>\n\t);\n}\n\nexport default InserterListbox;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3C,SAASC,OAAO,IAAIC,oBAAoB,QAAQ,SAAS;AACzD,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,OAAO;AACrD,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,QAAQ;AAEvD,MAAM;EAAEC,WAAW,EAAEC;AAAU,CAAC,GAAGV,MAAM,CAAED,qBAAsB,CAAC;AAElE,SAASY,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,oBACCR,IAAA,CAACM,SAAS;IAACG,UAAU;IAACC,SAAS,EAAC,YAAY;IAACC,MAAM,eAAGX,IAAA,CAAAF,SAAA,IAAI,CAAG;IAAAU,QAAA,EAC1DA;EAAQ,CACA,CAAC;AAEd;AAEA,eAAeD,eAAe","ignoreList":[]}

package/build-module/components/inserter-listbox/item.js

@@ -41,7 +41,10 @@ function InserterListboxItem({
       if (typeof children === 'function') {
         return children(propsWithTabIndex);
       }
-      return /*#__PURE__*/_jsx(Button, {
+      return /*#__PURE__*/_jsx(Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         ...propsWithTabIndex,
         children: children
       });

package/build-module/components/inserter-listbox/item.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","privateApis","componentsPrivateApis","forwardRef","unlock","jsx","_jsx","CompositeItemV2","CompositeItem","InserterListboxItem","isFirst","as","Component","children","props","ref","role","accessibleWhenDisabled","render","htmlProps","propsWithTabIndex","tabIndex"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );\n\nfunction InserterListboxItem(\n\t{ isFirst, as: Component, children, ...props },\n\tref\n) {\n\treturn (\n\t\t<CompositeItem\n\t\t\tref={ ref }\n\t\t\trole=\"option\"\n\t\t\t// Use the CompositeItem `accessibleWhenDisabled` prop\n\t\t\t// over Button's `isFocusable`. The latter was shown to\n\t\t\t// cause an issue with tab order in the inserter list.\n\t\t\taccessibleWhenDisabled\n\t\t\t{ ...props }\n\t\t\trender={ ( htmlProps ) => {\n\t\t\t\tconst propsWithTabIndex = {\n\t\t\t\t\t...htmlProps,\n\t\t\t\t\ttabIndex: isFirst ? 0 : htmlProps.tabIndex,\n\t\t\t\t};\n\t\t\t\tif ( Component ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Component { ...propsWithTabIndex }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</Component>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif ( typeof children === 'function' ) {\n\t\t\t\t\treturn children( propsWithTabIndex );\n\t\t\t\t}\n\t\t\t\treturn <Button { ...propsWithTabIndex }>{ children }</Button>;\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxItem );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC,eAAe,EAAEC;AAAc,CAAC,GAAGJ,MAAM,CAAEF,qBAAsB,CAAC;AAE1E,SAASO,mBAAmBA,CAC3B;EAAEC,OAAO;EAAEC,EAAE,EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAC9CC,GAAG,EACF;EACD,oBACCT,IAAA,CAACE,aAAa;IACbO,GAAG,EAAGA,GAAK;IACXC,IAAI,EAAC;IACL;IACA;IACA;IAAA;IACAC,sBAAsB;IAAA,GACjBH,KAAK;IACVI,MAAM,EAAKC,SAAS,IAAM;MACzB,MAAMC,iBAAiB,GAAG;QACzB,GAAGD,SAAS;QACZE,QAAQ,EAAEX,OAAO,GAAG,CAAC,GAAGS,SAAS,CAACE;MACnC,CAAC;MACD,IAAKT,SAAS,EAAG;QAChB,oBACCN,IAAA,CAACM,SAAS;UAAA,GAAMQ,iBAAiB;UAAAP,QAAA,EAC9BA;QAAQ,CACA,CAAC;MAEd;MACA,IAAK,OAAOA,QAAQ,KAAK,UAAU,EAAG;QACrC,OAAOA,QAAQ,CAAEO,iBAAkB,CAAC;MACrC;MACA,oBAAOd,IAAA,CAACN,MAAM;QAAA,GAAMoB,iBAAiB;QAAAP,QAAA,EAAKA;MAAQ,CAAU,CAAC;IAC9D;EAAG,CACH,CAAC;AAEJ;AAEA,eAAeV,UAAU,CAAEM,mBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","privateApis","componentsPrivateApis","forwardRef","unlock","jsx","_jsx","CompositeItemV2","CompositeItem","InserterListboxItem","isFirst","as","Component","children","props","ref","role","accessibleWhenDisabled","render","htmlProps","propsWithTabIndex","tabIndex","__next40pxDefaultSize"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );\n\nfunction InserterListboxItem(\n\t{ isFirst, as: Component, children, ...props },\n\tref\n) {\n\treturn (\n\t\t<CompositeItem\n\t\t\tref={ ref }\n\t\t\trole=\"option\"\n\t\t\t// Use the CompositeItem `accessibleWhenDisabled` prop\n\t\t\t// over Button's `isFocusable`. The latter was shown to\n\t\t\t// cause an issue with tab order in the inserter list.\n\t\t\taccessibleWhenDisabled\n\t\t\t{ ...props }\n\t\t\trender={ ( htmlProps ) => {\n\t\t\t\tconst propsWithTabIndex = {\n\t\t\t\t\t...htmlProps,\n\t\t\t\t\ttabIndex: isFirst ? 0 : htmlProps.tabIndex,\n\t\t\t\t};\n\t\t\t\tif ( Component ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Component { ...propsWithTabIndex }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</Component>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif ( typeof children === 'function' ) {\n\t\t\t\t\treturn children( propsWithTabIndex );\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t{ ...propsWithTabIndex }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxItem );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC,eAAe,EAAEC;AAAc,CAAC,GAAGJ,MAAM,CAAEF,qBAAsB,CAAC;AAE1E,SAASO,mBAAmBA,CAC3B;EAAEC,OAAO;EAAEC,EAAE,EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAC9CC,GAAG,EACF;EACD,oBACCT,IAAA,CAACE,aAAa;IACbO,GAAG,EAAGA,GAAK;IACXC,IAAI,EAAC;IACL;IACA;IACA;IAAA;IACAC,sBAAsB;IAAA,GACjBH,KAAK;IACVI,MAAM,EAAKC,SAAS,IAAM;MACzB,MAAMC,iBAAiB,GAAG;QACzB,GAAGD,SAAS;QACZE,QAAQ,EAAEX,OAAO,GAAG,CAAC,GAAGS,SAAS,CAACE;MACnC,CAAC;MACD,IAAKT,SAAS,EAAG;QAChB,oBACCN,IAAA,CAACM,SAAS;UAAA,GAAMQ,iBAAiB;UAAAP,QAAA,EAC9BA;QAAQ,CACA,CAAC;MAEd;MACA,IAAK,OAAOA,QAAQ,KAAK,UAAU,EAAG;QACrC,OAAOA,QAAQ,CAAEO,iBAAkB,CAAC;MACrC;MACA,oBACCd,IAAA,CAACN;MACA;MAAA;QACAsB,qBAAqB,EAAG,KAAO;QAAA,GAC1BF,iBAAiB;QAAAP,QAAA,EAEpBA;MAAQ,CACH,CAAC;IAEX;EAAG,CACH,CAAC;AAEJ;AAEA,eAAeV,UAAU,CAAEM,mBAAoB,CAAC","ignoreList":[]}

package/build-module/components/inspector-controls/groups.js

@@ -4,6 +4,7 @@
 import { createSlotFill } from '@wordpress/components';
 const InspectorControlsDefault = createSlotFill('InspectorControls');
 const InspectorControlsAdvanced = createSlotFill('InspectorAdvancedControls');
+const InspectorControlsBindings = createSlotFill('InspectorControlsBindings');
 const InspectorControlsBackground = createSlotFill('InspectorControlsBackground');
 const InspectorControlsBorder = createSlotFill('InspectorControlsBorder');
 const InspectorControlsColor = createSlotFill('InspectorControlsColor');
@@ -18,6 +19,7 @@ const groups = {
   default: InspectorControlsDefault,
   advanced: InspectorControlsAdvanced,
   background: InspectorControlsBackground,
+  bindings: InspectorControlsBindings,
   border: InspectorControlsBorder,
   color: InspectorControlsColor,
   dimensions: InspectorControlsDimensions,

package/build-module/components/inspector-controls/groups.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","InspectorControlsDefault","InspectorControlsAdvanced","InspectorControlsBackground","InspectorControlsBorder","InspectorControlsColor","InspectorControlsFilter","InspectorControlsDimensions","InspectorControlsPosition","InspectorControlsTypography","InspectorControlsListView","InspectorControlsStyles","InspectorControlsEffects","groups","default","advanced","background","border","color","dimensions","effects","filter","list","position","settings","styles","typography"],"sources":["@wordpress/block-editor/src/components/inspector-controls/groups.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBackground = createSlotFill(\n\t'InspectorControlsBackground'\n);\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsFilter = createSlotFill( 'InspectorControlsFilter' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\nconst InspectorControlsStyles = createSlotFill( 'InspectorControlsStyles' );\nconst InspectorControlsEffects = createSlotFill( 'InspectorControlsEffects' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tbackground: InspectorControlsBackground,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tdimensions: InspectorControlsDimensions,\n\teffects: InspectorControlsEffects,\n\tfilter: InspectorControlsFilter,\n\tlist: InspectorControlsListView,\n\tposition: InspectorControlsPosition,\n\tsettings: InspectorControlsDefault, // Alias for default.\n\tstyles: InspectorControlsStyles,\n\ttypography: InspectorControlsTypography,\n};\n\nexport default groups;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAMC,wBAAwB,GAAGD,cAAc,CAAE,mBAAoB,CAAC;AACtE,MAAME,yBAAyB,GAAGF,cAAc,CAAE,2BAA4B,CAAC;AAC/E,MAAMG,2BAA2B,GAAGH,cAAc,CACjD,6BACD,CAAC;AACD,MAAMI,uBAAuB,GAAGJ,cAAc,CAAE,yBAA0B,CAAC;AAC3E,MAAMK,sBAAsB,GAAGL,cAAc,CAAE,wBAAyB,CAAC;AACzE,MAAMM,uBAAuB,GAAGN,cAAc,CAAE,yBAA0B,CAAC;AAC3E,MAAMO,2BAA2B,GAAGP,cAAc,CACjD,6BACD,CAAC;AACD,MAAMQ,yBAAyB,GAAGR,cAAc,CAAE,2BAA4B,CAAC;AAC/E,MAAMS,2BAA2B,GAAGT,cAAc,CACjD,6BACD,CAAC;AACD,MAAMU,yBAAyB,GAAGV,cAAc,CAAE,2BAA4B,CAAC;AAC/E,MAAMW,uBAAuB,GAAGX,cAAc,CAAE,yBAA0B,CAAC;AAC3E,MAAMY,wBAAwB,GAAGZ,cAAc,CAAE,0BAA2B,CAAC;AAE7E,MAAMa,MAAM,GAAG;EACdC,OAAO,EAAEb,wBAAwB;EACjCc,QAAQ,EAAEb,yBAAyB;EACnCc,UAAU,EAAEb,2BAA2B;EACvCc,MAAM,EAAEb,uBAAuB;EAC/Bc,KAAK,EAAEb,sBAAsB;EAC7Bc,UAAU,EAAEZ,2BAA2B;EACvCa,OAAO,EAAER,wBAAwB;EACjCS,MAAM,EAAEf,uBAAuB;EAC/BgB,IAAI,EAAEZ,yBAAyB;EAC/Ba,QAAQ,EAAEf,yBAAyB;EACnCgB,QAAQ,EAAEvB,wBAAwB;EAAE;EACpCwB,MAAM,EAAEd,uBAAuB;EAC/Be,UAAU,EAAEjB;AACb,CAAC;AAED,eAAeI,MAAM","ignoreList":[]}
+{"version":3,"names":["createSlotFill","InspectorControlsDefault","InspectorControlsAdvanced","InspectorControlsBindings","InspectorControlsBackground","InspectorControlsBorder","InspectorControlsColor","InspectorControlsFilter","InspectorControlsDimensions","InspectorControlsPosition","InspectorControlsTypography","InspectorControlsListView","InspectorControlsStyles","InspectorControlsEffects","groups","default","advanced","background","bindings","border","color","dimensions","effects","filter","list","position","settings","styles","typography"],"sources":["@wordpress/block-editor/src/components/inspector-controls/groups.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBindings = createSlotFill( 'InspectorControlsBindings' );\nconst InspectorControlsBackground = createSlotFill(\n\t'InspectorControlsBackground'\n);\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsFilter = createSlotFill( 'InspectorControlsFilter' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\nconst InspectorControlsStyles = createSlotFill( 'InspectorControlsStyles' );\nconst InspectorControlsEffects = createSlotFill( 'InspectorControlsEffects' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tbackground: InspectorControlsBackground,\n\tbindings: InspectorControlsBindings,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tdimensions: InspectorControlsDimensions,\n\teffects: InspectorControlsEffects,\n\tfilter: InspectorControlsFilter,\n\tlist: InspectorControlsListView,\n\tposition: InspectorControlsPosition,\n\tsettings: InspectorControlsDefault, // Alias for default.\n\tstyles: InspectorControlsStyles,\n\ttypography: InspectorControlsTypography,\n};\n\nexport default groups;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAMC,wBAAwB,GAAGD,cAAc,CAAE,mBAAoB,CAAC;AACtE,MAAME,yBAAyB,GAAGF,cAAc,CAAE,2BAA4B,CAAC;AAC/E,MAAMG,yBAAyB,GAAGH,cAAc,CAAE,2BAA4B,CAAC;AAC/E,MAAMI,2BAA2B,GAAGJ,cAAc,CACjD,6BACD,CAAC;AACD,MAAMK,uBAAuB,GAAGL,cAAc,CAAE,yBAA0B,CAAC;AAC3E,MAAMM,sBAAsB,GAAGN,cAAc,CAAE,wBAAyB,CAAC;AACzE,MAAMO,uBAAuB,GAAGP,cAAc,CAAE,yBAA0B,CAAC;AAC3E,MAAMQ,2BAA2B,GAAGR,cAAc,CACjD,6BACD,CAAC;AACD,MAAMS,yBAAyB,GAAGT,cAAc,CAAE,2BAA4B,CAAC;AAC/E,MAAMU,2BAA2B,GAAGV,cAAc,CACjD,6BACD,CAAC;AACD,MAAMW,yBAAyB,GAAGX,cAAc,CAAE,2BAA4B,CAAC;AAC/E,MAAMY,uBAAuB,GAAGZ,cAAc,CAAE,yBAA0B,CAAC;AAC3E,MAAMa,wBAAwB,GAAGb,cAAc,CAAE,0BAA2B,CAAC;AAE7E,MAAMc,MAAM,GAAG;EACdC,OAAO,EAAEd,wBAAwB;EACjCe,QAAQ,EAAEd,yBAAyB;EACnCe,UAAU,EAAEb,2BAA2B;EACvCc,QAAQ,EAAEf,yBAAyB;EACnCgB,MAAM,EAAEd,uBAAuB;EAC/Be,KAAK,EAAEd,sBAAsB;EAC7Be,UAAU,EAAEb,2BAA2B;EACvCc,OAAO,EAAET,wBAAwB;EACjCU,MAAM,EAAEhB,uBAAuB;EAC/BiB,IAAI,EAAEb,yBAAyB;EAC/Bc,QAAQ,EAAEhB,yBAAyB;EACnCiB,QAAQ,EAAEzB,wBAAwB;EAAE;EACpC0B,MAAM,EAAEf,uBAAuB;EAC/BgB,UAAU,EAAElB;AACb,CAAC;AAED,eAAeI,MAAM","ignoreList":[]}

package/build-module/components/inspector-controls-tabs/index.js

@@ -42,7 +42,10 @@ export default function InspectorControlsTabs({
       children: [/*#__PURE__*/_jsx(Tabs.TabList, {
         children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
           tabId: tab.name,
-          render: /*#__PURE__*/_jsx(Button, {
+          render: /*#__PURE__*/_jsx(Button
+          // TODO: Switch to `true` (40px size) if possible
+          , {
+            __next40pxDefaultSize: false,
             icon: !showIconLabels ? tab.icon : undefined,
             label: !showIconLabels ? tab.title : undefined,
             className: tab.className,

package/build-module/components/inspector-controls-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","privateApis","componentsPrivateApis","store","preferencesStore","useSelect","TAB_SETTINGS","TAB_STYLES","TAB_LIST_VIEW","SettingsTab","StylesTab","InspectorControls","useIsListViewTabDisabled","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","showIconLabels","select","get","initialTabName","name","undefined","className","children","defaultTabId","TabList","map","tab","Tab","tabId","render","icon","label","title","TabPanel","focusable","showAdvancedControls","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\tconst showIconLabels = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get( 'core', 'showIconLabels' );\n\t}, [] );\n\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs defaultTabId={ initialTabName } key={ clientId }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t! showIconLabels ? tab.icon : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t! showIconLabels ? tab.title : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ tab.className }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ showIconLabels && tab.title }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAClE,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,YAAY,EAAEC,UAAU,EAAEC,aAAa,QAAQ,SAAS;AACjE,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,wBAAwB,MAAM,iCAAiC;AACtE,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEX,qBAAsB,CAAC;AAEhD,eAAe,SAASiB,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGnB,SAAS,CAAIoB,MAAM,IAAM;IAC/C,OAAOA,MAAM,CAAErB,gBAAiB,CAAC,CAACsB,GAAG,CAAE,MAAM,EAAE,gBAAiB,CAAC;EAClE,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACA;EACA;EACA;EACA,MAAMC,cAAc,GAAG,CAAEf,wBAAwB,CAAEQ,SAAU,CAAC,GAC3DZ,aAAa,CAACoB,IAAI,GAClBC,SAAS;EAEZ,oBACCd,IAAA;IAAKe,SAAS,EAAC,oCAAoC;IAAAC,QAAA,eAClDd,KAAA,CAACC,IAAI;MAACc,YAAY,EAAGL,cAAgB;MAAAI,QAAA,gBACpChB,IAAA,CAACG,IAAI,CAACe,OAAO;QAAAF,QAAA,EACVR,IAAI,CAACW,GAAG,CAAIC,GAAG,iBAChBpB,IAAA,CAACG,IAAI,CAACkB,GAAG;UAERC,KAAK,EAAGF,GAAG,CAACP,IAAM;UAClBU,MAAM,eACLvB,IAAA,CAACf,MAAM;YACNuC,IAAI,EACH,CAAEf,cAAc,GAAGW,GAAG,CAACI,IAAI,GAAGV,SAC9B;YACDW,KAAK,EACJ,CAAEhB,cAAc,GAAGW,GAAG,CAACM,KAAK,GAAGZ,SAC/B;YACDC,SAAS,EAAGK,GAAG,CAACL,SAAW;YAAAC,QAAA,EAEzBP,cAAc,IAAIW,GAAG,CAACM;UAAK,CACtB;QACR,GAdKN,GAAG,CAACP,IAeV,CACA;MAAC,CACU,CAAC,eACfb,IAAA,CAACG,IAAI,CAACwB,QAAQ;QAACL,KAAK,EAAG/B,YAAY,CAACsB,IAAM;QAACe,SAAS,EAAG,KAAO;QAAAZ,QAAA,eAC7DhB,IAAA,CAACN,WAAW;UAACmC,oBAAoB,EAAG,CAAC,CAAExB;QAAW,CAAE;MAAC,CACvC,CAAC,eAChBL,IAAA,CAACG,IAAI,CAACwB,QAAQ;QAACL,KAAK,EAAG9B,UAAU,CAACqB,IAAM;QAACe,SAAS,EAAG,KAAO;QAAAZ,QAAA,eAC3DhB,IAAA,CAACL,SAAS;UACTU,SAAS,EAAGA,SAAW;UACvBC,QAAQ,EAAGA,QAAU;UACrBC,cAAc,EAAGA;QAAgB,CACjC;MAAC,CACY,CAAC,eAChBP,IAAA,CAACG,IAAI,CAACwB,QAAQ;QAACL,KAAK,EAAG7B,aAAa,CAACoB,IAAM;QAACe,SAAS,EAAG,KAAO;QAAAZ,QAAA,eAC9DhB,IAAA,CAACJ,iBAAiB,CAACkC,IAAI;UAACC,KAAK,EAAC;QAAM,CAAE;MAAC,CACzB,CAAC;IAAA,GAlC2BzB,QAmCtC;EAAC,CACH,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["Button","privateApis","componentsPrivateApis","store","preferencesStore","useSelect","TAB_SETTINGS","TAB_STYLES","TAB_LIST_VIEW","SettingsTab","StylesTab","InspectorControls","useIsListViewTabDisabled","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","showIconLabels","select","get","initialTabName","name","undefined","className","children","defaultTabId","TabList","map","tab","Tab","tabId","render","__next40pxDefaultSize","icon","label","title","TabPanel","focusable","showAdvancedControls","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\tconst showIconLabels = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get( 'core', 'showIconLabels' );\n\t}, [] );\n\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs defaultTabId={ initialTabName } key={ clientId }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t! showIconLabels ? tab.icon : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t! showIconLabels ? tab.title : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ tab.className }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ showIconLabels && tab.title }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAClE,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,YAAY,EAAEC,UAAU,EAAEC,aAAa,QAAQ,SAAS;AACjE,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,wBAAwB,MAAM,iCAAiC;AACtE,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEX,qBAAsB,CAAC;AAEhD,eAAe,SAASiB,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGnB,SAAS,CAAIoB,MAAM,IAAM;IAC/C,OAAOA,MAAM,CAAErB,gBAAiB,CAAC,CAACsB,GAAG,CAAE,MAAM,EAAE,gBAAiB,CAAC;EAClE,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACA;EACA;EACA;EACA,MAAMC,cAAc,GAAG,CAAEf,wBAAwB,CAAEQ,SAAU,CAAC,GAC3DZ,aAAa,CAACoB,IAAI,GAClBC,SAAS;EAEZ,oBACCd,IAAA;IAAKe,SAAS,EAAC,oCAAoC;IAAAC,QAAA,eAClDd,KAAA,CAACC,IAAI;MAACc,YAAY,EAAGL,cAAgB;MAAAI,QAAA,gBACpChB,IAAA,CAACG,IAAI,CAACe,OAAO;QAAAF,QAAA,EACVR,IAAI,CAACW,GAAG,CAAIC,GAAG,iBAChBpB,IAAA,CAACG,IAAI,CAACkB,GAAG;UAERC,KAAK,EAAGF,GAAG,CAACP,IAAM;UAClBU,MAAM,eACLvB,IAAA,CAACf;UACA;UAAA;YACAuC,qBAAqB,EAAG,KAAO;YAC/BC,IAAI,EACH,CAAEhB,cAAc,GAAGW,GAAG,CAACK,IAAI,GAAGX,SAC9B;YACDY,KAAK,EACJ,CAAEjB,cAAc,GAAGW,GAAG,CAACO,KAAK,GAAGb,SAC/B;YACDC,SAAS,EAAGK,GAAG,CAACL,SAAW;YAAAC,QAAA,EAEzBP,cAAc,IAAIW,GAAG,CAACO;UAAK,CACtB;QACR,GAhBKP,GAAG,CAACP,IAiBV,CACA;MAAC,CACU,CAAC,eACfb,IAAA,CAACG,IAAI,CAACyB,QAAQ;QAACN,KAAK,EAAG/B,YAAY,CAACsB,IAAM;QAACgB,SAAS,EAAG,KAAO;QAAAb,QAAA,eAC7DhB,IAAA,CAACN,WAAW;UAACoC,oBAAoB,EAAG,CAAC,CAAEzB;QAAW,CAAE;MAAC,CACvC,CAAC,eAChBL,IAAA,CAACG,IAAI,CAACyB,QAAQ;QAACN,KAAK,EAAG9B,UAAU,CAACqB,IAAM;QAACgB,SAAS,EAAG,KAAO;QAAAb,QAAA,eAC3DhB,IAAA,CAACL,SAAS;UACTU,SAAS,EAAGA,SAAW;UACvBC,QAAQ,EAAGA,QAAU;UACrBC,cAAc,EAAGA;QAAgB,CACjC;MAAC,CACY,CAAC,eAChBP,IAAA,CAACG,IAAI,CAACyB,QAAQ;QAACN,KAAK,EAAG7B,aAAa,CAACoB,IAAM;QAACgB,SAAS,EAAG,KAAO;QAAAb,QAAA,eAC9DhB,IAAA,CAACJ,iBAAiB,CAACmC,IAAI;UAACC,KAAK,EAAC;QAAM,CAAE;MAAC,CACzB,CAAC;IAAA,GApC2B1B,QAqCtC;EAAC,CACH,CAAC;AAER","ignoreList":[]}

package/build-module/components/inspector-controls-tabs/settings-tab.js

@@ -10,7 +10,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 const SettingsTab = ({
   showAdvancedControls = false
 }) => /*#__PURE__*/_jsxs(_Fragment, {
-  children: [/*#__PURE__*/_jsx(InspectorControls.Slot, {}), /*#__PURE__*/_jsx(PositionControls, {}), showAdvancedControls && /*#__PURE__*/_jsx("div", {
+  children: [/*#__PURE__*/_jsx(InspectorControls.Slot, {}), /*#__PURE__*/_jsx(PositionControls, {}), /*#__PURE__*/_jsx(InspectorControls.Slot, {
+    group: "bindings"
+  }), showAdvancedControls && /*#__PURE__*/_jsx("div", {
     children: /*#__PURE__*/_jsx(AdvancedControls, {})
   })]
 });

package/build-module/components/inspector-controls-tabs/settings-tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["AdvancedControls","PositionControls","default","InspectorControls","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SettingsTab","showAdvancedControls","children","Slot"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport AdvancedControls from './advanced-controls-panel';\nimport PositionControls from './position-controls-panel';\nimport { default as InspectorControls } from '../inspector-controls';\n\nconst SettingsTab = ( { showAdvancedControls = false } ) => (\n\t<>\n\t\t<InspectorControls.Slot />\n\t\t<PositionControls />\n\t\t{ showAdvancedControls && (\n\t\t\t<div>\n\t\t\t\t<AdvancedControls />\n\t\t\t</div>\n\t\t) }\n\t</>\n);\n\nexport default SettingsTab;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,gBAAgB,MAAM,2BAA2B;AACxD,OAAOC,gBAAgB,MAAM,2BAA2B;AACxD,SAASC,OAAO,IAAIC,iBAAiB,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErE,MAAMC,WAAW,GAAGA,CAAE;EAAEC,oBAAoB,GAAG;AAAM,CAAC,kBACrDF,KAAA,CAAAF,SAAA;EAAAK,QAAA,gBACCP,IAAA,CAACF,iBAAiB,CAACU,IAAI,IAAE,CAAC,eAC1BR,IAAA,CAACJ,gBAAgB,IAAE,CAAC,EAClBU,oBAAoB,iBACrBN,IAAA;IAAAO,QAAA,eACCP,IAAA,CAACL,gBAAgB,IAAE;EAAC,CAChB,CACL;AAAA,CACA,CACF;AAED,eAAeU,WAAW","ignoreList":[]}
+{"version":3,"names":["AdvancedControls","PositionControls","default","InspectorControls","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SettingsTab","showAdvancedControls","children","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport AdvancedControls from './advanced-controls-panel';\nimport PositionControls from './position-controls-panel';\nimport { default as InspectorControls } from '../inspector-controls';\n\nconst SettingsTab = ( { showAdvancedControls = false } ) => (\n\t<>\n\t\t<InspectorControls.Slot />\n\t\t<PositionControls />\n\t\t<InspectorControls.Slot group=\"bindings\" />\n\t\t{ showAdvancedControls && (\n\t\t\t<div>\n\t\t\t\t<AdvancedControls />\n\t\t\t</div>\n\t\t) }\n\t</>\n);\n\nexport default SettingsTab;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,gBAAgB,MAAM,2BAA2B;AACxD,OAAOC,gBAAgB,MAAM,2BAA2B;AACxD,SAASC,OAAO,IAAIC,iBAAiB,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErE,MAAMC,WAAW,GAAGA,CAAE;EAAEC,oBAAoB,GAAG;AAAM,CAAC,kBACrDF,KAAA,CAAAF,SAAA;EAAAK,QAAA,gBACCP,IAAA,CAACF,iBAAiB,CAACU,IAAI,IAAE,CAAC,eAC1BR,IAAA,CAACJ,gBAAgB,IAAE,CAAC,eACpBI,IAAA,CAACF,iBAAiB,CAACU,IAAI;IAACC,KAAK,EAAC;EAAU,CAAE,CAAC,EACzCH,oBAAoB,iBACrBN,IAAA;IAAAO,QAAA,eACCP,IAAA,CAACL,gBAAgB,IAAE;EAAC,CAChB,CACL;AAAA,CACA,CACF;AAED,eAAeU,WAAW","ignoreList":[]}

package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.js

@@ -28,6 +28,7 @@ function getShowTabs(blockName, tabSettings = {}) {
 export default function useInspectorControlsTabs(blockName) {
   const tabs = [];
   const {
+    bindings: bindingsGroup,
     border: borderGroup,
     color: colorGroup,
     default: defaultGroup,
@@ -53,7 +54,7 @@ export default function useInspectorControlsTabs(blockName) {
   // (i.e. both list view and styles), check only the default and position
   // InspectorControls slots. If we have multiple tabs, we'll need to check
   // the advanced controls slot as well to ensure they are rendered.
-  const advancedFills = useSlotFills(InspectorAdvancedControls.slotName) || [];
+  const advancedFills = [...(useSlotFills(InspectorAdvancedControls.slotName) || []), ...(useSlotFills(bindingsGroup.Slot.__unstableName) || [])];
   const settingsFills = [...(useSlotFills(defaultGroup.Slot.__unstableName) || []), ...(useSlotFills(positionGroup.Slot.__unstableName) || []), ...(hasListFills && hasStyleFills > 1 ? advancedFills : [])];
 
   // Add the tabs in the order that they will default to if available.

package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalUseSlotFills","useSlotFills","useSelect","InspectorControlsGroups","useIsListViewTabDisabled","InspectorAdvancedControls","TAB_LIST_VIEW","TAB_SETTINGS","TAB_STYLES","store","blockEditorStore","EMPTY_ARRAY","getShowTabs","blockName","tabSettings","undefined","default","useInspectorControlsTabs","tabs","border","borderGroup","color","colorGroup","defaultGroup","dimensions","dimensionsGroup","list","listGroup","position","positionGroup","styles","stylesGroup","typography","typographyGroup","effects","effectsGroup","listViewDisabled","listFills","Slot","__unstableName","hasListFills","length","styleFills","hasStyleFills","advancedFills","slotName","settingsFills","push","select","getSettings","blockInspectorTabs","showTabs"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { InspectorAdvancedControls } from '../inspector-controls';\nimport { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction getShowTabs( blockName, tabSettings = {} ) {\n\t// Block specific setting takes precedence over generic default.\n\tif ( tabSettings[ blockName ] !== undefined ) {\n\t\treturn tabSettings[ blockName ];\n\t}\n\n\t// Use generic default if set over the Gutenberg experiment option.\n\tif ( tabSettings.default !== undefined ) {\n\t\treturn tabSettings.default;\n\t}\n\n\treturn true;\n}\n\nexport default function useInspectorControlsTabs( blockName ) {\n\tconst tabs = [];\n\tconst {\n\t\tborder: borderGroup,\n\t\tcolor: colorGroup,\n\t\tdefault: defaultGroup,\n\t\tdimensions: dimensionsGroup,\n\t\tlist: listGroup,\n\t\tposition: positionGroup,\n\t\tstyles: stylesGroup,\n\t\ttypography: typographyGroup,\n\t\teffects: effectsGroup,\n\t} = InspectorControlsGroups;\n\n\t// List View Tab: If there are any fills for the list group add that tab.\n\tconst listViewDisabled = useIsListViewTabDisabled( blockName );\n\tconst listFills = useSlotFills( listGroup.Slot.__unstableName );\n\tconst hasListFills = ! listViewDisabled && !! listFills && listFills.length;\n\n\t// Styles Tab: Add this tab if there are any fills for block supports\n\t// e.g. border, color, spacing, typography, etc.\n\tconst styleFills = [\n\t\t...( useSlotFills( borderGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( colorGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( dimensionsGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( stylesGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( typographyGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( effectsGroup.Slot.__unstableName ) || [] ),\n\t];\n\tconst hasStyleFills = styleFills.length;\n\n\t// Settings Tab: If we don't have multiple tabs to display\n\t// (i.e. both list view and styles), check only the default and position\n\t// InspectorControls slots. If we have multiple tabs, we'll need to check\n\t// the advanced controls slot as well to ensure they are rendered.\n\tconst advancedFills =\n\t\tuseSlotFills( InspectorAdvancedControls.slotName ) || [];\n\n\tconst settingsFills = [\n\t\t...( useSlotFills( defaultGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( positionGroup.Slot.__unstableName ) || [] ),\n\t\t...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\t// Add the tabs in the order that they will default to if available.\n\t// List View > Settings > Styles.\n\tif ( hasListFills ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif ( settingsFills.length ) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tif ( hasStyleFills ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst tabSettings = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().blockInspectorTabs;\n\t}, [] );\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__experimentalUseSlotFills","useSlotFills","useSelect","InspectorControlsGroups","useIsListViewTabDisabled","InspectorAdvancedControls","TAB_LIST_VIEW","TAB_SETTINGS","TAB_STYLES","store","blockEditorStore","EMPTY_ARRAY","getShowTabs","blockName","tabSettings","undefined","default","useInspectorControlsTabs","tabs","bindings","bindingsGroup","border","borderGroup","color","colorGroup","defaultGroup","dimensions","dimensionsGroup","list","listGroup","position","positionGroup","styles","stylesGroup","typography","typographyGroup","effects","effectsGroup","listViewDisabled","listFills","Slot","__unstableName","hasListFills","length","styleFills","hasStyleFills","advancedFills","slotName","settingsFills","push","select","getSettings","blockInspectorTabs","showTabs"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { InspectorAdvancedControls } from '../inspector-controls';\nimport { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction getShowTabs( blockName, tabSettings = {} ) {\n\t// Block specific setting takes precedence over generic default.\n\tif ( tabSettings[ blockName ] !== undefined ) {\n\t\treturn tabSettings[ blockName ];\n\t}\n\n\t// Use generic default if set over the Gutenberg experiment option.\n\tif ( tabSettings.default !== undefined ) {\n\t\treturn tabSettings.default;\n\t}\n\n\treturn true;\n}\n\nexport default function useInspectorControlsTabs( blockName ) {\n\tconst tabs = [];\n\tconst {\n\t\tbindings: bindingsGroup,\n\t\tborder: borderGroup,\n\t\tcolor: colorGroup,\n\t\tdefault: defaultGroup,\n\t\tdimensions: dimensionsGroup,\n\t\tlist: listGroup,\n\t\tposition: positionGroup,\n\t\tstyles: stylesGroup,\n\t\ttypography: typographyGroup,\n\t\teffects: effectsGroup,\n\t} = InspectorControlsGroups;\n\n\t// List View Tab: If there are any fills for the list group add that tab.\n\tconst listViewDisabled = useIsListViewTabDisabled( blockName );\n\tconst listFills = useSlotFills( listGroup.Slot.__unstableName );\n\tconst hasListFills = ! listViewDisabled && !! listFills && listFills.length;\n\n\t// Styles Tab: Add this tab if there are any fills for block supports\n\t// e.g. border, color, spacing, typography, etc.\n\tconst styleFills = [\n\t\t...( useSlotFills( borderGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( colorGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( dimensionsGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( stylesGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( typographyGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( effectsGroup.Slot.__unstableName ) || [] ),\n\t];\n\tconst hasStyleFills = styleFills.length;\n\n\t// Settings Tab: If we don't have multiple tabs to display\n\t// (i.e. both list view and styles), check only the default and position\n\t// InspectorControls slots. If we have multiple tabs, we'll need to check\n\t// the advanced controls slot as well to ensure they are rendered.\n\tconst advancedFills = [\n\t\t...( useSlotFills( InspectorAdvancedControls.slotName ) || [] ),\n\t\t...( useSlotFills( bindingsGroup.Slot.__unstableName ) || [] ),\n\t];\n\n\tconst settingsFills = [\n\t\t...( useSlotFills( defaultGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( positionGroup.Slot.__unstableName ) || [] ),\n\t\t...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\t// Add the tabs in the order that they will default to if available.\n\t// List View > Settings > Styles.\n\tif ( hasListFills ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif ( settingsFills.length ) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tif ( hasStyleFills ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst tabSettings = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().blockInspectorTabs;\n\t}, [] );\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/inspector-popover-header/index.js

@@ -26,14 +26,20 @@ export default function InspectorPopoverHeader({
         label,
         icon,
         onClick
-      }) => /*#__PURE__*/_jsx(Button, {
+      }) => /*#__PURE__*/_jsx(Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         className: "block-editor-inspector-popover-header__action",
         label: label,
         icon: icon,
         variant: !icon && 'tertiary',
         onClick: onClick,
         children: !icon && label
-      }, label)), onClose && /*#__PURE__*/_jsx(Button, {
+      }, label)), onClose && /*#__PURE__*/_jsx(Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         className: "block-editor-inspector-popover-header__action",
         label: __('Close'),
         icon: closeSmall,

package/build-module/components/inspector-popover-header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalSpacer","Spacer","Button","__experimentalText","Text","closeSmall","__","jsx","_jsx","jsxs","_jsxs","InspectorPopoverHeader","title","help","actions","onClose","className","spacing","children","alignment","level","size","map","label","icon","onClick","variant"],"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,sBAAsBA,CAAE;EAC/CC,KAAK;EACLC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC;AACD,CAAC,EAAG;EACH,oBACCL,KAAA,CAACf,MAAM;IAACqB,SAAS,EAAC,uCAAuC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACtER,KAAA,CAACb,MAAM;MAACsB,SAAS,EAAC,QAAQ;MAAAD,QAAA,gBACzBV,IAAA,CAACT,OAAO;QACPiB,SAAS,EAAC,gDAAgD;QAC1DI,KAAK,EAAG,CAAG;QACXC,IAAI,EAAG,EAAI;QAAAH,QAAA,EAETN;MAAK,CACC,CAAC,eACVJ,IAAA,CAACP,MAAM,IAAE,CAAC,EACRa,OAAO,CAACQ,GAAG,CAAE,CAAE;QAAEC,KAAK;QAAEC,IAAI;QAAEC;MAAQ,CAAC,kBACxCjB,IAAA,CAACN,MAAM;QAENc,SAAS,EAAC,+CAA+C;QACzDO,KAAK,EAAGA,KAAO;QACfC,IAAI,EAAGA,IAAM;QACbE,OAAO,EAAG,CAAEF,IAAI,IAAI,UAAY;QAChCC,OAAO,EAAGA,OAAS;QAAAP,QAAA,EAEjB,CAAEM,IAAI,IAAID;MAAK,GAPXA,KAQC,CACP,CAAC,EACDR,OAAO,iBACRP,IAAA,CAACN,MAAM;QACNc,SAAS,EAAC,+CAA+C;QACzDO,KAAK,EAAGjB,EAAE,CAAE,OAAQ,CAAG;QACvBkB,IAAI,EAAGnB,UAAY;QACnBoB,OAAO,EAAGV;MAAS,CACnB,CACD;IAAA,CACM,CAAC,EACPF,IAAI,iBAAIL,IAAA,CAACJ,IAAI;MAAAc,QAAA,EAAGL;IAAI,CAAQ,CAAC;EAAA,CACxB,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalSpacer","Spacer","Button","__experimentalText","Text","closeSmall","__","jsx","_jsx","jsxs","_jsxs","InspectorPopoverHeader","title","help","actions","onClose","className","spacing","children","alignment","level","size","map","label","icon","onClick","__next40pxDefaultSize","variant"],"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,sBAAsBA,CAAE;EAC/CC,KAAK;EACLC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC;AACD,CAAC,EAAG;EACH,oBACCL,KAAA,CAACf,MAAM;IAACqB,SAAS,EAAC,uCAAuC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACtER,KAAA,CAACb,MAAM;MAACsB,SAAS,EAAC,QAAQ;MAAAD,QAAA,gBACzBV,IAAA,CAACT,OAAO;QACPiB,SAAS,EAAC,gDAAgD;QAC1DI,KAAK,EAAG,CAAG;QACXC,IAAI,EAAG,EAAI;QAAAH,QAAA,EAETN;MAAK,CACC,CAAC,eACVJ,IAAA,CAACP,MAAM,IAAE,CAAC,EACRa,OAAO,CAACQ,GAAG,CAAE,CAAE;QAAEC,KAAK;QAAEC,IAAI;QAAEC;MAAQ,CAAC,kBACxCjB,IAAA,CAACN;MACA;MAAA;QACAwB,qBAAqB,EAAG,KAAO;QAE/BV,SAAS,EAAC,+CAA+C;QACzDO,KAAK,EAAGA,KAAO;QACfC,IAAI,EAAGA,IAAM;QACbG,OAAO,EAAG,CAAEH,IAAI,IAAI,UAAY;QAChCC,OAAO,EAAGA,OAAS;QAAAP,QAAA,EAEjB,CAAEM,IAAI,IAAID;MAAK,GAPXA,KAQC,CACP,CAAC,EACDR,OAAO,iBACRP,IAAA,CAACN;MACA;MAAA;QACAwB,qBAAqB,EAAG,KAAO;QAC/BV,SAAS,EAAC,+CAA+C;QACzDO,KAAK,EAAGjB,EAAE,CAAE,OAAQ,CAAG;QACvBkB,IAAI,EAAGnB,UAAY;QACnBoB,OAAO,EAAGV;MAAS,CACnB,CACD;IAAA,CACM,CAAC,EACPF,IAAI,iBAAIL,IAAA,CAACJ,IAAI;MAAAc,QAAA,EAAGL;IAAI,CAAQ,CAAC;EAAA,CACxB,CAAC;AAEX","ignoreList":[]}

package/build-module/components/letter-spacing-control/index.js

@@ -12,15 +12,17 @@ import { useSettings } from '../../components/use-settings';
 /**
  * Control for letter-spacing.
  *
- * @param {Object}                  props                      Component props.
- * @param {string}                  props.value                Currently selected letter-spacing.
- * @param {Function}                props.onChange             Handles change in letter-spacing selection.
- * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.
+ * @param {Object}                  props                       Component props.
+ * @param {boolean}                 props.__next40pxDefaultSize Start opting into the larger default height that will become the default size in a future version.
+ * @param {string}                  props.value                 Currently selected letter-spacing.
+ * @param {Function}                props.onChange              Handles change in letter-spacing selection.
+ * @param {string|number|undefined} props.__unstableInputWidth  Input width to pass through to inner UnitControl. Should be a valid CSS value.
  *
  * @return {Element} Letter-spacing control.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function LetterSpacingControl({
+  __next40pxDefaultSize = false,
   value,
   onChange,
   __unstableInputWidth = '60px',
@@ -36,6 +38,7 @@ export default function LetterSpacingControl({
     }
   });
   return /*#__PURE__*/_jsx(UnitControl, {
+    __next40pxDefaultSize: __next40pxDefaultSize,
     ...otherProps,
     label: __('Letter spacing'),
     value: value,

package/build-module/components/letter-spacing-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalUnitControl","UnitControl","__experimentalUseCustomUnits","useCustomUnits","__","useSettings","jsx","_jsx","LetterSpacingControl","value","onChange","__unstableInputWidth","otherProps","availableUnits","units","defaultValues","px","em","rem","label"],"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../components/use-settings';\n\n/**\n * Control for letter-spacing.\n *\n * @param {Object}                  props                      Component props.\n * @param {string}                  props.value                Currently selected letter-spacing.\n * @param {Function}                props.onChange             Handles change in letter-spacing selection.\n * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n *\n * @return {Element} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,yBAAyB,IAAIC,WAAW,EACxCC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,WAAW,QAAQ,+BAA+B;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,SAAAC,GAAA,IAAAC,IAAA;AAUA,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,KAAK;EACLC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,cAAc,CAAE,GAAGR,WAAW,CAAE,eAAgB,CAAC;EACzD,MAAMS,KAAK,GAAGX,cAAc,CAAE;IAC7BU,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAE;IACvDE,aAAa,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI;EAC3C,CAAE,CAAC;EACH,oBACCX,IAAA,CAACN,WAAW;IAAA,GACNW,UAAU;IACfO,KAAK,EAAGf,EAAE,CAAE,gBAAiB,CAAG;IAChCK,KAAK,EAAGA,KAAO;IACfE,oBAAoB,EAAGA,oBAAsB;IAC7CG,KAAK,EAAGA,KAAO;IACfJ,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["__experimentalUnitControl","UnitControl","__experimentalUseCustomUnits","useCustomUnits","__","useSettings","jsx","_jsx","LetterSpacingControl","__next40pxDefaultSize","value","onChange","__unstableInputWidth","otherProps","availableUnits","units","defaultValues","px","em","rem","label"],"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../components/use-settings';\n\n/**\n * Control for letter-spacing.\n *\n * @param {Object}                  props                       Component props.\n * @param {boolean}                 props.__next40pxDefaultSize Start opting into the larger default height that will become the default size in a future version.\n * @param {string}                  props.value                 Currently selected letter-spacing.\n * @param {Function}                props.onChange              Handles change in letter-spacing selection.\n * @param {string|number|undefined} props.__unstableInputWidth  Input width to pass through to inner UnitControl. Should be a valid CSS value.\n *\n * @return {Element} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\t__next40pxDefaultSize = false,\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\treturn (\n\t\t<UnitControl\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,yBAAyB,IAAIC,WAAW,EACxCC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,WAAW,QAAQ,+BAA+B;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAAAC,GAAA,IAAAC,IAAA;AAWA,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,qBAAqB,GAAG,KAAK;EAC7BC,KAAK;EACLC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,cAAc,CAAE,GAAGT,WAAW,CAAE,eAAgB,CAAC;EACzD,MAAMU,KAAK,GAAGZ,cAAc,CAAE;IAC7BW,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAE;IACvDE,aAAa,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI;EAC3C,CAAE,CAAC;EACH,oBACCZ,IAAA,CAACN,WAAW;IACXQ,qBAAqB,EAAGA,qBAAuB;IAAA,GAC1CI,UAAU;IACfO,KAAK,EAAGhB,EAAE,CAAE,gBAAiB,CAAG;IAChCM,KAAK,EAAGA,KAAO;IACfE,oBAAoB,EAAGA,oBAAsB;IAC7CG,KAAK,EAAGA,KAAO;IACfJ,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/line-height-control/index.js

@@ -10,6 +10,8 @@ import { __experimentalNumberControl as NumberControl } from '@wordpress/compone
 import { BASE_DEFAULT_VALUE, RESET_VALUE, STEP, SPIN_FACTOR, isLineHeightDefined } from './utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 const LineHeightControl = ({
+  /** Start opting into the larger default height that will become the default size in a future version. */
+  __next40pxDefaultSize = false,
   value: lineHeight,
   onChange,
   __unstableInputWidth = '60px',
@@ -82,6 +84,7 @@ const LineHeightControl = ({
     className: "block-editor-line-height-control",
     children: /*#__PURE__*/_jsx(NumberControl, {
       ...otherProps,
+      __next40pxDefaultSize: __next40pxDefaultSize,
       __unstableInputWidth: __unstableInputWidth,
       __unstableStateReducer: stateReducer,
       onChange: handleOnChange,

package/build-module/components/line-height-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","__experimentalNumberControl","NumberControl","BASE_DEFAULT_VALUE","RESET_VALUE","STEP","SPIN_FACTOR","isLineHeightDefined","jsx","_jsx","LineHeightControl","value","lineHeight","onChange","__unstableInputWidth","otherProps","isDefined","adjustNextValue","nextValue","wasTypedOrPasted","spin","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","handleOnChange","type","className","children","__unstableStateReducer","label","placeholder","step","spinFactor","min","spinControls"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tSPIN_FACTOR,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\tvalue: lineHeight,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) {\n\t\t\treturn nextValue;\n\t\t}\n\n\t\t/**\n\t\t * The following logic handles the initial spin up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first spin up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t *\n\t\t * Spin up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * dragging the input or by clicking the spin buttons.\n\t\t */\n\t\tconst spin = STEP * SPIN_FACTOR;\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ spin }`:\n\t\t\t\t// Increment by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + spin;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than using the\n\t\t\t\t// spin down action from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) {\n\t\t\t\t\treturn nextValue;\n\t\t\t\t}\n\t\t\t\t// Decrement by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - spin;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-line-height-control\">\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tspinFactor={ SPIN_FACTOR }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,2BAA2B,IAAIC,aAAa,QAAQ,uBAAuB;;AAEpF;AACA;AACA;AACA,SACCC,kBAAkB,EAClBC,WAAW,EACXC,IAAI,EACJC,WAAW,EACXC,mBAAmB,QACb,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjB,MAAMC,iBAAiB,GAAGA,CAAE;EAC3BC,KAAK,EAAEC,UAAU;EACjBC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,SAAS,GAAGT,mBAAmB,CAAEK,UAAW,CAAC;EAEnD,MAAMK,eAAe,GAAGA,CAAEC,SAAS,EAAEC,gBAAgB,KAAM;IAC1D;IACA,IAAKH,SAAS,EAAG;MAChB,OAAOE,SAAS;IACjB;;IAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACE,MAAME,IAAI,GAAGf,IAAI,GAAGC,WAAW;IAC/B,QAAU,GAAGY,SAAW,EAAC;MACxB,KAAM,GAAGE,IAAM,EAAC;QACf;QACA,OAAOjB,kBAAkB,GAAGiB,IAAI;MACjC,KAAK,GAAG;QAAE;UACT;UACA;UACA,IAAKD,gBAAgB,EAAG;YACvB,OAAOD,SAAS;UACjB;UACA;UACA,OAAOf,kBAAkB,GAAGiB,IAAI;QACjC;MACA,KAAK,EAAE;QACN,OAAOjB,kBAAkB;MAC1B;QACC,OAAOe,SAAS;IAClB;EACD,CAAC;EAED,MAAMG,YAAY,GAAGA,CAAEC,KAAK,EAAEC,MAAM,KAAM;IACzC;IACA;IACA;IACA;IACA,MAAMJ,gBAAgB,GAAG,CAAE,YAAY,EAAE,iBAAiB,CAAE,CAACK,QAAQ,CACpED,MAAM,CAACE,OAAO,CAACC,KAAK,CAACC,WAAW,EAAEC,SACnC,CAAC;IACD,MAAMjB,KAAK,GAAGM,eAAe,CAAEK,KAAK,CAACX,KAAK,EAAEQ,gBAAiB,CAAC;IAC9D,OAAO;MAAE,GAAGG,KAAK;MAAEX;IAAM,CAAC;EAC3B,CAAC;EAED,MAAMA,KAAK,GAAGK,SAAS,GAAGJ,UAAU,GAAGR,WAAW;EAElD,MAAMyB,cAAc,GAAGA,CAAEX,SAAS,EAAE;IAAEQ;EAAM,CAAC,KAAM;IAClD,IAAKR,SAAS,KAAK,EAAE,EAAG;MACvBL,QAAQ,CAAC,CAAC;MACV;IACD;IAEA,IAAKa,KAAK,CAACI,IAAI,KAAK,OAAO,EAAG;MAC7BjB,QAAQ,CAAEI,eAAe,CAAG,GAAGC,SAAW,EAAC,EAAE,KAAM,CAAE,CAAC;MACtD;IACD;IAEAL,QAAQ,CAAG,GAAGK,SAAW,EAAE,CAAC;EAC7B,CAAC;EAED,oBACCT,IAAA;IAAKsB,SAAS,EAAC,kCAAkC;IAAAC,QAAA,eAChDvB,IAAA,CAACP,aAAa;MAAA,GACRa,UAAU;MACfD,oBAAoB,EAAGA,oBAAsB;MAC7CmB,sBAAsB,EAAGZ,YAAc;MACvCR,QAAQ,EAAGgB,cAAgB;MAC3BK,KAAK,EAAGlC,EAAE,CAAE,aAAc,CAAG;MAC7BmC,WAAW,EAAGhC,kBAAoB;MAClCiC,IAAI,EAAG/B,IAAM;MACbgC,UAAU,EAAG/B,WAAa;MAC1BK,KAAK,EAAGA,KAAO;MACf2B,GAAG,EAAG,CAAG;MACTC,YAAY,EAAC;IAAQ,CACrB;EAAC,CACE,CAAC;AAER,CAAC;;AAED;AACA;AACA;AACA,eAAe7B,iBAAiB","ignoreList":[]}
+{"version":3,"names":["__","__experimentalNumberControl","NumberControl","BASE_DEFAULT_VALUE","RESET_VALUE","STEP","SPIN_FACTOR","isLineHeightDefined","jsx","_jsx","LineHeightControl","__next40pxDefaultSize","value","lineHeight","onChange","__unstableInputWidth","otherProps","isDefined","adjustNextValue","nextValue","wasTypedOrPasted","spin","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","handleOnChange","type","className","children","__unstableStateReducer","label","placeholder","step","spinFactor","min","spinControls"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tSPIN_FACTOR,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\t/** Start opting into the larger default height that will become the default size in a future version. */\n\t__next40pxDefaultSize = false,\n\tvalue: lineHeight,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) {\n\t\t\treturn nextValue;\n\t\t}\n\n\t\t/**\n\t\t * The following logic handles the initial spin up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first spin up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t *\n\t\t * Spin up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * dragging the input or by clicking the spin buttons.\n\t\t */\n\t\tconst spin = STEP * SPIN_FACTOR;\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ spin }`:\n\t\t\t\t// Increment by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + spin;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than using the\n\t\t\t\t// spin down action from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) {\n\t\t\t\t\treturn nextValue;\n\t\t\t\t}\n\t\t\t\t// Decrement by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - spin;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-line-height-control\">\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tspinFactor={ SPIN_FACTOR }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,2BAA2B,IAAIC,aAAa,QAAQ,uBAAuB;;AAEpF;AACA;AACA;AACA,SACCC,kBAAkB,EAClBC,WAAW,EACXC,IAAI,EACJC,WAAW,EACXC,mBAAmB,QACb,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjB,MAAMC,iBAAiB,GAAGA,CAAE;EAC3B;EACAC,qBAAqB,GAAG,KAAK;EAC7BC,KAAK,EAAEC,UAAU;EACjBC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,SAAS,GAAGV,mBAAmB,CAAEM,UAAW,CAAC;EAEnD,MAAMK,eAAe,GAAGA,CAAEC,SAAS,EAAEC,gBAAgB,KAAM;IAC1D;IACA,IAAKH,SAAS,EAAG;MAChB,OAAOE,SAAS;IACjB;;IAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACE,MAAME,IAAI,GAAGhB,IAAI,GAAGC,WAAW;IAC/B,QAAU,GAAGa,SAAW,EAAC;MACxB,KAAM,GAAGE,IAAM,EAAC;QACf;QACA,OAAOlB,kBAAkB,GAAGkB,IAAI;MACjC,KAAK,GAAG;QAAE;UACT;UACA;UACA,IAAKD,gBAAgB,EAAG;YACvB,OAAOD,SAAS;UACjB;UACA;UACA,OAAOhB,kBAAkB,GAAGkB,IAAI;QACjC;MACA,KAAK,EAAE;QACN,OAAOlB,kBAAkB;MAC1B;QACC,OAAOgB,SAAS;IAClB;EACD,CAAC;EAED,MAAMG,YAAY,GAAGA,CAAEC,KAAK,EAAEC,MAAM,KAAM;IACzC;IACA;IACA;IACA;IACA,MAAMJ,gBAAgB,GAAG,CAAE,YAAY,EAAE,iBAAiB,CAAE,CAACK,QAAQ,CACpED,MAAM,CAACE,OAAO,CAACC,KAAK,CAACC,WAAW,EAAEC,SACnC,CAAC;IACD,MAAMjB,KAAK,GAAGM,eAAe,CAAEK,KAAK,CAACX,KAAK,EAAEQ,gBAAiB,CAAC;IAC9D,OAAO;MAAE,GAAGG,KAAK;MAAEX;IAAM,CAAC;EAC3B,CAAC;EAED,MAAMA,KAAK,GAAGK,SAAS,GAAGJ,UAAU,GAAGT,WAAW;EAElD,MAAM0B,cAAc,GAAGA,CAAEX,SAAS,EAAE;IAAEQ;EAAM,CAAC,KAAM;IAClD,IAAKR,SAAS,KAAK,EAAE,EAAG;MACvBL,QAAQ,CAAC,CAAC;MACV;IACD;IAEA,IAAKa,KAAK,CAACI,IAAI,KAAK,OAAO,EAAG;MAC7BjB,QAAQ,CAAEI,eAAe,CAAG,GAAGC,SAAW,EAAC,EAAE,KAAM,CAAE,CAAC;MACtD;IACD;IAEAL,QAAQ,CAAG,GAAGK,SAAW,EAAE,CAAC;EAC7B,CAAC;EAED,oBACCV,IAAA;IAAKuB,SAAS,EAAC,kCAAkC;IAAAC,QAAA,eAChDxB,IAAA,CAACP,aAAa;MAAA,GACRc,UAAU;MACfL,qBAAqB,EAAGA,qBAAuB;MAC/CI,oBAAoB,EAAGA,oBAAsB;MAC7CmB,sBAAsB,EAAGZ,YAAc;MACvCR,QAAQ,EAAGgB,cAAgB;MAC3BK,KAAK,EAAGnC,EAAE,CAAE,aAAc,CAAG;MAC7BoC,WAAW,EAAGjC,kBAAoB;MAClCkC,IAAI,EAAGhC,IAAM;MACbiC,UAAU,EAAGhC,WAAa;MAC1BM,KAAK,EAAGA,KAAO;MACf2B,GAAG,EAAG,CAAG;MACTC,YAAY,EAAC;IAAQ,CACrB;EAAC,CACE,CAAC;AAER,CAAC;;AAED;AACA;AACA;AACA,eAAe9B,iBAAiB","ignoreList":[]}

package/build-module/components/link-control/index.js

@@ -174,10 +174,10 @@ function LinkControl({
   // which may not have these preferences setup.
   // Therefore a local state is used as a fallback.
   const isSettingsOpen = advancedSettingsPreference || settingsOpen;
-  const isMounting = useRef(true);
+  const isMountingRef = useRef(true);
   const wrapperNode = useRef();
   const textInputRef = useRef();
-  const isEndingEditWithFocus = useRef(false);
+  const isEndingEditWithFocusRef = useRef(false);
   const settingsKeys = settings.map(({
     id
   }) => id);
@@ -199,7 +199,7 @@ function LinkControl({
     // We don't auto focus into the Link UI on mount
     // because otherwise using the keyboard to select text
     // *within* the link format is not possible.
-    if (isMounting.current) {
+    if (isMountingRef.current) {
       return;
     }
 
@@ -210,15 +210,15 @@ function LinkControl({
     // and to ensure focus is *within* the Link UI.
     const nextFocusTarget = focus.focusable.find(wrapperNode.current)[0] || wrapperNode.current;
     nextFocusTarget.focus();
-    isEndingEditWithFocus.current = false;
+    isEndingEditWithFocusRef.current = false;
   }, [isEditingLink, isCreatingPage]);
 
   // The component mounting reference is maintained separately
   // to correctly reset values in `StrictMode`.
   useEffect(() => {
-    isMounting.current = false;
+    isMountingRef.current = false;
     return () => {
-      isMounting.current = true;
+      isMountingRef.current = true;
     };
   }, []);
   const hasLinkValue = value?.url?.trim()?.length > 0;
@@ -228,7 +228,7 @@ function LinkControl({
    * the next render, if focus was within the wrapper when editing finished.
    */
   const stopEditing = () => {
-    isEndingEditWithFocus.current = !!wrapperNode.current?.contains(wrapperNode.current.ownerDocument.activeElement);
+    isEndingEditWithFocusRef.current = !!wrapperNode.current?.contains(wrapperNode.current.ownerDocument.activeElement);
     setIsEditingLink(false);
   };
   const handleSelectSuggestion = updatedValue => {
@@ -344,7 +344,10 @@ function LinkControl({
           hideLabelFromVision: !showTextControl
         }), !showActions && /*#__PURE__*/_jsx("div", {
           className: "block-editor-link-control__search-enter",
-          children: /*#__PURE__*/_jsx(Button, {
+          children: /*#__PURE__*/_jsx(Button
+          // TODO: Switch to `true` (40px size) if possible
+          , {
+            __next40pxDefaultSize: false,
             onClick: isDisabled ? noop : handleSubmit,
             label: __('Submit'),
             icon: keyboardReturn,
@@ -382,11 +385,17 @@ function LinkControl({
     }), showActions && /*#__PURE__*/_jsxs(HStack, {
       justify: "right",
       className: "block-editor-link-control__search-actions",
-      children: [/*#__PURE__*/_jsx(Button, {
+      children: [/*#__PURE__*/_jsx(Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         variant: "tertiary",
         onClick: handleCancel,
         children: __('Cancel')
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         variant: "primary",
         onClick: isDisabled ? noop : handleSubmit,
         className: "block-editor-link-control__search-submit",