@wordpress/components 25.5.0 → 25.6.0

package/build/text/utils.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createHighlighterText = createHighlighterText;
-
 var _memize = _interopRequireDefault(require("memize"));
-
 var _highlightWordsCore = require("highlight-words-core");
-
 var _element = require("@wordpress/element");
-
 /**
  * External dependencies
  */
@@ -27,7 +22,6 @@ var _element = require("@wordpress/element");
  */
 
 /* eslint-disable jsdoc/valid-types */
-
 /**
  * @typedef Options
  * @property {string}                                                     [activeClassName='']      Classname for active highlighted areas.
@@ -53,25 +47,21 @@ var _element = require("@wordpress/element");
  * @param {T} object Props to map.
  * @return {{[K in keyof T as Lowercase<string & K>]: T[K]}} The mapped props.
  */
-
 /* eslint-enable jsdoc/valid-types */
 const lowercaseProps = object => {
   /** @type {any} */
   const mapped = {};
-
   for (const key in object) {
     mapped[key.toLowerCase()] = object[key];
   }
-
   return mapped;
 };
-
 const memoizedLowercaseProps = (0, _memize.default)(lowercaseProps);
+
 /**
  *
  * @param {Options} options
  */
-
 function createHighlighterText({
   activeClassName = '',
   activeIndex = -1,
@@ -105,11 +95,9 @@ function createHighlighterText({
   let highlightStyles;
   const textContent = chunks.map((chunk, index) => {
     const text = textToHighlight.substr(chunk.start, chunk.end - chunk.start);
-
     if (chunk.highlight) {
       highlightIndex++;
       let highlightClass;
-
       if (typeof highlightClassName === 'object') {
         if (!caseSensitive) {
           highlightClassName = memoizedLowercaseProps(highlightClassName);
@@ -120,27 +108,25 @@ function createHighlighterText({
       } else {
         highlightClass = highlightClassName;
       }
-
       const isActive = highlightIndex === +activeIndex;
       highlightClassNames = `${highlightClass} ${isActive ? activeClassName : ''}`;
       highlightStyles = isActive === true && activeStyle !== null ? Object.assign({}, highlightStyle, activeStyle) : highlightStyle;
-      /** @type {Record<string, any>} */
 
+      /** @type {Record<string, any>} */
       const props = {
         children: text,
         className: highlightClassNames,
         key: index,
         style: highlightStyles
-      }; // Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)
-      // Only pass through the highlightIndex attribute for custom components.
+      };
 
+      // Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)
+      // Only pass through the highlightIndex attribute for custom components.
       if (typeof HighlightTag !== 'string') {
         props.highlightIndex = highlightIndex;
       }
-
       return (0, _element.createElement)(HighlightTag, props);
     }
-
     return (0, _element.createElement)('span', {
       children: text,
       className: unhighlightClassName,

package/build/text/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text/utils.js"],"names":["lowercaseProps","object","mapped","key","toLowerCase","memoizedLowercaseProps","createHighlighterText","activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","children","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","unhighlightClassName","unhighlightStyle","textToHighlight","chunks","HighlightTag","highlightIndex","highlightClassNames","highlightStyles","textContent","map","chunk","index","text","substr","start","end","highlight","highlightClass","isActive","Object","assign","props","className","style"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport memoize from 'memize';\nimport { findAll } from 'highlight-words-core';\n\n/**\n * WordPress dependencies\n */\nimport { createElement } from '@wordpress/element';\n\n/**\n * Source:\n * https://github.com/bvaughn/react-highlight-words/blob/HEAD/src/Highlighter.js\n */\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * @typedef Options\n * @property {string}                                                     [activeClassName='']      Classname for active highlighted areas.\n * @property {number}                                                     [activeIndex=-1]          The index of the active highlighted area.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [activeStyle]             Styles to apply to the active highlighted area.\n * @property {boolean}                                                    [autoEscape]              Whether to automatically escape text.\n * @property {boolean}                                                    [caseSensitive=false]     Whether to highlight in a case-sensitive manner.\n * @property {string}                                                     children                  Children to highlight.\n * @property {import('highlight-words-core').FindAllArgs['findChunks']}   [findChunks]              Custom `findChunks` function to pass to `highlight-words-core`.\n * @property {string | Record<string, unknown>}                           [highlightClassName='']   Classname to apply to highlighted text or a Record of classnames to apply to given text (which should be the key).\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [highlightStyle={}]       Styles to apply to highlighted text.\n * @property {keyof JSX.IntrinsicElements}                                [highlightTag='mark']     Tag to use for the highlighted text.\n * @property {import('highlight-words-core').FindAllArgs['sanitize']}     [sanitize]                Custom `santize` function to pass to `highlight-words-core`.\n * @property {string[]}                                                   [searchWords=[]]          Words to search for and highlight.\n * @property {string}                                                     [unhighlightClassName=''] Classname to apply to unhighlighted text.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [unhighlightStyle]        Style to apply to unhighlighted text.\n */\n\n/**\n * Maps props to lowercase names.\n *\n * @template {Record<string, unknown>} T\n * @param {T} object Props to map.\n * @return {{[K in keyof T as Lowercase<string & K>]: T[K]}} The mapped props.\n */\n/* eslint-enable jsdoc/valid-types */\nconst lowercaseProps = ( object ) => {\n\t/** @type {any} */\n\tconst mapped = {};\n\tfor ( const key in object ) {\n\t\tmapped[ key.toLowerCase() ] = object[ key ];\n\t}\n\treturn mapped;\n};\n\nconst memoizedLowercaseProps = memoize( lowercaseProps );\n\n/**\n *\n * @param {Options} options\n */\nexport function createHighlighterText( {\n\tactiveClassName = '',\n\tactiveIndex = -1,\n\tactiveStyle,\n\tautoEscape,\n\tcaseSensitive = false,\n\tchildren,\n\tfindChunks,\n\thighlightClassName = '',\n\thighlightStyle = {},\n\thighlightTag = 'mark',\n\tsanitize,\n\tsearchWords = [],\n\tunhighlightClassName = '',\n\tunhighlightStyle,\n} ) {\n\tif ( ! children ) return null;\n\tif ( typeof children !== 'string' ) return children;\n\n\tconst textToHighlight = children;\n\n\tconst chunks = findAll( {\n\t\tautoEscape,\n\t\tcaseSensitive,\n\t\tfindChunks,\n\t\tsanitize,\n\t\tsearchWords,\n\t\ttextToHighlight,\n\t} );\n\tconst HighlightTag = highlightTag;\n\tlet highlightIndex = -1;\n\tlet highlightClassNames = '';\n\tlet highlightStyles;\n\n\tconst textContent = chunks.map( ( chunk, index ) => {\n\t\tconst text = textToHighlight.substr(\n\t\t\tchunk.start,\n\t\t\tchunk.end - chunk.start\n\t\t);\n\n\t\tif ( chunk.highlight ) {\n\t\t\thighlightIndex++;\n\n\t\t\tlet highlightClass;\n\t\t\tif ( typeof highlightClassName === 'object' ) {\n\t\t\t\tif ( ! caseSensitive ) {\n\t\t\t\t\thighlightClassName =\n\t\t\t\t\t\tmemoizedLowercaseProps( highlightClassName );\n\t\t\t\t\thighlightClass = highlightClassName[ text.toLowerCase() ];\n\t\t\t\t} else {\n\t\t\t\t\thighlightClass = highlightClassName[ text ];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thighlightClass = highlightClassName;\n\t\t\t}\n\n\t\t\tconst isActive = highlightIndex === +activeIndex;\n\n\t\t\thighlightClassNames = `${ highlightClass } ${\n\t\t\t\tisActive ? activeClassName : ''\n\t\t\t}`;\n\t\t\thighlightStyles =\n\t\t\t\tisActive === true && activeStyle !== null\n\t\t\t\t\t? Object.assign( {}, highlightStyle, activeStyle )\n\t\t\t\t\t: highlightStyle;\n\n\t\t\t/** @type {Record<string, any>} */\n\t\t\tconst props = {\n\t\t\t\tchildren: text,\n\t\t\t\tclassName: highlightClassNames,\n\t\t\t\tkey: index,\n\t\t\t\tstyle: highlightStyles,\n\t\t\t};\n\n\t\t\t// Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)\n\t\t\t// Only pass through the highlightIndex attribute for custom components.\n\t\t\tif ( typeof HighlightTag !== 'string' ) {\n\t\t\t\tprops.highlightIndex = highlightIndex;\n\t\t\t}\n\n\t\t\treturn createElement( HighlightTag, props );\n\t\t}\n\t\treturn createElement( 'span', {\n\t\t\tchildren: text,\n\t\t\tclassName: unhighlightClassName,\n\t\t\tkey: index,\n\t\t\tstyle: unhighlightStyle,\n\t\t} );\n\t} );\n\n\treturn textContent;\n}\n"]}
+{"version":3,"names":["_memize","_interopRequireDefault","require","_highlightWordsCore","_element","lowercaseProps","object","mapped","key","toLowerCase","memoizedLowercaseProps","memoize","createHighlighterText","activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","children","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","unhighlightClassName","unhighlightStyle","textToHighlight","chunks","findAll","HighlightTag","highlightIndex","highlightClassNames","highlightStyles","textContent","map","chunk","index","text","substr","start","end","highlight","highlightClass","isActive","Object","assign","props","className","style","createElement"],"sources":["@wordpress/components/src/text/utils.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport memoize from 'memize';\nimport { findAll } from 'highlight-words-core';\n\n/**\n * WordPress dependencies\n */\nimport { createElement } from '@wordpress/element';\n\n/**\n * Source:\n * https://github.com/bvaughn/react-highlight-words/blob/HEAD/src/Highlighter.js\n */\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * @typedef Options\n * @property {string}                                                     [activeClassName='']      Classname for active highlighted areas.\n * @property {number}                                                     [activeIndex=-1]          The index of the active highlighted area.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [activeStyle]             Styles to apply to the active highlighted area.\n * @property {boolean}                                                    [autoEscape]              Whether to automatically escape text.\n * @property {boolean}                                                    [caseSensitive=false]     Whether to highlight in a case-sensitive manner.\n * @property {string}                                                     children                  Children to highlight.\n * @property {import('highlight-words-core').FindAllArgs['findChunks']}   [findChunks]              Custom `findChunks` function to pass to `highlight-words-core`.\n * @property {string | Record<string, unknown>}                           [highlightClassName='']   Classname to apply to highlighted text or a Record of classnames to apply to given text (which should be the key).\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [highlightStyle={}]       Styles to apply to highlighted text.\n * @property {keyof JSX.IntrinsicElements}                                [highlightTag='mark']     Tag to use for the highlighted text.\n * @property {import('highlight-words-core').FindAllArgs['sanitize']}     [sanitize]                Custom `santize` function to pass to `highlight-words-core`.\n * @property {string[]}                                                   [searchWords=[]]          Words to search for and highlight.\n * @property {string}                                                     [unhighlightClassName=''] Classname to apply to unhighlighted text.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [unhighlightStyle]        Style to apply to unhighlighted text.\n */\n\n/**\n * Maps props to lowercase names.\n *\n * @template {Record<string, unknown>} T\n * @param {T} object Props to map.\n * @return {{[K in keyof T as Lowercase<string & K>]: T[K]}} The mapped props.\n */\n/* eslint-enable jsdoc/valid-types */\nconst lowercaseProps = ( object ) => {\n\t/** @type {any} */\n\tconst mapped = {};\n\tfor ( const key in object ) {\n\t\tmapped[ key.toLowerCase() ] = object[ key ];\n\t}\n\treturn mapped;\n};\n\nconst memoizedLowercaseProps = memoize( lowercaseProps );\n\n/**\n *\n * @param {Options} options\n */\nexport function createHighlighterText( {\n\tactiveClassName = '',\n\tactiveIndex = -1,\n\tactiveStyle,\n\tautoEscape,\n\tcaseSensitive = false,\n\tchildren,\n\tfindChunks,\n\thighlightClassName = '',\n\thighlightStyle = {},\n\thighlightTag = 'mark',\n\tsanitize,\n\tsearchWords = [],\n\tunhighlightClassName = '',\n\tunhighlightStyle,\n} ) {\n\tif ( ! children ) return null;\n\tif ( typeof children !== 'string' ) return children;\n\n\tconst textToHighlight = children;\n\n\tconst chunks = findAll( {\n\t\tautoEscape,\n\t\tcaseSensitive,\n\t\tfindChunks,\n\t\tsanitize,\n\t\tsearchWords,\n\t\ttextToHighlight,\n\t} );\n\tconst HighlightTag = highlightTag;\n\tlet highlightIndex = -1;\n\tlet highlightClassNames = '';\n\tlet highlightStyles;\n\n\tconst textContent = chunks.map( ( chunk, index ) => {\n\t\tconst text = textToHighlight.substr(\n\t\t\tchunk.start,\n\t\t\tchunk.end - chunk.start\n\t\t);\n\n\t\tif ( chunk.highlight ) {\n\t\t\thighlightIndex++;\n\n\t\t\tlet highlightClass;\n\t\t\tif ( typeof highlightClassName === 'object' ) {\n\t\t\t\tif ( ! caseSensitive ) {\n\t\t\t\t\thighlightClassName =\n\t\t\t\t\t\tmemoizedLowercaseProps( highlightClassName );\n\t\t\t\t\thighlightClass = highlightClassName[ text.toLowerCase() ];\n\t\t\t\t} else {\n\t\t\t\t\thighlightClass = highlightClassName[ text ];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thighlightClass = highlightClassName;\n\t\t\t}\n\n\t\t\tconst isActive = highlightIndex === +activeIndex;\n\n\t\t\thighlightClassNames = `${ highlightClass } ${\n\t\t\t\tisActive ? activeClassName : ''\n\t\t\t}`;\n\t\t\thighlightStyles =\n\t\t\t\tisActive === true && activeStyle !== null\n\t\t\t\t\t? Object.assign( {}, highlightStyle, activeStyle )\n\t\t\t\t\t: highlightStyle;\n\n\t\t\t/** @type {Record<string, any>} */\n\t\t\tconst props = {\n\t\t\t\tchildren: text,\n\t\t\t\tclassName: highlightClassNames,\n\t\t\t\tkey: index,\n\t\t\t\tstyle: highlightStyles,\n\t\t\t};\n\n\t\t\t// Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)\n\t\t\t// Only pass through the highlightIndex attribute for custom components.\n\t\t\tif ( typeof HighlightTag !== 'string' ) {\n\t\t\t\tprops.highlightIndex = highlightIndex;\n\t\t\t}\n\n\t\t\treturn createElement( HighlightTag, props );\n\t\t}\n\t\treturn createElement( 'span', {\n\t\t\tchildren: text,\n\t\t\tclassName: unhighlightClassName,\n\t\t\tkey: index,\n\t\t\tstyle: unhighlightStyle,\n\t\t} );\n\t} );\n\n\treturn textContent;\n}\n"],"mappings":"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"}

package/build/text-control/index.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextControl = void 0;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _baseControl = _interopRequireDefault(require("../base-control"));
-
 /**
  * External dependencies
  */
@@ -24,6 +19,7 @@ var _baseControl = _interopRequireDefault(require("../base-control"));
 /**
  * Internal dependencies
  */
+
 function UnforwardedTextControl(props, ref) {
   const {
     __nextHasNoMarginBottom,
@@ -38,9 +34,7 @@ function UnforwardedTextControl(props, ref) {
     ...additionalProps
   } = props;
   const id = (0, _compose.useInstanceId)(TextControl, 'inspector-text-control', idProp);
-
   const onChangeValue = event => onChange(event.target.value);
-
   return (0, _element.createElement)(_baseControl.default, {
     __nextHasNoMarginBottom: __nextHasNoMarginBottom,
     label: label,
@@ -59,6 +53,7 @@ function UnforwardedTextControl(props, ref) {
     ...additionalProps
   }));
 }
+
 /**
  * TextControl components let users enter and edit text.
  *
@@ -79,8 +74,6 @@ function UnforwardedTextControl(props, ref) {
  * };
  * ```
  */
-
-
 const TextControl = (0, _element.forwardRef)(UnforwardedTextControl);
 exports.TextControl = TextControl;
 var _default = TextControl;

package/build/text-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text-control/index.tsx"],"names":["UnforwardedTextControl","props","ref","__nextHasNoMarginBottom","label","hideLabelFromVision","value","help","id","idProp","className","onChange","type","additionalProps","TextControl","onChangeValue","event","target","undefined"],"mappings":";;;;;;;;;AASA;;AADA;;AAMA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAKA,SAASA,sBAAT,CACCC,KADD,EAECC,GAFD,EAGE;AACD,QAAM;AACLC,IAAAA,uBADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,mBAHK;AAILC,IAAAA,KAJK;AAKLC,IAAAA,IALK;AAMLC,IAAAA,EAAE,EAAEC,MANC;AAOLC,IAAAA,SAPK;AAQLC,IAAAA,QARK;AASLC,IAAAA,IAAI,GAAG,MATF;AAUL,OAAGC;AAVE,MAWFZ,KAXJ;AAYA,QAAMO,EAAE,GAAG,4BAAeM,WAAf,EAA4B,wBAA5B,EAAsDL,MAAtD,CAAX;;AACA,QAAMM,aAAa,GAAKC,KAAF,IACrBL,QAAQ,CAAEK,KAAK,CAACC,MAAN,CAAaX,KAAf,CADT;;AAGA,SACC,4BAAC,oBAAD;AACC,IAAA,uBAAuB,EAAGH,uBAD3B;AAEC,IAAA,KAAK,EAAGC,KAFT;AAGC,IAAA,mBAAmB,EAAGC,mBAHvB;AAIC,IAAA,EAAE,EAAGG,EAJN;AAKC,IAAA,IAAI,EAAGD,IALR;AAMC,IAAA,SAAS,EAAGG;AANb,KAQC;AACC,IAAA,SAAS,EAAC,gCADX;AAEC,IAAA,IAAI,EAAGE,IAFR;AAGC,IAAA,EAAE,EAAGJ,EAHN;AAIC,IAAA,KAAK,EAAGF,KAJT;AAKC,IAAA,QAAQ,EAAGS,aALZ;AAMC,wBAAmB,CAAC,CAAER,IAAH,GAAUC,EAAE,GAAG,QAAf,GAA0BU,SAN9C;AAOC,IAAA,GAAG,EAAGhB,GAPP;AAAA,OAQMW;AARN,IARD,CADD;AAqBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMC,WAAW,GAAG,yBAAYd,sBAAZ,CAApB;;eAEQc,W","sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent, ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type { TextControlProps } from './types';\n\nfunction UnforwardedTextControl(\n\tprops: WordPressComponentProps< TextControlProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom,\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tid: idProp,\n\t\tclassName,\n\t\tonChange,\n\t\ttype = 'text',\n\t\t...additionalProps\n\t} = props;\n\tconst id = useInstanceId( TextControl, 'inspector-text-control', idProp );\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"components-text-control__input\"\n\t\t\t\ttype={ type }\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * TextControl components let users enter and edit text.\n *\n * ```jsx\n * import { TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTextControl = () => {\n *   const [ className, setClassName ] = useState( '' );\n *\n *   return (\n *     <TextControl\n *       label=\"Additional CSS Class\"\n *       value={ className }\n *       onChange={ ( value ) => setClassName( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport const TextControl = forwardRef( UnforwardedTextControl );\n\nexport default TextControl;\n"]}
+{"version":3,"names":["_element","require","_compose","_baseControl","_interopRequireDefault","UnforwardedTextControl","props","ref","__nextHasNoMarginBottom","label","hideLabelFromVision","value","help","id","idProp","className","onChange","type","additionalProps","useInstanceId","TextControl","onChangeValue","event","target","createElement","default","undefined","forwardRef","exports","_default"],"sources":["@wordpress/components/src/text-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent, ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type { TextControlProps } from './types';\n\nfunction UnforwardedTextControl(\n\tprops: WordPressComponentProps< TextControlProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom,\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tid: idProp,\n\t\tclassName,\n\t\tonChange,\n\t\ttype = 'text',\n\t\t...additionalProps\n\t} = props;\n\tconst id = useInstanceId( TextControl, 'inspector-text-control', idProp );\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"components-text-control__input\"\n\t\t\t\ttype={ type }\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * TextControl components let users enter and edit text.\n *\n * ```jsx\n * import { TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTextControl = () => {\n *   const [ className, setClassName ] = useState( '' );\n *\n *   return (\n *     <TextControl\n *       label=\"Additional CSS Class\"\n *       value={ className }\n *       onChange={ ( value ) => setClassName( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport const TextControl = forwardRef( UnforwardedTextControl );\n\nexport default TextControl;\n"],"mappings":";;;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASI,sBAAsBA,CAC9BC,KAAkE,EAClEC,GAAqC,EACpC;EACD,MAAM;IACLC,uBAAuB;IACvBC,KAAK;IACLC,mBAAmB;IACnBC,KAAK;IACLC,IAAI;IACJC,EAAE,EAAEC,MAAM;IACVC,SAAS;IACTC,QAAQ;IACRC,IAAI,GAAG,MAAM;IACb,GAAGC;EACJ,CAAC,GAAGZ,KAAK;EACT,MAAMO,EAAE,GAAG,IAAAM,sBAAa,EAAEC,WAAW,EAAE,wBAAwB,EAAEN,MAAO,CAAC;EACzE,MAAMO,aAAa,GAAKC,KAAsC,IAC7DN,QAAQ,CAAEM,KAAK,CAACC,MAAM,CAACZ,KAAM,CAAC;EAE/B,OACC,IAAAX,QAAA,CAAAwB,aAAA,EAACrB,YAAA,CAAAsB,OAAW;IACXjB,uBAAuB,EAAGA,uBAAyB;IACnDC,KAAK,EAAGA,KAAO;IACfC,mBAAmB,EAAGA,mBAAqB;IAC3CG,EAAE,EAAGA,EAAI;IACTD,IAAI,EAAGA,IAAM;IACbG,SAAS,EAAGA;EAAW,GAEvB,IAAAf,QAAA,CAAAwB,aAAA;IACCT,SAAS,EAAC,gCAAgC;IAC1CE,IAAI,EAAGA,IAAM;IACbJ,EAAE,EAAGA,EAAI;IACTF,KAAK,EAAGA,KAAO;IACfK,QAAQ,EAAGK,aAAe;IAC1B,oBAAmB,CAAC,CAAET,IAAI,GAAGC,EAAE,GAAG,QAAQ,GAAGa,SAAW;IACxDnB,GAAG,EAAGA,GAAK;IAAA,GACNW;EAAe,CACpB,CACW,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,WAAW,GAAG,IAAAO,mBAAU,EAAEtB,sBAAuB,CAAC;AAACuB,OAAA,CAAAR,WAAA,GAAAA,WAAA;AAAA,IAAAS,QAAA,GAEjDT,WAAW;AAAAQ,OAAA,CAAAH,OAAA,GAAAI,QAAA"}

package/build/text-control/index.native.js

@@ -1,16 +1,12 @@
 "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 _cell = _interopRequireDefault(require("../mobile/bottom-sheet/cell"));
-
 /**
  * WordPress dependencies
  */
@@ -18,6 +14,7 @@ var _cell = _interopRequireDefault(require("../mobile/bottom-sheet/cell"));
 /**
  * Internal dependencies
  */
+
 function TextControl({
   label,
   hideLabelFromVision,
@@ -45,8 +42,6 @@ function TextControl({
     ...props
   });
 }
-
 var _default = (0, _element.memo)(TextControl);
-
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/build/text-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text-control/index.native.js"],"names":["TextControl","label","hideLabelFromVision","value","help","className","instanceId","onChange","type","placeholder","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,WAAT,CAAsB;AACrBC,EAAAA,KADqB;AAErBC,EAAAA,mBAFqB;AAGrBC,EAAAA,KAHqB;AAIrBC,EAAAA,IAJqB;AAKrBC,EAAAA,SALqB;AAMrBC,EAAAA,UANqB;AAOrBC,EAAAA,QAPqB;AAQrBC,EAAAA,IAAI,GAAG,MARc;AASrBC,EAAAA,WATqB;AAUrB,KAAGC;AAVkB,CAAtB,EAWI;AACH,QAAMC,EAAE,GAAI,0BAA0BL,UAAY,EAAlD;AAEA,SACC,4BAAC,aAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,IAAI,EAAGP,IAJR;AAKC,IAAA,SAAS,EAAGC,SALb;AAMC,IAAA,IAAI,EAAGG,IANR;AAOC,IAAA,KAAK,EAAGL,KAPT;AAQC,IAAA,aAAa,EAAGI,QARjB;AASC,wBAAmB,CAAC,CAAEH,IAAH,GAAUO,EAAE,GAAG,QAAf,GAA0BC,SAT9C;AAUC,IAAA,gBAAgB,EAAGH,WAVpB;AAAA,OAWMC;AAXN,IADD;AAeA;;eAEc,mBAAMV,WAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport Cell from '../mobile/bottom-sheet/cell';\n\nfunction TextControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tclassName,\n\tinstanceId,\n\tonChange,\n\ttype = 'text',\n\tplaceholder,\n\t...props\n} ) {\n\tconst id = `inspector-text-control-${ instanceId }`;\n\n\treturn (\n\t\t<Cell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\ttype={ type }\n\t\t\tvalue={ value }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\tvaluePlaceholder={ placeholder }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( TextControl );\n"]}
+{"version":3,"names":["_element","require","_cell","_interopRequireDefault","TextControl","label","hideLabelFromVision","value","help","className","instanceId","onChange","type","placeholder","props","id","createElement","default","onChangeValue","undefined","valuePlaceholder","_default","memo","exports"],"sources":["@wordpress/components/src/text-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport Cell from '../mobile/bottom-sheet/cell';\n\nfunction TextControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tclassName,\n\tinstanceId,\n\tonChange,\n\ttype = 'text',\n\tplaceholder,\n\t...props\n} ) {\n\tconst id = `inspector-text-control-${ instanceId }`;\n\n\treturn (\n\t\t<Cell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\ttype={ type }\n\t\t\tvalue={ value }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\tvaluePlaceholder={ placeholder }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( TextControl );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASG,WAAWA,CAAE;EACrBC,KAAK;EACLC,mBAAmB;EACnBC,KAAK;EACLC,IAAI;EACJC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,IAAI,GAAG,MAAM;EACbC,WAAW;EACX,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,GAAI,0BAA0BL,UAAY,EAAC;EAEnD,OACC,IAAAV,QAAA,CAAAgB,aAAA,EAACd,KAAA,CAAAe,OAAI;IACJZ,KAAK,EAAGA,KAAO;IACfC,mBAAmB,EAAGA,mBAAqB;IAC3CS,EAAE,EAAGA,EAAI;IACTP,IAAI,EAAGA,IAAM;IACbC,SAAS,EAAGA,SAAW;IACvBG,IAAI,EAAGA,IAAM;IACbL,KAAK,EAAGA,KAAO;IACfW,aAAa,EAAGP,QAAU;IAC1B,oBAAmB,CAAC,CAAEH,IAAI,GAAGO,EAAE,GAAG,QAAQ,GAAGI,SAAW;IACxDC,gBAAgB,EAAGP,WAAa;IAAA,GAC3BC;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAO,QAAA,GAEc,IAAAC,aAAI,EAAElB,WAAY,CAAC;AAAAmB,OAAA,CAAAN,OAAA,GAAAI,QAAA"}

package/build/text-control/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/text-control/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { BaseControlProps } from '../base-control/types';\n\nexport type TextControlProps = Pick<\n\tBaseControlProps,\n\t| 'className'\n\t| 'hideLabelFromVision'\n\t| 'help'\n\t| 'label'\n\t| '__nextHasNoMarginBottom'\n> & {\n\t/**\n\t * A function that receives the value of the input.\n\t */\n\tonChange: ( value: string ) => void;\n\t/**\n\t * The current value of the input.\n\t */\n\tvalue: string | number;\n\t/**\n\t * Type of the input element to render. Defaults to \"text\".\n\t *\n\t * @default 'text'\n\t */\n\ttype?: 'email' | 'number' | 'password' | 'tel' | 'text' | 'search' | 'url';\n};\n"],"mappings":""}

package/build/text-highlight/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextHighlight = void 0;
-
 var _element = require("@wordpress/element");
-
 var _strings = require("../utils/strings");
-
 /**
  * WordPress dependencies
  */
@@ -38,17 +35,14 @@ const TextHighlight = props => {
     highlight = ''
   } = props;
   const trimmedHighlightText = highlight.trim();
-
   if (!trimmedHighlightText) {
     return (0, _element.createElement)(_element.Fragment, null, text);
   }
-
   const regex = new RegExp(`(${(0, _strings.escapeRegExp)(trimmedHighlightText)})`, 'gi');
   return (0, _element.createInterpolateElement)(text.replace(regex, '<mark>$&</mark>'), {
     mark: (0, _element.createElement)("mark", null)
   });
 };
-
 exports.TextHighlight = TextHighlight;
 var _default = TextHighlight;
 exports.default = _default;

package/build/text-highlight/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text-highlight/index.tsx"],"names":["TextHighlight","props","text","highlight","trimmedHighlightText","trim","regex","RegExp","replace","mark"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,aAAa,GAAKC,KAAF,IAAiC;AAC7D,QAAM;AAAEC,IAAAA,IAAI,GAAG,EAAT;AAAaC,IAAAA,SAAS,GAAG;AAAzB,MAAgCF,KAAtC;AACA,QAAMG,oBAAoB,GAAGD,SAAS,CAACE,IAAV,EAA7B;;AAEA,MAAK,CAAED,oBAAP,EAA8B;AAC7B,WAAO,qDAAIF,IAAJ,CAAP;AACA;;AAED,QAAMI,KAAK,GAAG,IAAIC,MAAJ,CACZ,IAAI,2BAAcH,oBAAd,CAAsC,GAD9B,EAEb,IAFa,CAAd;AAKA,SAAO,uCAA0BF,IAAI,CAACM,OAAL,CAAcF,KAAd,EAAqB,iBAArB,CAA1B,EAAoE;AAC1EG,IAAAA,IAAI,EAAE;AADoE,GAApE,CAAP;AAGA,CAhBM;;;eAkBQT,a","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { escapeRegExp } from '../utils/strings';\nimport type { TextHighlightProps } from './types';\n\n/**\n * Highlights occurrences of a given string within another string of text. Wraps\n * each match with a `<mark>` tag which provides browser default styling.\n *\n * ```jsx\n * import { TextHighlight } from '@wordpress/components';\n *\n * const MyTextHighlight = () => (\n *   <TextHighlight\n *     text=\"Why do we like Gutenberg? Because Gutenberg is the best!\"\n *     highlight=\"Gutenberg\"\n *   />\n * );\n * ```\n */\nexport const TextHighlight = ( props: TextHighlightProps ) => {\n\tconst { text = '', highlight = '' } = props;\n\tconst trimmedHighlightText = highlight.trim();\n\n\tif ( ! trimmedHighlightText ) {\n\t\treturn <>{ text }</>;\n\t}\n\n\tconst regex = new RegExp(\n\t\t`(${ escapeRegExp( trimmedHighlightText ) })`,\n\t\t'gi'\n\t);\n\n\treturn createInterpolateElement( text.replace( regex, '<mark>$&</mark>' ), {\n\t\tmark: <mark />,\n\t} );\n};\n\nexport default TextHighlight;\n"]}
+{"version":3,"names":["_element","require","_strings","TextHighlight","props","text","highlight","trimmedHighlightText","trim","createElement","Fragment","regex","RegExp","escapeRegExp","createInterpolateElement","replace","mark","exports","_default","default"],"sources":["@wordpress/components/src/text-highlight/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { escapeRegExp } from '../utils/strings';\nimport type { TextHighlightProps } from './types';\n\n/**\n * Highlights occurrences of a given string within another string of text. Wraps\n * each match with a `<mark>` tag which provides browser default styling.\n *\n * ```jsx\n * import { TextHighlight } from '@wordpress/components';\n *\n * const MyTextHighlight = () => (\n *   <TextHighlight\n *     text=\"Why do we like Gutenberg? Because Gutenberg is the best!\"\n *     highlight=\"Gutenberg\"\n *   />\n * );\n * ```\n */\nexport const TextHighlight = ( props: TextHighlightProps ) => {\n\tconst { text = '', highlight = '' } = props;\n\tconst trimmedHighlightText = highlight.trim();\n\n\tif ( ! trimmedHighlightText ) {\n\t\treturn <>{ text }</>;\n\t}\n\n\tconst regex = new RegExp(\n\t\t`(${ escapeRegExp( trimmedHighlightText ) })`,\n\t\t'gi'\n\t);\n\n\treturn createInterpolateElement( text.replace( regex, '<mark>$&</mark>' ), {\n\t\tmark: <mark />,\n\t} );\n};\n\nexport default TextHighlight;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,aAAa,GAAKC,KAAyB,IAAM;EAC7D,MAAM;IAAEC,IAAI,GAAG,EAAE;IAAEC,SAAS,GAAG;EAAG,CAAC,GAAGF,KAAK;EAC3C,MAAMG,oBAAoB,GAAGD,SAAS,CAACE,IAAI,CAAC,CAAC;EAE7C,IAAK,CAAED,oBAAoB,EAAG;IAC7B,OAAO,IAAAP,QAAA,CAAAS,aAAA,EAAAT,QAAA,CAAAU,QAAA,QAAIL,IAAQ,CAAC;EACrB;EAEA,MAAMM,KAAK,GAAG,IAAIC,MAAM,CACtB,IAAI,IAAAC,qBAAY,EAAEN,oBAAqB,CAAG,GAAE,EAC7C,IACD,CAAC;EAED,OAAO,IAAAO,iCAAwB,EAAET,IAAI,CAACU,OAAO,CAAEJ,KAAK,EAAE,iBAAkB,CAAC,EAAE;IAC1EK,IAAI,EAAE,IAAAhB,QAAA,CAAAS,aAAA,cAAO;EACd,CAAE,CAAC;AACJ,CAAC;AAACQ,OAAA,CAAAd,aAAA,GAAAA,aAAA;AAAA,IAAAe,QAAA,GAEaf,aAAa;AAAAc,OAAA,CAAAE,OAAA,GAAAD,QAAA"}

package/build/text-highlight/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/text-highlight/types.ts"],"sourcesContent":["export type TextHighlightProps = {\n\t/**\n\t * The string to search for and highlight within the `text`. Case\n\t * insensitive. Multiple matches.\n\t *\n\t * @default ''\n\t */\n\thighlight: string;\n\t/**\n\t * The string of text to be tested for occurrences of then given\n\t * `highlight`.\n\t *\n\t * @default ''\n\t */\n\ttext: string;\n};\n"],"mappings":""}

package/build/textarea-control/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TextareaControl = TextareaControl;
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _baseControl = _interopRequireDefault(require("../base-control"));
-
 var _textareaControlStyles = require("./styles/textarea-control-styles");
-
 /**
  * External dependencies
  */
@@ -65,9 +59,7 @@ function TextareaControl(props) {
   } = props;
   const instanceId = (0, _compose.useInstanceId)(TextareaControl);
   const id = `inspector-textarea-control-${instanceId}`;
-
   const onChangeValue = event => onChange(event.target.value);
-
   return (0, _element.createElement)(_baseControl.default, {
     __nextHasNoMarginBottom: __nextHasNoMarginBottom,
     label: label,
@@ -85,7 +77,6 @@ function TextareaControl(props) {
     ...additionalProps
   }));
 }
-
 var _default = TextareaControl;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/textarea-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/textarea-control/index.tsx"],"names":["TextareaControl","props","__nextHasNoMarginBottom","label","hideLabelFromVision","value","help","onChange","rows","className","additionalProps","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;;;;;;;;;;AAQA;;AAKA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,uBADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,mBAHK;AAILC,IAAAA,KAJK;AAKLC,IAAAA,IALK;AAMLC,IAAAA,QANK;AAOLC,IAAAA,IAAI,GAAG,CAPF;AAQLC,IAAAA,SARK;AASL,OAAGC;AATE,MAUFT,KAVJ;AAWA,QAAMU,UAAU,GAAG,4BAAeX,eAAf,CAAnB;AACA,QAAMY,EAAE,GAAI,8BAA8BD,UAAY,EAAtD;;AACA,QAAME,aAAa,GAAKC,KAAF,IACrBP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaV,KAAf,CADT;;AAGA,SACC,4BAAC,oBAAD;AACC,IAAA,uBAAuB,EAAGH,uBAD3B;AAEC,IAAA,KAAK,EAAGC,KAFT;AAGC,IAAA,mBAAmB,EAAGC,mBAHvB;AAIC,IAAA,EAAE,EAAGQ,EAJN;AAKC,IAAA,IAAI,EAAGN,IALR;AAMC,IAAA,SAAS,EAAGG;AANb,KAQC,4BAAC,qCAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,EAAE,EAAGG,EAFN;AAGC,IAAA,IAAI,EAAGJ,IAHR;AAIC,IAAA,QAAQ,EAAGK,aAJZ;AAKC,wBAAmB,CAAC,CAAEP,IAAH,GAAUM,EAAE,GAAG,QAAf,GAA0BI,SAL9C;AAMC,IAAA,KAAK,EAAGX,KANT;AAAA,OAOMK;AAPN,IARD,CADD;AAoBA;;eAEcV,e","sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { StyledTextarea } from './styles/textarea-control-styles';\nimport type { TextareaControlProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\n/**\n * TextareaControls are TextControls that allow for multiple lines of text, and\n * wrap overflow text onto a new line. They are a fixed height and scroll\n * vertically when the cursor reaches the bottom of the field.\n *\n * ```jsx\n * import { TextareaControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTextareaControl = () => {\n *   const [ text, setText ] = useState( '' );\n *\n *   return (\n *     <TextareaControl\n *       label=\"Text\"\n *       help=\"Enter some text\"\n *       value={ text }\n *       onChange={ ( value ) => setText( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function TextareaControl(\n\tprops: WordPressComponentProps< TextareaControlProps, 'textarea', false >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom,\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tonChange,\n\t\trows = 4,\n\t\tclassName,\n\t\t...additionalProps\n\t} = props;\n\tconst instanceId = useInstanceId( TextareaControl );\n\tconst id = `inspector-textarea-control-${ instanceId }`;\n\tconst onChangeValue = ( event: ChangeEvent< HTMLTextAreaElement > ) =>\n\t\tonChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<StyledTextarea\n\t\t\t\tclassName=\"components-textarea-control__input\"\n\t\t\t\tid={ id }\n\t\t\t\trows={ rows }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"]}
+{"version":3,"names":["_compose","require","_baseControl","_interopRequireDefault","_textareaControlStyles","TextareaControl","props","__nextHasNoMarginBottom","label","hideLabelFromVision","value","help","onChange","rows","className","additionalProps","instanceId","useInstanceId","id","onChangeValue","event","target","_element","createElement","default","StyledTextarea","undefined","_default","exports"],"sources":["@wordpress/components/src/textarea-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { StyledTextarea } from './styles/textarea-control-styles';\nimport type { TextareaControlProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\n/**\n * TextareaControls are TextControls that allow for multiple lines of text, and\n * wrap overflow text onto a new line. They are a fixed height and scroll\n * vertically when the cursor reaches the bottom of the field.\n *\n * ```jsx\n * import { TextareaControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTextareaControl = () => {\n *   const [ text, setText ] = useState( '' );\n *\n *   return (\n *     <TextareaControl\n *       label=\"Text\"\n *       help=\"Enter some text\"\n *       value={ text }\n *       onChange={ ( value ) => setText( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function TextareaControl(\n\tprops: WordPressComponentProps< TextareaControlProps, 'textarea', false >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom,\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tonChange,\n\t\trows = 4,\n\t\tclassName,\n\t\t...additionalProps\n\t} = props;\n\tconst instanceId = useInstanceId( TextareaControl );\n\tconst id = `inspector-textarea-control-${ instanceId }`;\n\tconst onChangeValue = ( event: ChangeEvent< HTMLTextAreaElement > ) =>\n\t\tonChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<StyledTextarea\n\t\t\t\tclassName=\"components-textarea-control__input\"\n\t\t\t\tid={ id }\n\t\t\t\trows={ rows }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"],"mappings":";;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,eAAeA,CAC9BC,KAAyE,EACxE;EACD,MAAM;IACLC,uBAAuB;IACvBC,KAAK;IACLC,mBAAmB;IACnBC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,IAAI,GAAG,CAAC;IACRC,SAAS;IACT,GAAGC;EACJ,CAAC,GAAGT,KAAK;EACT,MAAMU,UAAU,GAAG,IAAAC,sBAAa,EAAEZ,eAAgB,CAAC;EACnD,MAAMa,EAAE,GAAI,8BAA8BF,UAAY,EAAC;EACvD,MAAMG,aAAa,GAAKC,KAAyC,IAChER,QAAQ,CAAEQ,KAAK,CAACC,MAAM,CAACX,KAAM,CAAC;EAE/B,OACC,IAAAY,QAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,OAAW;IACXjB,uBAAuB,EAAGA,uBAAyB;IACnDC,KAAK,EAAGA,KAAO;IACfC,mBAAmB,EAAGA,mBAAqB;IAC3CS,EAAE,EAAGA,EAAI;IACTP,IAAI,EAAGA,IAAM;IACbG,SAAS,EAAGA;EAAW,GAEvB,IAAAQ,QAAA,CAAAC,aAAA,EAACnB,sBAAA,CAAAqB,cAAc;IACdX,SAAS,EAAC,oCAAoC;IAC9CI,EAAE,EAAGA,EAAI;IACTL,IAAI,EAAGA,IAAM;IACbD,QAAQ,EAAGO,aAAe;IAC1B,oBAAmB,CAAC,CAAER,IAAI,GAAGO,EAAE,GAAG,QAAQ,GAAGQ,SAAW;IACxDhB,KAAK,EAAGA,KAAO;IAAA,GACVK;EAAe,CACpB,CACW,CAAC;AAEhB;AAAC,IAAAY,QAAA,GAEctB,eAAe;AAAAuB,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}

package/build/textarea-control/index.native.js

@@ -1,18 +1,13 @@
 "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 _reactNative = require("react-native");
-
 var _baseControl = _interopRequireDefault(require("../base-control"));
-
 /**
  * External dependencies
  */
@@ -20,6 +15,7 @@ var _baseControl = _interopRequireDefault(require("../base-control"));
 /**
  * Internal dependencies
  */
+
 function TextareaControl({
   label,
   value,
@@ -43,7 +39,6 @@ function TextareaControl({
     textAlignVertical: "top"
   }));
 }
-
 var _default = TextareaControl;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/build/textarea-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/textarea-control/index.native.js"],"names":["TextareaControl","label","value","help","onChange","rows","height","borderColor","borderWidth"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,eAAT,CAA0B;AAAEC,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,IAAhB;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA,IAAI,GAAG;AAAvC,CAA1B,EAAuE;AACtE,SACC,4BAAC,oBAAD;AAAa,IAAA,KAAK,EAAGJ,KAArB;AAA6B,IAAA,IAAI,EAAGE;AAApC,KACC,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAG;AAAEG,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,WAAW,EAAE,MAA3B;AAAmCC,MAAAA,WAAW,EAAE;AAAhD,KADT;AAEC,IAAA,KAAK,EAAGN,KAFT;AAGC,IAAA,YAAY,EAAGE,QAHhB;AAIC,IAAA,aAAa,EAAGC,IAJjB;AAKC,IAAA,SAAS,EAAGA,IAAI,GAAG,CALpB;AAMC,IAAA,iBAAiB,EAAC;AANnB,IADD,CADD;AAYA;;eAEcL,e","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nfunction TextareaControl( { label, value, help, onChange, rows = 4 } ) {\n\treturn (\n\t\t<BaseControl label={ label } help={ help }>\n\t\t\t<TextInput\n\t\t\t\tstyle={ { height: 80, borderColor: 'gray', borderWidth: 1 } }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChangeText={ onChange }\n\t\t\t\tnumberOfLines={ rows }\n\t\t\t\tmultiline={ rows > 1 }\n\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"]}
+{"version":3,"names":["_reactNative","require","_baseControl","_interopRequireDefault","TextareaControl","label","value","help","onChange","rows","_element","createElement","default","TextInput","style","height","borderColor","borderWidth","onChangeText","numberOfLines","multiline","textAlignVertical","_default","exports"],"sources":["@wordpress/components/src/textarea-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nfunction TextareaControl( { label, value, help, onChange, rows = 4 } ) {\n\treturn (\n\t\t<BaseControl label={ label } help={ help }>\n\t\t\t<TextInput\n\t\t\t\tstyle={ { height: 80, borderColor: 'gray', borderWidth: 1 } }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChangeText={ onChange }\n\t\t\t\tnumberOfLines={ rows }\n\t\t\t\tmultiline={ rows > 1 }\n\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASG,eAAeA,CAAE;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAE,CAAC,EAAG;EACtE,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACT,YAAA,CAAAU,OAAW;IAACP,KAAK,EAAGA,KAAO;IAACE,IAAI,EAAGA;EAAM,GACzC,IAAAG,QAAA,CAAAC,aAAA,EAACX,YAAA,CAAAa,SAAS;IACTC,KAAK,EAAG;MAAEC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE,MAAM;MAAEC,WAAW,EAAE;IAAE,CAAG;IAC7DX,KAAK,EAAGA,KAAO;IACfY,YAAY,EAAGV,QAAU;IACzBW,aAAa,EAAGV,IAAM;IACtBW,SAAS,EAAGX,IAAI,GAAG,CAAG;IACtBY,iBAAiB,EAAC;EAAK,CACvB,CACW,CAAC;AAEhB;AAAC,IAAAC,QAAA,GAEclB,eAAe;AAAAmB,OAAA,CAAAX,OAAA,GAAAU,QAAA"}

package/build/textarea-control/styles/textarea-control-styles.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledTextarea = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
 var _input = require("../../utils/input");
-
 /**
  * External dependencies
  */
@@ -18,6 +14,7 @@ var _input = require("../../utils/input");
 /**
  * Internal dependencies
  */
+
 const StyledTextarea = (0, _base.default)("textarea", process.env.NODE_ENV === "production" ? {
   target: "e1w5nnrk0"
 } : {

package/build/textarea-control/styles/textarea-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/textarea-control/styles/textarea-control-styles.ts"],"names":["StyledTextarea","inputControl"],"mappings":";;;;;;;;;;;AAQA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGO,MAAMA,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,kBAEvBC,mBAFuB,qxBAApB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { inputControl } from '../../utils/input';\n\nexport const StyledTextarea = styled.textarea`\n\twidth: 100%;\n\t${ inputControl }\n`;\n"]}
+{"version":3,"names":["_input","require","StyledTextarea","_base","default","process","env","NODE_ENV","target","label","inputControl","exports"],"sources":["@wordpress/components/src/textarea-control/styles/textarea-control-styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { inputControl } from '../../utils/input';\n\nexport const StyledTextarea = styled.textarea`\n\twidth: 100%;\n\t${ inputControl }\n`;\n"],"mappings":";;;;;;;;AAQA,IAAAA,MAAA,GAAAC,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGO,MAAMC,cAAc,OAAAC,KAAA,CAAAC,OAAA,cAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,kBAEvBC,mBAAY,SAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,wvBACf;AAACI,OAAA,CAAAT,cAAA,GAAAA,cAAA"}

package/build/textarea-control/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/textarea-control/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { TextareaHTMLAttributes } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { BaseControlProps } from '../base-control/types';\n\nexport type TextareaControlProps = Pick<\n\tBaseControlProps,\n\t'hideLabelFromVision' | 'help' | 'label' | '__nextHasNoMarginBottom'\n> & {\n\t/**\n\t * A function that receives the new value of the textarea each time it\n\t * changes.\n\t */\n\tonChange: ( value: string ) => void;\n\t/**\n\t * The current value of the textarea.\n\t */\n\tvalue: string;\n\t/**\n\t * The number of rows the textarea should contain.\n\t *\n\t * @default 4\n\t */\n\trows?: TextareaHTMLAttributes< HTMLTextAreaElement >[ 'rows' ];\n};\n"],"mappings":""}

package/build/theme/color-algorithms.js

@@ -1,24 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkContrasts = checkContrasts;
 exports.generateShades = generateShades;
 exports.generateThemeVariables = generateThemeVariables;
-
 var _colord = require("colord");
-
 var _a11y = _interopRequireDefault(require("colord/plugins/a11y"));
-
 var _names = _interopRequireDefault(require("colord/plugins/names"));
-
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
-
 var _utils = require("../utils");
-
 /**
  * External dependencies
  */
@@ -26,11 +19,12 @@ var _utils = require("../utils");
 /**
  * WordPress dependencies
  */
-(0, _colord.extend)([_names.default, _a11y.default]);
 
+(0, _colord.extend)([_names.default, _a11y.default]);
 function generateThemeVariables(inputs) {
   validateInputs(inputs);
-  const generatedColors = { ...generateAccentDependentColors(inputs.accent),
+  const generatedColors = {
+    ...generateAccentDependentColors(inputs.accent),
     ...generateBackgroundDependentColors(inputs.background)
   };
   warnContrastIssues(checkContrasts(inputs, generatedColors));
@@ -38,7 +32,6 @@ function generateThemeVariables(inputs) {
     colors: generatedColors
   };
 }
-
 function validateInputs(inputs) {
   for (const [key, value] of Object.entries(inputs)) {
     if (typeof value !== 'undefined' && !(0, _colord.colord)(value).isValid()) {
@@ -46,7 +39,6 @@ function validateInputs(inputs) {
     }
   }
 }
-
 function checkContrasts(inputs, outputs) {
   const background = inputs.background || _utils.COLORS.white;
   const accent = inputs.accent || '#3858e9';
@@ -58,7 +50,6 @@ function checkContrasts(inputs, outputs) {
     grays: (0, _colord.colord)(background).contrast(gray[600]) >= 3 && (0, _colord.colord)(background).contrast(gray[700]) >= 4.5 ? undefined : `The background color provided ("${background}") cannot generate a set of grayscale foreground colors with sufficient contrast. Try adjusting the color to be lighter or darker.`
   };
 }
-
 function warnContrastIssues(issues) {
   for (const error of Object.values(issues)) {
     if (error) {
@@ -66,7 +57,6 @@ function warnContrastIssues(issues) {
     }
   }
 }
-
 function generateAccentDependentColors(accent) {
   if (!accent) return {};
   return {
@@ -76,7 +66,6 @@ function generateAccentDependentColors(accent) {
     accentInverted: getForegroundForColor(accent)
   };
 }
-
 function generateBackgroundDependentColors(background) {
   if (!background) return {};
   const foreground = getForegroundForColor(background);
@@ -87,11 +76,9 @@ function generateBackgroundDependentColors(background) {
     gray: generateShades(background, foreground)
   };
 }
-
 function getForegroundForColor(color) {
   return (0, _colord.colord)(color).isDark() ? _utils.COLORS.white : _utils.COLORS.gray[900];
 }
-
 function generateShades(background, foreground) {
   // How much darkness you need to add to #fff to get the COLORS.gray[n] color
   const SHADES = {
@@ -102,11 +89,13 @@ function generateShades(background, foreground) {
     600: 0.42,
     700: 0.543,
     800: 0.821
-  }; // Darkness of COLORS.gray[ 900 ], relative to #fff
+  };
 
+  // Darkness of COLORS.gray[ 900 ], relative to #fff
   const limit = 0.884;
-  const direction = (0, _colord.colord)(background).isDark() ? 'lighten' : 'darken'; // Lightness delta between the background and foreground colors
+  const direction = (0, _colord.colord)(background).isDark() ? 'lighten' : 'darken';
 
+  // Lightness delta between the background and foreground colors
   const range = Math.abs((0, _colord.colord)(background).toHsl().l - (0, _colord.colord)(foreground).toHsl().l) / 100;
   const result = {};
   Object.entries(SHADES).forEach(([key, value]) => {

package/build/theme/color-algorithms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/theme/color-algorithms.ts"],"names":["namesPlugin","a11yPlugin","generateThemeVariables","inputs","validateInputs","generatedColors","generateAccentDependentColors","accent","generateBackgroundDependentColors","background","warnContrastIssues","checkContrasts","colors","key","value","Object","entries","isValid","outputs","COLORS","white","foreground","gray","isReadable","undefined","grays","contrast","issues","error","values","accentDarker10","darken","toHex","accentDarker20","accentInverted","getForegroundForColor","foregroundInverted","generateShades","color","isDark","SHADES","limit","direction","range","Math","abs","toHsl","l","result","forEach","parseInt"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport a11yPlugin from 'colord/plugins/a11y';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport type { ThemeInputValues, ThemeOutputValues } from './types';\nimport { COLORS } from '../utils';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nexport function generateThemeVariables(\n\tinputs: ThemeInputValues\n): ThemeOutputValues {\n\tvalidateInputs( inputs );\n\n\tconst generatedColors = {\n\t\t...generateAccentDependentColors( inputs.accent ),\n\t\t...generateBackgroundDependentColors( inputs.background ),\n\t};\n\n\twarnContrastIssues( checkContrasts( inputs, generatedColors ) );\n\n\treturn { colors: generatedColors };\n}\n\nfunction validateInputs( inputs: ThemeInputValues ) {\n\tfor ( const [ key, value ] of Object.entries( inputs ) ) {\n\t\tif ( typeof value !== 'undefined' && ! colord( value ).isValid() ) {\n\t\t\twarning(\n\t\t\t\t`wp.components.Theme: \"${ value }\" is not a valid color value for the '${ key }' prop.`\n\t\t\t);\n\t\t}\n\t}\n}\n\nexport function checkContrasts(\n\tinputs: ThemeInputValues,\n\toutputs: ThemeOutputValues[ 'colors' ]\n) {\n\tconst background = inputs.background || COLORS.white;\n\tconst accent = inputs.accent || '#3858e9';\n\tconst foreground = outputs.foreground || COLORS.gray[ 900 ];\n\tconst gray = outputs.gray || COLORS.gray;\n\n\treturn {\n\t\taccent: colord( background ).isReadable( accent )\n\t\t\t? undefined\n\t\t\t: `The background color (\"${ background }\") does not have sufficient contrast against the accent color (\"${ accent }\").`,\n\t\tforeground: colord( background ).isReadable( foreground )\n\t\t\t? undefined\n\t\t\t: `The background color provided (\"${ background }\") does not have sufficient contrast against the standard foreground colors.`,\n\t\tgrays:\n\t\t\tcolord( background ).contrast( gray[ 600 ] ) >= 3 &&\n\t\t\tcolord( background ).contrast( gray[ 700 ] ) >= 4.5\n\t\t\t\t? undefined\n\t\t\t\t: `The background color provided (\"${ background }\") cannot generate a set of grayscale foreground colors with sufficient contrast. Try adjusting the color to be lighter or darker.`,\n\t};\n}\n\nfunction warnContrastIssues( issues: ReturnType< typeof checkContrasts > ) {\n\tfor ( const error of Object.values( issues ) ) {\n\t\tif ( error ) {\n\t\t\twarning( 'wp.components.Theme: ' + error );\n\t\t}\n\t}\n}\n\nfunction generateAccentDependentColors( accent?: string ) {\n\tif ( ! accent ) return {};\n\n\treturn {\n\t\taccent,\n\t\taccentDarker10: colord( accent ).darken( 0.1 ).toHex(),\n\t\taccentDarker20: colord( accent ).darken( 0.2 ).toHex(),\n\t\taccentInverted: getForegroundForColor( accent ),\n\t};\n}\n\nfunction generateBackgroundDependentColors( background?: string ) {\n\tif ( ! background ) return {};\n\n\tconst foreground = getForegroundForColor( background );\n\n\treturn {\n\t\tbackground,\n\t\tforeground,\n\t\tforegroundInverted: getForegroundForColor( foreground ),\n\t\tgray: generateShades( background, foreground ),\n\t};\n}\n\nfunction getForegroundForColor( color: string ) {\n\treturn colord( color ).isDark() ? COLORS.white : COLORS.gray[ 900 ];\n}\n\nexport function generateShades( background: string, foreground: string ) {\n\t// How much darkness you need to add to #fff to get the COLORS.gray[n] color\n\tconst SHADES = {\n\t\t100: 0.06,\n\t\t200: 0.121,\n\t\t300: 0.132,\n\t\t400: 0.2,\n\t\t600: 0.42,\n\t\t700: 0.543,\n\t\t800: 0.821,\n\t};\n\n\t// Darkness of COLORS.gray[ 900 ], relative to #fff\n\tconst limit = 0.884;\n\n\tconst direction = colord( background ).isDark() ? 'lighten' : 'darken';\n\n\t// Lightness delta between the background and foreground colors\n\tconst range =\n\t\tMath.abs(\n\t\t\tcolord( background ).toHsl().l - colord( foreground ).toHsl().l\n\t\t) / 100;\n\n\tconst result: Record< number, string > = {};\n\n\tObject.entries( SHADES ).forEach( ( [ key, value ] ) => {\n\t\tresult[ parseInt( key ) ] = colord( background )\n\t\t\t[ direction ]( ( value / limit ) * range )\n\t\t\t.toHex();\n\t} );\n\n\treturn result as NonNullable< ThemeOutputValues[ 'colors' ][ 'gray' ] >;\n}\n"]}
+{"version":3,"names":["_colord","require","_a11y","_interopRequireDefault","_names","_warning","_utils","extend","namesPlugin","a11yPlugin","generateThemeVariables","inputs","validateInputs","generatedColors","generateAccentDependentColors","accent","generateBackgroundDependentColors","background","warnContrastIssues","checkContrasts","colors","key","value","Object","entries","colord","isValid","process","env","NODE_ENV","warning","outputs","COLORS","white","foreground","gray","isReadable","undefined","grays","contrast","issues","error","values","accentDarker10","darken","toHex","accentDarker20","accentInverted","getForegroundForColor","foregroundInverted","generateShades","color","isDark","SHADES","limit","direction","range","Math","abs","toHsl","l","result","forEach","parseInt"],"sources":["@wordpress/components/src/theme/color-algorithms.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport a11yPlugin from 'colord/plugins/a11y';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport type { ThemeInputValues, ThemeOutputValues } from './types';\nimport { COLORS } from '../utils';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nexport function generateThemeVariables(\n\tinputs: ThemeInputValues\n): ThemeOutputValues {\n\tvalidateInputs( inputs );\n\n\tconst generatedColors = {\n\t\t...generateAccentDependentColors( inputs.accent ),\n\t\t...generateBackgroundDependentColors( inputs.background ),\n\t};\n\n\twarnContrastIssues( checkContrasts( inputs, generatedColors ) );\n\n\treturn { colors: generatedColors };\n}\n\nfunction validateInputs( inputs: ThemeInputValues ) {\n\tfor ( const [ key, value ] of Object.entries( inputs ) ) {\n\t\tif ( typeof value !== 'undefined' && ! colord( value ).isValid() ) {\n\t\t\twarning(\n\t\t\t\t`wp.components.Theme: \"${ value }\" is not a valid color value for the '${ key }' prop.`\n\t\t\t);\n\t\t}\n\t}\n}\n\nexport function checkContrasts(\n\tinputs: ThemeInputValues,\n\toutputs: ThemeOutputValues[ 'colors' ]\n) {\n\tconst background = inputs.background || COLORS.white;\n\tconst accent = inputs.accent || '#3858e9';\n\tconst foreground = outputs.foreground || COLORS.gray[ 900 ];\n\tconst gray = outputs.gray || COLORS.gray;\n\n\treturn {\n\t\taccent: colord( background ).isReadable( accent )\n\t\t\t? undefined\n\t\t\t: `The background color (\"${ background }\") does not have sufficient contrast against the accent color (\"${ accent }\").`,\n\t\tforeground: colord( background ).isReadable( foreground )\n\t\t\t? undefined\n\t\t\t: `The background color provided (\"${ background }\") does not have sufficient contrast against the standard foreground colors.`,\n\t\tgrays:\n\t\t\tcolord( background ).contrast( gray[ 600 ] ) >= 3 &&\n\t\t\tcolord( background ).contrast( gray[ 700 ] ) >= 4.5\n\t\t\t\t? undefined\n\t\t\t\t: `The background color provided (\"${ background }\") cannot generate a set of grayscale foreground colors with sufficient contrast. Try adjusting the color to be lighter or darker.`,\n\t};\n}\n\nfunction warnContrastIssues( issues: ReturnType< typeof checkContrasts > ) {\n\tfor ( const error of Object.values( issues ) ) {\n\t\tif ( error ) {\n\t\t\twarning( 'wp.components.Theme: ' + error );\n\t\t}\n\t}\n}\n\nfunction generateAccentDependentColors( accent?: string ) {\n\tif ( ! accent ) return {};\n\n\treturn {\n\t\taccent,\n\t\taccentDarker10: colord( accent ).darken( 0.1 ).toHex(),\n\t\taccentDarker20: colord( accent ).darken( 0.2 ).toHex(),\n\t\taccentInverted: getForegroundForColor( accent ),\n\t};\n}\n\nfunction generateBackgroundDependentColors( background?: string ) {\n\tif ( ! background ) return {};\n\n\tconst foreground = getForegroundForColor( background );\n\n\treturn {\n\t\tbackground,\n\t\tforeground,\n\t\tforegroundInverted: getForegroundForColor( foreground ),\n\t\tgray: generateShades( background, foreground ),\n\t};\n}\n\nfunction getForegroundForColor( color: string ) {\n\treturn colord( color ).isDark() ? COLORS.white : COLORS.gray[ 900 ];\n}\n\nexport function generateShades( background: string, foreground: string ) {\n\t// How much darkness you need to add to #fff to get the COLORS.gray[n] color\n\tconst SHADES = {\n\t\t100: 0.06,\n\t\t200: 0.121,\n\t\t300: 0.132,\n\t\t400: 0.2,\n\t\t600: 0.42,\n\t\t700: 0.543,\n\t\t800: 0.821,\n\t};\n\n\t// Darkness of COLORS.gray[ 900 ], relative to #fff\n\tconst limit = 0.884;\n\n\tconst direction = colord( background ).isDark() ? 'lighten' : 'darken';\n\n\t// Lightness delta between the background and foreground colors\n\tconst range =\n\t\tMath.abs(\n\t\t\tcolord( background ).toHsl().l - colord( foreground ).toHsl().l\n\t\t) / 100;\n\n\tconst result: Record< number, string > = {};\n\n\tObject.entries( SHADES ).forEach( ( [ key, value ] ) => {\n\t\tresult[ parseInt( key ) ] = colord( background )\n\t\t\t[ direction ]( ( value / limit ) * range )\n\t\t\t.toHex();\n\t} );\n\n\treturn result as NonNullable< ThemeOutputValues[ 'colors' ][ 'gray' ] >;\n}\n"],"mappings":"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"}