@wordpress/block-editor 8.5.7 → 9.1.0

package/build-module/hooks/border-style.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/hooks/border-style.js"],"names":["BorderStyleControl","cleanEmptyObject","removeBorderAttribute","BorderStyleEdit","props","attributes","style","setAttributes","onChange","newBorderStyle","newStyleAttributes","border","hasBorderStyleValue","resetBorderStyle"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,kBAAP,MAA+B,oCAA/B;AACA,SAASC,gBAAT,QAAiC,SAAjC;AACA,SAASC,qBAAT,QAAsC,UAAtC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,eAAe,GAAKC,KAAF,IAAa;AAAA;;AAC3C,QAAM;AACLC,IAAAA,UAAU,EAAE;AAAEC,MAAAA;AAAF,KADP;AAELC,IAAAA;AAFK,MAGFH,KAHJ;;AAKA,QAAMI,QAAQ,GAAKC,cAAF,IAAsB;AACtC,UAAMC,kBAAkB,GAAG,EAC1B,GAAGJ,KADuB;AAE1BK,MAAAA,MAAM,EAAE,EACP,IAAGL,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEK,MAAV,CADO;AAEPL,QAAAA,KAAK,EAAEG;AAFA;AAFkB,KAA3B;AAQAF,IAAAA,aAAa,CAAE;AAAED,MAAAA,KAAK,EAAEL,gBAAgB,CAAES,kBAAF;AAAzB,KAAF,CAAb;AACA,GAVD;;AAYA,SACC,cAAC,kBAAD;AACC,IAAA,KAAK,EAAGJ,KAAH,aAAGA,KAAH,wCAAGA,KAAK,CAAEK,MAAV,kDAAG,cAAeL,KADxB;AAEC,IAAA,QAAQ,EAAGE;AAFZ,IADD;AAMA,CAxBM;AA0BP;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASI,mBAAT,CAA8BR,KAA9B,EAAsC;AAAA;;AAC5C,SAAO,CAAC,2BAAEA,KAAK,CAACC,UAAN,CAAiBC,KAAnB,4EAAE,sBAAwBK,MAA1B,mDAAE,uBAAgCL,KAAlC,CAAR;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASO,gBAAT,OAAgE;AAAA,MAArC;AAAER,IAAAA,UAAU,GAAG,EAAf;AAAmBE,IAAAA;AAAnB,GAAqC;AACtE,QAAM;AAAED,IAAAA;AAAF,MAAYD,UAAlB;AACAE,EAAAA,aAAa,CAAE;AAAED,IAAAA,KAAK,EAAEJ,qBAAqB,CAAEI,KAAF,EAAS,OAAT;AAA9B,GAAF,CAAb;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport BorderStyleControl from '../components/border-style-control';\nimport { cleanEmptyObject } from './utils';\nimport { removeBorderAttribute } from './border';\n\n/**\n * Inspector control for configuring border style property.\n *\n * @param {Object} props Block properties.\n *\n * @return {WPElement} Border style edit element.\n */\nexport const BorderStyleEdit = ( props ) => {\n\tconst {\n\t\tattributes: { style },\n\t\tsetAttributes,\n\t} = props;\n\n\tconst onChange = ( newBorderStyle ) => {\n\t\tconst newStyleAttributes = {\n\t\t\t...style,\n\t\t\tborder: {\n\t\t\t\t...style?.border,\n\t\t\t\tstyle: newBorderStyle,\n\t\t\t},\n\t\t};\n\n\t\tsetAttributes( { style: cleanEmptyObject( newStyleAttributes ) } );\n\t};\n\n\treturn (\n\t\t<BorderStyleControl\n\t\t\tvalue={ style?.border?.style }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n};\n\n/**\n * Checks if there is a current value in the border style block support\n * attributes.\n *\n * @param {Object} props Block props.\n * @return {boolean}     Whether or not the block has a border style value set.\n */\nexport function hasBorderStyleValue( props ) {\n\treturn !! props.attributes.style?.border?.style;\n}\n\n/**\n * Resets the border style block support attribute. This can be used when\n * disabling the border style support control for a block via a progressive\n * discovery panel.\n *\n * @param {Object} props               Block props.\n * @param {Object} props.attributes    Block's attributes.\n * @param {Object} props.setAttributes Function to set block's attributes.\n */\nexport function resetBorderStyle( { attributes = {}, setAttributes } ) {\n\tconst { style } = attributes;\n\tsetAttributes( { style: removeBorderAttribute( style, 'style' ) } );\n}\n"]}

package/build-module/hooks/border-width.js

@@ -1,143 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { __experimentalUnitControl as UnitControl, __experimentalUseCustomUnits as useCustomUnits } from '@wordpress/components';
-import { useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-/**
- * Internal dependencies
- */
-
-import { cleanEmptyObject } from './utils';
-import { removeBorderAttribute } from './border';
-import useSetting from '../components/use-setting';
-const MIN_BORDER_WIDTH = 0;
-/**
- * Inspector control for configuring border width property.
- *
- * @param {Object} props Block properties.
- *
- * @return {WPElement} Border width edit element.
- */
-
-export const BorderWidthEdit = props => {
-  const {
-    attributes: {
-      borderColor,
-      style
-    },
-    setAttributes
-  } = props;
-  const {
-    width,
-    color: customBorderColor,
-    style: borderStyle
-  } = (style === null || style === void 0 ? void 0 : style.border) || {}; // Used to temporarily track previous border color & style selections to be
-  // able to restore them when border width changes from zero value.
-
-  const [styleSelection, setStyleSelection] = useState();
-  const [colorSelection, setColorSelection] = useState();
-  const [customColorSelection, setCustomColorSelection] = useState();
-
-  const onChange = newWidth => {
-    let newStyle = { ...style,
-      border: { ...(style === null || style === void 0 ? void 0 : style.border),
-        width: newWidth
-      }
-    }; // Used to clear named border color attribute.
-
-    let borderPaletteColor = borderColor;
-    const hasZeroWidth = parseFloat(newWidth) === 0;
-    const hadPreviousZeroWidth = parseFloat(width) === 0; // Setting the border width explicitly to zero will also set the
-    // border style to `none` and clear border color attributes.
-
-    if (hasZeroWidth && !hadPreviousZeroWidth) {
-      // Before clearing color and style selections, keep track of
-      // the current selections so they can be restored when the width
-      // changes to a non-zero value.
-      setColorSelection(borderColor);
-      setCustomColorSelection(customBorderColor);
-      setStyleSelection(borderStyle); // Clear style and color attributes.
-
-      borderPaletteColor = undefined;
-      newStyle.border.color = undefined;
-      newStyle.border.style = 'none';
-    }
-
-    if (!hasZeroWidth && hadPreviousZeroWidth) {
-      // Restore previous border style selection if width is now not zero and
-      // border style was 'none'. This is to support changes to the UI which
-      // change the border style UI to a segmented control without a "none"
-      // option.
-      if (borderStyle === 'none') {
-        newStyle.border.style = styleSelection;
-      } // Restore previous border color selection if width is no longer zero
-      // and current border color is undefined.
-
-
-      if (borderColor === undefined) {
-        borderPaletteColor = colorSelection;
-        newStyle.border.color = customColorSelection;
-      }
-    } // If width was reset, clean out undefined styles.
-
-
-    if (newWidth === undefined || newWidth === '') {
-      newStyle = cleanEmptyObject(newStyle);
-    }
-
-    setAttributes({
-      borderColor: borderPaletteColor,
-      style: newStyle
-    });
-  };
-
-  const units = useCustomUnits({
-    availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem']
-  });
-  return createElement(UnitControl, {
-    value: width,
-    label: __('Width'),
-    min: MIN_BORDER_WIDTH,
-    onChange: onChange,
-    units: units
-  });
-};
-/**
- * Checks if there is a current value in the border width block support
- * attributes.
- *
- * @param {Object} props Block props.
- * @return {boolean}     Whether or not the block has a border width value set.
- */
-
-export function hasBorderWidthValue(props) {
-  var _props$attributes$sty, _props$attributes$sty2;
-
-  return !!((_props$attributes$sty = props.attributes.style) !== null && _props$attributes$sty !== void 0 && (_props$attributes$sty2 = _props$attributes$sty.border) !== null && _props$attributes$sty2 !== void 0 && _props$attributes$sty2.width);
-}
-/**
- * Resets the border width block support attribute. This can be used when
- * disabling the border width support control for a block via a progressive
- * discovery panel.
- *
- * @param {Object} props               Block props.
- * @param {Object} props.attributes    Block's attributes.
- * @param {Object} props.setAttributes Function to set block's attributes.
- */
-
-export function resetBorderWidth(_ref) {
-  let {
-    attributes = {},
-    setAttributes
-  } = _ref;
-  const {
-    style
-  } = attributes;
-  setAttributes({
-    style: removeBorderAttribute(style, 'width')
-  });
-}
-//# sourceMappingURL=border-width.js.map

package/build-module/hooks/border-width.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/hooks/border-width.js"],"names":["__experimentalUnitControl","UnitControl","__experimentalUseCustomUnits","useCustomUnits","useState","__","cleanEmptyObject","removeBorderAttribute","useSetting","MIN_BORDER_WIDTH","BorderWidthEdit","props","attributes","borderColor","style","setAttributes","width","color","customBorderColor","borderStyle","border","styleSelection","setStyleSelection","colorSelection","setColorSelection","customColorSelection","setCustomColorSelection","onChange","newWidth","newStyle","borderPaletteColor","hasZeroWidth","parseFloat","hadPreviousZeroWidth","undefined","units","availableUnits","hasBorderWidthValue","resetBorderWidth"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,yBAAyB,IAAIC,WAD9B,EAECC,4BAA4B,IAAIC,cAFjC,QAGO,uBAHP;AAIA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,SAAjC;AACA,SAASC,qBAAT,QAAsC,UAAtC;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AAEA,MAAMC,gBAAgB,GAAG,CAAzB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,eAAe,GAAKC,KAAF,IAAa;AAC3C,QAAM;AACLC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,KADP;AAELC,IAAAA;AAFK,MAGFJ,KAHJ;AAKA,QAAM;AAAEK,IAAAA,KAAF;AAASC,IAAAA,KAAK,EAAEC,iBAAhB;AAAmCJ,IAAAA,KAAK,EAAEK;AAA1C,MACL,CAAAL,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEM,MAAP,KAAiB,EADlB,CAN2C,CAS3C;AACA;;AACA,QAAM,CAAEC,cAAF,EAAkBC,iBAAlB,IAAwClB,QAAQ,EAAtD;AACA,QAAM,CAAEmB,cAAF,EAAkBC,iBAAlB,IAAwCpB,QAAQ,EAAtD;AACA,QAAM,CAAEqB,oBAAF,EAAwBC,uBAAxB,IAAoDtB,QAAQ,EAAlE;;AAEA,QAAMuB,QAAQ,GAAKC,QAAF,IAAgB;AAChC,QAAIC,QAAQ,GAAG,EACd,GAAGf,KADW;AAEdM,MAAAA,MAAM,EAAE,EACP,IAAGN,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEM,MAAV,CADO;AAEPJ,QAAAA,KAAK,EAAEY;AAFA;AAFM,KAAf,CADgC,CAShC;;AACA,QAAIE,kBAAkB,GAAGjB,WAAzB;AAEA,UAAMkB,YAAY,GAAGC,UAAU,CAAEJ,QAAF,CAAV,KAA2B,CAAhD;AACA,UAAMK,oBAAoB,GAAGD,UAAU,CAAEhB,KAAF,CAAV,KAAwB,CAArD,CAbgC,CAehC;AACA;;AACA,QAAKe,YAAY,IAAI,CAAEE,oBAAvB,EAA8C;AAC7C;AACA;AACA;AACAT,MAAAA,iBAAiB,CAAEX,WAAF,CAAjB;AACAa,MAAAA,uBAAuB,CAAER,iBAAF,CAAvB;AACAI,MAAAA,iBAAiB,CAAEH,WAAF,CAAjB,CAN6C,CAQ7C;;AACAW,MAAAA,kBAAkB,GAAGI,SAArB;AACAL,MAAAA,QAAQ,CAACT,MAAT,CAAgBH,KAAhB,GAAwBiB,SAAxB;AACAL,MAAAA,QAAQ,CAACT,MAAT,CAAgBN,KAAhB,GAAwB,MAAxB;AACA;;AAED,QAAK,CAAEiB,YAAF,IAAkBE,oBAAvB,EAA8C;AAC7C;AACA;AACA;AACA;AACA,UAAKd,WAAW,KAAK,MAArB,EAA8B;AAC7BU,QAAAA,QAAQ,CAACT,MAAT,CAAgBN,KAAhB,GAAwBO,cAAxB;AACA,OAP4C,CAS7C;AACA;;;AACA,UAAKR,WAAW,KAAKqB,SAArB,EAAiC;AAChCJ,QAAAA,kBAAkB,GAAGP,cAArB;AACAM,QAAAA,QAAQ,CAACT,MAAT,CAAgBH,KAAhB,GAAwBQ,oBAAxB;AACA;AACD,KA9C+B,CAgDhC;;;AACA,QAAKG,QAAQ,KAAKM,SAAb,IAA0BN,QAAQ,KAAK,EAA5C,EAAiD;AAChDC,MAAAA,QAAQ,GAAGvB,gBAAgB,CAAEuB,QAAF,CAA3B;AACA;;AAEDd,IAAAA,aAAa,CAAE;AACdF,MAAAA,WAAW,EAAEiB,kBADC;AAEdhB,MAAAA,KAAK,EAAEe;AAFO,KAAF,CAAb;AAIA,GAzDD;;AA2DA,QAAMM,KAAK,GAAGhC,cAAc,CAAE;AAC7BiC,IAAAA,cAAc,EAAE5B,UAAU,CAAE,eAAF,CAAV,IAAiC,CAAE,IAAF,EAAQ,IAAR,EAAc,KAAd;AADpB,GAAF,CAA5B;AAIA,SACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGQ,KADT;AAEC,IAAA,KAAK,EAAGX,EAAE,CAAE,OAAF,CAFX;AAGC,IAAA,GAAG,EAAGI,gBAHP;AAIC,IAAA,QAAQ,EAAGkB,QAJZ;AAKC,IAAA,KAAK,EAAGQ;AALT,IADD;AASA,CAvFM;AAyFP;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,mBAAT,CAA8B1B,KAA9B,EAAsC;AAAA;;AAC5C,SAAO,CAAC,2BAAEA,KAAK,CAACC,UAAN,CAAiBE,KAAnB,4EAAE,sBAAwBM,MAA1B,mDAAE,uBAAgCJ,KAAlC,CAAR;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASsB,gBAAT,OAAgE;AAAA,MAArC;AAAE1B,IAAAA,UAAU,GAAG,EAAf;AAAmBG,IAAAA;AAAnB,GAAqC;AACtE,QAAM;AAAED,IAAAA;AAAF,MAAYF,UAAlB;AACAG,EAAAA,aAAa,CAAE;AAAED,IAAAA,KAAK,EAAEP,qBAAqB,CAAEO,KAAF,EAAS,OAAT;AAA9B,GAAF,CAAb;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { cleanEmptyObject } from './utils';\nimport { removeBorderAttribute } from './border';\nimport useSetting from '../components/use-setting';\n\nconst MIN_BORDER_WIDTH = 0;\n\n/**\n * Inspector control for configuring border width property.\n *\n * @param {Object} props Block properties.\n *\n * @return {WPElement} Border width edit element.\n */\nexport const BorderWidthEdit = ( props ) => {\n\tconst {\n\t\tattributes: { borderColor, style },\n\t\tsetAttributes,\n\t} = props;\n\n\tconst { width, color: customBorderColor, style: borderStyle } =\n\t\tstyle?.border || {};\n\n\t// Used to temporarily track previous border color & style selections to be\n\t// able to restore them when border width changes from zero value.\n\tconst [ styleSelection, setStyleSelection ] = useState();\n\tconst [ colorSelection, setColorSelection ] = useState();\n\tconst [ customColorSelection, setCustomColorSelection ] = useState();\n\n\tconst onChange = ( newWidth ) => {\n\t\tlet newStyle = {\n\t\t\t...style,\n\t\t\tborder: {\n\t\t\t\t...style?.border,\n\t\t\t\twidth: newWidth,\n\t\t\t},\n\t\t};\n\n\t\t// Used to clear named border color attribute.\n\t\tlet borderPaletteColor = borderColor;\n\n\t\tconst hasZeroWidth = parseFloat( newWidth ) === 0;\n\t\tconst hadPreviousZeroWidth = parseFloat( width ) === 0;\n\n\t\t// Setting the border width explicitly to zero will also set the\n\t\t// border style to `none` and clear border color attributes.\n\t\tif ( hasZeroWidth && ! hadPreviousZeroWidth ) {\n\t\t\t// Before clearing color and style selections, keep track of\n\t\t\t// the current selections so they can be restored when the width\n\t\t\t// changes to a non-zero value.\n\t\t\tsetColorSelection( borderColor );\n\t\t\tsetCustomColorSelection( customBorderColor );\n\t\t\tsetStyleSelection( borderStyle );\n\n\t\t\t// Clear style and color attributes.\n\t\t\tborderPaletteColor = undefined;\n\t\t\tnewStyle.border.color = undefined;\n\t\t\tnewStyle.border.style = 'none';\n\t\t}\n\n\t\tif ( ! hasZeroWidth && hadPreviousZeroWidth ) {\n\t\t\t// Restore previous border style selection if width is now not zero and\n\t\t\t// border style was 'none'. This is to support changes to the UI which\n\t\t\t// change the border style UI to a segmented control without a \"none\"\n\t\t\t// option.\n\t\t\tif ( borderStyle === 'none' ) {\n\t\t\t\tnewStyle.border.style = styleSelection;\n\t\t\t}\n\n\t\t\t// Restore previous border color selection if width is no longer zero\n\t\t\t// and current border color is undefined.\n\t\t\tif ( borderColor === undefined ) {\n\t\t\t\tborderPaletteColor = colorSelection;\n\t\t\t\tnewStyle.border.color = customColorSelection;\n\t\t\t}\n\t\t}\n\n\t\t// If width was reset, clean out undefined styles.\n\t\tif ( newWidth === undefined || newWidth === '' ) {\n\t\t\tnewStyle = cleanEmptyObject( newStyle );\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tborderColor: borderPaletteColor,\n\t\t\tstyle: newStyle,\n\t\t} );\n\t};\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [ 'px', 'em', 'rem' ],\n\t} );\n\n\treturn (\n\t\t<UnitControl\n\t\t\tvalue={ width }\n\t\t\tlabel={ __( 'Width' ) }\n\t\t\tmin={ MIN_BORDER_WIDTH }\n\t\t\tonChange={ onChange }\n\t\t\tunits={ units }\n\t\t/>\n\t);\n};\n\n/**\n * Checks if there is a current value in the border width block support\n * attributes.\n *\n * @param {Object} props Block props.\n * @return {boolean}     Whether or not the block has a border width value set.\n */\nexport function hasBorderWidthValue( props ) {\n\treturn !! props.attributes.style?.border?.width;\n}\n\n/**\n * Resets the border width block support attribute. This can be used when\n * disabling the border width support control for a block via a progressive\n * discovery panel.\n *\n * @param {Object} props               Block props.\n * @param {Object} props.attributes    Block's attributes.\n * @param {Object} props.setAttributes Function to set block's attributes.\n */\nexport function resetBorderWidth( { attributes = {}, setAttributes } ) {\n\tconst { style } = attributes;\n\tsetAttributes( { style: removeBorderAttribute( style, 'width' ) } );\n}\n"]}

package/src/components/block-alignment-matrix-control/style.scss

@@ -1,10 +0,0 @@
-.block-editor-block-alignment-matrix-control__popover {
-	.components-popover__content {
-		min-width: 0;
-		width: auto;
-
-		> div {
-			padding: $grid-unit;
-		}
-	}
-}

package/src/components/block-mobile-toolbar/index.js

@@ -1,24 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useViewportMatch } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BlockMover from '../block-mover';
-
-function BlockMobileToolbar( { clientId } ) {
-	const isMobile = useViewportMatch( 'small', '<' );
-	if ( ! isMobile ) {
-		return null;
-	}
-
-	return (
-		<div className="block-editor-block-mobile-toolbar">
-			<BlockMover clientIds={ [ clientId ] } />
-		</div>
-	);
-}
-
-export default BlockMobileToolbar;

package/src/components/block-mobile-toolbar/style.scss

@@ -1,29 +0,0 @@
-.block-editor-block-mobile-toolbar {
-	display: flex;
-	flex-direction: row;
-	border-right: $border-width solid $gray-300;
-
-	.block-editor-block-mover-button {
-		width: $button-size;
-		height: $button-size;
-		border-radius: $radius-block-ui;
-		padding: 3px;
-		margin: 0;
-		justify-content: center;
-		align-items: center;
-
-		.dashicon {
-			margin: auto;
-		}
-	}
-
-	// Movers
-	.block-editor-block-mover {
-		display: flex;
-		margin-right: auto;
-
-		.block-editor-block-mover-button {
-			float: left;
-		}
-	}
-}

package/src/components/border-style-control/index.js

@@ -1,47 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';
-
-const BORDER_STYLES = [
-	{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },
-	{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },
-	{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },
-];
-
-/**
- * Control to display border style options.
- *
- * @param {Object}   props          Component props.
- * @param {Function} props.onChange Handler for changing border style selection.
- * @param {string}   props.value    Currently selected border style value.
- *
- * @return {WPElement} Custom border style segmented control.
- */
-export default function BorderStyleControl( { onChange, value } ) {
-	return (
-		<fieldset className="components-border-style-control">
-			<legend>{ __( 'Style' ) }</legend>
-			<div className="components-border-style-control__buttons">
-				{ BORDER_STYLES.map( ( borderStyle ) => (
-					<Button
-						key={ borderStyle.value }
-						icon={ borderStyle.icon }
-						isSmall
-						isPressed={ borderStyle.value === value }
-						onClick={ () =>
-							onChange(
-								borderStyle.value === value
-									? undefined
-									: borderStyle.value
-							)
-						}
-						aria-label={ borderStyle.label }
-					/>
-				) ) }
-			</div>
-		</fieldset>
-	);
-}

package/src/components/border-style-control/style.scss

@@ -1,18 +0,0 @@
-.components-border-style-control {
-	legend {
-		line-height: 1.4;
-		margin-bottom: $grid-unit-10;
-		padding: 0;
-	}
-
-	.components-border-style-control__buttons {
-		display: inline-flex;
-
-		.components-button.has-icon {
-			min-width: 30px;
-			height: 30px;
-			padding: 3px;
-			margin-right: $grid-unit-05;
-		}
-	}
-}

package/src/components/colors-gradients/tools-panel-color-dropdown.js

@@ -1,85 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import {
-	Button,
-	ColorIndicator,
-	Dropdown,
-	FlexItem,
-	__experimentalHStack as HStack,
-	__experimentalToolsPanelItem as ToolsPanelItem,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ColorGradientControl from './control';
-import useMultipleOriginColorsAndGradients from './use-multiple-origin-colors-and-gradients';
-
-export default function ToolsPanelColorDropdown( {
-	settings,
-	enableAlpha,
-	...otherProps
-} ) {
-	const colorGradientSettings = useMultipleOriginColorsAndGradients();
-	const controlSettings = {
-		...colorGradientSettings,
-		clearable: false,
-		enableAlpha,
-		label: settings.label,
-		onColorChange: settings.onColorChange,
-		onGradientChange: settings.onGradientChange,
-		colorValue: settings.colorValue,
-		gradientValue: settings.gradientValue,
-	};
-	const selectedColor = settings.gradientValue ?? settings.colorValue;
-
-	return (
-		<ToolsPanelItem
-			hasValue={ settings.hasValue }
-			label={ settings.label }
-			onDeselect={ settings.onDeselect }
-			isShownByDefault={ settings.isShownByDefault }
-			resetAllFilter={ settings.resetAllFilter }
-			{ ...otherProps }
-			className="block-editor-tools-panel-color-gradient-settings__item"
-		>
-			<Dropdown
-				className="block-editor-tools-panel-color-dropdown"
-				contentClassName="block-editor-panel-color-gradient-settings__dropdown-content"
-				renderToggle={ ( { isOpen, onToggle } ) => (
-					<Button
-						onClick={ onToggle }
-						aria-expanded={ isOpen }
-						className={ classnames(
-							'block-editor-panel-color-gradient-settings__dropdown',
-							{ 'is-open': isOpen }
-						) }
-					>
-						<HStack justify="flex-start">
-							<ColorIndicator
-								className="block-editor-panel-color-gradient-settings__color-indicator"
-								colorValue={ selectedColor }
-							/>
-							<FlexItem>{ settings.label }</FlexItem>
-						</HStack>
-					</Button>
-				) }
-				renderContent={ () => (
-					<ColorGradientControl
-						showTitle={ false }
-						__experimentalHasMultipleOrigins
-						__experimentalIsRenderedInSidebar
-						enableAlpha
-						{ ...controlSettings }
-					/>
-				) }
-			/>
-		</ToolsPanelItem>
-	);
-}

package/src/components/list-view/appender.js

@@ -1,82 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { __experimentalTreeGridCell as TreeGridCell } from '@wordpress/components';
-import { useInstanceId } from '@wordpress/compose';
-import { __, sprintf } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import ListViewLeaf from './leaf';
-import Inserter from '../inserter';
-import { store as blockEditorStore } from '../../store';
-
-export default function ListViewAppender( {
-	parentBlockClientId,
-	position,
-	level,
-	rowCount,
-	path,
-} ) {
-	const isDragging = useSelect(
-		( select ) => {
-			const { isBlockBeingDragged, isAncestorBeingDragged } = select(
-				blockEditorStore
-			);
-
-			return (
-				isBlockBeingDragged( parentBlockClientId ) ||
-				isAncestorBeingDragged( parentBlockClientId )
-			);
-		},
-		[ parentBlockClientId ]
-	);
-	const instanceId = useInstanceId( ListViewAppender );
-	const descriptionId = `list-view-appender-row__description_${ instanceId }`;
-
-	const appenderPositionDescription = sprintf(
-		/* translators: 1: The numerical position of the block that will be inserted. 2: The level of nesting for the block that will be inserted. */
-		__( 'Add block at position %1$d, Level %2$d' ),
-		position,
-		level
-	);
-
-	return (
-		<ListViewLeaf
-			className={ classnames( { 'is-dragging': isDragging } ) }
-			level={ level }
-			position={ position }
-			rowCount={ rowCount }
-			path={ path }
-		>
-			<TreeGridCell
-				className="block-editor-list-view-appender__cell"
-				colSpan="3"
-			>
-				{ ( { ref, tabIndex, onFocus } ) => (
-					<div className="block-editor-list-view-appender__container">
-						<Inserter
-							rootClientId={ parentBlockClientId }
-							__experimentalIsQuick
-							aria-describedby={ descriptionId }
-							toggleProps={ { ref, tabIndex, onFocus } }
-						/>
-						<div
-							className="block-editor-list-view-appender__description"
-							id={ descriptionId }
-						>
-							{ appenderPositionDescription }
-						</div>
-					</div>
-				) }
-			</TreeGridCell>
-		</ListViewLeaf>
-	);
-}

package/src/components/list-view/list-item.js

@@ -1,59 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { Button, VisuallyHidden } from '@wordpress/components';
-import {
-	__experimentalGetBlockLabel as getBlockLabel,
-	getBlockType,
-} from '@wordpress/blocks';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import BlockIcon from '../block-icon';
-
-export default function ListViewListItem( {
-	block,
-	onClick,
-	isSelected,
-	wrapperComponent: WrapperComponent,
-	children,
-} ) {
-	const blockType = getBlockType( block.name );
-	const blockLabel = blockType
-		? getBlockLabel( blockType, block.attributes )
-		: null;
-
-	return (
-		<div className="block-editor-list-view__list-item">
-			<WrapperComponent
-				className={ classnames(
-					'block-editor-list-view__list-item-button',
-					{
-						'is-selected': isSelected,
-					}
-				) }
-				onClick={ onClick }
-			>
-				<BlockIcon icon={ blockType?.icon } showColors />
-				{ children ? children : blockLabel }
-				{ isSelected && (
-					<VisuallyHidden as="span">
-						{ __( '(selected block)' ) }
-					</VisuallyHidden>
-				) }
-			</WrapperComponent>
-		</div>
-	);
-}
-
-ListViewListItem.defaultProps = {
-	onClick: () => {},
-	wrapperComponent: ( props ) => <Button { ...props } />,
-};

package/src/components/rich-text/use-caret-in-format.js

@@ -1,28 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEffect } from '@wordpress/element';
-import { useDispatch, useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-
-export function useCaretInFormat( { value } ) {
-	const hasActiveFormats =
-		value.activeFormats && !! value.activeFormats.length;
-	const { isCaretWithinFormattedText } = useSelect( blockEditorStore );
-	const { enterFormattedText, exitFormattedText } = useDispatch(
-		blockEditorStore
-	);
-	useEffect( () => {
-		if ( hasActiveFormats ) {
-			if ( ! isCaretWithinFormattedText() ) {
-				enterFormattedText();
-			}
-		} else if ( isCaretWithinFormattedText() ) {
-			exitFormattedText();
-		}
-	}, [ hasActiveFormats ] );
-}