@wordpress/block-editor 12.7.0 → 12.8.0

package/build/components/caption/index.native.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _blocks = require("@wordpress/blocks");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _i18n = require("@wordpress/i18n");
-
 /**
  * External dependencies
  */
@@ -22,6 +16,7 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
+
 const Caption = ({
   accessibilityLabelCreator,
   accessible,
@@ -62,7 +57,6 @@ const Caption = ({
   __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)('core/paragraph')),
   deleteEnter: true
 }));
-
 var _default = Caption;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/build/components/caption/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/caption/index.native.js"],"names":["Caption","accessibilityLabelCreator","accessible","inlineToolbar","isSelected","onBlur","onChange","onFocus","placeholder","placeholderTextColor","shouldDisplay","style","value","insertBlocksAfter","undefined","flex","display","fontSize"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,MAAMA,OAAO,GAAG,CAAE;AACjBC,EAAAA,yBADiB;AAEjBC,EAAAA,UAFiB;AAGjBC,EAAAA,aAHiB;AAIjBC,EAAAA,UAJiB;AAKjBC,EAAAA,MALiB;AAMjBC,EAAAA,QANiB;AAOjBC,EAAAA,OAPiB;AAQjBC,EAAAA,WAAW,GAAG,cAAI,aAAJ,CARG;AASjBC,EAAAA,oBATiB;AAUjBC,EAAAA,aAAa,GAAG,IAVC;AAWjBC,EAAAA,KAXiB;AAYjBC,EAAAA,KAZiB;AAajBC,EAAAA,iBAAiB,GAAG,MAAM,CAAE;AAbX,CAAF,KAef,4BAAC,iBAAD;AACC,EAAA,kBAAkB,EACjBZ,yBAAyB,GACtBA,yBAAyB,CAAEW,KAAF,CADH,GAEtBE,SAJL;AAMC,EAAA,iBAAiB,EAAC,QANnB;AAOC,EAAA,UAAU,EAAGZ,UAPd;AAQC,EAAA,KAAK,EAAG;AAAEa,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,OAAO,EAAEN,aAAa,GAAG,MAAH,GAAY;AAA7C;AART,GAUC,4BAAC,qBAAD;AACC,EAAA,8BAA8B,MAD/B;AAEC,EAAA,QAAQ,EAAGC,KAAK,IAAIA,KAAK,CAACM,QAAf,GAA0BN,KAAK,CAACM,QAAhC,GAA2C,EAFvD;AAGC,EAAA,aAAa,EAAGd,aAHjB;AAIC,EAAA,UAAU,EAAGC,UAJd;AAKC,EAAA,MAAM,EAAGC,MALV;AAMC,EAAA,QAAQ,EAAGC,QANZ;AAOC,EAAA,WAAW,EAAGE,WAPf;AAQC,EAAA,oBAAoB,EAAGC,oBARxB;AASC,EAAA,KAAK,EAAGE,KATT;AAUC,EAAA,OAAO,EAAC,GAVT;AAWC,EAAA,SAAS,EAAC,QAXX;AAYC,EAAA,qBAAqB,EAAC,aAZvB;AAaC,EAAA,eAAe,EAAGJ,OAbnB;AAcC,EAAA,KAAK,EAAGK,KAdT;AAeC,EAAA,sBAAsB,EAAG,MACxBC,iBAAiB,CAAE,yBAAa,gBAAb,CAAF,CAhBnB;AAkBC,EAAA,WAAW,EAAG;AAlBf,EAVD,CAfD;;eAgDeb,O","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { RichText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\nconst Caption = ( {\n\taccessibilityLabelCreator,\n\taccessible,\n\tinlineToolbar,\n\tisSelected,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tplaceholder = __( 'Add caption' ),\n\tplaceholderTextColor,\n\tshouldDisplay = true,\n\tstyle,\n\tvalue,\n\tinsertBlocksAfter = () => {},\n} ) => (\n\t<View\n\t\taccessibilityLabel={\n\t\t\taccessibilityLabelCreator\n\t\t\t\t? accessibilityLabelCreator( value )\n\t\t\t\t: undefined\n\t\t}\n\t\taccessibilityRole=\"button\"\n\t\taccessible={ accessible }\n\t\tstyle={ { flex: 1, display: shouldDisplay ? 'flex' : 'none' } }\n\t>\n\t\t<RichText\n\t\t\t__unstableMobileNoFocusOnMount\n\t\t\tfontSize={ style && style.fontSize ? style.fontSize : 14 }\n\t\t\tinlineToolbar={ inlineToolbar }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tplaceholder={ placeholder }\n\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\tstyle={ style }\n\t\t\ttagName=\"p\"\n\t\t\ttextAlign=\"center\"\n\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\tunstableOnFocus={ onFocus }\n\t\t\tvalue={ value }\n\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\tinsertBlocksAfter( createBlock( 'core/paragraph' ) )\n\t\t\t}\n\t\t\tdeleteEnter={ true }\n\t\t/>\n\t</View>\n);\n\nexport default Caption;\n"]}
+{"version":3,"names":["_reactNative","require","_blocks","_blockEditor","_i18n","Caption","accessibilityLabelCreator","accessible","inlineToolbar","isSelected","onBlur","onChange","onFocus","placeholder","__","placeholderTextColor","shouldDisplay","style","value","insertBlocksAfter","_element","createElement","View","accessibilityLabel","undefined","accessibilityRole","flex","display","RichText","__unstableMobileNoFocusOnMount","fontSize","tagName","textAlign","underlineColorAndroid","unstableOnFocus","__unstableOnSplitAtEnd","createBlock","deleteEnter","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/caption/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { RichText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\nconst Caption = ( {\n\taccessibilityLabelCreator,\n\taccessible,\n\tinlineToolbar,\n\tisSelected,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tplaceholder = __( 'Add caption' ),\n\tplaceholderTextColor,\n\tshouldDisplay = true,\n\tstyle,\n\tvalue,\n\tinsertBlocksAfter = () => {},\n} ) => (\n\t<View\n\t\taccessibilityLabel={\n\t\t\taccessibilityLabelCreator\n\t\t\t\t? accessibilityLabelCreator( value )\n\t\t\t\t: undefined\n\t\t}\n\t\taccessibilityRole=\"button\"\n\t\taccessible={ accessible }\n\t\tstyle={ { flex: 1, display: shouldDisplay ? 'flex' : 'none' } }\n\t>\n\t\t<RichText\n\t\t\t__unstableMobileNoFocusOnMount\n\t\t\tfontSize={ style && style.fontSize ? style.fontSize : 14 }\n\t\t\tinlineToolbar={ inlineToolbar }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tplaceholder={ placeholder }\n\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\tstyle={ style }\n\t\t\ttagName=\"p\"\n\t\t\ttextAlign=\"center\"\n\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\tunstableOnFocus={ onFocus }\n\t\t\tvalue={ value }\n\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\tinsertBlocksAfter( createBlock( 'core/paragraph' ) )\n\t\t\t}\n\t\t\tdeleteEnter={ true }\n\t\t/>\n\t</View>\n);\n\nexport default Caption;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAMI,OAAO,GAAGA,CAAE;EACjBC,yBAAyB;EACzBC,UAAU;EACVC,aAAa;EACbC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,WAAW,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;EACjCC,oBAAoB;EACpBC,aAAa,GAAG,IAAI;EACpBC,KAAK;EACLC,KAAK;EACLC,iBAAiB,GAAGA,CAAA,KAAM,CAAC;AAC5B,CAAC,KACA,IAAAC,QAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,IAAI;EACJC,kBAAkB,EACjBjB,yBAAyB,GACtBA,yBAAyB,CAAEY,KAAM,CAAC,GAClCM,SACH;EACDC,iBAAiB,EAAC,QAAQ;EAC1BlB,UAAU,EAAGA,UAAY;EACzBU,KAAK,EAAG;IAAES,IAAI,EAAE,CAAC;IAAEC,OAAO,EAAEX,aAAa,GAAG,MAAM,GAAG;EAAO;AAAG,GAE/D,IAAAI,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAyB,QAAQ;EACRC,8BAA8B;EAC9BC,QAAQ,EAAGb,KAAK,IAAIA,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACa,QAAQ,GAAG,EAAI;EAC1DtB,aAAa,EAAGA,aAAe;EAC/BC,UAAU,EAAGA,UAAY;EACzBC,MAAM,EAAGA,MAAQ;EACjBC,QAAQ,EAAGA,QAAU;EACrBE,WAAW,EAAGA,WAAa;EAC3BE,oBAAoB,EAAGA,oBAAsB;EAC7CE,KAAK,EAAGA,KAAO;EACfc,OAAO,EAAC,GAAG;EACXC,SAAS,EAAC,QAAQ;EAClBC,qBAAqB,EAAC,aAAa;EACnCC,eAAe,EAAGtB,OAAS;EAC3BM,KAAK,EAAGA,KAAO;EACfiB,sBAAsB,EAAGA,CAAA,KACxBhB,iBAAiB,CAAE,IAAAiB,mBAAW,EAAE,gBAAiB,CAAE,CACnD;EACDC,WAAW,EAAG;AAAM,CACpB,CACI,CACN;AAAC,IAAAC,QAAA,GAEajC,OAAO;AAAAkC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/child-layout-control/index.js

@@ -5,33 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.childLayoutOrientation = childLayoutOrientation;
 exports.default = ChildLayoutControl;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 /**
  * WordPress dependencies
  */
+
 function helpText(selfStretch, parentLayout) {
   const {
     orientation = 'horizontal'
   } = parentLayout;
-
   if (selfStretch === 'fill') {
     return (0, _i18n.__)('Stretch to fill available space.');
   }
-
   if (selfStretch === 'fixed' && orientation === 'horizontal') {
     return (0, _i18n.__)('Specify a fixed width.');
   } else if (selfStretch === 'fixed') {
     return (0, _i18n.__)('Specify a fixed height.');
   }
-
   return (0, _i18n.__)('Fit contents.');
 }
+
 /**
  * Form to edit the child layout value.
  *
@@ -42,8 +37,6 @@ function helpText(selfStretch, parentLayout) {
  *
  * @return {WPElement} child layout edit element.
  */
-
-
 function ChildLayoutControl({
   value: childLayout = {},
   onChange,
@@ -55,7 +48,8 @@ function ChildLayoutControl({
   } = childLayout;
   (0, _element.useEffect)(() => {
     if (selfStretch === 'fixed' && !flexSize) {
-      onChange({ ...childLayout,
+      onChange({
+        ...childLayout,
         selfStretch: 'fit'
       });
     }
@@ -68,7 +62,8 @@ function ChildLayoutControl({
     help: helpText(selfStretch, parentLayout),
     onChange: value => {
       const newFlexSize = value !== 'fixed' ? null : flexSize;
-      onChange({ ...childLayout,
+      onChange({
+        ...childLayout,
         selfStretch: value,
         flexSize: newFlexSize
       });
@@ -89,14 +84,14 @@ function ChildLayoutControl({
   })), selfStretch === 'fixed' && (0, _element.createElement)(_components.__experimentalUnitControl, {
     size: '__unstable-large',
     onChange: value => {
-      onChange({ ...childLayout,
+      onChange({
+        ...childLayout,
         flexSize: value
       });
     },
     value: flexSize
   }));
 }
-
 function childLayoutOrientation(parentLayout) {
   const {
     orientation = 'horizontal'

package/build/components/child-layout-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/child-layout-control/index.js"],"names":["helpText","selfStretch","parentLayout","orientation","ChildLayoutControl","value","childLayout","onChange","flexSize","childLayoutOrientation","newFlexSize"],"mappings":";;;;;;;;AASA;;AANA;;AAKA;;AARA;AACA;AACA;AASA,SAASA,QAAT,CAAmBC,WAAnB,EAAgCC,YAAhC,EAA+C;AAC9C,QAAM;AAAEC,IAAAA,WAAW,GAAG;AAAhB,MAAiCD,YAAvC;;AAEA,MAAKD,WAAW,KAAK,MAArB,EAA8B;AAC7B,WAAO,cAAI,kCAAJ,CAAP;AACA;;AACD,MAAKA,WAAW,KAAK,OAAhB,IAA2BE,WAAW,KAAK,YAAhD,EAA+D;AAC9D,WAAO,cAAI,wBAAJ,CAAP;AACA,GAFD,MAEO,IAAKF,WAAW,KAAK,OAArB,EAA+B;AACrC,WAAO,cAAI,yBAAJ,CAAP;AACA;;AACD,SAAO,cAAI,eAAJ,CAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACe,SAASG,kBAAT,CAA6B;AAC3CC,EAAAA,KAAK,EAAEC,WAAW,GAAG,EADsB;AAE3CC,EAAAA,QAF2C;AAG3CL,EAAAA;AAH2C,CAA7B,EAIX;AACH,QAAM;AAAED,IAAAA,WAAF;AAAeO,IAAAA;AAAf,MAA4BF,WAAlC;AAEA,0BAAW,MAAM;AAChB,QAAKL,WAAW,KAAK,OAAhB,IAA2B,CAAEO,QAAlC,EAA6C;AAC5CD,MAAAA,QAAQ,CAAE,EACT,GAAGD,WADM;AAETL,QAAAA,WAAW,EAAE;AAFJ,OAAF,CAAR;AAIA;AACD,GAPD,EAOG,EAPH;AASA,SACC,qDACC,4BAAC,4CAAD;AACC,IAAA,uBAAuB,MADxB;AAEC,IAAA,IAAI,EAAG,kBAFR;AAGC,IAAA,KAAK,EAAGQ,sBAAsB,CAAEP,YAAF,CAH/B;AAIC,IAAA,KAAK,EAAGD,WAAW,IAAI,KAJxB;AAKC,IAAA,IAAI,EAAGD,QAAQ,CAAEC,WAAF,EAAeC,YAAf,CALhB;AAMC,IAAA,QAAQ,EAAKG,KAAF,IAAa;AACvB,YAAMK,WAAW,GAAGL,KAAK,KAAK,OAAV,GAAoB,IAApB,GAA2BG,QAA/C;AACAD,MAAAA,QAAQ,CAAE,EACT,GAAGD,WADM;AAETL,QAAAA,WAAW,EAAEI,KAFJ;AAGTG,QAAAA,QAAQ,EAAEE;AAHD,OAAF,CAAR;AAKA,KAbF;AAcC,IAAA,OAAO,EAAG;AAdX,KAgBC,4BAAC,kDAAD;AACC,IAAA,GAAG,EAAG,KADP;AAEC,IAAA,KAAK,EAAG,KAFT;AAGC,IAAA,KAAK,EAAG,cAAI,KAAJ;AAHT,IAhBD,EAqBC,4BAAC,kDAAD;AACC,IAAA,GAAG,EAAG,MADP;AAEC,IAAA,KAAK,EAAG,MAFT;AAGC,IAAA,KAAK,EAAG,cAAI,MAAJ;AAHT,IArBD,EA0BC,4BAAC,kDAAD;AACC,IAAA,GAAG,EAAG,OADP;AAEC,IAAA,KAAK,EAAG,OAFT;AAGC,IAAA,KAAK,EAAG,cAAI,OAAJ;AAHT,IA1BD,CADD,EAiCGT,WAAW,KAAK,OAAhB,IACD,4BAAC,qCAAD;AACC,IAAA,IAAI,EAAG,kBADR;AAEC,IAAA,QAAQ,EAAKI,KAAF,IAAa;AACvBE,MAAAA,QAAQ,CAAE,EACT,GAAGD,WADM;AAETE,QAAAA,QAAQ,EAAEH;AAFD,OAAF,CAAR;AAIA,KAPF;AAQC,IAAA,KAAK,EAAGG;AART,IAlCF,CADD;AAgDA;;AAEM,SAASC,sBAAT,CAAiCP,YAAjC,EAAgD;AACtD,QAAM;AAAEC,IAAAA,WAAW,GAAG;AAAhB,MAAiCD,YAAvC;AAEA,SAAOC,WAAW,KAAK,YAAhB,GAA+B,cAAI,OAAJ,CAA/B,GAA+C,cAAI,QAAJ,CAAtD;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n\nfunction helpText( selfStretch, parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\tif ( selfStretch === 'fill' ) {\n\t\treturn __( 'Stretch to fill available space.' );\n\t}\n\tif ( selfStretch === 'fixed' && orientation === 'horizontal' ) {\n\t\treturn __( 'Specify a fixed width.' );\n\t} else if ( selfStretch === 'fixed' ) {\n\t\treturn __( 'Specify a fixed height.' );\n\t}\n\treturn __( 'Fit contents.' );\n}\n\n/**\n * Form to edit the child layout value.\n *\n * @param {Object}   props              Props.\n * @param {Object}   props.value        The child layout value.\n * @param {Function} props.onChange     Function to update the child layout value.\n * @param {Object}   props.parentLayout The parent layout value.\n *\n * @return {WPElement} child layout edit element.\n */\nexport default function ChildLayoutControl( {\n\tvalue: childLayout = {},\n\tonChange,\n\tparentLayout,\n} ) {\n\tconst { selfStretch, flexSize } = childLayout;\n\n\tuseEffect( () => {\n\t\tif ( selfStretch === 'fixed' && ! flexSize ) {\n\t\t\tonChange( {\n\t\t\t\t...childLayout,\n\t\t\t\tselfStretch: 'fit',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\tlabel={ childLayoutOrientation( parentLayout ) }\n\t\t\t\tvalue={ selfStretch || 'fit' }\n\t\t\t\thelp={ helpText( selfStretch, parentLayout ) }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newFlexSize = value !== 'fixed' ? null : flexSize;\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\t...childLayout,\n\t\t\t\t\t\tselfStretch: value,\n\t\t\t\t\t\tflexSize: newFlexSize,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tisBlock={ true }\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tkey={ 'fit' }\n\t\t\t\t\tvalue={ 'fit' }\n\t\t\t\t\tlabel={ __( 'Fit' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tkey={ 'fill' }\n\t\t\t\t\tvalue={ 'fill' }\n\t\t\t\t\tlabel={ __( 'Fill' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tkey={ 'fixed' }\n\t\t\t\t\tvalue={ 'fixed' }\n\t\t\t\t\tlabel={ __( 'Fixed' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t{ selfStretch === 'fixed' && (\n\t\t\t\t<UnitControl\n\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...childLayout,\n\t\t\t\t\t\t\tflexSize: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ flexSize }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport function childLayoutOrientation( parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\treturn orientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\n}\n"]}
+{"version":3,"names":["_element","require","_components","_i18n","helpText","selfStretch","parentLayout","orientation","__","ChildLayoutControl","value","childLayout","onChange","flexSize","useEffect","createElement","Fragment","__experimentalToggleGroupControl","__nextHasNoMarginBottom","size","label","childLayoutOrientation","help","newFlexSize","isBlock","__experimentalToggleGroupControlOption","key","__experimentalUnitControl"],"sources":["@wordpress/block-editor/src/components/child-layout-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n\nfunction helpText( selfStretch, parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\tif ( selfStretch === 'fill' ) {\n\t\treturn __( 'Stretch to fill available space.' );\n\t}\n\tif ( selfStretch === 'fixed' && orientation === 'horizontal' ) {\n\t\treturn __( 'Specify a fixed width.' );\n\t} else if ( selfStretch === 'fixed' ) {\n\t\treturn __( 'Specify a fixed height.' );\n\t}\n\treturn __( 'Fit contents.' );\n}\n\n/**\n * Form to edit the child layout value.\n *\n * @param {Object}   props              Props.\n * @param {Object}   props.value        The child layout value.\n * @param {Function} props.onChange     Function to update the child layout value.\n * @param {Object}   props.parentLayout The parent layout value.\n *\n * @return {WPElement} child layout edit element.\n */\nexport default function ChildLayoutControl( {\n\tvalue: childLayout = {},\n\tonChange,\n\tparentLayout,\n} ) {\n\tconst { selfStretch, flexSize } = childLayout;\n\n\tuseEffect( () => {\n\t\tif ( selfStretch === 'fixed' && ! flexSize ) {\n\t\t\tonChange( {\n\t\t\t\t...childLayout,\n\t\t\t\tselfStretch: 'fit',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\tlabel={ childLayoutOrientation( parentLayout ) }\n\t\t\t\tvalue={ selfStretch || 'fit' }\n\t\t\t\thelp={ helpText( selfStretch, parentLayout ) }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newFlexSize = value !== 'fixed' ? null : flexSize;\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\t...childLayout,\n\t\t\t\t\t\tselfStretch: value,\n\t\t\t\t\t\tflexSize: newFlexSize,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tisBlock={ true }\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tkey={ 'fit' }\n\t\t\t\t\tvalue={ 'fit' }\n\t\t\t\t\tlabel={ __( 'Fit' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tkey={ 'fill' }\n\t\t\t\t\tvalue={ 'fill' }\n\t\t\t\t\tlabel={ __( 'Fill' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tkey={ 'fixed' }\n\t\t\t\t\tvalue={ 'fixed' }\n\t\t\t\t\tlabel={ __( 'Fixed' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t{ selfStretch === 'fixed' && (\n\t\t\t\t<UnitControl\n\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...childLayout,\n\t\t\t\t\t\t\tflexSize: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ flexSize }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport function childLayoutOrientation( parentLayout ) {\n\tconst { orientation = 'horizontal' } = parentLayout;\n\n\treturn orientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\n}\n"],"mappings":";;;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AANA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AARA;AACA;AACA;;AASA,SAASG,QAAQA,CAAEC,WAAW,EAAEC,YAAY,EAAG;EAC9C,MAAM;IAAEC,WAAW,GAAG;EAAa,CAAC,GAAGD,YAAY;EAEnD,IAAKD,WAAW,KAAK,MAAM,EAAG;IAC7B,OAAO,IAAAG,QAAE,EAAE,kCAAmC,CAAC;EAChD;EACA,IAAKH,WAAW,KAAK,OAAO,IAAIE,WAAW,KAAK,YAAY,EAAG;IAC9D,OAAO,IAAAC,QAAE,EAAE,wBAAyB,CAAC;EACtC,CAAC,MAAM,IAAKH,WAAW,KAAK,OAAO,EAAG;IACrC,OAAO,IAAAG,QAAE,EAAE,yBAA0B,CAAC;EACvC;EACA,OAAO,IAAAA,QAAE,EAAE,eAAgB,CAAC;AAC7B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,kBAAkBA,CAAE;EAC3CC,KAAK,EAAEC,WAAW,GAAG,CAAC,CAAC;EACvBC,QAAQ;EACRN;AACD,CAAC,EAAG;EACH,MAAM;IAAED,WAAW;IAAEQ;EAAS,CAAC,GAAGF,WAAW;EAE7C,IAAAG,kBAAS,EAAE,MAAM;IAChB,IAAKT,WAAW,KAAK,OAAO,IAAI,CAAEQ,QAAQ,EAAG;MAC5CD,QAAQ,CAAE;QACT,GAAGD,WAAW;QACdN,WAAW,EAAE;MACd,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,OACC,IAAAL,QAAA,CAAAe,aAAA,EAAAf,QAAA,CAAAgB,QAAA,QACC,IAAAhB,QAAA,CAAAe,aAAA,EAACb,WAAA,CAAAe,gCAAkB;IAClBC,uBAAuB;IACvBC,IAAI,EAAG,kBAAoB;IAC3BC,KAAK,EAAGC,sBAAsB,CAAEf,YAAa,CAAG;IAChDI,KAAK,EAAGL,WAAW,IAAI,KAAO;IAC9BiB,IAAI,EAAGlB,QAAQ,CAAEC,WAAW,EAAEC,YAAa,CAAG;IAC9CM,QAAQ,EAAKF,KAAK,IAAM;MACvB,MAAMa,WAAW,GAAGb,KAAK,KAAK,OAAO,GAAG,IAAI,GAAGG,QAAQ;MACvDD,QAAQ,CAAE;QACT,GAAGD,WAAW;QACdN,WAAW,EAAEK,KAAK;QAClBG,QAAQ,EAAEU;MACX,CAAE,CAAC;IACJ,CAAG;IACHC,OAAO,EAAG;EAAM,GAEhB,IAAAxB,QAAA,CAAAe,aAAA,EAACb,WAAA,CAAAuB,sCAAwB;IACxBC,GAAG,EAAG,KAAO;IACbhB,KAAK,EAAG,KAAO;IACfU,KAAK,EAAG,IAAAZ,QAAE,EAAE,KAAM;EAAG,CACrB,CAAC,EACF,IAAAR,QAAA,CAAAe,aAAA,EAACb,WAAA,CAAAuB,sCAAwB;IACxBC,GAAG,EAAG,MAAQ;IACdhB,KAAK,EAAG,MAAQ;IAChBU,KAAK,EAAG,IAAAZ,QAAE,EAAE,MAAO;EAAG,CACtB,CAAC,EACF,IAAAR,QAAA,CAAAe,aAAA,EAACb,WAAA,CAAAuB,sCAAwB;IACxBC,GAAG,EAAG,OAAS;IACfhB,KAAK,EAAG,OAAS;IACjBU,KAAK,EAAG,IAAAZ,QAAE,EAAE,OAAQ;EAAG,CACvB,CACkB,CAAC,EACnBH,WAAW,KAAK,OAAO,IACxB,IAAAL,QAAA,CAAAe,aAAA,EAACb,WAAA,CAAAyB,yBAAW;IACXR,IAAI,EAAG,kBAAoB;IAC3BP,QAAQ,EAAKF,KAAK,IAAM;MACvBE,QAAQ,CAAE;QACT,GAAGD,WAAW;QACdE,QAAQ,EAAEH;MACX,CAAE,CAAC;IACJ,CAAG;IACHA,KAAK,EAAGG;EAAU,CAClB,CAED,CAAC;AAEL;AAEO,SAASQ,sBAAsBA,CAAEf,YAAY,EAAG;EACtD,MAAM;IAAEC,WAAW,GAAG;EAAa,CAAC,GAAGD,YAAY;EAEnD,OAAOC,WAAW,KAAK,YAAY,GAAG,IAAAC,QAAE,EAAE,OAAQ,CAAC,GAAG,IAAAA,QAAE,EAAE,QAAS,CAAC;AACrE"}

package/build/components/color-palette/control.js

@@ -1,25 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ColorPaletteControl;
-
 var _element = require("@wordpress/element");
-
 var _control = _interopRequireDefault(require("../colors-gradients/control"));
-
 /**
  * Internal dependencies
  */
+
 function ColorPaletteControl({
   onChange,
   value,
   ...otherProps
 }) {
-  return (0, _element.createElement)(_control.default, { ...otherProps,
+  return (0, _element.createElement)(_control.default, {
+    ...otherProps,
     onColorChange: onChange,
     colorValue: value,
     gradients: [],

package/build/components/color-palette/control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/color-palette/control.js"],"names":["ColorPaletteControl","onChange","value","otherProps"],"mappings":";;;;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGe,SAASA,mBAAT,CAA8B;AAC5CC,EAAAA,QAD4C;AAE5CC,EAAAA,KAF4C;AAG5C,KAAGC;AAHyC,CAA9B,EAIX;AACH,SACC,4BAAC,gBAAD,OACMA,UADN;AAEC,IAAA,aAAa,EAAGF,QAFjB;AAGC,IAAA,UAAU,EAAGC,KAHd;AAIC,IAAA,SAAS,EAAG,EAJb;AAKC,IAAA,sBAAsB,EAAG;AAL1B,IADD;AASA","sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\n\nexport default function ColorPaletteControl( {\n\tonChange,\n\tvalue,\n\t...otherProps\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...otherProps }\n\t\t\tonColorChange={ onChange }\n\t\t\tcolorValue={ value }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients={ true }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"names":["_control","_interopRequireDefault","require","ColorPaletteControl","onChange","value","otherProps","_element","createElement","default","onColorChange","colorValue","gradients","disableCustomGradients"],"sources":["@wordpress/block-editor/src/components/color-palette/control.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\n\nexport default function ColorPaletteControl( {\n\tonChange,\n\tvalue,\n\t...otherProps\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...otherProps }\n\t\t\tonColorChange={ onChange }\n\t\t\tcolorValue={ value }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients={ true }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACR,QAAA,CAAAS,OAAoB;IAAA,GACfH,UAAU;IACfI,aAAa,EAAGN,QAAU;IAC1BO,UAAU,EAAGN,KAAO;IACpBO,SAAS,EAAG,EAAI;IAChBC,sBAAsB,EAAG;EAAM,CAC/B,CAAC;AAEJ"}

package/build/components/color-palette/index.js

@@ -1,24 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _components = require("@wordpress/components");
-
 var _withColorContext = _interopRequireDefault(require("./with-color-context"));
-
 /**
  * WordPress dependencies
  */
-
 /**
  * Internal dependencies
  */
 var _default = (0, _withColorContext.default)(_components.ColorPalette);
-
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/color-palette/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/color-palette/index.js"],"names":["ColorPalette"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;eAGe,+BAAkBA,wBAAlB,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ColorPalette } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport withColorContext from './with-color-context';\n\nexport default withColorContext( ColorPalette );\n"]}
+{"version":3,"names":["_components","require","_withColorContext","_interopRequireDefault","_default","withColorContext","ColorPalette","exports","default"],"sources":["@wordpress/block-editor/src/components/color-palette/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ColorPalette } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport withColorContext from './with-color-context';\n\nexport default withColorContext( ColorPalette );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;AAGA;AACA;AACA;AAFA,IAAAG,QAAA,GAKe,IAAAC,yBAAgB,EAAEC,wBAAa,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAJ,QAAA"}

package/build/components/color-palette/with-color-context.js

@@ -1,22 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _useSetting = _interopRequireDefault(require("../use-setting"));
-
 /**
  * WordPress dependencies
  */
-
 /**
  * Internal dependencies
  */
@@ -27,13 +21,13 @@ var _default = (0, _compose.createHigherOrderComponent)(WrappedComponent => {
     const colors = props.colors === undefined ? colorsFeature : props.colors;
     const disableCustomColors = props.disableCustomColors === undefined ? disableCustomColorsFeature : props.disableCustomColors;
     const hasColorsToChoose = colors && colors.length > 0 || !disableCustomColors;
-    return (0, _element.createElement)(WrappedComponent, { ...props,
+    return (0, _element.createElement)(WrappedComponent, {
+      ...props,
       colors,
       disableCustomColors,
       hasColorsToChoose
     });
   };
 }, 'withColorContext');
-
 exports.default = _default;
 //# sourceMappingURL=with-color-context.js.map

package/build/components/color-palette/with-color-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/color-palette/with-color-context.js"],"names":["WrappedComponent","props","colorsFeature","disableCustomColorsFeature","colors","undefined","disableCustomColors","hasColorsToChoose","length"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;eAGe,yCAA8BA,gBAAF,IAAwB;AAClE,SAASC,KAAF,IAAa;AACnB,UAAMC,aAAa,GAAG,yBAAY,eAAZ,CAAtB;AACA,UAAMC,0BAA0B,GAAG,CAAE,yBAAY,cAAZ,CAArC;AACA,UAAMC,MAAM,GACXH,KAAK,CAACG,MAAN,KAAiBC,SAAjB,GAA6BH,aAA7B,GAA6CD,KAAK,CAACG,MADpD;AAEA,UAAME,mBAAmB,GACxBL,KAAK,CAACK,mBAAN,KAA8BD,SAA9B,GACGF,0BADH,GAEGF,KAAK,CAACK,mBAHV;AAIA,UAAMC,iBAAiB,GACpBH,MAAM,IAAIA,MAAM,CAACI,MAAP,GAAgB,CAA5B,IAAmC,CAAEF,mBADtC;AAEA,WACC,4BAAC,gBAAD,IAEE,GAAGL,KAFL;AAGEG,MAAAA,MAHF;AAIEE,MAAAA,mBAJF;AAKEC,MAAAA;AALF,MADD;AAUA,GArBD;AAsBA,CAvBc,EAuBZ,kBAvBY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../use-setting';\n\nexport default createHigherOrderComponent( ( WrappedComponent ) => {\n\treturn ( props ) => {\n\t\tconst colorsFeature = useSetting( 'color.palette' );\n\t\tconst disableCustomColorsFeature = ! useSetting( 'color.custom' );\n\t\tconst colors =\n\t\t\tprops.colors === undefined ? colorsFeature : props.colors;\n\t\tconst disableCustomColors =\n\t\t\tprops.disableCustomColors === undefined\n\t\t\t\t? disableCustomColorsFeature\n\t\t\t\t: props.disableCustomColors;\n\t\tconst hasColorsToChoose =\n\t\t\t( colors && colors.length > 0 ) || ! disableCustomColors;\n\t\treturn (\n\t\t\t<WrappedComponent\n\t\t\t\t{ ...{\n\t\t\t\t\t...props,\n\t\t\t\t\tcolors,\n\t\t\t\t\tdisableCustomColors,\n\t\t\t\t\thasColorsToChoose,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t};\n}, 'withColorContext' );\n"]}
+{"version":3,"names":["_compose","require","_useSetting","_interopRequireDefault","_default","createHigherOrderComponent","WrappedComponent","props","colorsFeature","useSetting","disableCustomColorsFeature","colors","undefined","disableCustomColors","hasColorsToChoose","length","_element","createElement","exports","default"],"sources":["@wordpress/block-editor/src/components/color-palette/with-color-context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../use-setting';\n\nexport default createHigherOrderComponent( ( WrappedComponent ) => {\n\treturn ( props ) => {\n\t\tconst colorsFeature = useSetting( 'color.palette' );\n\t\tconst disableCustomColorsFeature = ! useSetting( 'color.custom' );\n\t\tconst colors =\n\t\t\tprops.colors === undefined ? colorsFeature : props.colors;\n\t\tconst disableCustomColors =\n\t\t\tprops.disableCustomColors === undefined\n\t\t\t\t? disableCustomColorsFeature\n\t\t\t\t: props.disableCustomColors;\n\t\tconst hasColorsToChoose =\n\t\t\t( colors && colors.length > 0 ) || ! disableCustomColors;\n\t\treturn (\n\t\t\t<WrappedComponent\n\t\t\t\t{ ...{\n\t\t\t\t\t...props,\n\t\t\t\t\tcolors,\n\t\t\t\t\tdisableCustomColors,\n\t\t\t\t\thasColorsToChoose,\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t};\n}, 'withColorContext' );\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;AAGA;AACA;AACA;AAFA,IAAAG,QAAA,GAKe,IAAAC,mCAA0B,EAAIC,gBAAgB,IAAM;EAClE,OAASC,KAAK,IAAM;IACnB,MAAMC,aAAa,GAAG,IAAAC,mBAAU,EAAE,eAAgB,CAAC;IACnD,MAAMC,0BAA0B,GAAG,CAAE,IAAAD,mBAAU,EAAE,cAAe,CAAC;IACjE,MAAME,MAAM,GACXJ,KAAK,CAACI,MAAM,KAAKC,SAAS,GAAGJ,aAAa,GAAGD,KAAK,CAACI,MAAM;IAC1D,MAAME,mBAAmB,GACxBN,KAAK,CAACM,mBAAmB,KAAKD,SAAS,GACpCF,0BAA0B,GAC1BH,KAAK,CAACM,mBAAmB;IAC7B,MAAMC,iBAAiB,GACpBH,MAAM,IAAIA,MAAM,CAACI,MAAM,GAAG,CAAC,IAAM,CAAEF,mBAAmB;IACzD,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACX,gBAAgB;MAEf,GAAGC,KAAK;MACRI,MAAM;MACNE,mBAAmB;MACnBC;IAAiB,CAElB,CAAC;EAEJ,CAAC;AACF,CAAC,EAAE,kBAAmB,CAAC;AAAAI,OAAA,CAAAC,OAAA,GAAAf,QAAA"}

package/build/components/color-style-selector/index.js

@@ -1,31 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-
 /**
  * WordPress dependencies
  */
+
 const ColorSelectorSVGIcon = () => (0, _element.createElement)(_components.SVG, {
   xmlns: "https://www.w3.org/2000/svg",
   viewBox: "0 0 20 20"
 }, (0, _element.createElement)(_components.Path, {
   d: "M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z"
 }));
+
 /**
  * Color Selector Icon component.
  *
@@ -35,8 +30,6 @@ const ColorSelectorSVGIcon = () => (0, _element.createElement)(_components.SVG,
  *
  * @return {*} React Icon component.
  */
-
-
 const ColorSelectorIcon = ({
   style,
   className
@@ -48,6 +41,7 @@ const ColorSelectorIcon = ({
     style: style
   }, (0, _element.createElement)(ColorSelectorSVGIcon, null)));
 };
+
 /**
  * Renders the Colors Selector Toolbar with the icon button.
  *
@@ -57,8 +51,6 @@ const ColorSelectorIcon = ({
  *
  * @return {*} React toggle button component.
  */
-
-
 const renderToggleComponent = ({
   TextColor,
   BackgroundColor
@@ -72,7 +64,6 @@ const renderToggleComponent = ({
       onToggle();
     }
   };
-
   return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
     className: "components-toolbar__control block-library-colors-selector__toggle",
     label: (0, _i18n.__)('Open Colors Selector'),
@@ -81,7 +72,6 @@ const renderToggleComponent = ({
     icon: (0, _element.createElement)(BackgroundColor, null, (0, _element.createElement)(TextColor, null, (0, _element.createElement)(ColorSelectorIcon, null)))
   }));
 };
-
 const BlockColorsStyleSelector = ({
   children,
   ...other
@@ -101,7 +91,6 @@ const BlockColorsStyleSelector = ({
     renderContent: () => children
   });
 };
-
 var _default = BlockColorsStyleSelector;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/color-style-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/color-style-selector/index.js"],"names":["ColorSelectorSVGIcon","ColorSelectorIcon","style","className","renderToggleComponent","TextColor","BackgroundColor","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault","BlockColorsStyleSelector","children","other","alternative","since","version","placement"],"mappings":";;;;;;;;;;;AAGA;;AAOA;;AACA;;AACA;;AAZA;AACA;AACA;AAYA,MAAMA,oBAAoB,GAAG,MAC5B,4BAAC,eAAD;AAAK,EAAA,KAAK,EAAC,6BAAX;AAAyC,EAAA,OAAO,EAAC;AAAjD,GACC,4BAAC,gBAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADD;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,iBAAiB,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAF,KAA4B;AACrD,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,SAAS,EAAI,GAAGA,SAAW,iDAD5B;AAEC,IAAA,KAAK,EAAGD;AAFT,KAIC,4BAAC,oBAAD,OAJD,CADD,CADD;AAUA,CAXD;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,qBAAqB,GAC1B,CAAE;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAF,KACA,CAAE;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAF,KAA4B;AAC3B,QAAMC,eAAe,GAAKC,KAAF,IAAa;AACpC,QAAK,CAAEF,MAAF,IAAYE,KAAK,CAACC,OAAN,KAAkBC,cAAnC,EAA0C;AACzCF,MAAAA,KAAK,CAACG,cAAN;AACAN,MAAAA,QAAQ;AACR;AACD,GALD;;AAOA,SACC,4BAAC,wBAAD,QACC,4BAAC,yBAAD;AACC,IAAA,SAAS,EAAC,mEADX;AAEC,IAAA,KAAK,EAAG,cAAI,sBAAJ,CAFT;AAGC,IAAA,OAAO,EAAGA,QAHX;AAIC,IAAA,SAAS,EAAGE,eAJb;AAKC,IAAA,IAAI,EACH,4BAAC,eAAD,QACC,4BAAC,SAAD,QACC,4BAAC,iBAAD,OADD,CADD;AANF,IADD,CADD;AAiBA,CA3BF;;AA6BA,MAAMK,wBAAwB,GAAG,CAAE;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAF,KAA8B;AAC9D,2BAAa,yCAAb,EAAuD;AACtDC,IAAAA,WAAW,EAAE,oBADyC;AAEtDC,IAAAA,KAAK,EAAE,KAF+C;AAGtDC,IAAAA,OAAO,EAAE;AAH6C,GAAvD;AAMA,SACC,4BAAC,oBAAD;AACC,IAAA,YAAY,EAAG;AAAEC,MAAAA,SAAS,EAAE;AAAb,KADhB;AAEC,IAAA,SAAS,EAAC,+BAFX;AAGC,IAAA,gBAAgB,EAAC,wCAHlB;AAIC,IAAA,YAAY,EAAGhB,qBAAqB,CAAEY,KAAF,CAJrC;AAKC,IAAA,aAAa,EAAG,MAAMD;AALvB,IADD;AASA,CAhBD;;eAkBeD,wB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarButton,\n\tDropdown,\n\tToolbarGroup,\n\tSVG,\n\tPath,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport deprecated from '@wordpress/deprecated';\n\nconst ColorSelectorSVGIcon = () => (\n\t<SVG xmlns=\"https://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n\t\t<Path d=\"M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z\" />\n\t</SVG>\n);\n\n/**\n * Color Selector Icon component.\n *\n * @param {Object} props           Component properties.\n * @param {Object} props.style     Style object.\n * @param {string} props.className Class name for component.\n *\n * @return {*} React Icon component.\n */\nconst ColorSelectorIcon = ( { style, className } ) => {\n\treturn (\n\t\t<div className=\"block-library-colors-selector__icon-container\">\n\t\t\t<div\n\t\t\t\tclassName={ `${ className } block-library-colors-selector__state-selection` }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t<ColorSelectorSVGIcon />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n/**\n * Renders the Colors Selector Toolbar with the icon button.\n *\n * @param {Object} props                 Component properties.\n * @param {Object} props.TextColor       Text color component that wraps icon.\n * @param {Object} props.BackgroundColor Background color component that wraps icon.\n *\n * @return {*} React toggle button component.\n */\nconst renderToggleComponent =\n\t( { TextColor, BackgroundColor } ) =>\n\t( { onToggle, isOpen } ) => {\n\t\tconst openOnArrowDown = ( event ) => {\n\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control block-library-colors-selector__toggle\"\n\t\t\t\t\tlabel={ __( 'Open Colors Selector' ) }\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\ticon={\n\t\t\t\t\t\t<BackgroundColor>\n\t\t\t\t\t\t\t<TextColor>\n\t\t\t\t\t\t\t\t<ColorSelectorIcon />\n\t\t\t\t\t\t\t</TextColor>\n\t\t\t\t\t\t</BackgroundColor>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t);\n\t};\n\nconst BlockColorsStyleSelector = ( { children, ...other } ) => {\n\tdeprecated( `wp.blockEditor.BlockColorsStyleSelector`, {\n\t\talternative: 'block supports API',\n\t\tsince: '6.1',\n\t\tversion: '6.3',\n\t} );\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\tclassName=\"block-library-colors-selector\"\n\t\t\tcontentClassName=\"block-library-colors-selector__popover\"\n\t\t\trenderToggle={ renderToggleComponent( other ) }\n\t\t\trenderContent={ () => children }\n\t\t/>\n\t);\n};\n\nexport default BlockColorsStyleSelector;\n"]}
+{"version":3,"names":["_components","require","_i18n","_keycodes","_deprecated","_interopRequireDefault","ColorSelectorSVGIcon","_element","createElement","SVG","xmlns","viewBox","Path","d","ColorSelectorIcon","style","className","renderToggleComponent","TextColor","BackgroundColor","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarGroup","ToolbarButton","label","__","onClick","onKeyDown","icon","BlockColorsStyleSelector","children","other","deprecated","alternative","since","version","Dropdown","popoverProps","placement","contentClassName","renderToggle","renderContent","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/color-style-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarButton,\n\tDropdown,\n\tToolbarGroup,\n\tSVG,\n\tPath,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport deprecated from '@wordpress/deprecated';\n\nconst ColorSelectorSVGIcon = () => (\n\t<SVG xmlns=\"https://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n\t\t<Path d=\"M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z\" />\n\t</SVG>\n);\n\n/**\n * Color Selector Icon component.\n *\n * @param {Object} props           Component properties.\n * @param {Object} props.style     Style object.\n * @param {string} props.className Class name for component.\n *\n * @return {*} React Icon component.\n */\nconst ColorSelectorIcon = ( { style, className } ) => {\n\treturn (\n\t\t<div className=\"block-library-colors-selector__icon-container\">\n\t\t\t<div\n\t\t\t\tclassName={ `${ className } block-library-colors-selector__state-selection` }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t<ColorSelectorSVGIcon />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n/**\n * Renders the Colors Selector Toolbar with the icon button.\n *\n * @param {Object} props                 Component properties.\n * @param {Object} props.TextColor       Text color component that wraps icon.\n * @param {Object} props.BackgroundColor Background color component that wraps icon.\n *\n * @return {*} React toggle button component.\n */\nconst renderToggleComponent =\n\t( { TextColor, BackgroundColor } ) =>\n\t( { onToggle, isOpen } ) => {\n\t\tconst openOnArrowDown = ( event ) => {\n\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control block-library-colors-selector__toggle\"\n\t\t\t\t\tlabel={ __( 'Open Colors Selector' ) }\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\ticon={\n\t\t\t\t\t\t<BackgroundColor>\n\t\t\t\t\t\t\t<TextColor>\n\t\t\t\t\t\t\t\t<ColorSelectorIcon />\n\t\t\t\t\t\t\t</TextColor>\n\t\t\t\t\t\t</BackgroundColor>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t);\n\t};\n\nconst BlockColorsStyleSelector = ( { children, ...other } ) => {\n\tdeprecated( `wp.blockEditor.BlockColorsStyleSelector`, {\n\t\talternative: 'block supports API',\n\t\tsince: '6.1',\n\t\tversion: '6.3',\n\t} );\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\tclassName=\"block-library-colors-selector\"\n\t\t\tcontentClassName=\"block-library-colors-selector__popover\"\n\t\t\trenderToggle={ renderToggleComponent( other ) }\n\t\t\trenderContent={ () => children }\n\t\t/>\n\t);\n};\n\nexport default BlockColorsStyleSelector;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAZA;AACA;AACA;;AAYA,MAAMK,oBAAoB,GAAGA,CAAA,KAC5B,IAAAC,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAAS,GAAG;EAACC,KAAK,EAAC,6BAA6B;EAACC,OAAO,EAAC;AAAW,GAC3D,IAAAJ,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAAY,IAAI;EAACC,CAAC,EAAC;AAA6e,CAAE,CACnf,CACL;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,KAAK;EAAEC;AAAU,CAAC,KAAM;EACrD,OACC,IAAAT,QAAA,CAAAC,aAAA;IAAKQ,SAAS,EAAC;EAA+C,GAC7D,IAAAT,QAAA,CAAAC,aAAA;IACCQ,SAAS,EAAI,GAAGA,SAAW,iDAAkD;IAC7ED,KAAK,EAAGA;EAAO,GAEf,IAAAR,QAAA,CAAAC,aAAA,EAACF,oBAAoB,MAAE,CACnB,CACD,CAAC;AAER,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,qBAAqB,GAC1BA,CAAE;EAAEC,SAAS;EAAEC;AAAgB,CAAC,KAChC,CAAE;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAM;EAC3B,MAAMC,eAAe,GAAKC,KAAK,IAAM;IACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;MACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBN,QAAQ,CAAC,CAAC;IACX;EACD,CAAC;EAED,OACC,IAAAb,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAA2B,YAAY,QACZ,IAAApB,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAA4B,aAAa;IACbZ,SAAS,EAAC,mEAAmE;IAC7Ea,KAAK,EAAG,IAAAC,QAAE,EAAE,sBAAuB,CAAG;IACtCC,OAAO,EAAGX,QAAU;IACpBY,SAAS,EAAGV,eAAiB;IAC7BW,IAAI,EACH,IAAA1B,QAAA,CAAAC,aAAA,EAACW,eAAe,QACf,IAAAZ,QAAA,CAAAC,aAAA,EAACU,SAAS,QACT,IAAAX,QAAA,CAAAC,aAAA,EAACM,iBAAiB,MAAE,CACV,CACK;EACjB,CACD,CACY,CAAC;AAEjB,CAAC;AAEF,MAAMoB,wBAAwB,GAAGA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAM;EAC9D,IAAAC,mBAAU,EAAG,yCAAwC,EAAE;IACtDC,WAAW,EAAE,oBAAoB;IACjCC,KAAK,EAAE,KAAK;IACZC,OAAO,EAAE;EACV,CAAE,CAAC;EAEH,OACC,IAAAjC,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAAyC,QAAQ;IACRC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9C3B,SAAS,EAAC,+BAA+B;IACzC4B,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG5B,qBAAqB,CAAEmB,KAAM,CAAG;IAC/CU,aAAa,EAAGA,CAAA,KAAMX;EAAU,CAChC,CAAC;AAEJ,CAAC;AAAC,IAAAY,QAAA,GAEab,wBAAwB;AAAAc,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/colors/index.js

@@ -33,12 +33,8 @@ Object.defineProperty(exports, "withColors", {
     return _withColors.default;
   }
 });
-
 var _utils = require("./utils");
-
 var _withColors = _interopRequireWildcard(require("./with-colors"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

package/build/components/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAKA","sourcesContent":["export {\n\tgetColorClassName,\n\tgetColorObjectByAttributeValues,\n\tgetColorObjectByColorValue,\n} from './utils';\nexport { createCustomColorsHOC, default as withColors } from './with-colors';\n"]}
+{"version":3,"names":["_utils","require","_withColors","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["@wordpress/block-editor/src/components/colors/index.js"],"sourcesContent":["export {\n\tgetColorClassName,\n\tgetColorObjectByAttributeValues,\n\tgetColorObjectByColorValue,\n} from './utils';\nexport { createCustomColorsHOC, default as withColors } from './with-colors';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA6E,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAF,wBAAAM,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA"}

package/build/components/colors/utils.js

@@ -1,22 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getColorClassName = getColorClassName;
 exports.getColorObjectByColorValue = exports.getColorObjectByAttributeValues = void 0;
 exports.getMostReadableColor = getMostReadableColor;
-
 var _colord = require("colord");
-
 var _names = _interopRequireDefault(require("colord/plugins/names"));
-
 var _a11y = _interopRequireDefault(require("colord/plugins/a11y"));
-
 var _object = require("../../utils/object");
-
 /**
  * External dependencies
  */
@@ -24,7 +18,9 @@ var _object = require("../../utils/object");
 /**
  * Internal dependencies
  */
+
 (0, _colord.extend)([_names.default, _a11y.default]);
+
 /**
  * Provided an array of color objects as set by the theme or by the editor defaults,
  * and the values of the defined color or custom color returns a color object describing the color.
@@ -37,20 +33,18 @@ var _object = require("../../utils/object");
  *                   the color object exactly as set by the theme or editor defaults is returned.
  *                   Otherwise, an object that just sets the color is defined.
  */
-
 const getColorObjectByAttributeValues = (colors, definedColor, customColor) => {
   if (definedColor) {
     const colorObj = colors?.find(color => color.slug === definedColor);
-
     if (colorObj) {
       return colorObj;
     }
   }
-
   return {
     color: customColor
   };
 };
+
 /**
  * Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.
  *
@@ -60,13 +54,11 @@ const getColorObjectByAttributeValues = (colors, definedColor, customColor) => {
  * @return {?Object} Color object included in the colors array whose color property equals colorValue.
  *                   Returns undefined if no color object matches this requirement.
  */
-
-
 exports.getColorObjectByAttributeValues = getColorObjectByAttributeValues;
-
 const getColorObjectByColorValue = (colors, colorValue) => {
   return colors?.find(color => color.color === colorValue);
 };
+
 /**
  * Returns a class based on the context a color is being used and its slug.
  *
@@ -76,17 +68,14 @@ const getColorObjectByColorValue = (colors, colorValue) => {
  * @return {?string} String with the class corresponding to the color in the provided context.
  *                   Returns undefined if either colorContextName or colorSlug are not provided.
  */
-
-
 exports.getColorObjectByColorValue = getColorObjectByColorValue;
-
 function getColorClassName(colorContextName, colorSlug) {
   if (!colorContextName || !colorSlug) {
     return undefined;
   }
-
   return `has-${(0, _object.kebabCase)(colorSlug)}-${colorContextName}`;
 }
+
 /**
  * Given an array of color objects and a color value returns the color value of the most readable color in the array.
  *
@@ -95,15 +84,11 @@ function getColorClassName(colorContextName, colorSlug) {
  *
  * @return {string} String with the color value of the most readable color.
  */
-
-
 function getMostReadableColor(colors, colorValue) {
   const colordColor = (0, _colord.colord)(colorValue);
-
   const getColorContrast = ({
     color
   }) => colordColor.contrast(color);
-
   const maxContrast = Math.max(...colors.map(getColorContrast));
   return colors.find(color => getColorContrast(color) === maxContrast).color;
 }

package/build/components/colors/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors/utils.js"],"names":["namesPlugin","a11yPlugin","getColorObjectByAttributeValues","colors","definedColor","customColor","colorObj","find","color","slug","getColorObjectByColorValue","colorValue","getColorClassName","colorContextName","colorSlug","undefined","getMostReadableColor","colordColor","getColorContrast","contrast","maxContrast","Math","max","map"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGA,oBAAQ,CAAEA,cAAF,EAAeC,aAAf,CAAR;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,MAAMC,+BAA+B,GAAG,CAC9CC,MAD8C,EAE9CC,YAF8C,EAG9CC,WAH8C,KAI1C;AACJ,MAAKD,YAAL,EAAoB;AACnB,UAAME,QAAQ,GAAGH,MAAM,EAAEI,IAAR,CACdC,KAAF,IAAaA,KAAK,CAACC,IAAN,KAAeL,YADZ,CAAjB;;AAIA,QAAKE,QAAL,EAAgB;AACf,aAAOA,QAAP;AACA;AACD;;AACD,SAAO;AACNE,IAAAA,KAAK,EAAEH;AADD,GAAP;AAGA,CAjBM;AAmBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACO,MAAMK,0BAA0B,GAAG,CAAEP,MAAF,EAAUQ,UAAV,KAA0B;AACnE,SAAOR,MAAM,EAAEI,IAAR,CAAgBC,KAAF,IAAaA,KAAK,CAACA,KAAN,KAAgBG,UAA3C,CAAP;AACA,CAFM;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACO,SAASC,iBAAT,CAA4BC,gBAA5B,EAA8CC,SAA9C,EAA0D;AAChE,MAAK,CAAED,gBAAF,IAAsB,CAAEC,SAA7B,EAAyC;AACxC,WAAOC,SAAP;AACA;;AAED,SAAQ,OAAO,uBAAWD,SAAX,CAAwB,IAAID,gBAAkB,EAA7D;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASG,oBAAT,CAA+Bb,MAA/B,EAAuCQ,UAAvC,EAAoD;AAC1D,QAAMM,WAAW,GAAG,oBAAQN,UAAR,CAApB;;AACA,QAAMO,gBAAgB,GAAG,CAAE;AAAEV,IAAAA;AAAF,GAAF,KAAiBS,WAAW,CAACE,QAAZ,CAAsBX,KAAtB,CAA1C;;AAEA,QAAMY,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAU,GAAGnB,MAAM,CAACoB,GAAP,CAAYL,gBAAZ,CAAb,CAApB;AACA,SAAOf,MAAM,CAACI,IAAP,CAAeC,KAAF,IAAaU,gBAAgB,CAAEV,KAAF,CAAhB,KAA8BY,WAAxD,EACLZ,KADF;AAEA","sourcesContent":["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * Internal dependencies\n */\nimport { kebabCase } from '../../utils/object';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults,\n * and the values of the defined color or custom color returns a color object describing the color.\n *\n * @param {Array}   colors       Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} definedColor A string containing the color slug.\n * @param {?string} customColor  A string containing the customColor value.\n *\n * @return {?Object} If definedColor is passed and the name is found in colors,\n *                   the color object exactly as set by the theme or editor defaults is returned.\n *                   Otherwise, an object that just sets the color is defined.\n */\nexport const getColorObjectByAttributeValues = (\n\tcolors,\n\tdefinedColor,\n\tcustomColor\n) => {\n\tif ( definedColor ) {\n\t\tconst colorObj = colors?.find(\n\t\t\t( color ) => color.slug === definedColor\n\t\t);\n\n\t\tif ( colorObj ) {\n\t\t\treturn colorObj;\n\t\t}\n\t}\n\treturn {\n\t\tcolor: customColor,\n\t};\n};\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {?Object} Color object included in the colors array whose color property equals colorValue.\n *                   Returns undefined if no color object matches this requirement.\n */\nexport const getColorObjectByColorValue = ( colors, colorValue ) => {\n\treturn colors?.find( ( color ) => color.color === colorValue );\n};\n\n/**\n * Returns a class based on the context a color is being used and its slug.\n *\n * @param {string} colorContextName Context/place where color is being used e.g: background, text etc...\n * @param {string} colorSlug        Slug of the color.\n *\n * @return {?string} String with the class corresponding to the color in the provided context.\n *                   Returns undefined if either colorContextName or colorSlug are not provided.\n */\nexport function getColorClassName( colorContextName, colorSlug ) {\n\tif ( ! colorContextName || ! colorSlug ) {\n\t\treturn undefined;\n\t}\n\n\treturn `has-${ kebabCase( colorSlug ) }-${ colorContextName }`;\n}\n\n/**\n * Given an array of color objects and a color value returns the color value of the most readable color in the array.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {string} String with the color value of the most readable color.\n */\nexport function getMostReadableColor( colors, colorValue ) {\n\tconst colordColor = colord( colorValue );\n\tconst getColorContrast = ( { color } ) => colordColor.contrast( color );\n\n\tconst maxContrast = Math.max( ...colors.map( getColorContrast ) );\n\treturn colors.find( ( color ) => getColorContrast( color ) === maxContrast )\n\t\t.color;\n}\n"]}
+{"version":3,"names":["_colord","require","_names","_interopRequireDefault","_a11y","_object","extend","namesPlugin","a11yPlugin","getColorObjectByAttributeValues","colors","definedColor","customColor","colorObj","find","color","slug","exports","getColorObjectByColorValue","colorValue","getColorClassName","colorContextName","colorSlug","undefined","kebabCase","getMostReadableColor","colordColor","colord","getColorContrast","contrast","maxContrast","Math","max","map"],"sources":["@wordpress/block-editor/src/components/colors/utils.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * Internal dependencies\n */\nimport { kebabCase } from '../../utils/object';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults,\n * and the values of the defined color or custom color returns a color object describing the color.\n *\n * @param {Array}   colors       Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} definedColor A string containing the color slug.\n * @param {?string} customColor  A string containing the customColor value.\n *\n * @return {?Object} If definedColor is passed and the name is found in colors,\n *                   the color object exactly as set by the theme or editor defaults is returned.\n *                   Otherwise, an object that just sets the color is defined.\n */\nexport const getColorObjectByAttributeValues = (\n\tcolors,\n\tdefinedColor,\n\tcustomColor\n) => {\n\tif ( definedColor ) {\n\t\tconst colorObj = colors?.find(\n\t\t\t( color ) => color.slug === definedColor\n\t\t);\n\n\t\tif ( colorObj ) {\n\t\t\treturn colorObj;\n\t\t}\n\t}\n\treturn {\n\t\tcolor: customColor,\n\t};\n};\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {?Object} Color object included in the colors array whose color property equals colorValue.\n *                   Returns undefined if no color object matches this requirement.\n */\nexport const getColorObjectByColorValue = ( colors, colorValue ) => {\n\treturn colors?.find( ( color ) => color.color === colorValue );\n};\n\n/**\n * Returns a class based on the context a color is being used and its slug.\n *\n * @param {string} colorContextName Context/place where color is being used e.g: background, text etc...\n * @param {string} colorSlug        Slug of the color.\n *\n * @return {?string} String with the class corresponding to the color in the provided context.\n *                   Returns undefined if either colorContextName or colorSlug are not provided.\n */\nexport function getColorClassName( colorContextName, colorSlug ) {\n\tif ( ! colorContextName || ! colorSlug ) {\n\t\treturn undefined;\n\t}\n\n\treturn `has-${ kebabCase( colorSlug ) }-${ colorContextName }`;\n}\n\n/**\n * Given an array of color objects and a color value returns the color value of the most readable color in the array.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {string} String with the color value of the most readable color.\n */\nexport function getMostReadableColor( colors, colorValue ) {\n\tconst colordColor = colord( colorValue );\n\tconst getColorContrast = ( { color } ) => colordColor.contrast( color );\n\n\tconst maxContrast = Math.max( ...colors.map( getColorContrast ) );\n\treturn colors.find( ( color ) => getColorContrast( color ) === maxContrast )\n\t\t.color;\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAKA,IAAAI,OAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGA,IAAAK,cAAM,EAAE,CAAEC,cAAW,EAAEC,aAAU,CAAG,CAAC;;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,+BAA+B,GAAGA,CAC9CC,MAAM,EACNC,YAAY,EACZC,WAAW,KACP;EACJ,IAAKD,YAAY,EAAG;IACnB,MAAME,QAAQ,GAAGH,MAAM,EAAEI,IAAI,CAC1BC,KAAK,IAAMA,KAAK,CAACC,IAAI,KAAKL,YAC7B,CAAC;IAED,IAAKE,QAAQ,EAAG;MACf,OAAOA,QAAQ;IAChB;EACD;EACA,OAAO;IACNE,KAAK,EAAEH;EACR,CAAC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARAK,OAAA,CAAAR,+BAAA,GAAAA,+BAAA;AASO,MAAMS,0BAA0B,GAAGA,CAAER,MAAM,EAAES,UAAU,KAAM;EACnE,OAAOT,MAAM,EAAEI,IAAI,CAAIC,KAAK,IAAMA,KAAK,CAACA,KAAK,KAAKI,UAAW,CAAC;AAC/D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARAF,OAAA,CAAAC,0BAAA,GAAAA,0BAAA;AASO,SAASE,iBAAiBA,CAAEC,gBAAgB,EAAEC,SAAS,EAAG;EAChE,IAAK,CAAED,gBAAgB,IAAI,CAAEC,SAAS,EAAG;IACxC,OAAOC,SAAS;EACjB;EAEA,OAAQ,OAAO,IAAAC,iBAAS,EAAEF,SAAU,CAAG,IAAID,gBAAkB,EAAC;AAC/D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,oBAAoBA,CAAEf,MAAM,EAAES,UAAU,EAAG;EAC1D,MAAMO,WAAW,GAAG,IAAAC,cAAM,EAAER,UAAW,CAAC;EACxC,MAAMS,gBAAgB,GAAGA,CAAE;IAAEb;EAAM,CAAC,KAAMW,WAAW,CAACG,QAAQ,CAAEd,KAAM,CAAC;EAEvE,MAAMe,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAE,GAAGtB,MAAM,CAACuB,GAAG,CAAEL,gBAAiB,CAAE,CAAC;EACjE,OAAOlB,MAAM,CAACI,IAAI,CAAIC,KAAK,IAAMa,gBAAgB,CAAEb,KAAM,CAAC,KAAKe,WAAY,CAAC,CAC1Ef,KAAK;AACR"}