npm - @wordpress/components - Versions diffs - 25.1.0 → 25.1.1 - Mend

@wordpress/components 25.1.0 → 25.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (993) hide show

package/build-module/icon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/icon/index.tsx"],"names":["cloneElement","createElement","isValidElement","SVG","Dashicon","Icon","icon","size","additionalProps","type","appliedProps","props","width","height"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,YADD,EAECC,aAFD,EAGCC,cAHD,QAIO,oBAJP;AAKA,SAASC,GAAT,QAAoB,uBAApB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAiCA,SAASC,IAAT,CAAe;AACdC,EAAAA,IAAI,GAAG,IADO;AAEdC,EAAAA,IAAI,GAAG,aAAa,OAAOD,IAApB,GAA2B,EAA3B,GAAgC,EAFzB;AAGd,KAAGE;AAHW,CAAf,EAIW;AACV,MAAK,aAAa,OAAOF,IAAzB,EAAgC;AAC/B,WACC,cAAC,QAAD;AACC,MAAA,IAAI,EAAGA,IADR;AAEC,MAAA,IAAI,EAAGC;~~AAFR~~,~~OAGQC~~,~~eAHR,EADD~~;AAOA;;AAED,MAAKN,cAAc,CAAEI,IAAF,CAAd,IAA0BF,QAAQ,KAAKE,IAAI,CAACG,IAAjD,EAAwD;AACvD,WAAOT,YAAY,CAAEM,IAAF,EAAQ,EAC1B,GAAGE;AADuB,KAAR,CAAnB;AAGA;;AAED,MAAK,eAAe,OAAOF,IAA3B,EAAkC;AACjC,WAAOL,aAAa,CAAEK,IAAF,EAAQ;AAC3BC,MAAAA,IAD2B;AAE3B,SAAGC;AAFwB,KAAR,CAApB;AAIA;;AAED,MAAKF,IAAI,KAAMA,IAAI,CAACG,IAAL,KAAc,KAAd,IAAuBH,IAAI,CAACG,IAAL,KAAcN,GAA3C,CAAT,EAA4D;AAC3D,UAAMO,YAAY,GAAG,EACpB,GAAGJ,IAAI,CAACK,KADY;AAEpBC,MAAAA,KAAK,EAAEL,IAFa;AAGpBM,MAAAA,MAAM,EAAEN,IAHY;AAIpB,SAAGC;AAJiB,KAArB;AAOA,WAAO,cAAC,GAAD,~~EAAUE~~,~~YAAV,CAAP~~;AACA;;AAED,MAAKR,cAAc,CAAEI,IAAF,CAAnB,EAA8B;AAC7B,WAAON,YAAY,CAAEM,IAAF,EAAQ;AAC1B;AACAC,MAAAA,IAF0B;AAG1B,SAAGC;AAHuB,KAAR,CAAnB;AAKA;;AAED,SAAOF,IAAP;AACA;;AAED,eAAeD,IAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ComponentType, HTMLProps, SVGProps } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tcloneElement,\n\tcreateElement,\n\tisValidElement,\n} from '@wordpress/element';\nimport { SVG } from '@wordpress/primitives';\n\n/\n Internal dependencies\n /\nimport Dashicon from '../dashicon';\nimport type { IconKey as DashiconIconKey } from '../dashicon/types';\n\nexport type IconType =\n\t\| DashiconIconKey\n\t\| ComponentType< { size?: number } >\n\t\| ( ( props: { size?: number } ) => JSX.Element )\n\t\| JSX.Element;\n\ninterface BaseProps {\n\t/\n\t The icon to render. Supported values are: Dashicons (specified as\n\t * strings), functions, Component instances and `null`.\n\t \n\t @default null\n\t /\n\ticon?: IconType \| null;\n\t/\n\t The size (width and height) of the icon.\n\t \n\t @default `20` when a Dashicon is rendered, `24` for all other icons.\n\t */\n\tsize?: number;\n}\n\ntype AdditionalProps< T > = T extends ComponentType< infer U >\n\t? U\n\t: T extends DashiconIconKey\n\t? SVGProps< SVGSVGElement >\n\t: {};\n\nexport type Props = BaseProps & AdditionalProps< IconType >;\n\nfunction Icon( {\n\ticon = null,\n\tsize = 'string' === typeof icon ? 20 : 24,\n\t...additionalProps\n}: Props ) {\n\tif ( 'string' === typeof icon ) {\n\t\treturn (\n\t\t\t<Dashicon\n\t\t\t\ticon={ icon }\n\t\t\t\tsize={ size }\n\t\t\t\t{ ...( additionalProps as HTMLProps< HTMLSpanElement > ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isValidElement( icon ) && Dashicon === icon.type ) {\n\t\treturn cloneElement( icon, {\n\t\t\t...additionalProps,\n\t\t} );\n\t}\n\n\tif ( 'function' === typeof icon ) {\n\t\treturn createElement( icon, {\n\t\t\tsize,\n\t\t\t...additionalProps,\n\t\t} );\n\t}\n\n\tif ( icon && ( icon.type === 'svg' \|\| icon.type === SVG ) ) {\n\t\tconst appliedProps = {\n\t\t\t...icon.props,\n\t\t\twidth: size,\n\t\t\theight: size,\n\t\t\t...additionalProps,\n\t\t};\n\n\t\treturn <SVG { ...appliedProps } />;\n\t}\n\n\tif ( isValidElement( icon ) ) {\n\t\treturn cloneElement( icon, {\n\t\t\t// @ts-ignore Just forwarding the size prop along\n\t\t\tsize,\n\t\t\t...additionalProps,\n\t\t} );\n\t}\n\n\treturn icon;\n}\n\nexport default Icon;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/icon/index.tsx"],"names":["cloneElement","createElement","isValidElement","SVG","Dashicon","Icon","icon","size","additionalProps","type","appliedProps","props","width","height"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,YADD,EAECC,aAFD,EAGCC,cAHD,QAIO,oBAJP;AAKA,SAASC,GAAT,QAAoB,uBAApB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAiCA,SAASC,IAAT,CAAe;AACdC,EAAAA,IAAI,GAAG,IADO;AAEdC,EAAAA,IAAI,GAAG,aAAa,OAAOD,IAApB,GAA2B,EAA3B,GAAgC,EAFzB;AAGd,KAAGE;AAHW,CAAf,EAIW;AACV,MAAK,aAAa,OAAOF,IAAzB,EAAgC;AAC/B,WACC,cAAC,QAAD;AACC,MAAA,IAAI,EAAGA,IADR;AAEC,MAAA,IAAI,EAAGC,IAFR;AAAA,SAGQC;AAHR,MADD;AAOA;;AAED,MAAKN,cAAc,CAAEI,IAAF,CAAd,IAA0BF,QAAQ,KAAKE,IAAI,CAACG,IAAjD,EAAwD;AACvD,WAAOT,YAAY,CAAEM,IAAF,EAAQ,EAC1B,GAAGE;AADuB,KAAR,CAAnB;AAGA;;AAED,MAAK,eAAe,OAAOF,IAA3B,EAAkC;AACjC,WAAOL,aAAa,CAAEK,IAAF,EAAQ;AAC3BC,MAAAA,IAD2B;AAE3B,SAAGC;AAFwB,KAAR,CAApB;AAIA;;AAED,MAAKF,IAAI,KAAMA,IAAI,CAACG,IAAL,KAAc,KAAd,IAAuBH,IAAI,CAACG,IAAL,KAAcN,GAA3C,CAAT,EAA4D;AAC3D,UAAMO,YAAY,GAAG,EACpB,GAAGJ,IAAI,CAACK,KADY;AAEpBC,MAAAA,KAAK,EAAEL,IAFa;AAGpBM,MAAAA,MAAM,EAAEN,IAHY;AAIpB,SAAGC;AAJiB,KAArB;AAOA,WAAO,cAAC,GAAD,OAAUE;AAAV,MAAP;AACA;;AAED,MAAKR,cAAc,CAAEI,IAAF,CAAnB,EAA8B;AAC7B,WAAON,YAAY,CAAEM,IAAF,EAAQ;AAC1B;AACAC,MAAAA,IAF0B;AAG1B,SAAGC;AAHuB,KAAR,CAAnB;AAKA;;AAED,SAAOF,IAAP;AACA;;AAED,eAAeD,IAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ComponentType, HTMLProps, SVGProps } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tcloneElement,\n\tcreateElement,\n\tisValidElement,\n} from '@wordpress/element';\nimport { SVG } from '@wordpress/primitives';\n\n/\n Internal dependencies\n /\nimport Dashicon from '../dashicon';\nimport type { IconKey as DashiconIconKey } from '../dashicon/types';\n\nexport type IconType =\n\t\| DashiconIconKey\n\t\| ComponentType< { size?: number } >\n\t\| ( ( props: { size?: number } ) => JSX.Element )\n\t\| JSX.Element;\n\ninterface BaseProps {\n\t/\n\t The icon to render. Supported values are: Dashicons (specified as\n\t * strings), functions, Component instances and `null`.\n\t \n\t @default null\n\t /\n\ticon?: IconType \| null;\n\t/\n\t The size (width and height) of the icon.\n\t \n\t @default `20` when a Dashicon is rendered, `24` for all other icons.\n\t */\n\tsize?: number;\n}\n\ntype AdditionalProps< T > = T extends ComponentType< infer U >\n\t? U\n\t: T extends DashiconIconKey\n\t? SVGProps< SVGSVGElement >\n\t: {};\n\nexport type Props = BaseProps & AdditionalProps< IconType >;\n\nfunction Icon( {\n\ticon = null,\n\tsize = 'string' === typeof icon ? 20 : 24,\n\t...additionalProps\n}: Props ) {\n\tif ( 'string' === typeof icon ) {\n\t\treturn (\n\t\t\t<Dashicon\n\t\t\t\ticon={ icon }\n\t\t\t\tsize={ size }\n\t\t\t\t{ ...( additionalProps as HTMLProps< HTMLSpanElement > ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isValidElement( icon ) && Dashicon === icon.type ) {\n\t\treturn cloneElement( icon, {\n\t\t\t...additionalProps,\n\t\t} );\n\t}\n\n\tif ( 'function' === typeof icon ) {\n\t\treturn createElement( icon, {\n\t\t\tsize,\n\t\t\t...additionalProps,\n\t\t} );\n\t}\n\n\tif ( icon && ( icon.type === 'svg' \|\| icon.type === SVG ) ) {\n\t\tconst appliedProps = {\n\t\t\t...icon.props,\n\t\t\twidth: size,\n\t\t\theight: size,\n\t\t\t...additionalProps,\n\t\t};\n\n\t\treturn <SVG { ...appliedProps } />;\n\t}\n\n\tif ( isValidElement( icon ) ) {\n\t\treturn cloneElement( icon, {\n\t\t\t// @ts-ignore Just forwarding the size prop along\n\t\t\tsize,\n\t\t\t...additionalProps,\n\t\t} );\n\t}\n\n\treturn icon;\n}\n\nexport default Icon;\n"]}

package/build-module/input-control/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -84,7 +83,8 @@ export function UnforwardedInputControl({
     size: size,
     style: style,
     suffix: suffix
-  }, createElement(InputField, _extends({}, props, helpProp, {
+  }, createElement(InputField, { ...props,
+    ...helpProp,
     __next36pxDefaultSize: __next36pxDefaultSize,
     className: "components-input-control__input",
     disabled: disabled,
@@ -98,8 +98,9 @@ export function UnforwardedInputControl({
     ref: ref,
     setIsFocused: setIsFocused,
     size: size,
-    stateReducer: stateReducer
-  }, draftHookProps))));
+    stateReducer: stateReducer,
+    ...draftHookProps
+  })));
 }
 /**
  * InputControl components let users enter and edit text. This is an experimental component

package/build-module/input-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/index.tsx"],"names":["classNames","useInstanceId","useState","forwardRef","InputBase","InputField","space","useDraft","BaseControl","noop","useUniqueId","idProp","instanceId","InputControl","id","UnforwardedInputControl","__next36pxDefaultSize","__unstableStateReducer","stateReducer","state","__unstableInputWidth","className","disabled","help","hideLabelFromVision","isPressEnterToChange","label","labelPosition","onChange","onValidate","onKeyDown","prefix","size","style","suffix","value","props","ref","isFocused","setIsFocused","classes","draftHookProps","onBlur","helpPropName","helpProp","undefined"],"mappings":"~~;;;~~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~~eACME~~,KADN,~~EAEMQ~~,QAFN;AAGC,IAAA,qBAAqB,EAAG5B,qBAHzB;AAIC,IAAA,SAAS,EAAC,iCAJX;AAKC,IAAA,QAAQ,EAAGM,QALZ;AAMC,IAAA,EAAE,EAAGR,EANN;AAOC,IAAA,SAAS,EAAGwB,SAPb;AAQC,IAAA,oBAAoB,EAAGb,oBARxB;AASC,IAAA,SAAS,EAAGK,SATb;AAUC,IAAA,UAAU,EAAGD,UAVd;AAWC,IAAA,kBAAkB,EAAGE,MAAM,GAAGzB,KAAK,CAAE,CAAF,CAAR,GAAgBuC,SAX5C;AAYC,IAAA,gBAAgB,EAAGX,MAAM,GAAG5B,KAAK,CAAE,CAAF,CAAR,GAAgBuC,SAZ1C;AAaC,IAAA,GAAG,EAAGR,GAbP;AAcC,IAAA,YAAY,EAAGE,YAdhB;AAeC,IAAA,IAAI,EAAGP,IAfR;AAgBC,IAAA,YAAY,EAAGd;~~AAhBhB~~,~~KAiBMuB~~,~~cAjBN~~,~~EAhBD,~~CAND,CADD;AA6CA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAM5B,YAAY,GAAGV,UAAU,CAAEY,uBAAF,CAA/B;AAEP,eAAeF,YAAf","sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport type { InputControlProps } from './types';\nimport { space } from '../ui/utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\n\nconst noop = () => {};\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputControl );\n\tconst id = `inspector-input-control-${ instanceId }`;\n\n\treturn idProp \|\| id;\n}\n\nexport function UnforwardedInputControl(\n\t{\n\t\t__next36pxDefaultSize,\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\t__unstableInputWidth,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tid: idProp,\n\t\tisPressEnterToChange = false,\n\t\tlabel,\n\t\tlabelPosition = 'top',\n\t\tonChange = noop,\n\t\tonValidate = noop,\n\t\tonKeyDown = noop,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tsuffix,\n\t\tvalue,\n\t\t...props\n\t}: InputControlProps,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst id = useUniqueId( idProp );\n\tconst classes = classNames( 'components-input-control', className );\n\n\tconst draftHookProps = useDraft( {\n\t\tvalue,\n\t\tonBlur: props.onBlur,\n\t\tonChange,\n\t} );\n\n\t// ARIA descriptions can only contain plain text, so fall back to aria-details if not.\n\tconst helpPropName =\n\t\ttypeof help === 'string' ? 'aria-describedby' : 'aria-details';\n\tconst helpProp = !! help ? { [ helpPropName ]: `${ id }__help` } : {};\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName={ classes }\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t>\n\t\t\t<InputBase\n\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tgap={ 3 }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tisFocused={ isFocused }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tlabel={ label }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\tprefix={ prefix }\n\t\t\t\tsize={ size }\n\t\t\t\tstyle={ style }\n\t\t\t\tsuffix={ suffix }\n\t\t\t>\n\t\t\t\t<InputField\n\t\t\t\t\t{ ...props }\n\t\t\t\t\t{ ...helpProp }\n\t\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t\tclassName=\"components-input-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\tonValidate={ onValidate }\n\t\t\t\t\tpaddingInlineStart={ prefix ? space( 2 ) : undefined }\n\t\t\t\t\tpaddingInlineEnd={ suffix ? space( 2 ) : undefined }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tsetIsFocused={ setIsFocused }\n\t\t\t\t\tsize={ size }\n\t\t\t\t\tstateReducer={ stateReducer }\n\t\t\t\t\t{ ...draftHookProps }\n\t\t\t\t/>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/\n InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n \n ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from '@wordpress/compose';\n \n const Example = () => {\n * const [ value, setValue ] = useState( '' );\n \n return (\n * \t<InputControl\n * \t\tvalue={ value }\n * \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n * \t/>\n * );\n * };\n * ```\n */\nexport const InputControl = forwardRef( UnforwardedInputControl );\n\nexport default InputControl;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/index.tsx"],"names":["classNames","useInstanceId","useState","forwardRef","InputBase","InputField","space","useDraft","BaseControl","noop","useUniqueId","idProp","instanceId","InputControl","id","UnforwardedInputControl","__next36pxDefaultSize","__unstableStateReducer","stateReducer","state","__unstableInputWidth","className","disabled","help","hideLabelFromVision","isPressEnterToChange","label","labelPosition","onChange","onValidate","onKeyDown","prefix","size","style","suffix","value","props","ref","isFocused","setIsFocused","classes","draftHookProps","onBlur","helpPropName","helpProp","undefined"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport type { InputControlProps } from './types';\nimport { space } from '../ui/utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\n\nconst noop = () => {};\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputControl );\n\tconst id = `inspector-input-control-${ instanceId }`;\n\n\treturn idProp \|\| id;\n}\n\nexport function UnforwardedInputControl(\n\t{\n\t\t__next36pxDefaultSize,\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\t__unstableInputWidth,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tid: idProp,\n\t\tisPressEnterToChange = false,\n\t\tlabel,\n\t\tlabelPosition = 'top',\n\t\tonChange = noop,\n\t\tonValidate = noop,\n\t\tonKeyDown = noop,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tsuffix,\n\t\tvalue,\n\t\t...props\n\t}: InputControlProps,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst id = useUniqueId( idProp );\n\tconst classes = classNames( 'components-input-control', className );\n\n\tconst draftHookProps = useDraft( {\n\t\tvalue,\n\t\tonBlur: props.onBlur,\n\t\tonChange,\n\t} );\n\n\t// ARIA descriptions can only contain plain text, so fall back to aria-details if not.\n\tconst helpPropName =\n\t\ttypeof help === 'string' ? 'aria-describedby' : 'aria-details';\n\tconst helpProp = !! help ? { [ helpPropName ]: `${ id }__help` } : {};\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName={ classes }\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t>\n\t\t\t<InputBase\n\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tgap={ 3 }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tisFocused={ isFocused }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tlabel={ label }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\tprefix={ prefix }\n\t\t\t\tsize={ size }\n\t\t\t\tstyle={ style }\n\t\t\t\tsuffix={ suffix }\n\t\t\t>\n\t\t\t\t<InputField\n\t\t\t\t\t{ ...props }\n\t\t\t\t\t{ ...helpProp }\n\t\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t\tclassName=\"components-input-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\tonValidate={ onValidate }\n\t\t\t\t\tpaddingInlineStart={ prefix ? space( 2 ) : undefined }\n\t\t\t\t\tpaddingInlineEnd={ suffix ? space( 2 ) : undefined }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tsetIsFocused={ setIsFocused }\n\t\t\t\t\tsize={ size }\n\t\t\t\t\tstateReducer={ stateReducer }\n\t\t\t\t\t{ ...draftHookProps }\n\t\t\t\t/>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/\n InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n \n ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from '@wordpress/compose';\n \n const Example = () => {\n * const [ value, setValue ] = useState( '' );\n \n return (\n * \t<InputControl\n * \t\tvalue={ value }\n * \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n * \t/>\n * );\n * };\n * ```\n */\nexport const InputControl = forwardRef( UnforwardedInputControl );\n\nexport default InputControl;\n"]}

package/build-module/input-control/input-base.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -86,13 +85,14 @@ export function InputBase({
     };
   }, [paddingLeft, paddingRight]);
   return (// @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.
-    createElement(Root, _extends({}, props, getUIFlexProps(labelPosition), {
+    createElement(Root, { ...props,
+      ...getUIFlexProps(labelPosition),
       className: className,
       gap: 2,
       isFocused: isFocused,
       labelPosition: labelPosition,
       ref: ref
-    }), createElement(Label, {
+    }, createElement(Label, {
       className: "components-input-control__label",
       hideLabelFromVision: hideLabelFromVision,
       labelPosition: labelPosition,

package/build-module/input-control/input-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/input-base.tsx"],"names":["useInstanceId","forwardRef","useMemo","Backdrop","Label","Container","Root","Prefix","Suffix","getSizeConfig","ContextSystemProvider","useUniqueId","idProp","instanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","__next36pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isFocused","label","prefix","size","suffix","ref","hideLabel","paddingLeft","paddingRight","inputSize","prefixSuffixContextValue","InputControlPrefixWrapper","InputControlSuffixWrapper"],"mappings":"~~;;;~~AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B;AACA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,oBAApC;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,SACCC,SADD,EAECC,IAFD,EAGCC,MAHD,EAICC,MAJD,EAKCC,aALD,QAMO,+BANP;AAQA,SAASC,qBAAT,QAA+D,eAA/D;;AAEA,SAASC,WAAT,CAAsBC,MAAtB,EAAwC;AACvC,QAAMC,UAAU,GAAGb,aAAa,CAAEc,SAAF,CAAhC;AACA,QAAMC,EAAE,GAAI,sBAAsBF,UAAY,EAA9C;AAEA,SAAOD,MAAM,IAAIG,EAAjB;AACA,C,CAED;;;AACA,SAASC,cAAT,CAAyBC,aAAzB,EAAyD;AACxD,QAAMC,KAKL,GAAG,EALJ;;AAMA,UAASD,aAAT;AACC,SAAK,KAAL;AACCC,MAAAA,KAAK,CAACC,SAAN,GAAkB,QAAlB;AACAD,MAAAA,KAAK,CAACE,QAAN,GAAiB,KAAjB;AACAF,MAAAA,KAAK,CAACG,GAAN,GAAY,CAAZ;AACA;;AACD,SAAK,QAAL;AACCH,MAAAA,KAAK,CAACC,SAAN,GAAkB,gBAAlB;AACAD,MAAAA,KAAK,CAACE,QAAN,GAAiB,KAAjB;AACAF,MAAAA,KAAK,CAACG,GAAN,GAAY,CAAZ;AACA;;AACD,SAAK,MAAL;AACCH,MAAAA,KAAK,CAACI,OAAN,GAAgB,eAAhB;AACA;AAbF;;AAgBA,SAAOJ,KAAP;AACA;;AAED,OAAO,SAASJ,SAAT,CACN;AACCS,EAAAA,qBADD;AAECC,EAAAA,oBAFD;AAGCC,EAAAA,QAHD;AAICC,EAAAA,SAJD;AAKCC,EAAAA,QAAQ,GAAG,KALZ;AAMCC,EAAAA,mBAAmB,GAAG,KANvB;AAOCX,EAAAA,aAPD;AAQCF,EAAAA,EAAE,EAAEH,MARL;AASCiB,EAAAA,SAAS,GAAG,KATb;AAUCC,EAAAA,KAVD;AAWCC,EAAAA,MAXD;AAYCC,EAAAA,IAAI,GAAG,SAZR;AAaCC,EAAAA,MAbD;AAcC,KAAGf;AAdJ,CADM,EAiBNgB,GAjBM,EAkBL;AACD,QAAMnB,EAAE,GAAGJ,WAAW,CAAEC,MAAF,CAAtB;AACA,QAAMuB,SAAS,GAAGP,mBAAmB,IAAI,CAAEE,KAA3C;AAEA,QAAM;AAAEM,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAgC5B,aAAa,CAAE;AACpD6B,IAAAA,SAAS,EAAEN,IADyC;AAEpDT,IAAAA;AAFoD,GAAF,CAAnD;AAIA,QAAMgB,wBAAwB,GAAGrC,OAAO,CAAE,MAAM;AAC/C,WAAO;AACNsC,MAAAA,yBAAyB,EAAE;AAAEJ,QAAAA;AAAF,OADrB;AAENK,MAAAA,yBAAyB,EAAE;AAAEJ,QAAAA;AAAF;AAFrB,KAAP;AAIA,GALuC,EAKrC,CAAED,WAAF,EAAeC,YAAf,CALqC,CAAxC;AAOA,SACC;AACA,kBAAC,IAAD,~~eACMnB~~,KADN,~~EAEMF~~,cAAc,CAAEC,aAAF,CAFpB;AAGC,MAAA,SAAS,EAAGS,SAHb;AAIC,MAAA,GAAG,EAAG,CAJP;AAKC,MAAA,SAAS,EAAGG,SALb;AAMC,MAAA,aAAa,EAAGZ,aANjB;AAOC,MAAA,GAAG,EAAGiB;AAPP,~~QASC~~,cAAC,KAAD;AACC,MAAA,SAAS,EAAC,iCADX;AAEC,MAAA,mBAAmB,EAAGN,mBAFvB;AAGC,MAAA,aAAa,EAAGX,aAHjB;AAIC,MAAA,OAAO,EAAGF;AAJX,OAMGe,KANH,CATD,EAiBC,cAAC,SAAD;AACC,MAAA,oBAAoB,EAAGN,oBADxB;AAEC,MAAA,SAAS,EAAC,qCAFX;AAGC,MAAA,QAAQ,EAAGG,QAHZ;AAIC,MAAA,SAAS,EAAGQ,SAJb;AAKC,MAAA,aAAa,EAAGlB;AALjB,OAOC,cAAC,qBAAD;AAAuB,MAAA,KAAK,EAAGsB;AAA/B,OACGR,MAAM,IACP,cAAC,MAAD;AAAQ,MAAA,SAAS,EAAC;AAAlB,OACGA,MADH,CAFF,EAMGN,QANH,EAOGQ,MAAM,IACP,cAAC,MAAD;AAAQ,MAAA,SAAS,EAAC;AAAlB,OACGA,MADH,CARF,CAPD,EAoBC,cAAC,QAAD;AAAU,MAAA,QAAQ,EAAGN,QAArB;AAAgC,MAAA,SAAS,EAAGE;AAA5C,MApBD,CAjBD;AAFD;AA2CA;AAED,eAAe5B,UAAU,CAAEa,SAAF,CAAzB","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport {\n\tContainer,\n\tRoot,\n\tPrefix,\n\tSuffix,\n\tgetSizeConfig,\n} from './styles/input-control-styles';\nimport type { InputBaseProps, LabelPosition } from './types';\nimport { ContextSystemProvider, WordPressComponentProps } from '../ui/context';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputBase );\n\tconst id = `input-base-control-${ instanceId }`;\n\n\treturn idProp \|\| id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps( labelPosition?: LabelPosition ) {\n\tconst props: {\n\t\tdirection?: string;\n\t\tgap?: number;\n\t\tjustify?: string;\n\t\texpanded?: boolean;\n\t} = {};\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\tprops.direction = 'column';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'bottom':\n\t\t\tprops.direction = 'column-reverse';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'edge':\n\t\t\tprops.justify = 'space-between';\n\t\t\tbreak;\n\t}\n\n\treturn props;\n}\n\nexport function InputBase(\n\t{\n\t\t__next36pxDefaultSize,\n\t\t__unstableInputWidth,\n\t\tchildren,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thideLabelFromVision = false,\n\t\tlabelPosition,\n\t\tid: idProp,\n\t\tisFocused = false,\n\t\tlabel,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\t...props\n\t}: WordPressComponentProps< InputBaseProps, 'div' >,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\tconst id = useUniqueId( idProp );\n\tconst hideLabel = hideLabelFromVision \|\| ! label;\n\n\tconst { paddingLeft, paddingRight } = getSizeConfig( {\n\t\tinputSize: size,\n\t\t__next36pxDefaultSize,\n\t} );\n\tconst prefixSuffixContextValue = useMemo( () => {\n\t\treturn {\n\t\t\tInputControlPrefixWrapper: { paddingLeft },\n\t\t\tInputControlSuffixWrapper: { paddingRight },\n\t\t};\n\t}, [ paddingLeft, paddingRight ] );\n\n\treturn (\n\t\t// @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n\t\t<Root\n\t\t\t{ ...props }\n\t\t\t{ ...getUIFlexProps( labelPosition ) }\n\t\t\tclassName={ className }\n\t\t\tgap={ 2 }\n\t\t\tisFocused={ isFocused }\n\t\t\tlabelPosition={ labelPosition }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Label\n\t\t\t\tclassName=\"components-input-control__label\"\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\thtmlFor={ id }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</Label>\n\t\t\t<Container\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tclassName=\"components-input-control__container\"\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabel={ hideLabel }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<ContextSystemProvider value={ prefixSuffixContextValue }>\n\t\t\t\t\t{ prefix && (\n\t\t\t\t\t\t<Prefix className=\"components-input-control__prefix\">\n\t\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t\t</Prefix>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t\t{ suffix && (\n\t\t\t\t\t\t<Suffix className=\"components-input-control__suffix\">\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t</Suffix>\n\t\t\t\t\t) }\n\t\t\t\t</ContextSystemProvider>\n\t\t\t\t<Backdrop disabled={ disabled } isFocused={ isFocused } />\n\t\t\t</Container>\n\t\t</Root>\n\t);\n}\n\nexport default forwardRef( InputBase );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/input-base.tsx"],"names":["useInstanceId","forwardRef","useMemo","Backdrop","Label","Container","Root","Prefix","Suffix","getSizeConfig","ContextSystemProvider","useUniqueId","idProp","instanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","__next36pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isFocused","label","prefix","size","suffix","ref","hideLabel","paddingLeft","paddingRight","inputSize","prefixSuffixContextValue","InputControlPrefixWrapper","InputControlSuffixWrapper"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport {\n\tContainer,\n\tRoot,\n\tPrefix,\n\tSuffix,\n\tgetSizeConfig,\n} from './styles/input-control-styles';\nimport type { InputBaseProps, LabelPosition } from './types';\nimport { ContextSystemProvider, WordPressComponentProps } from '../ui/context';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputBase );\n\tconst id = `input-base-control-${ instanceId }`;\n\n\treturn idProp \|\| id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps( labelPosition?: LabelPosition ) {\n\tconst props: {\n\t\tdirection?: string;\n\t\tgap?: number;\n\t\tjustify?: string;\n\t\texpanded?: boolean;\n\t} = {};\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\tprops.direction = 'column';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'bottom':\n\t\t\tprops.direction = 'column-reverse';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'edge':\n\t\t\tprops.justify = 'space-between';\n\t\t\tbreak;\n\t}\n\n\treturn props;\n}\n\nexport function InputBase(\n\t{\n\t\t__next36pxDefaultSize,\n\t\t__unstableInputWidth,\n\t\tchildren,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thideLabelFromVision = false,\n\t\tlabelPosition,\n\t\tid: idProp,\n\t\tisFocused = false,\n\t\tlabel,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\t...props\n\t}: WordPressComponentProps< InputBaseProps, 'div' >,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\tconst id = useUniqueId( idProp );\n\tconst hideLabel = hideLabelFromVision \|\| ! label;\n\n\tconst { paddingLeft, paddingRight } = getSizeConfig( {\n\t\tinputSize: size,\n\t\t__next36pxDefaultSize,\n\t} );\n\tconst prefixSuffixContextValue = useMemo( () => {\n\t\treturn {\n\t\t\tInputControlPrefixWrapper: { paddingLeft },\n\t\t\tInputControlSuffixWrapper: { paddingRight },\n\t\t};\n\t}, [ paddingLeft, paddingRight ] );\n\n\treturn (\n\t\t// @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n\t\t<Root\n\t\t\t{ ...props }\n\t\t\t{ ...getUIFlexProps( labelPosition ) }\n\t\t\tclassName={ className }\n\t\t\tgap={ 2 }\n\t\t\tisFocused={ isFocused }\n\t\t\tlabelPosition={ labelPosition }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Label\n\t\t\t\tclassName=\"components-input-control__label\"\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\thtmlFor={ id }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</Label>\n\t\t\t<Container\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tclassName=\"components-input-control__container\"\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabel={ hideLabel }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<ContextSystemProvider value={ prefixSuffixContextValue }>\n\t\t\t\t\t{ prefix && (\n\t\t\t\t\t\t<Prefix className=\"components-input-control__prefix\">\n\t\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t\t</Prefix>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t\t{ suffix && (\n\t\t\t\t\t\t<Suffix className=\"components-input-control__suffix\">\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t</Suffix>\n\t\t\t\t\t) }\n\t\t\t\t</ContextSystemProvider>\n\t\t\t\t<Backdrop disabled={ disabled } isFocused={ isFocused } />\n\t\t\t</Container>\n\t\t</Root>\n\t);\n}\n\nexport default forwardRef( InputBase );\n"]}

package/build-module/input-control/input-field.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -202,7 +201,8 @@ function InputField({
     };
   }
-  return createElement(Input, _extends({}, props, dragProps, {
+  return createElement(Input, { ...props,
+    ...dragProps,
     className: "components-input-control__input",
     disabled: disabled,
     dragCursor: dragCursor,
@@ -219,7 +219,7 @@ function InputField({
     ,
     value: value !== null && value !== void 0 ? value : '',
     type: type
-  }));
+  });
 }
 const ForwardedComponent = forwardRef(InputField);

package/build-module/input-control/input-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/input-field.tsx"],"names":["useDrag","forwardRef","useRef","useDragCursor","Input","useInputControlStateReducer","noop","InputField","disabled","dragDirection","dragThreshold","id","isDragEnabled","isFocused","isPressEnterToChange","onBlur","onChange","onDrag","onDragEnd","onDragStart","onFocus","onKeyDown","onValidate","size","setIsFocused","stateReducer","state","value","valueProp","type","props","ref","change","commit","drag","dragEnd","dragStart","invalidate","pressDown","pressEnter","pressUp","reset","isDragging","isDirty","wasDirtyOnBlur","dragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnFocus","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","ForwardedComponent"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { useDrag } from '@use-gesture/react';\nimport type {\n\tSyntheticEvent,\n\tChangeEvent,\n\tKeyboardEvent,\n\tPointerEvent,\n\tFocusEvent,\n\tForwardedRef,\n\tMouseEvent,\n} from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef, useRef } from '@wordpress/element';\n/\n Internal dependencies\n /\nimport type { WordPressComponentProps } from '../ui/context';\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport type { InputFieldProps } from './types';\n\nconst noop = () => {};\n\nfunction InputField(\n\t{\n\t\tdisabled = false,\n\t\tdragDirection = 'n',\n\t\tdragThreshold = 10,\n\t\tid,\n\t\tisDragEnabled = false,\n\t\tisFocused,\n\t\tisPressEnterToChange = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonDrag = noop,\n\t\tonDragEnd = noop,\n\t\tonDragStart = noop,\n\t\tonFocus = noop,\n\t\tonKeyDown = noop,\n\t\tonValidate = noop,\n\t\tsize = 'default',\n\t\tsetIsFocused,\n\t\tstateReducer = ( state: any ) => state,\n\t\tvalue: valueProp,\n\t\ttype,\n\t\t...props\n\t}: WordPressComponentProps< InputFieldProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t// State.\n\t\tstate,\n\t\t// Actions.\n\t\tchange,\n\t\tcommit,\n\t\tdrag,\n\t\tdragEnd,\n\t\tdragStart,\n\t\tinvalidate,\n\t\tpressDown,\n\t\tpressEnter,\n\t\tpressUp,\n\t\treset,\n\t} = useInputControlStateReducer(\n\t\tstateReducer,\n\t\t{\n\t\t\tisDragEnabled,\n\t\t\tvalue: valueProp,\n\t\t\tisPressEnterToChange,\n\t\t},\n\t\tonChange\n\t);\n\n\tconst { value, isDragging, isDirty } = state;\n\tconst wasDirtyOnBlur = useRef( false );\n\n\tconst dragCursor = useDragCursor( isDragging, dragDirection );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused?.( false );\n\n\t\t/\n\t\t If isPressEnterToChange is set, this commits the value to\n\t\t * the onChange callback.\n\t\t /\n\t\tif ( isDirty \|\| ! event.target.validity.valid ) {\n\t\t\twasDirtyOnBlur.current = true;\n\t\t\thandleOnCommit( event );\n\t\t}\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused?.( true );\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.target.value;\n\t\tchange( nextValue, event );\n\t};\n\n\tconst handleOnCommit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.currentTarget.value;\n\n\t\ttry {\n\t\t\tonValidate( nextValue );\n\t\t\tcommit( nextValue, event );\n\t\t} catch ( err ) {\n\t\t\tinvalidate( err, event );\n\t\t}\n\t};\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { key } = event;\n\t\tonKeyDown( event );\n\n\t\tswitch ( key ) {\n\t\t\tcase 'ArrowUp':\n\t\t\t\tpressUp( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\tpressDown( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\tpressEnter( event );\n\n\t\t\t\tif ( isPressEnterToChange ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleOnCommit( event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase 'Escape':\n\t\t\t\tif ( isPressEnterToChange && isDirty ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treset( valueProp, event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst dragGestureProps = useDrag< PointerEvent< HTMLInputElement > >(\n\t\t( dragProps ) => {\n\t\t\tconst { distance, dragging, event, target } = dragProps;\n\n\t\t\t// The `target` prop always references the `input` element while, by\n\t\t\t// default, the `dragProps.event.target` property would reference the real\n\t\t\t// event target (i.e. any DOM element that the pointer is hovering while\n\t\t\t// dragging). Ensuring that the `target` is always the `input` element\n\t\t\t// allows consumers of `InputControl` (or any higher-level control) to\n\t\t\t// check the input's validity by accessing `event.target.validity.valid`.\n\t\t\tdragProps.event = {\n\t\t\t\t...dragProps.event,\n\t\t\t\ttarget,\n\t\t\t};\n\n\t\t\tif ( ! distance ) return;\n\t\t\tevent.stopPropagation();\n\n\t\t\t/\n\t\t\t Quick return if no longer dragging.\n\t\t\t * This prevents unnecessary value calculations.\n\t\t\t /\n\t\t\tif ( ! dragging ) {\n\t\t\t\tonDragEnd( dragProps );\n\t\t\t\tdragEnd( dragProps );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonDrag( dragProps );\n\t\t\tdrag( dragProps );\n\n\t\t\tif ( ! isDragging ) {\n\t\t\t\tonDragStart( dragProps );\n\t\t\t\tdragStart( dragProps );\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\taxis: dragDirection === 'e' \|\| dragDirection === 'w' ? 'x' : 'y',\n\t\t\tthreshold: dragThreshold,\n\t\t\tenabled: isDragEnabled,\n\t\t\tpointer: { capture: false },\n\t\t}\n\t);\n\n\tconst dragProps = isDragEnabled ? dragGestureProps() : {};\n\t/\n\t * Works around the odd UA (e.g. Firefox) that does not focus inputs of\n\t * type=number when their spinner arrows are pressed.\n\t */\n\tlet handleOnMouseDown;\n\tif ( type === 'number' ) {\n\t\thandleOnMouseDown = ( event: MouseEvent< HTMLInputElement > ) => {\n\t\t\tprops.onMouseDown?.( event );\n\t\t\tif (\n\t\t\t\tevent.currentTarget !==\n\t\t\t\tevent.currentTarget.ownerDocument.activeElement\n\t\t\t) {\n\t\t\t\tevent.currentTarget.focus();\n\t\t\t}\n\t\t};\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\t{ ...props }\n\t\t\t{ ...dragProps }\n\t\t\tclassName=\"components-input-control__input\"\n\t\t\tdisabled={ disabled }\n\t\t\tdragCursor={ dragCursor }\n\t\t\tisDragging={ isDragging }\n\t\t\tid={ id }\n\t\t\tonBlur={ handleOnBlur }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonFocus={ handleOnFocus }\n\t\t\tonKeyDown={ handleOnKeyDown }\n\t\t\tonMouseDown={ handleOnMouseDown }\n\t\t\tref={ ref }\n\t\t\tinputSize={ size }\n\t\t\t// Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/47250 for details.\n\t\t\tvalue={ value ?? '' }\n\t\t\ttype={ type }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputField );\n\nexport default ForwardedComponent;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/input-field.tsx"],"names":["useDrag","forwardRef","useRef","useDragCursor","Input","useInputControlStateReducer","noop","InputField","disabled","dragDirection","dragThreshold","id","isDragEnabled","isFocused","isPressEnterToChange","onBlur","onChange","onDrag","onDragEnd","onDragStart","onFocus","onKeyDown","onValidate","size","setIsFocused","stateReducer","state","value","valueProp","type","props","ref","change","commit","drag","dragEnd","dragStart","invalidate","pressDown","pressEnter","pressUp","reset","isDragging","isDirty","wasDirtyOnBlur","dragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnFocus","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","ForwardedComponent"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { useDrag } from '@use-gesture/react';\nimport type {\n\tSyntheticEvent,\n\tChangeEvent,\n\tKeyboardEvent,\n\tPointerEvent,\n\tFocusEvent,\n\tForwardedRef,\n\tMouseEvent,\n} from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef, useRef } from '@wordpress/element';\n/\n Internal dependencies\n /\nimport type { WordPressComponentProps } from '../ui/context';\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport type { InputFieldProps } from './types';\n\nconst noop = () => {};\n\nfunction InputField(\n\t{\n\t\tdisabled = false,\n\t\tdragDirection = 'n',\n\t\tdragThreshold = 10,\n\t\tid,\n\t\tisDragEnabled = false,\n\t\tisFocused,\n\t\tisPressEnterToChange = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonDrag = noop,\n\t\tonDragEnd = noop,\n\t\tonDragStart = noop,\n\t\tonFocus = noop,\n\t\tonKeyDown = noop,\n\t\tonValidate = noop,\n\t\tsize = 'default',\n\t\tsetIsFocused,\n\t\tstateReducer = ( state: any ) => state,\n\t\tvalue: valueProp,\n\t\ttype,\n\t\t...props\n\t}: WordPressComponentProps< InputFieldProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t// State.\n\t\tstate,\n\t\t// Actions.\n\t\tchange,\n\t\tcommit,\n\t\tdrag,\n\t\tdragEnd,\n\t\tdragStart,\n\t\tinvalidate,\n\t\tpressDown,\n\t\tpressEnter,\n\t\tpressUp,\n\t\treset,\n\t} = useInputControlStateReducer(\n\t\tstateReducer,\n\t\t{\n\t\t\tisDragEnabled,\n\t\t\tvalue: valueProp,\n\t\t\tisPressEnterToChange,\n\t\t},\n\t\tonChange\n\t);\n\n\tconst { value, isDragging, isDirty } = state;\n\tconst wasDirtyOnBlur = useRef( false );\n\n\tconst dragCursor = useDragCursor( isDragging, dragDirection );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused?.( false );\n\n\t\t/\n\t\t If isPressEnterToChange is set, this commits the value to\n\t\t * the onChange callback.\n\t\t /\n\t\tif ( isDirty \|\| ! event.target.validity.valid ) {\n\t\t\twasDirtyOnBlur.current = true;\n\t\t\thandleOnCommit( event );\n\t\t}\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused?.( true );\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.target.value;\n\t\tchange( nextValue, event );\n\t};\n\n\tconst handleOnCommit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.currentTarget.value;\n\n\t\ttry {\n\t\t\tonValidate( nextValue );\n\t\t\tcommit( nextValue, event );\n\t\t} catch ( err ) {\n\t\t\tinvalidate( err, event );\n\t\t}\n\t};\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { key } = event;\n\t\tonKeyDown( event );\n\n\t\tswitch ( key ) {\n\t\t\tcase 'ArrowUp':\n\t\t\t\tpressUp( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\tpressDown( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\tpressEnter( event );\n\n\t\t\t\tif ( isPressEnterToChange ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleOnCommit( event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase 'Escape':\n\t\t\t\tif ( isPressEnterToChange && isDirty ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treset( valueProp, event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst dragGestureProps = useDrag< PointerEvent< HTMLInputElement > >(\n\t\t( dragProps ) => {\n\t\t\tconst { distance, dragging, event, target } = dragProps;\n\n\t\t\t// The `target` prop always references the `input` element while, by\n\t\t\t// default, the `dragProps.event.target` property would reference the real\n\t\t\t// event target (i.e. any DOM element that the pointer is hovering while\n\t\t\t// dragging). Ensuring that the `target` is always the `input` element\n\t\t\t// allows consumers of `InputControl` (or any higher-level control) to\n\t\t\t// check the input's validity by accessing `event.target.validity.valid`.\n\t\t\tdragProps.event = {\n\t\t\t\t...dragProps.event,\n\t\t\t\ttarget,\n\t\t\t};\n\n\t\t\tif ( ! distance ) return;\n\t\t\tevent.stopPropagation();\n\n\t\t\t/\n\t\t\t Quick return if no longer dragging.\n\t\t\t * This prevents unnecessary value calculations.\n\t\t\t /\n\t\t\tif ( ! dragging ) {\n\t\t\t\tonDragEnd( dragProps );\n\t\t\t\tdragEnd( dragProps );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonDrag( dragProps );\n\t\t\tdrag( dragProps );\n\n\t\t\tif ( ! isDragging ) {\n\t\t\t\tonDragStart( dragProps );\n\t\t\t\tdragStart( dragProps );\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\taxis: dragDirection === 'e' \|\| dragDirection === 'w' ? 'x' : 'y',\n\t\t\tthreshold: dragThreshold,\n\t\t\tenabled: isDragEnabled,\n\t\t\tpointer: { capture: false },\n\t\t}\n\t);\n\n\tconst dragProps = isDragEnabled ? dragGestureProps() : {};\n\t/\n\t * Works around the odd UA (e.g. Firefox) that does not focus inputs of\n\t * type=number when their spinner arrows are pressed.\n\t */\n\tlet handleOnMouseDown;\n\tif ( type === 'number' ) {\n\t\thandleOnMouseDown = ( event: MouseEvent< HTMLInputElement > ) => {\n\t\t\tprops.onMouseDown?.( event );\n\t\t\tif (\n\t\t\t\tevent.currentTarget !==\n\t\t\t\tevent.currentTarget.ownerDocument.activeElement\n\t\t\t) {\n\t\t\t\tevent.currentTarget.focus();\n\t\t\t}\n\t\t};\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\t{ ...props }\n\t\t\t{ ...dragProps }\n\t\t\tclassName=\"components-input-control__input\"\n\t\t\tdisabled={ disabled }\n\t\t\tdragCursor={ dragCursor }\n\t\t\tisDragging={ isDragging }\n\t\t\tid={ id }\n\t\t\tonBlur={ handleOnBlur }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonFocus={ handleOnFocus }\n\t\t\tonKeyDown={ handleOnKeyDown }\n\t\t\tonMouseDown={ handleOnMouseDown }\n\t\t\tref={ ref }\n\t\t\tinputSize={ size }\n\t\t\t// Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/47250 for details.\n\t\t\tvalue={ value ?? '' }\n\t\t\ttype={ type }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputField );\n\nexport default ForwardedComponent;\n"]}

package/build-module/input-control/input-prefix-wrapper.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -13,11 +12,11 @@ import { contextConnect, useContextSystem } from '../ui/context';
 function UnconnectedInputControlPrefixWrapper(props, forwardedRef) {
   const derivedProps = useContextSystem(props, 'InputControlPrefixWrapper');
-  return createElement(Spacer, _extends({
-    marginBottom: 0
-  }, derivedProps, {
+  return createElement(Spacer, {
+    marginBottom: 0,
+    ...derivedProps,
     ref: forwardedRef
-  }));
+  });
 }
 /**
  * A convenience wrapper for the `prefix` when you want to apply

package/build-module/input-control/input-prefix-wrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/input-prefix-wrapper.tsx"],"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","InputControlPrefixWrapper"],"mappings":"~~;;;~~AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,WAAvB;AACA,SAECC,cAFD,EAGCC,gBAHD,QAIO,eAJP;;AAOA,SAASC,oCAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAF,EAAS,2BAAT,CAArC;AAEA,SACC,cAAC,MAAD;AAAQ,IAAA,YAAY,EAAG;~~AAAvB~~,~~KAAgCE~~,YAAhC;AAA+C,IAAA,GAAG,EAAGD;AAArD,~~KADD~~;AAGA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,yBAAyB,GAAGN,cAAc,CACtDE,oCADsD,EAEtD,2BAFsD,CAAhD;AAKP,eAAeI,yBAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport { Spacer } from '../spacer';\nimport {\n\tWordPressComponentProps,\n\tcontextConnect,\n\tuseContextSystem,\n} from '../ui/context';\nimport type { InputControlPrefixWrapperProps } from './types';\n\nfunction UnconnectedInputControlPrefixWrapper(\n\tprops: WordPressComponentProps< InputControlPrefixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlPrefixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/\n A convenience wrapper for the `prefix` when you want to apply\n * standard padding in accordance with the size variant.\n \n ```jsx\n * import {\n * __experimentalInputControl as InputControl,\n * __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n * } from '@wordpress/components';\n \n <InputControl\n * prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n * />\n * ```\n */\nexport const InputControlPrefixWrapper = contextConnect(\n\tUnconnectedInputControlPrefixWrapper,\n\t'InputControlPrefixWrapper'\n);\n\nexport default InputControlPrefixWrapper;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/input-prefix-wrapper.tsx"],"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","InputControlPrefixWrapper"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,WAAvB;AACA,SAECC,cAFD,EAGCC,gBAHD,QAIO,eAJP;;AAOA,SAASC,oCAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAF,EAAS,2BAAT,CAArC;AAEA,SACC,cAAC,MAAD;AAAQ,IAAA,YAAY,EAAG,CAAvB;AAAA,OAAgCE,YAAhC;AAA+C,IAAA,GAAG,EAAGD;AAArD,IADD;AAGA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,yBAAyB,GAAGN,cAAc,CACtDE,oCADsD,EAEtD,2BAFsD,CAAhD;AAKP,eAAeI,yBAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport { Spacer } from '../spacer';\nimport {\n\tWordPressComponentProps,\n\tcontextConnect,\n\tuseContextSystem,\n} from '../ui/context';\nimport type { InputControlPrefixWrapperProps } from './types';\n\nfunction UnconnectedInputControlPrefixWrapper(\n\tprops: WordPressComponentProps< InputControlPrefixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlPrefixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/\n A convenience wrapper for the `prefix` when you want to apply\n * standard padding in accordance with the size variant.\n \n ```jsx\n * import {\n * __experimentalInputControl as InputControl,\n * __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n * } from '@wordpress/components';\n \n <InputControl\n * prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n * />\n * ```\n */\nexport const InputControlPrefixWrapper = contextConnect(\n\tUnconnectedInputControlPrefixWrapper,\n\t'InputControlPrefixWrapper'\n);\n\nexport default InputControlPrefixWrapper;\n"]}

package/build-module/input-control/input-suffix-wrapper.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -13,11 +12,11 @@ import { contextConnect, useContextSystem } from '../ui/context';
 function UnconnectedInputControlSuffixWrapper(props, forwardedRef) {
   const derivedProps = useContextSystem(props, 'InputControlSuffixWrapper');
-  return createElement(Spacer, _extends({
-    marginBottom: 0
-  }, derivedProps, {
+  return createElement(Spacer, {
+    marginBottom: 0,
+    ...derivedProps,
     ref: forwardedRef
-  }));
+  });
 }
 /**
  * A convenience wrapper for the `suffix` when you want to apply

package/build-module/input-control/input-suffix-wrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/input-suffix-wrapper.tsx"],"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlSuffixWrapper","props","forwardedRef","derivedProps","InputControlSuffixWrapper"],"mappings":"~~;;;~~AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,WAAvB;AACA,SAECC,cAFD,EAGCC,gBAHD,QAIO,eAJP;;AAOA,SAASC,oCAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAF,EAAS,2BAAT,CAArC;AAEA,SACC,cAAC,MAAD;AAAQ,IAAA,YAAY,EAAG;~~AAAvB~~,~~KAAgCE~~,YAAhC;AAA+C,IAAA,GAAG,EAAGD;AAArD,~~KADD~~;AAGA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,yBAAyB,GAAGN,cAAc,CACtDE,oCADsD,EAEtD,2BAFsD,CAAhD;AAKP,eAAeI,yBAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport { Spacer } from '../spacer';\nimport {\n\tWordPressComponentProps,\n\tcontextConnect,\n\tuseContextSystem,\n} from '../ui/context';\nimport type { InputControlSuffixWrapperProps } from './types';\n\nfunction UnconnectedInputControlSuffixWrapper(\n\tprops: WordPressComponentProps< InputControlSuffixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlSuffixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/\n A convenience wrapper for the `suffix` when you want to apply\n * standard padding in accordance with the size variant.\n \n ```jsx\n * import {\n * __experimentalInputControl as InputControl,\n * __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n * } from '@wordpress/components';\n \n <InputControl\n * suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n * />\n * ```\n */\nexport const InputControlSuffixWrapper = contextConnect(\n\tUnconnectedInputControlSuffixWrapper,\n\t'InputControlSuffixWrapper'\n);\n\nexport default InputControlSuffixWrapper;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/input-suffix-wrapper.tsx"],"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlSuffixWrapper","props","forwardedRef","derivedProps","InputControlSuffixWrapper"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,WAAvB;AACA,SAECC,cAFD,EAGCC,gBAHD,QAIO,eAJP;;AAOA,SAASC,oCAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAF,EAAS,2BAAT,CAArC;AAEA,SACC,cAAC,MAAD;AAAQ,IAAA,YAAY,EAAG,CAAvB;AAAA,OAAgCE,YAAhC;AAA+C,IAAA,GAAG,EAAGD;AAArD,IADD;AAGA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,yBAAyB,GAAGN,cAAc,CACtDE,oCADsD,EAEtD,2BAFsD,CAAhD;AAKP,eAAeI,yBAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport { Spacer } from '../spacer';\nimport {\n\tWordPressComponentProps,\n\tcontextConnect,\n\tuseContextSystem,\n} from '../ui/context';\nimport type { InputControlSuffixWrapperProps } from './types';\n\nfunction UnconnectedInputControlSuffixWrapper(\n\tprops: WordPressComponentProps< InputControlSuffixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlSuffixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/\n A convenience wrapper for the `suffix` when you want to apply\n * standard padding in accordance with the size variant.\n \n ```jsx\n * import {\n * __experimentalInputControl as InputControl,\n * __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n * } from '@wordpress/components';\n \n <InputControl\n * suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n * />\n * ```\n */\nexport const InputControlSuffixWrapper = contextConnect(\n\tUnconnectedInputControlSuffixWrapper,\n\t'InputControlSuffixWrapper'\n);\n\nexport default InputControlSuffixWrapper;\n"]}

package/build-module/input-control/label.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -21,8 +20,9 @@ export default function Label({
     }, children);
   }
-  return createElement(LabelWrapper, null, createElement(BaseLabel, _extends({
-    htmlFor: htmlFor
-  }, props), children));
+  return createElement(LabelWrapper, null, createElement(BaseLabel, {
+    htmlFor: htmlFor,
+    ...props
+  }, children));
 }
 //# sourceMappingURL=label.js.map

package/build-module/input-control/label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/label.tsx"],"names":["VisuallyHidden","Label","BaseLabel","LabelWrapper","children","hideLabelFromVision","htmlFor","props"],"mappings":"~~;;;~~AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,oBAA/B;AACA,SACCC,KAAK,IAAIC,SADV,EAECC,YAFD,QAGO,+BAHP;AAOA,eAAe,SAASF,KAAT,CAAgB;AAC9BG,EAAAA,QAD8B;AAE9BC,EAAAA,mBAF8B;AAG9BC,EAAAA,OAH8B;AAI9B,KAAGC;AAJ2B,CAAhB,EAKwD;AACtE,MAAK,CAAEH,QAAP,EAAkB,OAAO,IAAP;;AAElB,MAAKC,mBAAL,EAA2B;AAC1B,WACC,cAAC,cAAD;AAAgB,MAAA,EAAE,EAAC,OAAnB;AAA2B,MAAA,OAAO,EAAGC;AAArC,OACGF,QADH,CADD;AAKA;;AAED,SACC,cAAC,YAAD,QACC,cAAC,SAAD;AAAW,IAAA,OAAO,EAAGE;~~AAArB~~,~~KAAoCC~~,~~KAApC~~,~~GACGH,~~QADH,CADD,CADD;AAOA","sourcesContent":["/*\n Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tLabel as BaseLabel,\n\tLabelWrapper,\n} from './styles/input-control-styles';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type { InputControlLabelProps } from './types';\n\nexport default function Label( {\n\tchildren,\n\thideLabelFromVision,\n\thtmlFor,\n\t...props\n}: WordPressComponentProps< InputControlLabelProps, 'label', false > ) {\n\tif ( ! children ) return null;\n\n\tif ( hideLabelFromVision ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ htmlFor }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn (\n\t\t<LabelWrapper>\n\t\t\t<BaseLabel htmlFor={ htmlFor } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</BaseLabel>\n\t\t</LabelWrapper>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/label.tsx"],"names":["VisuallyHidden","Label","BaseLabel","LabelWrapper","children","hideLabelFromVision","htmlFor","props"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,oBAA/B;AACA,SACCC,KAAK,IAAIC,SADV,EAECC,YAFD,QAGO,+BAHP;AAOA,eAAe,SAASF,KAAT,CAAgB;AAC9BG,EAAAA,QAD8B;AAE9BC,EAAAA,mBAF8B;AAG9BC,EAAAA,OAH8B;AAI9B,KAAGC;AAJ2B,CAAhB,EAKwD;AACtE,MAAK,CAAEH,QAAP,EAAkB,OAAO,IAAP;;AAElB,MAAKC,mBAAL,EAA2B;AAC1B,WACC,cAAC,cAAD;AAAgB,MAAA,EAAE,EAAC,OAAnB;AAA2B,MAAA,OAAO,EAAGC;AAArC,OACGF,QADH,CADD;AAKA;;AAED,SACC,cAAC,YAAD,QACC,cAAC,SAAD;AAAW,IAAA,OAAO,EAAGE,OAArB;AAAA,OAAoCC;AAApC,KACGH,QADH,CADD,CADD;AAOA","sourcesContent":["/*\n Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tLabel as BaseLabel,\n\tLabelWrapper,\n} from './styles/input-control-styles';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type { InputControlLabelProps } from './types';\n\nexport default function Label( {\n\tchildren,\n\thideLabelFromVision,\n\thtmlFor,\n\t...props\n}: WordPressComponentProps< InputControlLabelProps, 'label', false > ) {\n\tif ( ! children ) return null;\n\n\tif ( hideLabelFromVision ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ htmlFor }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn (\n\t\t<LabelWrapper>\n\t\t\t<BaseLabel htmlFor={ htmlFor } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</BaseLabel>\n\t\t</LabelWrapper>\n\t);\n}\n"]}

package/build-module/input-control/styles/input-control-styles.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _styled from "@emotion/styled/base";
 import { createElement } from "@wordpress/element";
@@ -194,9 +193,9 @@ const BaseLabel = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "productio
   label: "BaseLabel"
 })("&&&{", baseLabelTypography, ";box-sizing:border-box;display:block;padding-top:0;padding-bottom:0;max-width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVPcUUiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHR5cGUgeyBXb3JkUHJlc3NDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uLy4uL3VpL2NvbnRleHQnO1xuaW1wb3J0IHsgRmxleCwgRmxleEl0ZW0gfSBmcm9tICcuLi8uLi9mbGV4JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi90ZXh0JztcbmltcG9ydCB7IGJhc2VMYWJlbFR5cG9ncmFwaHksIENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBMYWJlbFBvc2l0aW9uLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5cbnR5cGUgQ29udGFpbmVyUHJvcHMgPSB7XG5cdGRpc2FibGVkPzogYm9vbGVhbjtcblx0aGlkZUxhYmVsPzogYm9vbGVhbjtcblx0X191bnN0YWJsZUlucHV0V2lkdGg/OiBDU1NQcm9wZXJ0aWVzWyAnd2lkdGgnIF07XG5cdGxhYmVsUG9zaXRpb24/OiBMYWJlbFBvc2l0aW9uO1xufTtcblxudHlwZSBSb290UHJvcHMgPSB7XG5cdGlzRm9jdXNlZD86IGJvb2xlYW47XG5cdGxhYmVsUG9zaXRpb24/OiBMYWJlbFBvc2l0aW9uO1xufTtcblxuY29uc3Qgcm9vdEZvY3VzZWRTdHlsZXMgPSAoIHsgaXNGb2N1c2VkIH06IFJvb3RQcm9wcyApID0+IHtcblx0aWYgKCAhIGlzRm9jdXNlZCApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzKCB7IHpJbmRleDogMSB9ICk7XG59O1xuXG5leHBvcnQgY29uc3QgUm9vdCA9IHN0eWxlZCggRmxleCApPCBSb290UHJvcHMgPmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdHBhZGRpbmctdG9wOiAwO1xuXHQkeyByb290Rm9jdXNlZFN0eWxlcyB9XG5gO1xuXG5jb25zdCBjb250YWluZXJEaXNhYmxlZFN0eWxlcyA9ICggeyBkaXNhYmxlZCB9OiBDb250YWluZXJQcm9wcyApID0+IHtcblx0Y29uc3QgYmFja2dyb3VuZENvbG9yID0gZGlzYWJsZWRcblx0XHQ/IENPTE9SUy51aS5iYWNrZ3JvdW5kRGlzYWJsZWRcblx0XHQ6IENPTE9SUy51aS5iYWNrZ3JvdW5kO1xuXG5cdHJldHVybiBjc3MoIHsgYmFja2dyb3VuZENvbG9yIH0gKTtcbn07XG5cbmNvbnN0IGNvbnRhaW5lcldpZHRoU3R5bGVzID0gKCB7XG5cdF9fdW5zdGFibGVJbnB1dFdpZHRoLFxuXHRsYWJlbFBvc2l0aW9uLFxufTogQ29udGFpbmVyUHJvcHMgKSA9PiB7XG5cdGlmICggISBfX3Vuc3RhYmxlSW5wdXRXaWR0aCApIHJldHVybiBjc3MoIHsgd2lkdGg6ICcxMDAlJyB9ICk7XG5cblx0aWYgKCBsYWJlbFBvc2l0aW9uID09PSAnc2lkZScgKSByZXR1cm4gJyc7XG5cblx0aWYgKCBsYWJlbFBvc2l0aW9uID09PSAnZWRnZScgKSB7XG5cdFx0cmV0dXJuIGNzcygge1xuXHRcdFx0ZmxleDogYDAgMCAkeyBfX3Vuc3RhYmxlSW5wdXRXaWR0aCB9YCxcblx0XHR9ICk7XG5cdH1cblxuXHRyZXR1cm4gY3NzKCB7IHdpZHRoOiBfX3Vuc3RhYmxlSW5wdXRXaWR0aCB9ICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjwgQ29udGFpbmVyUHJvcHMgPmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleDogMTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdCR7IGNvbnRhaW5lckRpc2FibGVkU3R5bGVzIH1cblx0JHsgY29udGFpbmVyV2lkdGhTdHlsZXMgfVxuYDtcblxudHlwZSBJbnB1dFByb3BzID0ge1xuXHRfX25leHQzNnB4RGVmYXVsdFNpemU/OiBib29sZWFuO1xuXHRkaXNhYmxlZD86IGJvb2xlYW47XG5cdGlucHV0U2l6ZT86IFNpemU7XG5cdGlzRHJhZ2dpbmc/OiBib29sZWFuO1xuXHRkcmFnQ3Vyc29yPzogQ1NTUHJvcGVydGllc1sgJ2N1cnNvcicgXTtcblx0cGFkZGluZ0lubGluZVN0YXJ0PzogQ1NTUHJvcGVydGllc1sgJ3BhZGRpbmdJbmxpbmVTdGFydCcgXTtcblx0cGFkZGluZ0lubGluZUVuZD86IENTU1Byb3BlcnRpZXNbICdwYWRkaW5nSW5saW5lRW5kJyBdO1xufTtcblxuY29uc3QgZGlzYWJsZWRTdHlsZXMgPSAoIHsgZGlzYWJsZWQgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCAhIGRpc2FibGVkICkgcmV0dXJuICcnO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRjb2xvcjogQ09MT1JTLnVpLnRleHREaXNhYmxlZCxcblx0fSApO1xufTtcblxuY29uc3QgZm9udFNpemVTdHlsZXMgPSAoIHsgaW5wdXRTaXplOiBzaXplIH06IElucHV0UHJvcHMgKSA9PiB7XG5cdGNvbnN0IHNpemVzID0ge1xuXHRcdGRlZmF1bHQ6ICcxM3B4Jyxcblx0XHRzbWFsbDogJzExcHgnLFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzogJzEzcHgnLFxuXHR9O1xuXG5cdGNvbnN0IGZvbnRTaXplID0gc2l6ZXNbIHNpemUgYXMgU2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cdGNvbnN0IGZvbnRTaXplTW9iaWxlID0gJzE2cHgnO1xuXG5cdGlmICggISBmb250U2l6ZSApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGZvbnQtc2l6ZTogJHsgZm9udFNpemVNb2JpbGUgfTtcblxuXHRcdEBtZWRpYSAoIG1pbi13aWR0aDogNjAwcHggKSB7XG5cdFx0XHRmb250LXNpemU6ICR7IGZvbnRTaXplIH07XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldFNpemVDb25maWcgPSAoIHtcblx0aW5wdXRTaXplOiBzaXplLFxuXHRfX25leHQzNnB4RGVmYXVsdFNpemUsXG59OiBJbnB1dFByb3BzICkgPT4ge1xuXHQvLyBQYWRkaW5ncyBtYXkgYmUgb3ZlcnJpZGRlbiBieSB0aGUgY3VzdG9tIHBhZGRpbmdzIHByb3BzLlxuXHRjb25zdCBzaXplcyA9IHtcblx0XHRkZWZhdWx0OiB7XG5cdFx0XHRoZWlnaHQ6IDM2LFxuXHRcdFx0bGluZUhlaWdodDogMSxcblx0XHRcdG1pbkhlaWdodDogMzYsXG5cdFx0XHRwYWRkaW5nTGVmdDogc3BhY2UoIDQgKSxcblx0XHRcdHBhZGRpbmdSaWdodDogc3BhY2UoIDQgKSxcblx0XHR9LFxuXHRcdHNtYWxsOiB7XG5cdFx0XHRoZWlnaHQ6IDI0LFxuXHRcdFx0bGluZUhlaWdodDogMSxcblx0XHRcdG1pbkhlaWdodDogMjQsXG5cdFx0XHRwYWRkaW5nTGVmdDogc3BhY2UoIDIgKSxcblx0XHRcdHBhZGRpbmdSaWdodDogc3BhY2UoIDIgKSxcblx0XHR9LFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzoge1xuXHRcdFx0aGVpZ2h0OiA0MCxcblx0XHRcdGxpbmVIZWlnaHQ6IDEsXG5cdFx0XHRtaW5IZWlnaHQ6IDQwLFxuXHRcdFx0cGFkZGluZ0xlZnQ6IHNwYWNlKCA0ICksXG5cdFx0XHRwYWRkaW5nUmlnaHQ6IHNwYWNlKCA0ICksXG5cdFx0fSxcblx0fTtcblxuXHRpZiAoICEgX19uZXh0MzZweERlZmF1bHRTaXplICkge1xuXHRcdHNpemVzLmRlZmF1bHQgPSB7XG5cdFx0XHRoZWlnaHQ6IDMwLFxuXHRcdFx0bGluZUhlaWdodDogMSxcblx0XHRcdG1pbkhlaWdodDogMzAsXG5cdFx0XHRwYWRkaW5nTGVmdDogc3BhY2UoIDIgKSxcblx0XHRcdHBhZGRpbmdSaWdodDogc3BhY2UoIDIgKSxcblx0XHR9O1xuXHR9XG5cblx0cmV0dXJuIHNpemVzWyBzaXplIGFzIFNpemUgXSB8fCBzaXplcy5kZWZhdWx0O1xufTtcblxuY29uc3Qgc2l6ZVN0eWxlcyA9ICggcHJvcHM6IElucHV0UHJvcHMgKSA9PiB7XG5cdHJldHVybiBjc3MoIGdldFNpemVDb25maWcoIHByb3BzICkgKTtcbn07XG5cbmNvbnN0IGN1c3RvbVBhZGRpbmdzID0gKCB7XG5cdHBhZGRpbmdJbmxpbmVTdGFydCxcblx0cGFkZGluZ0lubGluZUVuZCxcbn06IElucHV0UHJvcHMgKSA9PiB7XG5cdHJldHVybiBjc3MoIHsgcGFkZGluZ0lubGluZVN0YXJ0LCBwYWRkaW5nSW5saW5lRW5kIH0gKTtcbn07XG5cbmNvbnN0IGRyYWdTdHlsZXMgPSAoIHsgaXNEcmFnZ2luZywgZHJhZ0N1cnNvciB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRsZXQgZGVmYXVsdEFycm93U3R5bGVzOiBTZXJpYWxpemVkU3R5bGVzIHwgdW5kZWZpbmVkO1xuXHRsZXQgYWN0aXZlRHJhZ0N1cnNvclN0eWxlczogU2VyaWFsaXplZFN0eWxlcyB8IHVuZGVmaW5lZDtcblxuXHRpZiAoIGlzRHJhZ2dpbmcgKSB7XG5cdFx0ZGVmYXVsdEFycm93U3R5bGVzID0gY3NzYFxuXHRcdFx0Y3Vyc29yOiAkeyBkcmFnQ3Vyc29yIH07XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblxuXHRcdFx0Jjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcblx0XHRcdCY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24ge1xuXHRcdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUgIWltcG9ydGFudDtcblx0XHRcdFx0bWFyZ2luOiAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0YDtcblx0fVxuXG5cdGlmICggaXNEcmFnZ2luZyAmJiBkcmFnQ3Vyc29yICkge1xuXHRcdGFjdGl2ZURyYWdDdXJzb3JTdHlsZXMgPSBjc3NgXG5cdFx0XHQmOmFjdGl2ZSB7XG5cdFx0XHRcdGN1cnNvcjogJHsgZHJhZ0N1cnNvciB9O1xuXHRcdFx0fVxuXHRcdGA7XG5cdH1cblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGRlZmF1bHRBcnJvd1N0eWxlcyB9XG5cdFx0JHsgYWN0aXZlRHJhZ0N1cnNvclN0eWxlcyB9XG5cdGA7XG59O1xuXG4vLyBUT0RPOiBSZXNvbHZlIG5lZWQgdG8gdXNlICYmJiB0byBpbmNyZWFzZSBzcGVjaWZpY2l0eVxuLy8gaHR0cHM6Ly9naXRodWIuY29tL1dvcmRQcmVzcy9ndXRlbmJlcmcvaXNzdWVzLzE4NDgzXG5cbmV4cG9ydCBjb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dDwgSW5wdXRQcm9wcyA+YFxuXHQmJiYge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0Ym9yZGVyOiBub25lO1xuXHRcdGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcblx0XHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cdFx0bWFyZ2luOiAwO1xuXHRcdG91dGxpbmU6IG5vbmU7XG5cdFx0d2lkdGg6IDEwMCU7XG5cblx0XHQkeyBkcmFnU3R5bGVzIH1cblx0XHQkeyBkaXNhYmxlZFN0eWxlcyB9XG5cdFx0JHsgZm9udFNpemVTdHlsZXMgfVxuXHRcdCR7IHNpemVTdHlsZXMgfVxuXHRcdCR7IGN1c3RvbVBhZGRpbmdzIH1cblxuXHRcdCY6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0bGluZS1oZWlnaHQ6IG5vcm1hbDtcblx0XHR9XG5cdH1cbmA7XG5cbmNvbnN0IEJhc2VMYWJlbCA9IHN0eWxlZCggVGV4dCApPCB7IGxhYmVsUG9zaXRpb24/OiBMYWJlbFBvc2l0aW9uIH0gPmBcblx0JiYmIHtcblx0XHQkeyBiYXNlTGFiZWxUeXBvZ3JhcGh5IH07XG5cblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBhZGRpbmctdG9wOiAwO1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHR6LWluZGV4OiAxO1xuXG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgTGFiZWwgPSAoXG5cdHByb3BzOiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczxcblx0XHR7IGxhYmVsUG9zaXRpb24/OiBMYWJlbFBvc2l0aW9uOyBjaGlsZHJlbjogUmVhY3ROb2RlIH0sXG5cdFx0J2xhYmVsJyxcblx0XHRmYWxzZVxuXHQ+XG4pID0+IDxCYXNlTGFiZWwgeyAuLi5wcm9wcyB9IGFzPVwibGFiZWxcIiAvPjtcblxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZCggRmxleEl0ZW0gKWBcblx0bWF4LXdpZHRoOiBjYWxjKCAxMDAlIC0gMTBweCApO1xuYDtcblxudHlwZSBCYWNrZHJvcFByb3BzID0ge1xuXHRkaXNhYmxlZD86IGJvb2xlYW47XG5cdGlzRm9jdXNlZD86IGJvb2xlYW47XG59O1xuXG5jb25zdCBiYWNrZHJvcEZvY3VzZWRTdHlsZXMgPSAoIHtcblx0ZGlzYWJsZWQsXG5cdGlzRm9jdXNlZCxcbn06IEJhY2tkcm9wUHJvcHMgKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG5cdGxldCBib3JkZXJDb2xvciA9IGlzRm9jdXNlZCA/IENPTE9SUy51aS5ib3JkZXJGb2N1cyA6IENPTE9SUy51aS5ib3JkZXI7XG5cblx0bGV0IGJveFNoYWRvdztcblx0bGV0IG91dGxpbmU7XG5cdGxldCBvdXRsaW5lT2Zmc2V0O1xuXG5cdGlmICggaXNGb2N1c2VkICkge1xuXHRcdGJveFNoYWRvdyA9IGAwIDAgMCAxcHggJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH0gaW5zZXRgO1xuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZSA9IGAycHggc29saWQgdHJhbnNwYXJlbnRgO1xuXHRcdG91dGxpbmVPZmZzZXQgPSBgLTJweGA7XG5cdH1cblxuXHRpZiAoIGRpc2FibGVkICkge1xuXHRcdGJvcmRlckNvbG9yID0gQ09MT1JTLnVpLmJvcmRlckRpc2FibGVkO1xuXHR9XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJveFNoYWRvdyxcblx0XHRib3JkZXJDb2xvcixcblx0XHRib3JkZXJTdHlsZTogJ3NvbGlkJyxcblx0XHRib3JkZXJXaWR0aDogMSxcblx0XHRvdXRsaW5lLFxuXHRcdG91dGxpbmVPZmZzZXQsXG5cdH0gKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCYWNrZHJvcFVJID0gc3R5bGVkLmRpdjwgQmFja2Ryb3BQcm9wcyA+YFxuXHQmJiYge1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0Ym9yZGVyLXJhZGl1czogaW5oZXJpdDtcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHRtYXJnaW46IDA7XG5cdFx0cGFkZGluZzogMDtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IDA7XG5cdFx0dG9wOiAwO1xuXG5cdFx0JHsgYmFja2Ryb3BGb2N1c2VkU3R5bGVzIH1cblx0XHQkeyBydGwoIHsgcGFkZGluZ0xlZnQ6IDIgfSApIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFByZWZpeCA9IHN0eWxlZC5zcGFuYFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRkaXNwbGF5OiBibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBTdWZmaXggPSBzdHlsZWQuc3BhbmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0YWxpZ24tc2VsZjogc3RyZXRjaDtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0ZGlzcGxheTogZmxleDtcbmA7XG4iXX0= */"));
-export const Label = props => createElement(BaseLabel, _extends({}, props, {
+export const Label = props => createElement(BaseLabel, { ...props,
   as: "label"
-}));
+});
 export const LabelWrapper = /*#__PURE__*/_styled(FlexItem, process.env.NODE_ENV === "production" ? {
   target: "em5sgkm3"
 } : {

package/build-module/input-control/styles/input-control-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["css","Flex","FlexItem","Text","baseLabelTypography","COLORS","rtl","space","rootFocusedStyles","isFocused","Root","containerDisabledStyles","disabled","backgroundColor","ui","backgroundDisabled","background","containerWidthStyles","__unstableInputWidth","labelPosition","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","getSizeConfig","__next36pxDefaultSize","height","lineHeight","minHeight","paddingLeft","paddingRight","sizeStyles","props","customPaddings","paddingInlineStart","paddingInlineEnd","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","gray","BaseLabel","Label","LabelWrapper","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","outline","outlineOffset","borderDisabled","borderStyle","borderWidth","BackdropUI","Prefix","Suffix"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport type { CSSProperties, ReactNode } from 'react';\n\n/\n Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../ui/context';\nimport { Flex, FlexItem } from '../../flex';\nimport { Text } from '../../text';\nimport { baseLabelTypography, COLORS, rtl } from '../../utils';\nimport type { LabelPosition, Size } from '../types';\nimport { space } from '../../ui/utils/space';\n\ntype ContainerProps = {\n\tdisabled?: boolean;\n\thideLabel?: boolean;\n\t__unstableInputWidth?: CSSProperties[ 'width' ];\n\tlabelPosition?: LabelPosition;\n};\n\ntype RootProps = {\n\tisFocused?: boolean;\n\tlabelPosition?: LabelPosition;\n};\n\nconst rootFocusedStyles = ( { isFocused }: RootProps ) => {\n\tif ( ! isFocused ) return '';\n\n\treturn css( { zIndex: 1 } );\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tbox-sizing: border-box;\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n`;\n\nconst containerDisabledStyles = ( { disabled }: ContainerProps ) => {\n\tconst backgroundColor = disabled\n\t\t? COLORS.ui.backgroundDisabled\n\t\t: COLORS.ui.background;\n\n\treturn css( { backgroundColor } );\n};\n\nconst containerWidthStyles = ( {\n\t__unstableInputWidth,\n\tlabelPosition,\n}: ContainerProps ) => {\n\tif ( ! __unstableInputWidth ) return css( { width: '100%' } );\n\n\tif ( labelPosition === 'side' ) return '';\n\n\tif ( labelPosition === 'edge' ) {\n\t\treturn css( {\n\t\t\tflex: `0 0 ${ __unstableInputWidth }`,\n\t\t} );\n\t}\n\n\treturn css( { width: __unstableInputWidth } );\n};\n\nexport const Container = styled.div< ContainerProps >`\n\talign-items: center;\n\tbox-sizing: border-box;\n\tborder-radius: inherit;\n\tdisplay: flex;\n\tflex: 1;\n\tposition: relative;\n\n\t${ containerDisabledStyles }\n\t${ containerWidthStyles }\n`;\n\ntype InputProps = {\n\t__next36pxDefaultSize?: boolean;\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\n\tpaddingInlineStart?: CSSProperties[ 'paddingInlineStart' ];\n\tpaddingInlineEnd?: CSSProperties[ 'paddingInlineEnd' ];\n};\n\nconst disabledStyles = ( { disabled }: InputProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t\t'__unstable-large': '13px',\n\t};\n\n\tconst fontSize = sizes[ size as Size ] \|\| sizes.default;\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nexport const getSizeConfig = ( {\n\tinputSize: size,\n\t__next36pxDefaultSize,\n}: InputProps ) => {\n\t// Paddings may be overridden by the custom paddings props.\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 36,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 36,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 40,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t};\n\n\tif ( ! __next36pxDefaultSize ) {\n\t\tsizes.default = {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t};\n\t}\n\n\treturn sizes[ size as Size ] \|\| sizes.default;\n};\n\nconst sizeStyles = ( props: InputProps ) => {\n\treturn css( getSizeConfig( props ) );\n};\n\nconst customPaddings = ( {\n\tpaddingInlineStart,\n\tpaddingInlineEnd,\n}: InputProps ) => {\n\treturn css( { paddingInlineStart, paddingInlineEnd } );\n};\n\nconst dragStyles = ( { isDragging, dragCursor }: InputProps ) => {\n\tlet defaultArrowStyles: SerializedStyles \| undefined;\n\tlet activeDragCursorStyles: SerializedStyles \| undefined;\n\n\tif ( isDragging ) {\n\t\tdefaultArrowStyles = css`\n\t\t\tcursor: ${ dragCursor };\n\t\t\tuser-select: none;\n\n\t\t\t&::-webkit-outer-spin-button,\n\t\t\t&::-webkit-inner-spin-button {\n\t\t\t\t-webkit-appearance: none !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t}\n\t\t`;\n\t}\n\n\tif ( isDragging && dragCursor ) {\n\t\tactiveDragCursorStyles = css`\n\t\t\t&:active {\n\t\t\t\tcursor: ${ dragCursor };\n\t\t\t}\n\t\t`;\n\t}\n\n\treturn css`\n\t\t${ defaultArrowStyles }\n\t\t${ activeDragCursorStyles }\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Input = styled.input< InputProps >`\n\t&&& {\n\t\tbackground-color: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\t\t${ customPaddings }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\t${ baseLabelTypography };\n\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n`;\n\nexport const Label = (\n\tprops: WordPressComponentProps<\n\t\t{ labelPosition?: LabelPosition; children: ReactNode },\n\t\t'label',\n\t\tfalse\n\t>\n) => <BaseLabel { ...props } as=\"label\" />;\n\nexport const LabelWrapper = styled( FlexItem )`\n\tmax-width: calc( 100% - 10px );\n`;\n\ntype BackdropProps = {\n\tdisabled?: boolean;\n\tisFocused?: boolean;\n};\n\nconst backdropFocusedStyles = ( {\n\tdisabled,\n\tisFocused,\n}: BackdropProps ): SerializedStyles => {\n\tlet borderColor = isFocused ? COLORS.ui.borderFocus : COLORS.ui.border;\n\n\tlet boxShadow;\n\tlet outline;\n\tlet outlineOffset;\n\n\tif ( isFocused ) {\n\t\tboxShadow = `0 0 0 1px ${ COLORS.ui.borderFocus } inset`;\n\t\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\t\toutline = `2px solid transparent`;\n\t\toutlineOffset = `-2px`;\n\t}\n\n\tif ( disabled ) {\n\t\tborderColor = COLORS.ui.borderDisabled;\n\t}\n\n\treturn css( {\n\t\tboxShadow,\n\t\tborderColor,\n\t\tborderStyle: 'solid',\n\t\tborderWidth: 1,\n\t\toutline,\n\t\toutlineOffset,\n\t} );\n};\n\nexport const BackdropUI = styled.div< BackdropProps >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\n\t\t${ backdropFocusedStyles }\n\t\t${ rtl( { paddingLeft: 2 } ) }\n\t}\n`;\n\nexport const Prefix = styled.span`\n\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n\nexport const Suffix = styled.span`\n\talign-items: center;\n\talign-self: stretch;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n`;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["css","Flex","FlexItem","Text","baseLabelTypography","COLORS","rtl","space","rootFocusedStyles","isFocused","Root","containerDisabledStyles","disabled","backgroundColor","ui","backgroundDisabled","background","containerWidthStyles","__unstableInputWidth","labelPosition","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","getSizeConfig","__next36pxDefaultSize","height","lineHeight","minHeight","paddingLeft","paddingRight","sizeStyles","props","customPaddings","paddingInlineStart","paddingInlineEnd","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","gray","BaseLabel","Label","LabelWrapper","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","outline","outlineOffset","borderDisabled","borderStyle","borderWidth","BackdropUI","Prefix","Suffix"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport type { CSSProperties, ReactNode } from 'react';\n\n/\n Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../ui/context';\nimport { Flex, FlexItem } from '../../flex';\nimport { Text } from '../../text';\nimport { baseLabelTypography, COLORS, rtl } from '../../utils';\nimport type { LabelPosition, Size } from '../types';\nimport { space } from '../../ui/utils/space';\n\ntype ContainerProps = {\n\tdisabled?: boolean;\n\thideLabel?: boolean;\n\t__unstableInputWidth?: CSSProperties[ 'width' ];\n\tlabelPosition?: LabelPosition;\n};\n\ntype RootProps = {\n\tisFocused?: boolean;\n\tlabelPosition?: LabelPosition;\n};\n\nconst rootFocusedStyles = ( { isFocused }: RootProps ) => {\n\tif ( ! isFocused ) return '';\n\n\treturn css( { zIndex: 1 } );\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tbox-sizing: border-box;\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n`;\n\nconst containerDisabledStyles = ( { disabled }: ContainerProps ) => {\n\tconst backgroundColor = disabled\n\t\t? COLORS.ui.backgroundDisabled\n\t\t: COLORS.ui.background;\n\n\treturn css( { backgroundColor } );\n};\n\nconst containerWidthStyles = ( {\n\t__unstableInputWidth,\n\tlabelPosition,\n}: ContainerProps ) => {\n\tif ( ! __unstableInputWidth ) return css( { width: '100%' } );\n\n\tif ( labelPosition === 'side' ) return '';\n\n\tif ( labelPosition === 'edge' ) {\n\t\treturn css( {\n\t\t\tflex: `0 0 ${ __unstableInputWidth }`,\n\t\t} );\n\t}\n\n\treturn css( { width: __unstableInputWidth } );\n};\n\nexport const Container = styled.div< ContainerProps >`\n\talign-items: center;\n\tbox-sizing: border-box;\n\tborder-radius: inherit;\n\tdisplay: flex;\n\tflex: 1;\n\tposition: relative;\n\n\t${ containerDisabledStyles }\n\t${ containerWidthStyles }\n`;\n\ntype InputProps = {\n\t__next36pxDefaultSize?: boolean;\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\n\tpaddingInlineStart?: CSSProperties[ 'paddingInlineStart' ];\n\tpaddingInlineEnd?: CSSProperties[ 'paddingInlineEnd' ];\n};\n\nconst disabledStyles = ( { disabled }: InputProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t\t'__unstable-large': '13px',\n\t};\n\n\tconst fontSize = sizes[ size as Size ] \|\| sizes.default;\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nexport const getSizeConfig = ( {\n\tinputSize: size,\n\t__next36pxDefaultSize,\n}: InputProps ) => {\n\t// Paddings may be overridden by the custom paddings props.\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 36,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 36,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 40,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t};\n\n\tif ( ! __next36pxDefaultSize ) {\n\t\tsizes.default = {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t};\n\t}\n\n\treturn sizes[ size as Size ] \|\| sizes.default;\n};\n\nconst sizeStyles = ( props: InputProps ) => {\n\treturn css( getSizeConfig( props ) );\n};\n\nconst customPaddings = ( {\n\tpaddingInlineStart,\n\tpaddingInlineEnd,\n}: InputProps ) => {\n\treturn css( { paddingInlineStart, paddingInlineEnd } );\n};\n\nconst dragStyles = ( { isDragging, dragCursor }: InputProps ) => {\n\tlet defaultArrowStyles: SerializedStyles \| undefined;\n\tlet activeDragCursorStyles: SerializedStyles \| undefined;\n\n\tif ( isDragging ) {\n\t\tdefaultArrowStyles = css`\n\t\t\tcursor: ${ dragCursor };\n\t\t\tuser-select: none;\n\n\t\t\t&::-webkit-outer-spin-button,\n\t\t\t&::-webkit-inner-spin-button {\n\t\t\t\t-webkit-appearance: none !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t}\n\t\t`;\n\t}\n\n\tif ( isDragging && dragCursor ) {\n\t\tactiveDragCursorStyles = css`\n\t\t\t&:active {\n\t\t\t\tcursor: ${ dragCursor };\n\t\t\t}\n\t\t`;\n\t}\n\n\treturn css`\n\t\t${ defaultArrowStyles }\n\t\t${ activeDragCursorStyles }\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Input = styled.input< InputProps >`\n\t&&& {\n\t\tbackground-color: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\t\t${ customPaddings }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\t${ baseLabelTypography };\n\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n`;\n\nexport const Label = (\n\tprops: WordPressComponentProps<\n\t\t{ labelPosition?: LabelPosition; children: ReactNode },\n\t\t'label',\n\t\tfalse\n\t>\n) => <BaseLabel { ...props } as=\"label\" />;\n\nexport const LabelWrapper = styled( FlexItem )`\n\tmax-width: calc( 100% - 10px );\n`;\n\ntype BackdropProps = {\n\tdisabled?: boolean;\n\tisFocused?: boolean;\n};\n\nconst backdropFocusedStyles = ( {\n\tdisabled,\n\tisFocused,\n}: BackdropProps ): SerializedStyles => {\n\tlet borderColor = isFocused ? COLORS.ui.borderFocus : COLORS.ui.border;\n\n\tlet boxShadow;\n\tlet outline;\n\tlet outlineOffset;\n\n\tif ( isFocused ) {\n\t\tboxShadow = `0 0 0 1px ${ COLORS.ui.borderFocus } inset`;\n\t\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\t\toutline = `2px solid transparent`;\n\t\toutlineOffset = `-2px`;\n\t}\n\n\tif ( disabled ) {\n\t\tborderColor = COLORS.ui.borderDisabled;\n\t}\n\n\treturn css( {\n\t\tboxShadow,\n\t\tborderColor,\n\t\tborderStyle: 'solid',\n\t\tborderWidth: 1,\n\t\toutline,\n\t\toutlineOffset,\n\t} );\n};\n\nexport const BackdropUI = styled.div< BackdropProps >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\n\t\t${ backdropFocusedStyles }\n\t\t${ rtl( { paddingLeft: 2 } ) }\n\t}\n`;\n\nexport const Prefix = styled.span`\n\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n\nexport const Suffix = styled.span`\n\talign-items: center;\n\talign-self: stretch;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n`;\n"]}

package/build-module/isolated-event-container/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -23,10 +22,10 @@ const IsolatedEventContainer = forwardRef((props, ref) => {
   /* eslint-disable jsx-a11y/no-static-element-interactions */
-  return createElement("div", _extends({}, props, {
+  return createElement("div", { ...props,
     ref: ref,
     onMouseDown: stopPropagation
-  }));
+  });
   /* eslint-enable jsx-a11y/no-static-element-interactions */
 });
 export default IsolatedEventContainer;

package/build-module/isolated-event-container/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/isolated-event-container/index.tsx"],"names":["forwardRef","deprecated","stopPropagation","event","IsolatedEventContainer","props","ref","since"],"mappings":"~~;;;~~AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;;AAEA,SAASC,eAAT,CAA0BC,KAA1B,EAA8C;AAC7CA,EAAAA,KAAK,CAACD,eAAN;AACA;;AAID,MAAME,sBAAsB,GAAGJ,UAAU,CACxC,CAAEK,KAAF,EAASC,GAAT,KAAkB;AACjBL,EAAAA,UAAU,CAAE,sCAAF,EAA0C;AACnDM,IAAAA,KAAK,EAAE;AAD4C,GAA1C,CAAV,CADiB,CAKjB;AACA;;AACA;;AACA,SAAO,~~kCAAUF~~,KAAV;AAAkB,IAAA,GAAG,EAAGC,GAAxB;AAA8B,IAAA,WAAW,EAAGJ;AAA5C,~~KAAP~~;AACA;AACA,CAXuC,CAAzC;AAcA,eAAeE,sBAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ComponentPropsWithoutRef, MouseEvent } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\nfunction stopPropagation( event: MouseEvent ) {\n\tevent.stopPropagation();\n}\n\ntype DivProps = ComponentPropsWithoutRef< 'div' >;\n\nconst IsolatedEventContainer = forwardRef< HTMLDivElement, DivProps >(\n\t( props, ref ) => {\n\t\tdeprecated( 'wp.components.IsolatedEventContainer', {\n\t\t\tsince: '5.7',\n\t\t} );\n\n\t\t// Disable reason: this stops certain events from propagating outside of the component.\n\t\t// - onMouseDown is disabled as this can cause interactions with other DOM elements.\n\t\t/ eslint-disable jsx-a11y/no-static-element-interactions /\n\t\treturn <div { ...props } ref={ ref } onMouseDown={ stopPropagation } />;\n\t\t/ eslint-enable jsx-a11y/no-static-element-interactions */\n\t}\n);\n\nexport default IsolatedEventContainer;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/isolated-event-container/index.tsx"],"names":["forwardRef","deprecated","stopPropagation","event","IsolatedEventContainer","props","ref","since"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;;AAEA,SAASC,eAAT,CAA0BC,KAA1B,EAA8C;AAC7CA,EAAAA,KAAK,CAACD,eAAN;AACA;;AAID,MAAME,sBAAsB,GAAGJ,UAAU,CACxC,CAAEK,KAAF,EAASC,GAAT,KAAkB;AACjBL,EAAAA,UAAU,CAAE,sCAAF,EAA0C;AACnDM,IAAAA,KAAK,EAAE;AAD4C,GAA1C,CAAV,CADiB,CAKjB;AACA;;AACA;;AACA,SAAO,0BAAUF,KAAV;AAAkB,IAAA,GAAG,EAAGC,GAAxB;AAA8B,IAAA,WAAW,EAAGJ;AAA5C,IAAP;AACA;AACA,CAXuC,CAAzC;AAcA,eAAeE,sBAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ComponentPropsWithoutRef, MouseEvent } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\nfunction stopPropagation( event: MouseEvent ) {\n\tevent.stopPropagation();\n}\n\ntype DivProps = ComponentPropsWithoutRef< 'div' >;\n\nconst IsolatedEventContainer = forwardRef< HTMLDivElement, DivProps >(\n\t( props, ref ) => {\n\t\tdeprecated( 'wp.components.IsolatedEventContainer', {\n\t\t\tsince: '5.7',\n\t\t} );\n\n\t\t// Disable reason: this stops certain events from propagating outside of the component.\n\t\t// - onMouseDown is disabled as this can cause interactions with other DOM elements.\n\t\t/ eslint-disable jsx-a11y/no-static-element-interactions /\n\t\treturn <div { ...props } ref={ ref } onMouseDown={ stopPropagation } />;\n\t\t/ eslint-enable jsx-a11y/no-static-element-interactions */\n\t}\n);\n\nexport default IsolatedEventContainer;\n"]}

package/build-module/item-group/item/component.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -21,9 +20,9 @@ function UnconnectedItem(props, forwardedRef) {
   return createElement("div", {
     role: role,
     className: wrapperClassName
-  }, createElement(View, _extends({}, otherProps, {
+  }, createElement(View, { ...otherProps,
     ref: forwardedRef
-  })));
+  }));
 }
 /**
  * `Item` is used in combination with `ItemGroup` to display a list of items

package/build-module/item-group/item/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/item-group/item/component.tsx"],"names":["useItem","contextConnect","View","UnconnectedItem","props","forwardedRef","role","wrapperClassName","otherProps","Item"],"mappings":"~~;;;~~AAAA;AACA;AACA;;AAGA;AACA;AACA;AAEA,SAASA,OAAT,QAAwB,QAAxB;AACA,SAASC,cAAT,QAAwD,kBAAxD;AACA,SAASC,IAAT,QAAqB,YAArB;;AAEA,SAASC,eAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,gBAAR;AAA0B,OAAGC;AAA7B,MAA4CR,OAAO,CAAEI,KAAF,CAAzD;AAEA,SACC;AAAK,IAAA,IAAI,EAAGE,IAAZ;AAAmB,IAAA,SAAS,EAAGC;AAA/B,KACC,cAAC,IAAD,~~eAAWC~~,UAAX;AAAwB,IAAA,GAAG,EAAGH;AAA9B,~~KADD~~,CADD;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMI,IAAI,GAAGR,cAAc,CAAEE,eAAF,EAAmB,MAAnB,CAA3B;AAEP,eAAeM,IAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport type { ItemProps } from '../types';\nimport { useItem } from './hook';\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { View } from '../../view';\n\nfunction UnconnectedItem(\n\tprops: WordPressComponentProps< ItemProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst { role, wrapperClassName, ...otherProps } = useItem( props );\n\n\treturn (\n\t\t<div role={ role } className={ wrapperClassName }>\n\t\t\t<View { ...otherProps } ref={ forwardedRef } />\n\t\t</div>\n\t);\n}\n\n/\n `Item` is used in combination with `ItemGroup` to display a list of items\n * grouped and styled together.\n \n @example\n * ```jsx\n * import {\n * __experimentalItemGroup as ItemGroup,\n * __experimentalItem as Item,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ItemGroup>\n * <Item>Code</Item>\n * <Item>is</Item>\n * <Item>Poetry</Item>\n * </ItemGroup>\n * );\n * }\n * ```\n */\nexport const Item = contextConnect( UnconnectedItem, 'Item' );\n\nexport default Item;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/item-group/item/component.tsx"],"names":["useItem","contextConnect","View","UnconnectedItem","props","forwardedRef","role","wrapperClassName","otherProps","Item"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AAEA,SAASA,OAAT,QAAwB,QAAxB;AACA,SAASC,cAAT,QAAwD,kBAAxD;AACA,SAASC,IAAT,QAAqB,YAArB;;AAEA,SAASC,eAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,gBAAR;AAA0B,OAAGC;AAA7B,MAA4CR,OAAO,CAAEI,KAAF,CAAzD;AAEA,SACC;AAAK,IAAA,IAAI,EAAGE,IAAZ;AAAmB,IAAA,SAAS,EAAGC;AAA/B,KACC,cAAC,IAAD,OAAWC,UAAX;AAAwB,IAAA,GAAG,EAAGH;AAA9B,IADD,CADD;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMI,IAAI,GAAGR,cAAc,CAAEE,eAAF,EAAmB,MAAnB,CAA3B;AAEP,eAAeM,IAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport type { ItemProps } from '../types';\nimport { useItem } from './hook';\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { View } from '../../view';\n\nfunction UnconnectedItem(\n\tprops: WordPressComponentProps< ItemProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst { role, wrapperClassName, ...otherProps } = useItem( props );\n\n\treturn (\n\t\t<div role={ role } className={ wrapperClassName }>\n\t\t\t<View { ...otherProps } ref={ forwardedRef } />\n\t\t</div>\n\t);\n}\n\n/\n `Item` is used in combination with `ItemGroup` to display a list of items\n * grouped and styled together.\n \n @example\n * ```jsx\n * import {\n * __experimentalItemGroup as ItemGroup,\n * __experimentalItem as Item,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ItemGroup>\n * <Item>Code</Item>\n * <Item>is</Item>\n * <Item>Poetry</Item>\n * </ItemGroup>\n * );\n * }\n * ```\n */\nexport const Item = contextConnect( UnconnectedItem, 'Item' );\n\nexport default Item;\n"]}

package/build-module/item-group/item-group/component.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 /**
@@ -31,9 +30,9 @@ function UnconnectedItemGroup(props, forwardedRef) {
   };
   return createElement(ItemGroupContext.Provider, {
     value: contextValue
-  }, createElement(View, _extends({}, otherProps, {
+  }, createElement(View, { ...otherProps,
     ref: forwardedRef
-  })));
+  }));
 }
 /**
  * `ItemGroup` displays a list of `Item`s grouped and styled together.

package/build-module/item-group/item-group/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/item-group/item-group/component.tsx"],"names":["contextConnect","useItemGroup","ItemGroupContext","useItemGroupContext","View","UnconnectedItemGroup","props","forwardedRef","isBordered","isSeparated","size","sizeProp","otherProps","contextSize","spacedAround","contextValue","ItemGroup"],"mappings":"~~;;;~~AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,YAAT,QAA6B,QAA7B;AACA,SAASC,gBAAT,EAA2BC,mBAA3B,QAAsD,YAAtD;AACA,SAASC,IAAT,QAAqB,YAArB;;AAGA,SAASC,oBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,UADK;AAELC,IAAAA,WAFK;AAGLC,IAAAA,IAAI,EAAEC,QAHD;AAIL,OAAGC;AAJE,MAKFX,YAAY,CAAEK,KAAF,CALhB;AAOA,QAAM;AAAEI,IAAAA,IAAI,EAAEG;AAAR,MAAwBV,mBAAmB,EAAjD;AAEA,QAAMW,YAAY,GAAG,CAAEN,UAAF,IAAgB,CAAEC,WAAvC;AACA,QAAMC,IAAI,GAAGC,QAAQ,IAAIE,WAAzB;AAEA,QAAME,YAAY,GAAG;AACpBD,IAAAA,YADoB;AAEpBJ,IAAAA;AAFoB,GAArB;AAKA,SACC,cAAC,gBAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAGK;AAAnC,KACC,cAAC,IAAD,~~eAAWH~~,UAAX;AAAwB,IAAA,GAAG,EAAGL;AAA9B,~~KADD~~,CADD;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMS,SAAS,GAAGhB,cAAc,CAAEK,oBAAF,EAAwB,WAAxB,CAAhC;AAEP,eAAeW,SAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { useItemGroup } from './hook';\nimport { ItemGroupContext, useItemGroupContext } from '../context';\nimport { View } from '../../view';\nimport type { ItemGroupProps } from '../types';\n\nfunction UnconnectedItemGroup(\n\tprops: WordPressComponentProps< ItemGroupProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tisBordered,\n\t\tisSeparated,\n\t\tsize: sizeProp,\n\t\t...otherProps\n\t} = useItemGroup( props );\n\n\tconst { size: contextSize } = useItemGroupContext();\n\n\tconst spacedAround = ! isBordered && ! isSeparated;\n\tconst size = sizeProp \|\| contextSize;\n\n\tconst contextValue = {\n\t\tspacedAround,\n\t\tsize,\n\t};\n\n\treturn (\n\t\t<ItemGroupContext.Provider value={ contextValue }>\n\t\t\t<View { ...otherProps } ref={ forwardedRef } />\n\t\t</ItemGroupContext.Provider>\n\t);\n}\n\n/\n `ItemGroup` displays a list of `Item`s grouped and styled together.\n \n @example\n * ```jsx\n * import {\n * __experimentalItemGroup as ItemGroup,\n * __experimentalItem as Item,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ItemGroup>\n * <Item>Code</Item>\n * <Item>is</Item>\n * <Item>Poetry</Item>\n * </ItemGroup>\n * );\n * }\n * ```\n */\nexport const ItemGroup = contextConnect( UnconnectedItemGroup, 'ItemGroup' );\n\nexport default ItemGroup;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/item-group/item-group/component.tsx"],"names":["contextConnect","useItemGroup","ItemGroupContext","useItemGroupContext","View","UnconnectedItemGroup","props","forwardedRef","isBordered","isSeparated","size","sizeProp","otherProps","contextSize","spacedAround","contextValue","ItemGroup"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,YAAT,QAA6B,QAA7B;AACA,SAASC,gBAAT,EAA2BC,mBAA3B,QAAsD,YAAtD;AACA,SAASC,IAAT,QAAqB,YAArB;;AAGA,SAASC,oBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,UADK;AAELC,IAAAA,WAFK;AAGLC,IAAAA,IAAI,EAAEC,QAHD;AAIL,OAAGC;AAJE,MAKFX,YAAY,CAAEK,KAAF,CALhB;AAOA,QAAM;AAAEI,IAAAA,IAAI,EAAEG;AAAR,MAAwBV,mBAAmB,EAAjD;AAEA,QAAMW,YAAY,GAAG,CAAEN,UAAF,IAAgB,CAAEC,WAAvC;AACA,QAAMC,IAAI,GAAGC,QAAQ,IAAIE,WAAzB;AAEA,QAAME,YAAY,GAAG;AACpBD,IAAAA,YADoB;AAEpBJ,IAAAA;AAFoB,GAArB;AAKA,SACC,cAAC,gBAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAGK;AAAnC,KACC,cAAC,IAAD,OAAWH,UAAX;AAAwB,IAAA,GAAG,EAAGL;AAA9B,IADD,CADD;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMS,SAAS,GAAGhB,cAAc,CAAEK,oBAAF,EAAwB,WAAxB,CAAhC;AAEP,eAAeW,SAAf","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n Internal dependencies\n /\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { useItemGroup } from './hook';\nimport { ItemGroupContext, useItemGroupContext } from '../context';\nimport { View } from '../../view';\nimport type { ItemGroupProps } from '../types';\n\nfunction UnconnectedItemGroup(\n\tprops: WordPressComponentProps< ItemGroupProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tisBordered,\n\t\tisSeparated,\n\t\tsize: sizeProp,\n\t\t...otherProps\n\t} = useItemGroup( props );\n\n\tconst { size: contextSize } = useItemGroupContext();\n\n\tconst spacedAround = ! isBordered && ! isSeparated;\n\tconst size = sizeProp \|\| contextSize;\n\n\tconst contextValue = {\n\t\tspacedAround,\n\t\tsize,\n\t};\n\n\treturn (\n\t\t<ItemGroupContext.Provider value={ contextValue }>\n\t\t\t<View { ...otherProps } ref={ forwardedRef } />\n\t\t</ItemGroupContext.Provider>\n\t);\n}\n\n/\n `ItemGroup` displays a list of `Item`s grouped and styled together.\n \n @example\n * ```jsx\n * import {\n * __experimentalItemGroup as ItemGroup,\n * __experimentalItem as Item,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ItemGroup>\n * <Item>Code</Item>\n * <Item>is</Item>\n * <Item>Poetry</Item>\n * </ItemGroup>\n * );\n * }\n * ```\n */\nexport const ItemGroup = contextConnect( UnconnectedItemGroup, 'ItemGroup' );\n\nexport default ItemGroup;\n"]}