@wordpress/components 19.0.0 → 19.0.4

package/build/unit-control/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 Object.defineProperty(exports, "parseUnit", {
   enumerable: true,
   get: function () {
@@ -19,7 +18,6 @@ Object.defineProperty(exports, "useCustomUnits", {
     return _utils.useCustomUnits;
   }
 });
-exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
@@ -45,6 +43,10 @@ var _utils = require("./utils");
 
 var _hooks = require("../utils/hooks");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * External dependencies
  */
@@ -53,25 +55,26 @@ var _hooks = require("../utils/hooks");
 /**
  * WordPress dependencies
  */
-function UnitControl({
-  __unstableStateReducer: stateReducer = state => state,
-  autoComplete = 'off',
-  className,
-  disabled = false,
-  disableUnits = false,
-  isPressEnterToChange = false,
-  isResetValueOnUnitChange = false,
-  isUnitSelectTabbable = true,
-  label,
-  onChange = _lodash.noop,
-  onUnitChange = _lodash.noop,
-  size = 'default',
-  style,
-  unit: unitProp,
-  units: unitsProp = _utils.CSS_UNITS,
-  value: valueProp,
-  ...props
-}, forwardedRef) {
+function UnitControl(_ref, forwardedRef) {
+  let {
+    __unstableStateReducer: stateReducer = state => state,
+    autoComplete = 'off',
+    className,
+    disabled = false,
+    disableUnits = false,
+    isPressEnterToChange = false,
+    isResetValueOnUnitChange = false,
+    isUnitSelectTabbable = true,
+    label,
+    onChange = _lodash.noop,
+    onUnitChange = _lodash.noop,
+    size = 'default',
+    style,
+    unit: unitProp,
+    units: unitsProp = _utils.CSS_UNITS,
+    value: valueProp,
+    ...props
+  } = _ref;
   const units = (0, _element.useMemo)(() => (0, _utils.getUnitsWithCurrentUnit)(valueProp, unitProp, unitsProp), [valueProp, unitProp, unitsProp]);
   const [value, initialUnit] = (0, _utils.getParsedValue)(valueProp, unitProp, units);
   const [unit, setUnit] = (0, _hooks.useControlledState)(unitProp, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/index.tsx"],"names":["UnitControl","__unstableStateReducer","stateReducer","state","autoComplete","className","disabled","disableUnits","isPressEnterToChange","isResetValueOnUnitChange","isUnitSelectTabbable","label","onChange","noop","onUnitChange","size","style","unit","unitProp","units","unitsProp","CSS_UNITS","value","valueProp","props","forwardedRef","initialUnit","setUnit","initial","fallback","refParsedValue","classes","handleOnChange","next","changeProps","join","handleOnUnitChange","data","nextValue","default","undefined","mayUpdateUnit","event","isNaN","Number","currentTarget","current","parsedValue","parsedUnit","toString","Array","isArray","find","option","handleOnBlur","handleOnKeyDown","keyCode","ENTER","unitControlStateReducer","action","type","inputControlActionTypes","COMMIT","inputSuffix","step","activeUnit","ForwardedUnitControl"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type {\n\tFocusEventHandler,\n\tKeyboardEvent,\n\tRef,\n\tSyntheticEvent,\n} from 'react';\nimport { noop, omit } from 'lodash';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useMemo, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { ENTER } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { composeStateReducers } from '../input-control/reducer/reducer';\nimport { Root, ValueInput } from './styles/unit-control-styles';\nimport UnitSelectControl from './unit-select-control';\nimport {\n\tCSS_UNITS,\n\tgetParsedValue,\n\tgetUnitsWithCurrentUnit,\n\tgetValidParsedUnit,\n} from './utils';\nimport { useControlledState } from '../utils/hooks';\nimport type { UnitControlProps, UnitControlOnChangeCallback } from './types';\nimport type { StateReducer } from '../input-control/reducer/state';\n\nfunction UnitControl(\n\t{\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\tautoComplete = 'off',\n\t\tclassName,\n\t\tdisabled = false,\n\t\tdisableUnits = false,\n\t\tisPressEnterToChange = false,\n\t\tisResetValueOnUnitChange = false,\n\t\tisUnitSelectTabbable = true,\n\t\tlabel,\n\t\tonChange = noop,\n\t\tonUnitChange = noop,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tunit: unitProp,\n\t\tunits: unitsProp = CSS_UNITS,\n\t\tvalue: valueProp,\n\t\t...props\n\t}: WordPressComponentProps< UnitControlProps, 'input', false >,\n\tforwardedRef: Ref< any >\n) {\n\tconst units = useMemo(\n\t\t() => getUnitsWithCurrentUnit( valueProp, unitProp, unitsProp ),\n\t\t[ valueProp, unitProp, unitsProp ]\n\t);\n\tconst [ value, initialUnit ] = getParsedValue( valueProp, unitProp, units );\n\tconst [ unit, setUnit ] = useControlledState< string | undefined >(\n\t\tunitProp,\n\t\t{\n\t\t\tinitial: initialUnit,\n\t\t\tfallback: '',\n\t\t}\n\t);\n\n\t// Stores parsed value for hand-off in state reducer\n\tconst refParsedValue = useRef< string | null >( null );\n\n\tconst classes = classnames( 'components-unit-control', className );\n\n\tconst handleOnChange: UnitControlOnChangeCallback = (\n\t\tnext,\n\t\tchangeProps\n\t) => {\n\t\tif ( next === '' ) {\n\t\t\tonChange( '', changeProps );\n\t\t\treturn;\n\t\t}\n\n\t\t/*\n\t\t * Customizing the onChange callback.\n\t\t * This allows as to broadcast a combined value+unit to onChange.\n\t\t */\n\t\tnext = getValidParsedUnit( next, units, value, unit ).join( '' );\n\n\t\tonChange( next, changeProps );\n\t};\n\n\tconst handleOnUnitChange: UnitControlOnChangeCallback = (\n\t\tnext,\n\t\tchangeProps\n\t) => {\n\t\tconst { data } = changeProps;\n\n\t\tlet nextValue = `${ value }${ next }`;\n\n\t\tif ( isResetValueOnUnitChange && data?.default !== undefined ) {\n\t\t\tnextValue = `${ data.default }${ next }`;\n\t\t}\n\n\t\tonChange( nextValue, changeProps );\n\t\tonUnitChange( next, changeProps );\n\n\t\tsetUnit( next );\n\t};\n\n\tconst mayUpdateUnit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tif ( ! isNaN( Number( event.currentTarget.value ) ) ) {\n\t\t\trefParsedValue.current = null;\n\t\t\treturn;\n\t\t}\n\t\tconst [ parsedValue, parsedUnit ] = getValidParsedUnit(\n\t\t\tevent.currentTarget.value,\n\t\t\tunits,\n\t\t\tvalue,\n\t\t\tunit\n\t\t);\n\n\t\trefParsedValue.current = parsedValue.toString();\n\n\t\tif ( isPressEnterToChange && parsedUnit !== unit ) {\n\t\t\tconst data = Array.isArray( units )\n\t\t\t\t? units.find( ( option ) => option.value === parsedUnit )\n\t\t\t\t: undefined;\n\t\t\tconst changeProps = { event, data };\n\n\t\t\tonChange( `${ parsedValue }${ parsedUnit }`, changeProps );\n\t\t\tonUnitChange( parsedUnit, changeProps );\n\n\t\t\tsetUnit( parsedUnit );\n\t\t}\n\t};\n\n\tconst handleOnBlur: FocusEventHandler< HTMLInputElement > = mayUpdateUnit;\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { keyCode } = event;\n\t\tif ( keyCode === ENTER ) {\n\t\t\tmayUpdateUnit( event );\n\t\t}\n\t};\n\n\t/**\n\t * \"Middleware\" function that intercepts updates from InputControl.\n\t * This allows us to tap into actions to transform the (next) state for\n\t * InputControl.\n\t *\n\t * @param  state  State from InputControl\n\t * @param  action Action triggering state change\n\t * @return The updated state to apply to InputControl\n\t */\n\tconst unitControlStateReducer: StateReducer = ( state, action ) => {\n\t\t/*\n\t\t * On commits (when pressing ENTER and on blur if\n\t\t * isPressEnterToChange is true), if a parse has been performed\n\t\t * then use that result to update the state.\n\t\t */\n\t\tif ( action.type === inputControlActionTypes.COMMIT ) {\n\t\t\tif ( refParsedValue.current !== null ) {\n\t\t\t\tstate.value = refParsedValue.current;\n\t\t\t\trefParsedValue.current = null;\n\t\t\t}\n\t\t}\n\n\t\treturn state;\n\t};\n\n\tconst inputSuffix = ! disableUnits ? (\n\t\t<UnitSelectControl\n\t\t\taria-label={ __( 'Select unit' ) }\n\t\t\tdisabled={ disabled }\n\t\t\tisUnitSelectTabbable={ isUnitSelectTabbable }\n\t\t\tonChange={ handleOnUnitChange }\n\t\t\tsize={ size }\n\t\t\tunit={ unit }\n\t\t\tunits={ units }\n\t\t/>\n\t) : null;\n\n\tlet step = props.step;\n\n\t/*\n\t * If no step prop has been passed, lookup the active unit and\n\t * try to get step from `units`, or default to a value of `1`\n\t */\n\tif ( ! step && units ) {\n\t\tconst activeUnit = units.find( ( option ) => option.value === unit );\n\t\tstep = activeUnit?.step ?? 1;\n\t}\n\n\treturn (\n\t\t<Root className=\"components-unit-control-wrapper\" style={ style }>\n\t\t\t<ValueInput\n\t\t\t\taria-label={ label }\n\t\t\t\ttype={ isPressEnterToChange ? 'text' : 'number' }\n\t\t\t\t{ ...omit( props, [ 'children' ] ) }\n\t\t\t\tautoComplete={ autoComplete }\n\t\t\t\tclassName={ classes }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tdisableUnits={ disableUnits }\n\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\tlabel={ label }\n\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\tonKeyDown={ handleOnKeyDown }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tref={ forwardedRef }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={ inputSuffix }\n\t\t\t\tvalue={ value }\n\t\t\t\tstep={ step }\n\t\t\t\t__unstableStateReducer={ composeStateReducers(\n\t\t\t\t\tunitControlStateReducer,\n\t\t\t\t\tstateReducer\n\t\t\t\t) }\n\t\t\t/>\n\t\t</Root>\n\t);\n}\n\n/**\n * `UnitControl` allows the user to set a value as well as a unit (e.g. `px`).\n *\n *\n * @example\n * ```jsx\n * import { __experimentalUnitControl as UnitControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '10px' );\n *\n *   return <UnitControl onChange={ setValue } value={ value } />;\n * };\n * ```\n */\nconst ForwardedUnitControl = forwardRef( UnitControl );\n\nexport { parseUnit, useCustomUnits } from './utils';\nexport default ForwardedUnitControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/index.tsx"],"names":["UnitControl","forwardedRef","__unstableStateReducer","stateReducer","state","autoComplete","className","disabled","disableUnits","isPressEnterToChange","isResetValueOnUnitChange","isUnitSelectTabbable","label","onChange","noop","onUnitChange","size","style","unit","unitProp","units","unitsProp","CSS_UNITS","value","valueProp","props","initialUnit","setUnit","initial","fallback","refParsedValue","classes","handleOnChange","next","changeProps","join","handleOnUnitChange","data","nextValue","default","undefined","mayUpdateUnit","event","isNaN","Number","currentTarget","current","parsedValue","parsedUnit","toString","Array","isArray","find","option","handleOnBlur","handleOnKeyDown","keyCode","ENTER","unitControlStateReducer","action","type","inputControlActionTypes","COMMIT","inputSuffix","step","activeUnit","ForwardedUnitControl"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type {\n\tFocusEventHandler,\n\tKeyboardEvent,\n\tRef,\n\tSyntheticEvent,\n} from 'react';\nimport { noop, omit } from 'lodash';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useMemo, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { ENTER } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { composeStateReducers } from '../input-control/reducer/reducer';\nimport { Root, ValueInput } from './styles/unit-control-styles';\nimport UnitSelectControl from './unit-select-control';\nimport {\n\tCSS_UNITS,\n\tgetParsedValue,\n\tgetUnitsWithCurrentUnit,\n\tgetValidParsedUnit,\n} from './utils';\nimport { useControlledState } from '../utils/hooks';\nimport type { UnitControlProps, UnitControlOnChangeCallback } from './types';\nimport type { StateReducer } from '../input-control/reducer/state';\n\nfunction UnitControl(\n\t{\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\tautoComplete = 'off',\n\t\tclassName,\n\t\tdisabled = false,\n\t\tdisableUnits = false,\n\t\tisPressEnterToChange = false,\n\t\tisResetValueOnUnitChange = false,\n\t\tisUnitSelectTabbable = true,\n\t\tlabel,\n\t\tonChange = noop,\n\t\tonUnitChange = noop,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tunit: unitProp,\n\t\tunits: unitsProp = CSS_UNITS,\n\t\tvalue: valueProp,\n\t\t...props\n\t}: WordPressComponentProps< UnitControlProps, 'input', false >,\n\tforwardedRef: Ref< any >\n) {\n\tconst units = useMemo(\n\t\t() => getUnitsWithCurrentUnit( valueProp, unitProp, unitsProp ),\n\t\t[ valueProp, unitProp, unitsProp ]\n\t);\n\tconst [ value, initialUnit ] = getParsedValue( valueProp, unitProp, units );\n\tconst [ unit, setUnit ] = useControlledState< string | undefined >(\n\t\tunitProp,\n\t\t{\n\t\t\tinitial: initialUnit,\n\t\t\tfallback: '',\n\t\t}\n\t);\n\n\t// Stores parsed value for hand-off in state reducer\n\tconst refParsedValue = useRef< string | null >( null );\n\n\tconst classes = classnames( 'components-unit-control', className );\n\n\tconst handleOnChange: UnitControlOnChangeCallback = (\n\t\tnext,\n\t\tchangeProps\n\t) => {\n\t\tif ( next === '' ) {\n\t\t\tonChange( '', changeProps );\n\t\t\treturn;\n\t\t}\n\n\t\t/*\n\t\t * Customizing the onChange callback.\n\t\t * This allows as to broadcast a combined value+unit to onChange.\n\t\t */\n\t\tnext = getValidParsedUnit( next, units, value, unit ).join( '' );\n\n\t\tonChange( next, changeProps );\n\t};\n\n\tconst handleOnUnitChange: UnitControlOnChangeCallback = (\n\t\tnext,\n\t\tchangeProps\n\t) => {\n\t\tconst { data } = changeProps;\n\n\t\tlet nextValue = `${ value }${ next }`;\n\n\t\tif ( isResetValueOnUnitChange && data?.default !== undefined ) {\n\t\t\tnextValue = `${ data.default }${ next }`;\n\t\t}\n\n\t\tonChange( nextValue, changeProps );\n\t\tonUnitChange( next, changeProps );\n\n\t\tsetUnit( next );\n\t};\n\n\tconst mayUpdateUnit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tif ( ! isNaN( Number( event.currentTarget.value ) ) ) {\n\t\t\trefParsedValue.current = null;\n\t\t\treturn;\n\t\t}\n\t\tconst [ parsedValue, parsedUnit ] = getValidParsedUnit(\n\t\t\tevent.currentTarget.value,\n\t\t\tunits,\n\t\t\tvalue,\n\t\t\tunit\n\t\t);\n\n\t\trefParsedValue.current = parsedValue.toString();\n\n\t\tif ( isPressEnterToChange && parsedUnit !== unit ) {\n\t\t\tconst data = Array.isArray( units )\n\t\t\t\t? units.find( ( option ) => option.value === parsedUnit )\n\t\t\t\t: undefined;\n\t\t\tconst changeProps = { event, data };\n\n\t\t\tonChange( `${ parsedValue }${ parsedUnit }`, changeProps );\n\t\t\tonUnitChange( parsedUnit, changeProps );\n\n\t\t\tsetUnit( parsedUnit );\n\t\t}\n\t};\n\n\tconst handleOnBlur: FocusEventHandler< HTMLInputElement > = mayUpdateUnit;\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { keyCode } = event;\n\t\tif ( keyCode === ENTER ) {\n\t\t\tmayUpdateUnit( event );\n\t\t}\n\t};\n\n\t/**\n\t * \"Middleware\" function that intercepts updates from InputControl.\n\t * This allows us to tap into actions to transform the (next) state for\n\t * InputControl.\n\t *\n\t * @param  state  State from InputControl\n\t * @param  action Action triggering state change\n\t * @return The updated state to apply to InputControl\n\t */\n\tconst unitControlStateReducer: StateReducer = ( state, action ) => {\n\t\t/*\n\t\t * On commits (when pressing ENTER and on blur if\n\t\t * isPressEnterToChange is true), if a parse has been performed\n\t\t * then use that result to update the state.\n\t\t */\n\t\tif ( action.type === inputControlActionTypes.COMMIT ) {\n\t\t\tif ( refParsedValue.current !== null ) {\n\t\t\t\tstate.value = refParsedValue.current;\n\t\t\t\trefParsedValue.current = null;\n\t\t\t}\n\t\t}\n\n\t\treturn state;\n\t};\n\n\tconst inputSuffix = ! disableUnits ? (\n\t\t<UnitSelectControl\n\t\t\taria-label={ __( 'Select unit' ) }\n\t\t\tdisabled={ disabled }\n\t\t\tisUnitSelectTabbable={ isUnitSelectTabbable }\n\t\t\tonChange={ handleOnUnitChange }\n\t\t\tsize={ size }\n\t\t\tunit={ unit }\n\t\t\tunits={ units }\n\t\t/>\n\t) : null;\n\n\tlet step = props.step;\n\n\t/*\n\t * If no step prop has been passed, lookup the active unit and\n\t * try to get step from `units`, or default to a value of `1`\n\t */\n\tif ( ! step && units ) {\n\t\tconst activeUnit = units.find( ( option ) => option.value === unit );\n\t\tstep = activeUnit?.step ?? 1;\n\t}\n\n\treturn (\n\t\t<Root className=\"components-unit-control-wrapper\" style={ style }>\n\t\t\t<ValueInput\n\t\t\t\taria-label={ label }\n\t\t\t\ttype={ isPressEnterToChange ? 'text' : 'number' }\n\t\t\t\t{ ...omit( props, [ 'children' ] ) }\n\t\t\t\tautoComplete={ autoComplete }\n\t\t\t\tclassName={ classes }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tdisableUnits={ disableUnits }\n\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\tlabel={ label }\n\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\tonKeyDown={ handleOnKeyDown }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tref={ forwardedRef }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={ inputSuffix }\n\t\t\t\tvalue={ value }\n\t\t\t\tstep={ step }\n\t\t\t\t__unstableStateReducer={ composeStateReducers(\n\t\t\t\t\tunitControlStateReducer,\n\t\t\t\t\tstateReducer\n\t\t\t\t) }\n\t\t\t/>\n\t\t</Root>\n\t);\n}\n\n/**\n * `UnitControl` allows the user to set a value as well as a unit (e.g. `px`).\n *\n *\n * @example\n * ```jsx\n * import { __experimentalUnitControl as UnitControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '10px' );\n *\n *   return <UnitControl onChange={ setValue } value={ value } />;\n * };\n * ```\n */\nconst ForwardedUnitControl = forwardRef( UnitControl );\n\nexport { parseUnit, useCustomUnits } from './utils';\nexport default ForwardedUnitControl;\n"]}

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

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 Object.defineProperty(exports, "useCustomUnits", {
   enumerable: true,
   get: function () {
     return _utils.useCustomUnits;
   }
 });
-exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
@@ -44,21 +44,22 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
-function UnitControl({
-  currentInput,
-  label,
-  value,
-  onChange,
-  onUnitChange,
-  initialPosition,
-  min,
-  max,
-  separatorType,
-  units = _utils.CSS_UNITS,
-  unit,
-  getStylesFromColorScheme,
-  ...props
-}) {
+function UnitControl(_ref) {
+  let {
+    currentInput,
+    label,
+    value,
+    onChange,
+    onUnitChange,
+    initialPosition,
+    min,
+    max,
+    separatorType,
+    units = _utils.CSS_UNITS,
+    unit,
+    getStylesFromColorScheme,
+    ...props
+  } = _ref;
   const pickerRef = (0, _element.useRef)();
   const anchorNodeRef = (0, _element.useRef)();
   const onPickerPresent = (0, _element.useCallback)(() => {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/index.native.js"],"names":["UnitControl","currentInput","label","value","onChange","onUnitChange","initialPosition","min","max","separatorType","units","CSS_UNITS","unit","getStylesFromColorScheme","props","pickerRef","anchorNodeRef","onPickerPresent","current","presentPicker","currentInputValue","initialControlValue","isFinite","unitButtonTextStyle","styles","unitButtonText","unitButtonTextDark","accessibilityLabel","accessibilityHint","Platform","OS","renderUnitButton","unitButton","length","getAnchor","undefined","getDecimal","step","stepToString","splitStep","toString","split","renderUnitPicker","unitMenu","activeUnit","find","option","decimalNum"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tView,\n\tTouchableWithoutFeedback,\n\tPlatform,\n\tfindNodeHandle,\n} from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport RangeCell from '../mobile/bottom-sheet/range-cell';\nimport StepperCell from '../mobile/bottom-sheet/stepper-cell';\nimport Picker from '../mobile/picker';\nimport styles from './style.scss';\nimport { CSS_UNITS, hasUnits, parseA11yLabelForUnit } from './utils';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useCallback, useMemo, memo } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\nfunction UnitControl( {\n\tcurrentInput,\n\tlabel,\n\tvalue,\n\tonChange,\n\tonUnitChange,\n\tinitialPosition,\n\tmin,\n\tmax,\n\tseparatorType,\n\tunits = CSS_UNITS,\n\tunit,\n\tgetStylesFromColorScheme,\n\t...props\n} ) {\n\tconst pickerRef = useRef();\n\tconst anchorNodeRef = useRef();\n\n\tconst onPickerPresent = useCallback( () => {\n\t\tif ( pickerRef?.current ) {\n\t\t\tpickerRef.current.presentPicker();\n\t\t}\n\t}, [ pickerRef?.current ] );\n\n\tconst currentInputValue = currentInput === null ? value : currentInput;\n\tconst initialControlValue = isFinite( currentInputValue )\n\t\t? currentInputValue\n\t\t: initialPosition;\n\n\tconst unitButtonTextStyle = getStylesFromColorScheme(\n\t\tstyles.unitButtonText,\n\t\tstyles.unitButtonTextDark\n\t);\n\n\t/* translators: accessibility text. Inform about current unit value. %s: Current unit value. */\n\tconst accessibilityLabel = sprintf( __( 'Current unit is %s' ), unit );\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet with available options' )\n\t\t\t: __( 'Double tap to open Bottom Sheet with available options' );\n\n\tconst renderUnitButton = useMemo( () => {\n\t\tconst unitButton = (\n\t\t\t<View style={ styles.unitButton }>\n\t\t\t\t<Text style={ unitButtonTextStyle }>{ unit }</Text>\n\t\t\t</View>\n\t\t);\n\n\t\tif ( hasUnits( units ) && units?.length > 1 ) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={ onPickerPresent }\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t>\n\t\t\t\t\t{ unitButton }\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\n\t\treturn unitButton;\n\t}, [\n\t\tonPickerPresent,\n\t\taccessibilityLabel,\n\t\taccessibilityHint,\n\t\tunitButtonTextStyle,\n\t\tunit,\n\t\tunits,\n\t] );\n\n\tconst getAnchor = useCallback(\n\t\t() =>\n\t\t\tanchorNodeRef?.current\n\t\t\t\t? findNodeHandle( anchorNodeRef?.current )\n\t\t\t\t: undefined,\n\t\t[ anchorNodeRef?.current ]\n\t);\n\n\tconst getDecimal = ( step ) => {\n\t\t// Return the decimal offset based on the step size.\n\t\t// if step size is 0.1 we expect the offset to be 1.\n\t\t// for example 12 + 0.1 we would expect the see 12.1 (not 12.10 or 12 );\n\t\t// steps are defined in the CSS_UNITS and they vary from unit to unit.\n\t\tconst stepToString = step;\n\t\tconst splitStep = stepToString.toString().split( '.' );\n\t\treturn splitStep[ 1 ] ? splitStep[ 1 ].length : 0;\n\t};\n\n\tconst renderUnitPicker = useCallback( () => {\n\t\tif ( units === false ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.unitMenu } ref={ anchorNodeRef }>\n\t\t\t\t{ renderUnitButton }\n\t\t\t\t{ hasUnits( units ) && units?.length > 1 ? (\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tref={ pickerRef }\n\t\t\t\t\t\toptions={ units }\n\t\t\t\t\t\tonChange={ onUnitChange }\n\t\t\t\t\t\thideCancelButton\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tgetAnchor={ getAnchor }\n\t\t\t\t\t/>\n\t\t\t\t) : null }\n\t\t\t</View>\n\t\t);\n\t}, [ pickerRef, units, onUnitChange, getAnchor, renderUnitButton ] );\n\n\tlet step = props.step;\n\n\t/*\n\t * If no step prop has been passed, lookup the active unit and\n\t * try to get step from `units`, or default to a value of `1`\n\t */\n\tif ( ! step && units ) {\n\t\tconst activeUnit = units.find( ( option ) => option.value === unit );\n\t\tstep = activeUnit?.step ?? 1;\n\t}\n\n\tconst decimalNum = getDecimal( step );\n\n\treturn (\n\t\t<>\n\t\t\t{ unit !== '%' ? (\n\t\t\t\t<StepperCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tdefaultValue={ initialControlValue }\n\t\t\t\t\tshouldDisplayTextInput\n\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\topenUnitPicker={ onPickerPresent }\n\t\t\t\t\tunitLabel={ parseA11yLabelForUnit( unit ) }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ renderUnitPicker() }\n\t\t\t\t</StepperCell>\n\t\t\t) : (\n\t\t\t\t<RangeCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tminimumValue={ min }\n\t\t\t\t\tmaximumValue={ max }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tunit={ unit }\n\t\t\t\t\tdefaultValue={ initialControlValue }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\topenUnitPicker={ onPickerPresent }\n\t\t\t\t\tunitLabel={ parseA11yLabelForUnit( unit ) }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ renderUnitPicker() }\n\t\t\t\t</RangeCell>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport { useCustomUnits } from './utils';\nexport default memo( withPreferredColorScheme( UnitControl ) );\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/index.native.js"],"names":["UnitControl","currentInput","label","value","onChange","onUnitChange","initialPosition","min","max","separatorType","units","CSS_UNITS","unit","getStylesFromColorScheme","props","pickerRef","anchorNodeRef","onPickerPresent","current","presentPicker","currentInputValue","initialControlValue","isFinite","unitButtonTextStyle","styles","unitButtonText","unitButtonTextDark","accessibilityLabel","accessibilityHint","Platform","OS","renderUnitButton","unitButton","length","getAnchor","undefined","getDecimal","step","stepToString","splitStep","toString","split","renderUnitPicker","unitMenu","activeUnit","find","option","decimalNum"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tView,\n\tTouchableWithoutFeedback,\n\tPlatform,\n\tfindNodeHandle,\n} from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport RangeCell from '../mobile/bottom-sheet/range-cell';\nimport StepperCell from '../mobile/bottom-sheet/stepper-cell';\nimport Picker from '../mobile/picker';\nimport styles from './style.scss';\nimport { CSS_UNITS, hasUnits, parseA11yLabelForUnit } from './utils';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useCallback, useMemo, memo } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\nfunction UnitControl( {\n\tcurrentInput,\n\tlabel,\n\tvalue,\n\tonChange,\n\tonUnitChange,\n\tinitialPosition,\n\tmin,\n\tmax,\n\tseparatorType,\n\tunits = CSS_UNITS,\n\tunit,\n\tgetStylesFromColorScheme,\n\t...props\n} ) {\n\tconst pickerRef = useRef();\n\tconst anchorNodeRef = useRef();\n\n\tconst onPickerPresent = useCallback( () => {\n\t\tif ( pickerRef?.current ) {\n\t\t\tpickerRef.current.presentPicker();\n\t\t}\n\t}, [ pickerRef?.current ] );\n\n\tconst currentInputValue = currentInput === null ? value : currentInput;\n\tconst initialControlValue = isFinite( currentInputValue )\n\t\t? currentInputValue\n\t\t: initialPosition;\n\n\tconst unitButtonTextStyle = getStylesFromColorScheme(\n\t\tstyles.unitButtonText,\n\t\tstyles.unitButtonTextDark\n\t);\n\n\t/* translators: accessibility text. Inform about current unit value. %s: Current unit value. */\n\tconst accessibilityLabel = sprintf( __( 'Current unit is %s' ), unit );\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet with available options' )\n\t\t\t: __( 'Double tap to open Bottom Sheet with available options' );\n\n\tconst renderUnitButton = useMemo( () => {\n\t\tconst unitButton = (\n\t\t\t<View style={ styles.unitButton }>\n\t\t\t\t<Text style={ unitButtonTextStyle }>{ unit }</Text>\n\t\t\t</View>\n\t\t);\n\n\t\tif ( hasUnits( units ) && units?.length > 1 ) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={ onPickerPresent }\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t>\n\t\t\t\t\t{ unitButton }\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\n\t\treturn unitButton;\n\t}, [\n\t\tonPickerPresent,\n\t\taccessibilityLabel,\n\t\taccessibilityHint,\n\t\tunitButtonTextStyle,\n\t\tunit,\n\t\tunits,\n\t] );\n\n\tconst getAnchor = useCallback(\n\t\t() =>\n\t\t\tanchorNodeRef?.current\n\t\t\t\t? findNodeHandle( anchorNodeRef?.current )\n\t\t\t\t: undefined,\n\t\t[ anchorNodeRef?.current ]\n\t);\n\n\tconst getDecimal = ( step ) => {\n\t\t// Return the decimal offset based on the step size.\n\t\t// if step size is 0.1 we expect the offset to be 1.\n\t\t// for example 12 + 0.1 we would expect the see 12.1 (not 12.10 or 12 );\n\t\t// steps are defined in the CSS_UNITS and they vary from unit to unit.\n\t\tconst stepToString = step;\n\t\tconst splitStep = stepToString.toString().split( '.' );\n\t\treturn splitStep[ 1 ] ? splitStep[ 1 ].length : 0;\n\t};\n\n\tconst renderUnitPicker = useCallback( () => {\n\t\tif ( units === false ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.unitMenu } ref={ anchorNodeRef }>\n\t\t\t\t{ renderUnitButton }\n\t\t\t\t{ hasUnits( units ) && units?.length > 1 ? (\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tref={ pickerRef }\n\t\t\t\t\t\toptions={ units }\n\t\t\t\t\t\tonChange={ onUnitChange }\n\t\t\t\t\t\thideCancelButton\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tgetAnchor={ getAnchor }\n\t\t\t\t\t/>\n\t\t\t\t) : null }\n\t\t\t</View>\n\t\t);\n\t}, [ pickerRef, units, onUnitChange, getAnchor, renderUnitButton ] );\n\n\tlet step = props.step;\n\n\t/*\n\t * If no step prop has been passed, lookup the active unit and\n\t * try to get step from `units`, or default to a value of `1`\n\t */\n\tif ( ! step && units ) {\n\t\tconst activeUnit = units.find( ( option ) => option.value === unit );\n\t\tstep = activeUnit?.step ?? 1;\n\t}\n\n\tconst decimalNum = getDecimal( step );\n\n\treturn (\n\t\t<>\n\t\t\t{ unit !== '%' ? (\n\t\t\t\t<StepperCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tdefaultValue={ initialControlValue }\n\t\t\t\t\tshouldDisplayTextInput\n\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\topenUnitPicker={ onPickerPresent }\n\t\t\t\t\tunitLabel={ parseA11yLabelForUnit( unit ) }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ renderUnitPicker() }\n\t\t\t\t</StepperCell>\n\t\t\t) : (\n\t\t\t\t<RangeCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tminimumValue={ min }\n\t\t\t\t\tmaximumValue={ max }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tunit={ unit }\n\t\t\t\t\tdefaultValue={ initialControlValue }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\topenUnitPicker={ onPickerPresent }\n\t\t\t\t\tunitLabel={ parseA11yLabelForUnit( unit ) }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ renderUnitPicker() }\n\t\t\t\t</RangeCell>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport { useCustomUnits } from './utils';\nexport default memo( withPreferredColorScheme( UnitControl ) );\n"]}

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UnitSelect = exports.UnitLabel = exports.ValueInput = exports.Root = void 0;
+exports.ValueInput = exports.UnitSelect = exports.UnitLabel = exports.Root = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
@@ -33,9 +33,10 @@ const Root = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
 });
 exports.Root = Root;
 
-const paddingStyles = ({
-  disableUnits
-}) => {
+const paddingStyles = _ref2 => {
+  let {
+    disableUnits
+  } = _ref2;
   const value = disableUnits ? 3 : 24;
   return /*#__PURE__*/(0, _react.css)((0, _utils.rtl)({
     paddingRight: value
@@ -52,9 +53,10 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-const arrowStyles = ({
-  disableUnits
-}) => {
+const arrowStyles = _ref3 => {
+  let {
+    disableUnits
+  } = _ref3;
   if (disableUnits) return '';
   return _ref;
 }; // TODO: Resolve need to use &&& to increase specificity
@@ -69,9 +71,10 @@ const ValueInput = ( /*#__PURE__*/0, _base.default)(_numberControl.default, proc
 })("&&&{input{appearance:none;-moz-appearance:textfield;display:block;width:100%;", arrowStyles, ";", paddingStyles, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0Y29uc3QgdmFsdWUgPSBkaXNhYmxlVW5pdHMgPyAzIDogMjQ7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBydGwoIHsgcGFkZGluZ1JpZ2h0OiB2YWx1ZSB9ICkoKSB9O1xuXHRgO1xufTtcblxuY29uc3QgYXJyb3dTdHlsZXMgPSAoIHsgZGlzYWJsZVVuaXRzIH06IElucHV0UHJvcHMgKSA9PiB7XG5cdGlmICggZGlzYWJsZVVuaXRzICkgcmV0dXJuICcnO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Jjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcblx0XHQmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcblx0XHRcdC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcblx0XHRcdG1hcmdpbjogMDtcblx0XHR9XG5cdGA7XG59O1xuXG4vLyBUT0RPOiBSZXNvbHZlIG5lZWQgdG8gdXNlICYmJiB0byBpbmNyZWFzZSBzcGVjaWZpY2l0eVxuLy8gaHR0cHM6Ly9naXRodWIuY29tL1dvcmRQcmVzcy9ndXRlbmJlcmcvaXNzdWVzLzE4NDgzXG5cbmV4cG9ydCBjb25zdCBWYWx1ZUlucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCYmJiB7XG5cdFx0aW5wdXQge1xuXHRcdFx0YXBwZWFyYW5jZTogbm9uZTtcblx0XHRcdC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHR3aWR0aDogMTAwJTtcblxuXHRcdFx0JHsgYXJyb3dTdHlsZXMgfTtcblx0XHRcdCR7IHBhZGRpbmdTdHlsZXMgfTtcblx0XHR9XG5cdH1cbmA7XG5cbmNvbnN0IHVuaXRTaXplU3R5bGVzID0gKCB7IHNlbGVjdFNpemUgfTogU2VsZWN0UHJvcHMgKSA9PiB7XG5cdGNvbnN0IHNpemVzID0ge1xuXHRcdGRlZmF1bHQ6IHtcblx0XHRcdGhlaWdodDogMjgsXG5cdFx0XHRsaW5lSGVpZ2h0OiAnMjRweCcsXG5cdFx0XHRtaW5IZWlnaHQ6IDI4LFxuXHRcdFx0dG9wOiAxLFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdGhlaWdodDogMjIsXG5cdFx0XHRsaW5lSGVpZ2h0OiAnMThweCcsXG5cdFx0XHRtaW5IZWlnaHQ6IDIyLFxuXHRcdFx0dG9wOiAxLFxuXHRcdH0sXG5cdH07XG5cblx0cmV0dXJuIGNzcyggc2l6ZXNbIHNlbGVjdFNpemUgXSApO1xufTtcblxuY29uc3QgYmFzZVVuaXRMYWJlbFN0eWxlcyA9ICggcHJvcHM6IFNlbGVjdFByb3BzICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0Zm9udC1zaXplOiA4cHg7XG5cdFx0bGluZS1oZWlnaHQ6IDE7XG5cdFx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0XHRvdXRsaW5lOiBub25lO1xuXHRcdHBhZGRpbmc6IDJweCAxcHg7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRleHQtYWxpZ24tbGFzdDogY2VudGVyO1xuXHRcdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdFx0d2lkdGg6IDIwcHg7XG5cblx0XHQkeyBydGwoIHsgYm9yZGVyVG9wTGVmdFJhZGl1czogMCwgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCB9ICkoKSB9XG5cdFx0JHsgcnRsKCB7IHJpZ2h0OiAwIH0gKSgpIH1cblx0XHQkeyB1bml0U2l6ZVN0eWxlcyggcHJvcHMgKSB9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVW5pdExhYmVsID0gc3R5bGVkLmRpdjwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRTZWxlY3QgPSBzdHlsZWQuc2VsZWN0PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 exports.ValueInput = ValueInput;
 
-const unitSizeStyles = ({
-  selectSize
-}) => {
+const unitSizeStyles = _ref4 => {
+  let {
+    selectSize
+  } = _ref4;
   const sizes = {
     default: {
       height: 28,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/styles/unit-control-styles.ts"],"names":["Root","paddingStyles","disableUnits","value","css","paddingRight","arrowStyles","ValueInput","NumberControl","unitSizeStyles","selectSize","sizes","default","height","lineHeight","minHeight","top","small","baseUnitLabelStyles","props","COLORS","darkGray","borderTopLeftRadius","borderBottomLeftRadius","right","UnitLabel","UnitSelect","lightGray","ui","borderFocus"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;;;AAaO,MAAMA,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAV;;;AAKP,MAAMC,aAAa,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAoC;AACzD,QAAMC,KAAK,GAAGD,YAAY,GAAG,CAAH,GAAO,EAAjC;AAEA,0BAAOE,UAAP,EACI,gBAAK;AAAEC,IAAAA,YAAY,EAAEF;AAAhB,GAAL,GADJ;AAGA,CAND;;;;;;;;;;;;AAQA,MAAMG,WAAW,GAAG,CAAE;AAAEJ,EAAAA;AAAF,CAAF,KAAoC;AACvD,MAAKA,YAAL,EAAoB,OAAO,EAAP;AAEpB;AAOA,CAVD,C,CAYA;AACA;;;AAEO,MAAMK,UAAU,GAAG,iCAAQC,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,kFAQjBF,WARiB,OASjBL,aATiB,m2IAAhB;;;AAcP,MAAMQ,cAAc,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAmC;AACzD,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE;AACRC,MAAAA,MAAM,EAAE,EADA;AAERC,MAAAA,UAAU,EAAE,MAFJ;AAGRC,MAAAA,SAAS,EAAE,EAHH;AAIRC,MAAAA,GAAG,EAAE;AAJG,KADI;AAObC,IAAAA,KAAK,EAAE;AACNJ,MAAAA,MAAM,EAAE,EADF;AAENC,MAAAA,UAAU,EAAE,MAFN;AAGNC,MAAAA,SAAS,EAAE,EAHL;AAINC,MAAAA,GAAG,EAAE;AAJC;AAPM,GAAd;AAeA,sBAAO,gBAAKL,KAAK,CAAED,UAAF,CAAV,g6IAAP;AACA,CAjBD;;AAmBA,MAAMQ,mBAAmB,GAAKC,KAAF,IAA0B;AACrD,0BAAOf,UAAP,uGAMWgB,cAAOC,QAAP,CAAiB,GAAjB,CANX,iLAkBI,gBAAK;AAAEC,IAAAA,mBAAmB,EAAE,CAAvB;AAA0BC,IAAAA,sBAAsB,EAAE;AAAlD,GAAL,GAlBJ,OAmBI,gBAAK;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAL,GAnBJ,OAoBIf,cAAc,CAAEU,KAAF,CApBlB;AAsBA,CAvBD;;AAyBO,MAAMM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,+BAIjBP,mBAJiB,k2IAAf;;AAQA,MAAMQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAElBR,mBAFkB,4EAOCE,cAAOO,SAAP,CAAkB,GAAlB,CAPD,6BAWHP,cAAOQ,EAAP,CAAUC,WAXP,m9IAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport NumberControl from '../../number-control';\nimport type { SelectSize } from '../types';\n\n// Using `selectSize` instead of `size` to avoid a type conflict with the\n// `size` HTML attribute of the `select` element.\ntype SelectProps = {\n\tselectSize: SelectSize;\n};\n\ntype InputProps = {\n\tdisableUnits?: boolean;\n};\n\nexport const Root = styled.div`\n\tbox-sizing: border-box;\n\tposition: relative;\n`;\n\nconst paddingStyles = ( { disableUnits }: InputProps ) => {\n\tconst value = disableUnits ? 3 : 24;\n\n\treturn css`\n\t\t${ rtl( { paddingRight: value } )() };\n\t`;\n};\n\nconst arrowStyles = ( { disableUnits }: InputProps ) => {\n\tif ( disableUnits ) return '';\n\n\treturn css`\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const ValueInput = styled( NumberControl )`\n\t&&& {\n\t\tinput {\n\t\t\tappearance: none;\n\t\t\t-moz-appearance: textfield;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\n\t\t\t${ arrowStyles };\n\t\t\t${ paddingStyles };\n\t\t}\n\t}\n`;\n\nconst unitSizeStyles = ( { selectSize }: SelectProps ) => {\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 28,\n\t\t\tlineHeight: '24px',\n\t\t\tminHeight: 28,\n\t\t\ttop: 1,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 22,\n\t\t\tlineHeight: '18px',\n\t\t\tminHeight: 22,\n\t\t\ttop: 1,\n\t\t},\n\t};\n\n\treturn css( sizes[ selectSize ] );\n};\n\nconst baseUnitLabelStyles = ( props: SelectProps ) => {\n\treturn css`\n\t\tappearance: none;\n\t\tbackground: transparent;\n\t\tborder-radius: 2px;\n\t\tborder: none;\n\t\tbox-sizing: border-box;\n\t\tcolor: ${ COLORS.darkGray[ 500 ] };\n\t\tdisplay: block;\n\t\tfont-size: 8px;\n\t\tline-height: 1;\n\t\tletter-spacing: -0.5px;\n\t\toutline: none;\n\t\tpadding: 2px 1px;\n\t\tposition: absolute;\n\t\ttext-align-last: center;\n\t\ttext-transform: uppercase;\n\t\twidth: 20px;\n\n\t\t${ rtl( { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 } )() }\n\t\t${ rtl( { right: 0 } )() }\n\t\t${ unitSizeStyles( props ) }\n\t`;\n};\n\nexport const UnitLabel = styled.div< SelectProps >`\n\t&&& {\n\t\tpointer-events: none;\n\n\t\t${ baseUnitLabelStyles };\n\t}\n`;\n\nexport const UnitSelect = styled.select< SelectProps >`\n\t&&& {\n\t\t${ baseUnitLabelStyles };\n\t\tcursor: pointer;\n\t\tborder: 1px solid transparent;\n\n\t\t&:hover {\n\t\t\tbackground-color: ${ COLORS.lightGray[ 300 ] };\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 0;\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: initial;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/styles/unit-control-styles.ts"],"names":["Root","paddingStyles","disableUnits","value","css","paddingRight","arrowStyles","ValueInput","NumberControl","unitSizeStyles","selectSize","sizes","default","height","lineHeight","minHeight","top","small","baseUnitLabelStyles","props","COLORS","darkGray","borderTopLeftRadius","borderBottomLeftRadius","right","UnitLabel","UnitSelect","lightGray","ui","borderFocus"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;;;AAaO,MAAMA,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAV;;;AAKP,MAAMC,aAAa,GAAG,SAAoC;AAAA,MAAlC;AAAEC,IAAAA;AAAF,GAAkC;AACzD,QAAMC,KAAK,GAAGD,YAAY,GAAG,CAAH,GAAO,EAAjC;AAEA,0BAAOE,UAAP,EACI,gBAAK;AAAEC,IAAAA,YAAY,EAAEF;AAAhB,GAAL,GADJ;AAGA,CAND;;;;;;;;;;;;AAQA,MAAMG,WAAW,GAAG,SAAoC;AAAA,MAAlC;AAAEJ,IAAAA;AAAF,GAAkC;AACvD,MAAKA,YAAL,EAAoB,OAAO,EAAP;AAEpB;AAOA,CAVD,C,CAYA;AACA;;;AAEO,MAAMK,UAAU,GAAG,iCAAQC,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,kFAQjBF,WARiB,OASjBL,aATiB,m2IAAhB;;;AAcP,MAAMQ,cAAc,GAAG,SAAmC;AAAA,MAAjC;AAAEC,IAAAA;AAAF,GAAiC;AACzD,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE;AACRC,MAAAA,MAAM,EAAE,EADA;AAERC,MAAAA,UAAU,EAAE,MAFJ;AAGRC,MAAAA,SAAS,EAAE,EAHH;AAIRC,MAAAA,GAAG,EAAE;AAJG,KADI;AAObC,IAAAA,KAAK,EAAE;AACNJ,MAAAA,MAAM,EAAE,EADF;AAENC,MAAAA,UAAU,EAAE,MAFN;AAGNC,MAAAA,SAAS,EAAE,EAHL;AAINC,MAAAA,GAAG,EAAE;AAJC;AAPM,GAAd;AAeA,sBAAO,gBAAKL,KAAK,CAAED,UAAF,CAAV,g6IAAP;AACA,CAjBD;;AAmBA,MAAMQ,mBAAmB,GAAKC,KAAF,IAA0B;AACrD,0BAAOf,UAAP,uGAMWgB,cAAOC,QAAP,CAAiB,GAAjB,CANX,iLAkBI,gBAAK;AAAEC,IAAAA,mBAAmB,EAAE,CAAvB;AAA0BC,IAAAA,sBAAsB,EAAE;AAAlD,GAAL,GAlBJ,OAmBI,gBAAK;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAL,GAnBJ,OAoBIf,cAAc,CAAEU,KAAF,CApBlB;AAsBA,CAvBD;;AAyBO,MAAMM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,+BAIjBP,mBAJiB,k2IAAf;;AAQA,MAAMQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAElBR,mBAFkB,4EAOCE,cAAOO,SAAP,CAAkB,GAAlB,CAPD,6BAWHP,cAAOQ,EAAP,CAAUC,WAXP,m9IAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport NumberControl from '../../number-control';\nimport type { SelectSize } from '../types';\n\n// Using `selectSize` instead of `size` to avoid a type conflict with the\n// `size` HTML attribute of the `select` element.\ntype SelectProps = {\n\tselectSize: SelectSize;\n};\n\ntype InputProps = {\n\tdisableUnits?: boolean;\n};\n\nexport const Root = styled.div`\n\tbox-sizing: border-box;\n\tposition: relative;\n`;\n\nconst paddingStyles = ( { disableUnits }: InputProps ) => {\n\tconst value = disableUnits ? 3 : 24;\n\n\treturn css`\n\t\t${ rtl( { paddingRight: value } )() };\n\t`;\n};\n\nconst arrowStyles = ( { disableUnits }: InputProps ) => {\n\tif ( disableUnits ) return '';\n\n\treturn css`\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const ValueInput = styled( NumberControl )`\n\t&&& {\n\t\tinput {\n\t\t\tappearance: none;\n\t\t\t-moz-appearance: textfield;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\n\t\t\t${ arrowStyles };\n\t\t\t${ paddingStyles };\n\t\t}\n\t}\n`;\n\nconst unitSizeStyles = ( { selectSize }: SelectProps ) => {\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 28,\n\t\t\tlineHeight: '24px',\n\t\t\tminHeight: 28,\n\t\t\ttop: 1,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 22,\n\t\t\tlineHeight: '18px',\n\t\t\tminHeight: 22,\n\t\t\ttop: 1,\n\t\t},\n\t};\n\n\treturn css( sizes[ selectSize ] );\n};\n\nconst baseUnitLabelStyles = ( props: SelectProps ) => {\n\treturn css`\n\t\tappearance: none;\n\t\tbackground: transparent;\n\t\tborder-radius: 2px;\n\t\tborder: none;\n\t\tbox-sizing: border-box;\n\t\tcolor: ${ COLORS.darkGray[ 500 ] };\n\t\tdisplay: block;\n\t\tfont-size: 8px;\n\t\tline-height: 1;\n\t\tletter-spacing: -0.5px;\n\t\toutline: none;\n\t\tpadding: 2px 1px;\n\t\tposition: absolute;\n\t\ttext-align-last: center;\n\t\ttext-transform: uppercase;\n\t\twidth: 20px;\n\n\t\t${ rtl( { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 } )() }\n\t\t${ rtl( { right: 0 } )() }\n\t\t${ unitSizeStyles( props ) }\n\t`;\n};\n\nexport const UnitLabel = styled.div< SelectProps >`\n\t&&& {\n\t\tpointer-events: none;\n\n\t\t${ baseUnitLabelStyles };\n\t}\n`;\n\nexport const UnitSelect = styled.select< SelectProps >`\n\t&&& {\n\t\t${ baseUnitLabelStyles };\n\t\tcursor: pointer;\n\t\tborder: 1px solid transparent;\n\n\t\t&:hover {\n\t\t\tbackground-color: ${ COLORS.lightGray[ 300 ] };\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 0;\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: initial;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n`;\n"]}

package/build/unit-control/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/unit-control/unit-select-control.js

@@ -22,15 +22,17 @@ var _utils = require("./utils");
 /**
  * External dependencies
  */
-function UnitSelectControl({
-  className,
-  isUnitSelectTabbable: isTabbable = true,
-  onChange = _lodash.noop,
-  size = 'default',
-  unit = 'px',
-  units = _utils.CSS_UNITS,
-  ...props
-}) {
+function UnitSelectControl(_ref) {
+  let {
+    className,
+    isUnitSelectTabbable: isTabbable = true,
+    onChange = _lodash.noop,
+    size = 'default',
+    unit = 'px',
+    units = _utils.CSS_UNITS,
+    ...props
+  } = _ref;
+
   if (!units || !(0, _utils.hasUnits)(units) || (units === null || units === void 0 ? void 0 : units.length) === 1) {
     return (0, _element.createElement)(_unitControlStyles.UnitLabel, {
       className: "components-unit-control__unit-label",

package/build/unit-control/unit-select-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/unit-select-control.tsx"],"names":["UnitSelectControl","className","isUnitSelectTabbable","isTabbable","onChange","noop","size","unit","units","CSS_UNITS","props","length","handleOnChange","event","value","unitValue","target","data","find","option","classes","undefined","map","label"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AAQA;;AACA;;AAbA;AACA;AACA;AAce,SAASA,iBAAT,CAA4B;AAC1CC,EAAAA,SAD0C;AAE1CC,EAAAA,oBAAoB,EAAEC,UAAU,GAAG,IAFO;AAG1CC,EAAAA,QAAQ,GAAGC,YAH+B;AAI1CC,EAAAA,IAAI,GAAG,SAJmC;AAK1CC,EAAAA,IAAI,GAAG,IALmC;AAM1CC,EAAAA,KAAK,GAAGC,gBANkC;AAO1C,KAAGC;AAPuC,CAA5B,EAQyD;AACvE,MAAK,CAAEF,KAAF,IAAW,CAAE,qBAAUA,KAAV,CAAb,IAAkC,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,MAAP,MAAkB,CAAzD,EAA6D;AAC5D,WACC,4BAAC,4BAAD;AACC,MAAA,SAAS,EAAC,qCADX;AAEC,MAAA,UAAU,EAAGL;AAFd,OAIGC,IAJH,CADD;AAQA;;AAED,QAAMK,cAAc,GAAKC,KAAF,IAA+C;AACrE,UAAM;AAAEC,MAAAA,KAAK,EAAEC;AAAT,QAAuBF,KAAK,CAACG,MAAnC;AACA,UAAMC,IAAI,GAAGT,KAAK,CAACU,IAAN,CAAcC,MAAF,IAAcA,MAAM,CAACL,KAAP,KAAiBC,SAA3C,CAAb;AAEAX,IAAAA,QAAQ,CAAEW,SAAF,EAAa;AAAEF,MAAAA,KAAF;AAASI,MAAAA;AAAT,KAAb,CAAR;AACA,GALD;;AAOA,QAAMG,OAAO,GAAG,yBAAY,iCAAZ,EAA+CnB,SAA/C,CAAhB;AAEA,SACC,4BAAC,6BAAD;AACC,IAAA,SAAS,EAAGmB,OADb;AAEC,IAAA,QAAQ,EAAGR,cAFZ;AAGC,IAAA,UAAU,EAAGN,IAHd;AAIC,IAAA,QAAQ,EAAGH,UAAU,GAAGkB,SAAH,GAAe,CAAC,CAJtC;AAKC,IAAA,KAAK,EAAGd;AALT,KAMMG,KANN,GAQGF,KAAK,CAACc,GAAN,CAAaH,MAAF,IACZ;AAAQ,IAAA,KAAK,EAAGA,MAAM,CAACL,KAAvB;AAA+B,IAAA,GAAG,EAAGK,MAAM,CAACL;AAA5C,KACGK,MAAM,CAACI,KADV,CADC,CARH,CADD;AAgBA","sourcesContent":["/**\n * External dependencies\n */\nimport { noop } from 'lodash';\nimport classnames from 'classnames';\n// eslint-disable-next-line no-restricted-imports\nimport type { ChangeEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport { UnitSelect, UnitLabel } from './styles/unit-control-styles';\nimport { CSS_UNITS, hasUnits } from './utils';\nimport type { UnitSelectControlProps } from './types';\n\nexport default function UnitSelectControl( {\n\tclassName,\n\tisUnitSelectTabbable: isTabbable = true,\n\tonChange = noop,\n\tsize = 'default',\n\tunit = 'px',\n\tunits = CSS_UNITS,\n\t...props\n}: WordPressComponentProps< UnitSelectControlProps, 'select', false > ) {\n\tif ( ! units || ! hasUnits( units ) || units?.length === 1 ) {\n\t\treturn (\n\t\t\t<UnitLabel\n\t\t\t\tclassName=\"components-unit-control__unit-label\"\n\t\t\t\tselectSize={ size }\n\t\t\t>\n\t\t\t\t{ unit }\n\t\t\t</UnitLabel>\n\t\t);\n\t}\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLSelectElement > ) => {\n\t\tconst { value: unitValue } = event.target;\n\t\tconst data = units.find( ( option ) => option.value === unitValue );\n\n\t\tonChange( unitValue, { event, data } );\n\t};\n\n\tconst classes = classnames( 'components-unit-control__select', className );\n\n\treturn (\n\t\t<UnitSelect\n\t\t\tclassName={ classes }\n\t\t\tonChange={ handleOnChange }\n\t\t\tselectSize={ size }\n\t\t\ttabIndex={ isTabbable ? undefined : -1 }\n\t\t\tvalue={ unit }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ units.map( ( option ) => (\n\t\t\t\t<option value={ option.value } key={ option.value }>\n\t\t\t\t\t{ option.label }\n\t\t\t\t</option>\n\t\t\t) ) }\n\t\t</UnitSelect>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/unit-select-control.tsx"],"names":["UnitSelectControl","className","isUnitSelectTabbable","isTabbable","onChange","noop","size","unit","units","CSS_UNITS","props","length","handleOnChange","event","value","unitValue","target","data","find","option","classes","undefined","map","label"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AAQA;;AACA;;AAbA;AACA;AACA;AAce,SAASA,iBAAT,OAQyD;AAAA,MAR7B;AAC1CC,IAAAA,SAD0C;AAE1CC,IAAAA,oBAAoB,EAAEC,UAAU,GAAG,IAFO;AAG1CC,IAAAA,QAAQ,GAAGC,YAH+B;AAI1CC,IAAAA,IAAI,GAAG,SAJmC;AAK1CC,IAAAA,IAAI,GAAG,IALmC;AAM1CC,IAAAA,KAAK,GAAGC,gBANkC;AAO1C,OAAGC;AAPuC,GAQ6B;;AACvE,MAAK,CAAEF,KAAF,IAAW,CAAE,qBAAUA,KAAV,CAAb,IAAkC,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,MAAP,MAAkB,CAAzD,EAA6D;AAC5D,WACC,4BAAC,4BAAD;AACC,MAAA,SAAS,EAAC,qCADX;AAEC,MAAA,UAAU,EAAGL;AAFd,OAIGC,IAJH,CADD;AAQA;;AAED,QAAMK,cAAc,GAAKC,KAAF,IAA+C;AACrE,UAAM;AAAEC,MAAAA,KAAK,EAAEC;AAAT,QAAuBF,KAAK,CAACG,MAAnC;AACA,UAAMC,IAAI,GAAGT,KAAK,CAACU,IAAN,CAAcC,MAAF,IAAcA,MAAM,CAACL,KAAP,KAAiBC,SAA3C,CAAb;AAEAX,IAAAA,QAAQ,CAAEW,SAAF,EAAa;AAAEF,MAAAA,KAAF;AAASI,MAAAA;AAAT,KAAb,CAAR;AACA,GALD;;AAOA,QAAMG,OAAO,GAAG,yBAAY,iCAAZ,EAA+CnB,SAA/C,CAAhB;AAEA,SACC,4BAAC,6BAAD;AACC,IAAA,SAAS,EAAGmB,OADb;AAEC,IAAA,QAAQ,EAAGR,cAFZ;AAGC,IAAA,UAAU,EAAGN,IAHd;AAIC,IAAA,QAAQ,EAAGH,UAAU,GAAGkB,SAAH,GAAe,CAAC,CAJtC;AAKC,IAAA,KAAK,EAAGd;AALT,KAMMG,KANN,GAQGF,KAAK,CAACc,GAAN,CAAaH,MAAF,IACZ;AAAQ,IAAA,KAAK,EAAGA,MAAM,CAACL,KAAvB;AAA+B,IAAA,GAAG,EAAGK,MAAM,CAACL;AAA5C,KACGK,MAAM,CAACI,KADV,CADC,CARH,CADD;AAgBA","sourcesContent":["/**\n * External dependencies\n */\nimport { noop } from 'lodash';\nimport classnames from 'classnames';\n// eslint-disable-next-line no-restricted-imports\nimport type { ChangeEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport { UnitSelect, UnitLabel } from './styles/unit-control-styles';\nimport { CSS_UNITS, hasUnits } from './utils';\nimport type { UnitSelectControlProps } from './types';\n\nexport default function UnitSelectControl( {\n\tclassName,\n\tisUnitSelectTabbable: isTabbable = true,\n\tonChange = noop,\n\tsize = 'default',\n\tunit = 'px',\n\tunits = CSS_UNITS,\n\t...props\n}: WordPressComponentProps< UnitSelectControlProps, 'select', false > ) {\n\tif ( ! units || ! hasUnits( units ) || units?.length === 1 ) {\n\t\treturn (\n\t\t\t<UnitLabel\n\t\t\t\tclassName=\"components-unit-control__unit-label\"\n\t\t\t\tselectSize={ size }\n\t\t\t>\n\t\t\t\t{ unit }\n\t\t\t</UnitLabel>\n\t\t);\n\t}\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLSelectElement > ) => {\n\t\tconst { value: unitValue } = event.target;\n\t\tconst data = units.find( ( option ) => option.value === unitValue );\n\n\t\tonChange( unitValue, { event, data } );\n\t};\n\n\tconst classes = classnames( 'components-unit-control__select', className );\n\n\treturn (\n\t\t<UnitSelect\n\t\t\tclassName={ classes }\n\t\t\tonChange={ handleOnChange }\n\t\t\tselectSize={ size }\n\t\t\ttabIndex={ isTabbable ? undefined : -1 }\n\t\t\tvalue={ unit }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ units.map( ( option ) => (\n\t\t\t\t<option value={ option.value } key={ option.value }>\n\t\t\t\t\t{ option.label }\n\t\t\t\t</option>\n\t\t\t) ) }\n\t\t</UnitSelect>\n\t);\n}\n"]}

package/build/unit-control/utils.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DEFAULT_UNIT = exports.CSS_UNITS = exports.ALL_CSS_UNITS = void 0;
+exports.filterUnitsWithSettings = filterUnitsWithSettings;
 exports.getParsedValue = getParsedValue;
-exports.hasUnits = hasUnits;
-exports.parseUnit = parseUnit;
+exports.getUnitsWithCurrentUnit = getUnitsWithCurrentUnit;
 exports.getValidParsedUnit = getValidParsedUnit;
+exports.hasUnits = hasUnits;
 exports.parseA11yLabelForUnit = parseA11yLabelForUnit;
-exports.filterUnitsWithSettings = filterUnitsWithSettings;
-exports.getUnitsWithCurrentUnit = getUnitsWithCurrentUnit;
-exports.useCustomUnits = exports.DEFAULT_UNIT = exports.CSS_UNITS = exports.ALL_CSS_UNITS = void 0;
+exports.parseUnit = parseUnit;
+exports.useCustomUnits = void 0;
 
 var _i18n = require("@wordpress/i18n");
 
@@ -179,7 +180,8 @@ function hasUnits(units) {
  */
 
 
-function parseUnit(initialValue, units = ALL_CSS_UNITS) {
+function parseUnit(initialValue) {
+  let units = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ALL_CSS_UNITS;
   const value = String(initialValue).trim();
   let num = parseFloat(value);
   num = isNaN(num) ? '' : num;
@@ -255,7 +257,9 @@ function parseA11yLabelForUnit(unit) {
  */
 
 
-function filterUnitsWithSettings(unitSetting = [], units) {
+function filterUnitsWithSettings() {
+  let unitSetting = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let units = arguments.length > 1 ? arguments[1] : undefined;
   return Array.isArray(units) ? units.filter(unit => {
     return unitSetting.includes(unit.value);
   }) : [];
@@ -274,11 +278,12 @@ function filterUnitsWithSettings(unitSetting = [], units) {
  */
 
 
-const useCustomUnits = ({
-  units,
-  availableUnits,
-  defaultValues
-}) => {
+const useCustomUnits = _ref => {
+  let {
+    units,
+    availableUnits,
+    defaultValues
+  } = _ref;
   units = units || ALL_CSS_UNITS;
   const usedUnits = filterUnitsWithSettings(!availableUnits ? [] : availableUnits, units);
 
@@ -310,7 +315,9 @@ const useCustomUnits = ({
 
 exports.useCustomUnits = useCustomUnits;
 
-function getUnitsWithCurrentUnit(currentValue, legacyUnit, units = ALL_CSS_UNITS) {
+function getUnitsWithCurrentUnit(currentValue, legacyUnit) {
+  let units = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ALL_CSS_UNITS;
+
   if (!Array.isArray(units)) {
     return units;
   }

package/build/unit-control/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/utils.ts"],"names":["isWeb","Platform","OS","allUnits","px","value","label","default","a11yLabel","step","em","rem","vw","vh","vmin","vmax","ch","ex","cm","mm","in","pc","pt","ALL_CSS_UNITS","Object","values","CSS_UNITS","DEFAULT_UNIT","getParsedValue","unit","units","initialValue","parseUnit","hasUnits","Array","isArray","length","String","trim","num","parseFloat","isNaN","unitMatch","match","undefined","toLowerCase","find","item","getValidParsedUnit","next","fallbackValue","fallbackUnit","parsedValue","parsedUnit","baseValue","baseUnit","Number","isFinite","parseA11yLabelForUnit","filterUnitsWithSettings","unitSetting","filter","includes","useCustomUnits","availableUnits","defaultValues","usedUnits","forEach","i","getUnitsWithCurrentUnit","currentValue","legacyUnit","unitsWithCurrentUnit","currentUnit","some","unshift"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { Value, WPUnitControlUnit, WPUnitControlUnitList } from './types';\n\nconst isWeb = Platform.OS === 'web';\n\nconst allUnits: Record< string, WPUnitControlUnit > = {\n\tpx: {\n\t\tvalue: 'px',\n\t\tlabel: isWeb ? 'px' : __( 'Pixels (px)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Pixels (px)' ),\n\t\tstep: 1,\n\t},\n\t'%': {\n\t\tvalue: '%',\n\t\tlabel: isWeb ? '%' : __( 'Percentage (%)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Percent (%)' ),\n\t\tstep: 0.1,\n\t},\n\tem: {\n\t\tvalue: 'em',\n\t\tlabel: isWeb ? 'em' : __( 'Relative to parent font size (em)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'ems', 'Relative to parent font size (em)' ),\n\t\tstep: 0.01,\n\t},\n\trem: {\n\t\tvalue: 'rem',\n\t\tlabel: isWeb ? 'rem' : __( 'Relative to root font size (rem)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'rems', 'Relative to root font size (rem)' ),\n\t\tstep: 0.01,\n\t},\n\tvw: {\n\t\tvalue: 'vw',\n\t\tlabel: isWeb ? 'vw' : __( 'Viewport width (vw)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport width (vw)' ),\n\t\tstep: 0.1,\n\t},\n\tvh: {\n\t\tvalue: 'vh',\n\t\tlabel: isWeb ? 'vh' : __( 'Viewport height (vh)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport height (vh)' ),\n\t\tstep: 0.1,\n\t},\n\tvmin: {\n\t\tvalue: 'vmin',\n\t\tlabel: isWeb ? 'vmin' : __( 'Viewport smallest dimension (vmin)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport smallest dimension (vmin)' ),\n\t\tstep: 0.1,\n\t},\n\tvmax: {\n\t\tvalue: 'vmax',\n\t\tlabel: isWeb ? 'vmax' : __( 'Viewport largest dimension (vmax)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport largest dimension (vmax)' ),\n\t\tstep: 0.1,\n\t},\n\tch: {\n\t\tvalue: 'ch',\n\t\tlabel: isWeb ? 'ch' : __( 'Width of the zero (0) character (ch)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Width of the zero (0) character (ch)' ),\n\t\tstep: 0.01,\n\t},\n\tex: {\n\t\tvalue: 'ex',\n\t\tlabel: isWeb ? 'ex' : __( 'x-height of the font (ex)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'x-height of the font (ex)' ),\n\t\tstep: 0.01,\n\t},\n\tcm: {\n\t\tvalue: 'cm',\n\t\tlabel: isWeb ? 'cm' : __( 'Centimeters (cm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Centimeters (cm)' ),\n\t\tstep: 0.001,\n\t},\n\tmm: {\n\t\tvalue: 'mm',\n\t\tlabel: isWeb ? 'mm' : __( 'Millimeters (mm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Millimeters (mm)' ),\n\t\tstep: 0.1,\n\t},\n\tin: {\n\t\tvalue: 'in',\n\t\tlabel: isWeb ? 'in' : __( 'Inches (in)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Inches (in)' ),\n\t\tstep: 0.001,\n\t},\n\tpc: {\n\t\tvalue: 'pc',\n\t\tlabel: isWeb ? 'pc' : __( 'Picas (pc)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Picas (pc)' ),\n\t\tstep: 1,\n\t},\n\tpt: {\n\t\tvalue: 'pt',\n\t\tlabel: isWeb ? 'pt' : __( 'Points (pt)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Points (pt)' ),\n\t\tstep: 1,\n\t},\n};\n\n/**\n * An array of all available CSS length units.\n */\nexport const ALL_CSS_UNITS = Object.values( allUnits );\n\n/**\n * Units of measurements. `a11yLabel` is used by screenreaders.\n */\nexport const CSS_UNITS = [\n\tallUnits.px,\n\tallUnits[ '%' ],\n\tallUnits.em,\n\tallUnits.rem,\n\tallUnits.vw,\n\tallUnits.vh,\n];\n\nexport const DEFAULT_UNIT = allUnits.px;\n\n/**\n * Handles legacy value + unit handling.\n * This component use to manage both incoming value and units separately.\n *\n * Moving forward, ideally the value should be a string that contains both\n * the value and unit, example: '10px'\n *\n * @param  value Value\n * @param  unit  Unit value\n * @param  units Units to derive from.\n * @return The extracted number and unit.\n */\nexport function getParsedValue(\n\tvalue: Value,\n\tunit?: string,\n\tunits?: WPUnitControlUnitList\n): [ Value, string | undefined ] {\n\tconst initialValue = unit ? `${ value }${ unit }` : value;\n\n\treturn parseUnit( initialValue, units );\n}\n\n/**\n * Checks if units are defined.\n *\n * @param  units Units to check.\n * @return Whether units are defined.\n */\nexport function hasUnits( units: WPUnitControlUnitList ): boolean {\n\treturn Array.isArray( units ) && !! units.length;\n}\n\n/**\n * Parses a number and unit from a value.\n *\n * @param  initialValue Value to parse\n * @param  units        Units to derive from.\n * @return The extracted number and unit.\n */\nexport function parseUnit(\n\tinitialValue: Value | undefined,\n\tunits: WPUnitControlUnitList = ALL_CSS_UNITS\n): [ Value, string | undefined ] {\n\tconst value = String( initialValue ).trim();\n\n\tlet num: Value = parseFloat( value );\n\tnum = isNaN( num ) ? '' : num;\n\n\tconst unitMatch = value.match( /[\\d.\\-\\+]*\\s*(.*)/ );\n\n\tlet unit: string | undefined =\n\t\tunitMatch?.[ 1 ] !== undefined ? unitMatch[ 1 ] : '';\n\tunit = unit.toLowerCase();\n\n\tif ( hasUnits( units ) && units !== false ) {\n\t\tconst match = units.find( ( item ) => item.value === unit );\n\t\tunit = match?.value;\n\t} else {\n\t\tunit = DEFAULT_UNIT.value;\n\t}\n\n\treturn [ num, unit ];\n}\n\n/**\n * Parses a number and unit from a value. Validates parsed value, using fallback\n * value if invalid.\n *\n * @param  next          The next value.\n * @param  units         Units to derive from.\n * @param  fallbackValue The fallback value.\n * @param  fallbackUnit  The fallback value.\n * @return The extracted value and unit.\n */\nexport function getValidParsedUnit(\n\tnext: Value | undefined,\n\tunits: WPUnitControlUnitList,\n\tfallbackValue: Value,\n\tfallbackUnit: string | undefined\n): [ Value, string | undefined ] {\n\tconst [ parsedValue, parsedUnit ] = parseUnit( next, units );\n\tlet baseValue = parsedValue;\n\tlet baseUnit: string | undefined;\n\n\t// The parsed value from `parseUnit` should now be either a\n\t// real number or an empty string. If not, use the fallback value.\n\tif ( ! Number.isFinite( parsedValue ) || parsedValue === '' ) {\n\t\tbaseValue = fallbackValue;\n\t}\n\n\tbaseUnit = parsedUnit || fallbackUnit;\n\n\t/**\n\t * If no unit is found, attempt to use the first value from the collection\n\t * of units as a default fallback.\n\t */\n\tif ( Array.isArray( units ) && hasUnits( units ) && ! baseUnit ) {\n\t\tbaseUnit = units[ 0 ]?.value;\n\t}\n\n\treturn [ baseValue, baseUnit ];\n}\n\n/**\n * Takes a unit value and finds the matching accessibility label for the\n * unit abbreviation.\n *\n * @param  unit Unit value (example: px)\n * @return a11y label for the unit abbreviation\n */\nexport function parseA11yLabelForUnit( unit: string ): string | undefined {\n\tconst match = ALL_CSS_UNITS.find( ( item ) => item.value === unit );\n\treturn match?.a11yLabel ? match?.a11yLabel : match?.value;\n}\n\n/**\n * Filters available units based on values defined by the unit setting/property.\n *\n * @param  unitSetting Collection of preferred unit value strings.\n * @param  units       Collection of available unit objects.\n *\n * @return Filtered units based on settings.\n */\nexport function filterUnitsWithSettings(\n\tunitSetting: Array< string > = [],\n\tunits: WPUnitControlUnitList\n): Array< WPUnitControlUnit > {\n\treturn Array.isArray( units )\n\t\t? units.filter( ( unit ) => {\n\t\t\t\treturn unitSetting.includes( unit.value );\n\t\t  } )\n\t\t: [];\n}\n\n/**\n * Custom hook to retrieve and consolidate units setting from add_theme_support().\n * TODO: ideally this hook shouldn't be needed\n * https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823\n *\n * @param  args                An object containing units, settingPath & defaultUnits.\n * @param  args.units          Collection of all potentially available units.\n * @param  args.availableUnits Collection of unit value strings for filtering available units.\n * @param  args.defaultValues  Collection of default values for defined units. Example: { px: '350', em: '15' }.\n *\n * @return Filtered units based on settings.\n */\nexport const useCustomUnits = ( {\n\tunits,\n\tavailableUnits,\n\tdefaultValues,\n}: {\n\tunits?: WPUnitControlUnitList;\n\tavailableUnits?: Array< string >;\n\tdefaultValues: Record< string, Value >;\n} ): WPUnitControlUnitList => {\n\tunits = units || ALL_CSS_UNITS;\n\tconst usedUnits = filterUnitsWithSettings(\n\t\t! availableUnits ? [] : availableUnits,\n\t\tunits\n\t);\n\n\tif ( defaultValues ) {\n\t\tusedUnits.forEach( ( unit, i ) => {\n\t\t\tif ( defaultValues[ unit.value ] ) {\n\t\t\t\tusedUnits[ i ].default = defaultValues[ unit.value ];\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn usedUnits.length === 0 ? false : usedUnits;\n};\n\n/**\n * Get available units with the unit for the currently selected value\n * prepended if it is not available in the list of units.\n *\n * This is useful to ensure that the current value's unit is always\n * accurately displayed in the UI, even if the intention is to hide\n * the availability of that unit.\n *\n * @param  currentValue Selected value to parse.\n * @param  legacyUnit   Legacy unit value, if currentValue needs it appended.\n * @param  units        List of available units.\n *\n * @return A collection of units containing the unit for the current value.\n */\nexport function getUnitsWithCurrentUnit(\n\tcurrentValue: Value,\n\tlegacyUnit: string | undefined,\n\tunits: WPUnitControlUnitList = ALL_CSS_UNITS\n): WPUnitControlUnitList {\n\tif ( ! Array.isArray( units ) ) {\n\t\treturn units;\n\t}\n\n\tconst unitsWithCurrentUnit = [ ...units ];\n\tconst [ , currentUnit ] = getParsedValue(\n\t\tcurrentValue,\n\t\tlegacyUnit,\n\t\tALL_CSS_UNITS\n\t);\n\n\tif (\n\t\tcurrentUnit &&\n\t\t! unitsWithCurrentUnit.some( ( unit ) => unit.value === currentUnit )\n\t) {\n\t\tif ( allUnits[ currentUnit ] ) {\n\t\t\tunitsWithCurrentUnit.unshift( allUnits[ currentUnit ] );\n\t\t}\n\t}\n\n\treturn unitsWithCurrentUnit;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/utils.ts"],"names":["isWeb","Platform","OS","allUnits","px","value","label","default","a11yLabel","step","em","rem","vw","vh","vmin","vmax","ch","ex","cm","mm","in","pc","pt","ALL_CSS_UNITS","Object","values","CSS_UNITS","DEFAULT_UNIT","getParsedValue","unit","units","initialValue","parseUnit","hasUnits","Array","isArray","length","String","trim","num","parseFloat","isNaN","unitMatch","match","undefined","toLowerCase","find","item","getValidParsedUnit","next","fallbackValue","fallbackUnit","parsedValue","parsedUnit","baseValue","baseUnit","Number","isFinite","parseA11yLabelForUnit","filterUnitsWithSettings","unitSetting","filter","includes","useCustomUnits","availableUnits","defaultValues","usedUnits","forEach","i","getUnitsWithCurrentUnit","currentValue","legacyUnit","unitsWithCurrentUnit","currentUnit","some","unshift"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { Value, WPUnitControlUnit, WPUnitControlUnitList } from './types';\n\nconst isWeb = Platform.OS === 'web';\n\nconst allUnits: Record< string, WPUnitControlUnit > = {\n\tpx: {\n\t\tvalue: 'px',\n\t\tlabel: isWeb ? 'px' : __( 'Pixels (px)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Pixels (px)' ),\n\t\tstep: 1,\n\t},\n\t'%': {\n\t\tvalue: '%',\n\t\tlabel: isWeb ? '%' : __( 'Percentage (%)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Percent (%)' ),\n\t\tstep: 0.1,\n\t},\n\tem: {\n\t\tvalue: 'em',\n\t\tlabel: isWeb ? 'em' : __( 'Relative to parent font size (em)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'ems', 'Relative to parent font size (em)' ),\n\t\tstep: 0.01,\n\t},\n\trem: {\n\t\tvalue: 'rem',\n\t\tlabel: isWeb ? 'rem' : __( 'Relative to root font size (rem)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'rems', 'Relative to root font size (rem)' ),\n\t\tstep: 0.01,\n\t},\n\tvw: {\n\t\tvalue: 'vw',\n\t\tlabel: isWeb ? 'vw' : __( 'Viewport width (vw)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport width (vw)' ),\n\t\tstep: 0.1,\n\t},\n\tvh: {\n\t\tvalue: 'vh',\n\t\tlabel: isWeb ? 'vh' : __( 'Viewport height (vh)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport height (vh)' ),\n\t\tstep: 0.1,\n\t},\n\tvmin: {\n\t\tvalue: 'vmin',\n\t\tlabel: isWeb ? 'vmin' : __( 'Viewport smallest dimension (vmin)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport smallest dimension (vmin)' ),\n\t\tstep: 0.1,\n\t},\n\tvmax: {\n\t\tvalue: 'vmax',\n\t\tlabel: isWeb ? 'vmax' : __( 'Viewport largest dimension (vmax)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport largest dimension (vmax)' ),\n\t\tstep: 0.1,\n\t},\n\tch: {\n\t\tvalue: 'ch',\n\t\tlabel: isWeb ? 'ch' : __( 'Width of the zero (0) character (ch)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Width of the zero (0) character (ch)' ),\n\t\tstep: 0.01,\n\t},\n\tex: {\n\t\tvalue: 'ex',\n\t\tlabel: isWeb ? 'ex' : __( 'x-height of the font (ex)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'x-height of the font (ex)' ),\n\t\tstep: 0.01,\n\t},\n\tcm: {\n\t\tvalue: 'cm',\n\t\tlabel: isWeb ? 'cm' : __( 'Centimeters (cm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Centimeters (cm)' ),\n\t\tstep: 0.001,\n\t},\n\tmm: {\n\t\tvalue: 'mm',\n\t\tlabel: isWeb ? 'mm' : __( 'Millimeters (mm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Millimeters (mm)' ),\n\t\tstep: 0.1,\n\t},\n\tin: {\n\t\tvalue: 'in',\n\t\tlabel: isWeb ? 'in' : __( 'Inches (in)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Inches (in)' ),\n\t\tstep: 0.001,\n\t},\n\tpc: {\n\t\tvalue: 'pc',\n\t\tlabel: isWeb ? 'pc' : __( 'Picas (pc)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Picas (pc)' ),\n\t\tstep: 1,\n\t},\n\tpt: {\n\t\tvalue: 'pt',\n\t\tlabel: isWeb ? 'pt' : __( 'Points (pt)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Points (pt)' ),\n\t\tstep: 1,\n\t},\n};\n\n/**\n * An array of all available CSS length units.\n */\nexport const ALL_CSS_UNITS = Object.values( allUnits );\n\n/**\n * Units of measurements. `a11yLabel` is used by screenreaders.\n */\nexport const CSS_UNITS = [\n\tallUnits.px,\n\tallUnits[ '%' ],\n\tallUnits.em,\n\tallUnits.rem,\n\tallUnits.vw,\n\tallUnits.vh,\n];\n\nexport const DEFAULT_UNIT = allUnits.px;\n\n/**\n * Handles legacy value + unit handling.\n * This component use to manage both incoming value and units separately.\n *\n * Moving forward, ideally the value should be a string that contains both\n * the value and unit, example: '10px'\n *\n * @param  value Value\n * @param  unit  Unit value\n * @param  units Units to derive from.\n * @return The extracted number and unit.\n */\nexport function getParsedValue(\n\tvalue: Value,\n\tunit?: string,\n\tunits?: WPUnitControlUnitList\n): [ Value, string | undefined ] {\n\tconst initialValue = unit ? `${ value }${ unit }` : value;\n\n\treturn parseUnit( initialValue, units );\n}\n\n/**\n * Checks if units are defined.\n *\n * @param  units Units to check.\n * @return Whether units are defined.\n */\nexport function hasUnits( units: WPUnitControlUnitList ): boolean {\n\treturn Array.isArray( units ) && !! units.length;\n}\n\n/**\n * Parses a number and unit from a value.\n *\n * @param  initialValue Value to parse\n * @param  units        Units to derive from.\n * @return The extracted number and unit.\n */\nexport function parseUnit(\n\tinitialValue: Value | undefined,\n\tunits: WPUnitControlUnitList = ALL_CSS_UNITS\n): [ Value, string | undefined ] {\n\tconst value = String( initialValue ).trim();\n\n\tlet num: Value = parseFloat( value );\n\tnum = isNaN( num ) ? '' : num;\n\n\tconst unitMatch = value.match( /[\\d.\\-\\+]*\\s*(.*)/ );\n\n\tlet unit: string | undefined =\n\t\tunitMatch?.[ 1 ] !== undefined ? unitMatch[ 1 ] : '';\n\tunit = unit.toLowerCase();\n\n\tif ( hasUnits( units ) && units !== false ) {\n\t\tconst match = units.find( ( item ) => item.value === unit );\n\t\tunit = match?.value;\n\t} else {\n\t\tunit = DEFAULT_UNIT.value;\n\t}\n\n\treturn [ num, unit ];\n}\n\n/**\n * Parses a number and unit from a value. Validates parsed value, using fallback\n * value if invalid.\n *\n * @param  next          The next value.\n * @param  units         Units to derive from.\n * @param  fallbackValue The fallback value.\n * @param  fallbackUnit  The fallback value.\n * @return The extracted value and unit.\n */\nexport function getValidParsedUnit(\n\tnext: Value | undefined,\n\tunits: WPUnitControlUnitList,\n\tfallbackValue: Value,\n\tfallbackUnit: string | undefined\n): [ Value, string | undefined ] {\n\tconst [ parsedValue, parsedUnit ] = parseUnit( next, units );\n\tlet baseValue = parsedValue;\n\tlet baseUnit: string | undefined;\n\n\t// The parsed value from `parseUnit` should now be either a\n\t// real number or an empty string. If not, use the fallback value.\n\tif ( ! Number.isFinite( parsedValue ) || parsedValue === '' ) {\n\t\tbaseValue = fallbackValue;\n\t}\n\n\tbaseUnit = parsedUnit || fallbackUnit;\n\n\t/**\n\t * If no unit is found, attempt to use the first value from the collection\n\t * of units as a default fallback.\n\t */\n\tif ( Array.isArray( units ) && hasUnits( units ) && ! baseUnit ) {\n\t\tbaseUnit = units[ 0 ]?.value;\n\t}\n\n\treturn [ baseValue, baseUnit ];\n}\n\n/**\n * Takes a unit value and finds the matching accessibility label for the\n * unit abbreviation.\n *\n * @param  unit Unit value (example: px)\n * @return a11y label for the unit abbreviation\n */\nexport function parseA11yLabelForUnit( unit: string ): string | undefined {\n\tconst match = ALL_CSS_UNITS.find( ( item ) => item.value === unit );\n\treturn match?.a11yLabel ? match?.a11yLabel : match?.value;\n}\n\n/**\n * Filters available units based on values defined by the unit setting/property.\n *\n * @param  unitSetting Collection of preferred unit value strings.\n * @param  units       Collection of available unit objects.\n *\n * @return Filtered units based on settings.\n */\nexport function filterUnitsWithSettings(\n\tunitSetting: Array< string > = [],\n\tunits: WPUnitControlUnitList\n): Array< WPUnitControlUnit > {\n\treturn Array.isArray( units )\n\t\t? units.filter( ( unit ) => {\n\t\t\t\treturn unitSetting.includes( unit.value );\n\t\t  } )\n\t\t: [];\n}\n\n/**\n * Custom hook to retrieve and consolidate units setting from add_theme_support().\n * TODO: ideally this hook shouldn't be needed\n * https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823\n *\n * @param  args                An object containing units, settingPath & defaultUnits.\n * @param  args.units          Collection of all potentially available units.\n * @param  args.availableUnits Collection of unit value strings for filtering available units.\n * @param  args.defaultValues  Collection of default values for defined units. Example: { px: '350', em: '15' }.\n *\n * @return Filtered units based on settings.\n */\nexport const useCustomUnits = ( {\n\tunits,\n\tavailableUnits,\n\tdefaultValues,\n}: {\n\tunits?: WPUnitControlUnitList;\n\tavailableUnits?: Array< string >;\n\tdefaultValues: Record< string, Value >;\n} ): WPUnitControlUnitList => {\n\tunits = units || ALL_CSS_UNITS;\n\tconst usedUnits = filterUnitsWithSettings(\n\t\t! availableUnits ? [] : availableUnits,\n\t\tunits\n\t);\n\n\tif ( defaultValues ) {\n\t\tusedUnits.forEach( ( unit, i ) => {\n\t\t\tif ( defaultValues[ unit.value ] ) {\n\t\t\t\tusedUnits[ i ].default = defaultValues[ unit.value ];\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn usedUnits.length === 0 ? false : usedUnits;\n};\n\n/**\n * Get available units with the unit for the currently selected value\n * prepended if it is not available in the list of units.\n *\n * This is useful to ensure that the current value's unit is always\n * accurately displayed in the UI, even if the intention is to hide\n * the availability of that unit.\n *\n * @param  currentValue Selected value to parse.\n * @param  legacyUnit   Legacy unit value, if currentValue needs it appended.\n * @param  units        List of available units.\n *\n * @return A collection of units containing the unit for the current value.\n */\nexport function getUnitsWithCurrentUnit(\n\tcurrentValue: Value,\n\tlegacyUnit: string | undefined,\n\tunits: WPUnitControlUnitList = ALL_CSS_UNITS\n): WPUnitControlUnitList {\n\tif ( ! Array.isArray( units ) ) {\n\t\treturn units;\n\t}\n\n\tconst unitsWithCurrentUnit = [ ...units ];\n\tconst [ , currentUnit ] = getParsedValue(\n\t\tcurrentValue,\n\t\tlegacyUnit,\n\t\tALL_CSS_UNITS\n\t);\n\n\tif (\n\t\tcurrentUnit &&\n\t\t! unitsWithCurrentUnit.some( ( unit ) => unit.value === currentUnit )\n\t) {\n\t\tif ( allUnits[ currentUnit ] ) {\n\t\t\tunitsWithCurrentUnit.unshift( allUnits[ currentUnit ] );\n\t\t}\n\t}\n\n\treturn unitsWithCurrentUnit;\n}\n"]}

package/build/utils/browsers.js

@@ -18,7 +18,11 @@ var _react = require("@emotion/react");
  * @param {TemplateStringsArray}                                      strings
  * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
  */
-function firefoxOnly(strings, ...interpolations) {
+function firefoxOnly(strings) {
+  for (var _len = arguments.length, interpolations = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    interpolations[_key - 1] = arguments[_key];
+  }
+
   const interpolatedStyles = /*#__PURE__*/(0, _react.css)(strings, ...interpolations);
   return /*#__PURE__*/(0, _react.css)("@-moz-document url-prefix(){", interpolatedStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:firefoxOnly;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvYnJvd3NlcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYVciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9icm93c2Vycy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyogZXNsaW50LWRpc2FibGUganNkb2Mvbm8tdW5kZWZpbmVkLXR5cGVzICovXG4vKipcbiAqIEBwYXJhbSB7VGVtcGxhdGVTdHJpbmdzQXJyYXl9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHJpbmdzXG4gKiBAcGFyYW0ge2ltcG9ydCgnQGVtb3Rpb24vY3NzL2NyZWF0ZS1pbnN0YW5jZScpLkNTU0ludGVycG9sYXRpb25bXX0gaW50ZXJwb2xhdGlvbnNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGZpcmVmb3hPbmx5KCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApIHtcblx0Y29uc3QgaW50ZXJwb2xhdGVkU3R5bGVzID0gY3NzKCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0QC1tb3otZG9jdW1lbnQgdXJsLXByZWZpeCgpIHtcblx0XHRcdCR7IGludGVycG9sYXRlZFN0eWxlcyB9O1xuXHRcdH1cblx0YDtcbn1cblxuLyoqXG4gKiBAcGFyYW0ge1RlbXBsYXRlU3RyaW5nc0FycmF5fSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyaW5nc1xuICogQHBhcmFtIHtpbXBvcnQoJ0BlbW90aW9uL2Nzcy9jcmVhdGUtaW5zdGFuY2UnKS5DU1NJbnRlcnBvbGF0aW9uW119IGludGVycG9sYXRpb25zXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBzYWZhcmlPbmx5KCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApIHtcblx0Y29uc3QgaW50ZXJwb2xhdGVkU3R5bGVzID0gY3NzKCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0QG1lZGlhIG5vdCBhbGwgYW5kICggbWluLXJlc29sdXRpb246IDAuMDAxZHBjbSApIHtcblx0XHRcdEBzdXBwb3J0cyAoIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSApIHtcblx0XHRcdFx0JHsgaW50ZXJwb2xhdGVkU3R5bGVzIH1cblx0XHRcdH1cblx0XHR9XG5cdGA7XG59XG4vKiBlc2xpbnQtZW5hYmxlIGpzZG9jL25vLXVuZGVmaW5lZC10eXBlcyAqL1xuIl19 */");
 }
@@ -28,7 +32,11 @@ function firefoxOnly(strings, ...interpolations) {
  */
 
 
-function safariOnly(strings, ...interpolations) {
+function safariOnly(strings) {
+  for (var _len2 = arguments.length, interpolations = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    interpolations[_key2 - 1] = arguments[_key2];
+  }
+
   const interpolatedStyles = /*#__PURE__*/(0, _react.css)(strings, ...interpolations);
   return /*#__PURE__*/(0, _react.css)("@media not all and ( min-resolution: 0.001dpcm ){@supports ( -webkit-appearance: none ){", interpolatedStyles, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:safariOnly;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvYnJvd3NlcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvYnJvd3NlcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qIGVzbGludC1kaXNhYmxlIGpzZG9jL25vLXVuZGVmaW5lZC10eXBlcyAqL1xuLyoqXG4gKiBAcGFyYW0ge1RlbXBsYXRlU3RyaW5nc0FycmF5fSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyaW5nc1xuICogQHBhcmFtIHtpbXBvcnQoJ0BlbW90aW9uL2Nzcy9jcmVhdGUtaW5zdGFuY2UnKS5DU1NJbnRlcnBvbGF0aW9uW119IGludGVycG9sYXRpb25zXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBmaXJlZm94T25seSggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKSB7XG5cdGNvbnN0IGludGVycG9sYXRlZFN0eWxlcyA9IGNzcyggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdEAtbW96LWRvY3VtZW50IHVybC1wcmVmaXgoKSB7XG5cdFx0XHQkeyBpbnRlcnBvbGF0ZWRTdHlsZXMgfTtcblx0XHR9XG5cdGA7XG59XG5cbi8qKlxuICogQHBhcmFtIHtUZW1wbGF0ZVN0cmluZ3NBcnJheX0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0cmluZ3NcbiAqIEBwYXJhbSB7aW1wb3J0KCdAZW1vdGlvbi9jc3MvY3JlYXRlLWluc3RhbmNlJykuQ1NTSW50ZXJwb2xhdGlvbltdfSBpbnRlcnBvbGF0aW9uc1xuICovXG5leHBvcnQgZnVuY3Rpb24gc2FmYXJpT25seSggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKSB7XG5cdGNvbnN0IGludGVycG9sYXRlZFN0eWxlcyA9IGNzcyggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdEBtZWRpYSBub3QgYWxsIGFuZCAoIG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20gKSB7XG5cdFx0XHRAc3VwcG9ydHMgKCAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUgKSB7XG5cdFx0XHRcdCR7IGludGVycG9sYXRlZFN0eWxlcyB9XG5cdFx0XHR9XG5cdFx0fVxuXHRgO1xufVxuLyogZXNsaW50LWVuYWJsZSBqc2RvYy9uby11bmRlZmluZWQtdHlwZXMgKi9cbiJdfQ== */");
 }

package/build/utils/browsers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/browsers.js"],"names":["firefoxOnly","strings","interpolations","interpolatedStyles","css","safariOnly"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AACA;AACA;AACA;AACA;AACO,SAASA,WAAT,CAAsBC,OAAtB,EAA+B,GAAGC,cAAlC,EAAmD;AACzD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,kCAEKD,kBAFL;AAKA;AAED;AACA;AACA;AACA;;;AACO,SAASE,UAAT,CAAqBJ,OAArB,EAA8B,GAAGC,cAAjC,EAAkD;AACxD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,8FAGMD,kBAHN;AAOA;AACD","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/* eslint-disable jsdoc/no-undefined-types */\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function firefoxOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@-moz-document url-prefix() {\n\t\t\t${ interpolatedStyles };\n\t\t}\n\t`;\n}\n\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function safariOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@media not all and ( min-resolution: 0.001dpcm ) {\n\t\t\t@supports ( -webkit-appearance: none ) {\n\t\t\t\t${ interpolatedStyles }\n\t\t\t}\n\t\t}\n\t`;\n}\n/* eslint-enable jsdoc/no-undefined-types */\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/browsers.js"],"names":["firefoxOnly","strings","interpolations","interpolatedStyles","css","safariOnly"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AACA;AACA;AACA;AACA;AACO,SAASA,WAAT,CAAsBC,OAAtB,EAAmD;AAAA,oCAAjBC,cAAiB;AAAjBA,IAAAA,cAAiB;AAAA;;AACzD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,kCAEKD,kBAFL;AAKA;AAED;AACA;AACA;AACA;;;AACO,SAASE,UAAT,CAAqBJ,OAArB,EAAkD;AAAA,qCAAjBC,cAAiB;AAAjBA,IAAAA,cAAiB;AAAA;;AACxD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,8FAGMD,kBAHN;AAOA;AACD","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/* eslint-disable jsdoc/no-undefined-types */\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function firefoxOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@-moz-document url-prefix() {\n\t\t\t${ interpolatedStyles };\n\t\t}\n\t`;\n}\n\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function safariOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@media not all and ( min-resolution: 0.001dpcm ) {\n\t\t\t@supports ( -webkit-appearance: none ) {\n\t\t\t\t${ interpolatedStyles }\n\t\t\t}\n\t\t}\n\t`;\n}\n/* eslint-enable jsdoc/no-undefined-types */\n"]}

package/build/utils/colors-values.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.COLORS = exports.UI = exports.ADMIN = exports.ALERT = exports.BLUE = exports.LIGHT_OPACITY_LIGHT = exports.LIGHT_GRAY = exports.DARK_OPACITY_LIGHT = exports.DARK_OPACITY = exports.DARK_GRAY = exports.G2 = exports.BASE = void 0;
+exports.default = exports.UI = exports.LIGHT_OPACITY_LIGHT = exports.LIGHT_GRAY = exports.G2 = exports.DARK_OPACITY_LIGHT = exports.DARK_OPACITY = exports.DARK_GRAY = exports.COLORS = exports.BLUE = exports.BASE = exports.ALERT = exports.ADMIN = void 0;
 
 var _lodash = require("lodash");