@wordpress/components 17.0.0 → 19.0.2

package/build-module/toggle-group-control/toggle-group-control-option.js

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useInstanceId } from '@wordpress/compose';
-/**
- * Internal dependencies
- */
-
-import { contextConnect, useContextSystem } from '../ui/context';
-import ToggleGroupControlButton from './toggle-group-control-button';
-import { useToggleGroupControlContext } from './toggle-group-control-context';
-
-function getShowSeparator(toggleGroupControlContext, index) {
-  var _items$index, _items;
-
-  const {
-    currentId,
-    items
-  } = toggleGroupControlContext;
-  const isLast = index === items.length - 1;
-  const isActive = ((_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.id) === currentId;
-  const isNextActive = ((_items = items[index + 1]) === null || _items === void 0 ? void 0 : _items.id) === currentId;
-  let showSeparator = true;
-
-  if (items.length < 3) {
-    showSeparator = false;
-  }
-
-  if (isActive || isNextActive || isLast) {
-    showSeparator = false;
-  }
-
-  return showSeparator;
-}
-
-function ToggleGroupControlOption(props, forwardedRef) {
-  const toggleGroupControlContext = useToggleGroupControlContext();
-  const id = useInstanceId(ToggleGroupControlOption, toggleGroupControlContext.baseId || 'toggle-group-control-option');
-  const buttonProps = useContextSystem({ ...props,
-    id
-  }, 'ToggleGroupControlOption');
-  const index = toggleGroupControlContext.items.findIndex(item => item.id === buttonProps.id);
-  const showSeparator = getShowSeparator(toggleGroupControlContext, index);
-  return createElement(ToggleGroupControlButton, _extends({
-    ref: forwardedRef
-  }, toggleGroupControlContext, buttonProps, {
-    showSeparator
-  }));
-}
-
-export default contextConnect(ToggleGroupControlOption, 'ToggleGroupControlOption');
-//# sourceMappingURL=toggle-group-control-option.js.map

package/build-module/toggle-group-control/toggle-group-control-option.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option.tsx"],"names":["useInstanceId","contextConnect","useContextSystem","ToggleGroupControlButton","useToggleGroupControlContext","getShowSeparator","toggleGroupControlContext","index","currentId","items","isLast","length","isActive","id","isNextActive","showSeparator","ToggleGroupControlOption","props","forwardedRef","baseId","buttonProps","findIndex","item"],"mappings":";;;AAAA;AACA;AACA;AAEA,SAASA,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,SACCC,cADD,EAECC,gBAFD,QAIO,eAJP;AAKA,OAAOC,wBAAP,MAAqC,+BAArC;AAKA,SAASC,4BAAT,QAA6C,gCAA7C;;AAEA,SAASC,gBAAT,CACCC,yBADD,EAECC,KAFD,EAGE;AAAA;;AACD,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAAuBH,yBAA7B;AACA,QAAMI,MAAM,GAAGH,KAAK,KAAKE,KAAK,CAACE,MAAN,GAAe,CAAxC;AACA,QAAMC,QAAQ,GAAG,iBAAAH,KAAK,CAAEF,KAAF,CAAL,8DAAgBM,EAAhB,MAAuBL,SAAxC;AACA,QAAMM,YAAY,GAAG,WAAAL,KAAK,CAAEF,KAAK,GAAG,CAAV,CAAL,kDAAoBM,EAApB,MAA2BL,SAAhD;AAEA,MAAIO,aAAa,GAAG,IAApB;;AAEA,MAAKN,KAAK,CAACE,MAAN,GAAe,CAApB,EAAwB;AACvBI,IAAAA,aAAa,GAAG,KAAhB;AACA;;AAED,MAAKH,QAAQ,IAAIE,YAAZ,IAA4BJ,MAAjC,EAA0C;AACzCK,IAAAA,aAAa,GAAG,KAAhB;AACA;;AAED,SAAOA,aAAP;AACA;;AAED,SAASC,wBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMZ,yBAAyB,GAAGF,4BAA4B,EAA9D;AACA,QAAMS,EAAE,GAAGb,aAAa,CACvBgB,wBADuB,EAEvBV,yBAAyB,CAACa,MAA1B,IAAoC,6BAFb,CAAxB;AAIA,QAAMC,WAAW,GAAGlB,gBAAgB,CACnC,EAAE,GAAGe,KAAL;AAAYJ,IAAAA;AAAZ,GADmC,EAEnC,0BAFmC,CAApC;AAIA,QAAMN,KAAK,GAAGD,yBAAyB,CAACG,KAA1B,CAAgCY,SAAhC,CACXC,IAAF,IAAYA,IAAI,CAACT,EAAL,KAAYO,WAAW,CAACP,EADvB,CAAd;AAGA,QAAME,aAAa,GAAGV,gBAAgB,CAAEC,yBAAF,EAA6BC,KAA7B,CAAtC;AACA,SACC,cAAC,wBAAD;AACC,IAAA,GAAG,EAAGW;AADP,KAGKZ,yBAHL,EAIKc,WAJL;AAKEL,IAAAA;AALF,KADD;AAUA;;AACD,eAAed,cAAc,CAC5Be,wBAD4B,EAE5B,0BAF4B,CAA7B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../ui/context';\nimport ToggleGroupControlButton from './toggle-group-control-button';\nimport type {\n\tToggleGroupControlOptionProps,\n\tToggleGroupControlContextProps,\n} from './types';\nimport { useToggleGroupControlContext } from './toggle-group-control-context';\n\nfunction getShowSeparator(\n\ttoggleGroupControlContext: ToggleGroupControlContextProps,\n\tindex: number\n) {\n\tconst { currentId, items } = toggleGroupControlContext;\n\tconst isLast = index === items.length - 1;\n\tconst isActive = items[ index ]?.id === currentId;\n\tconst isNextActive = items[ index + 1 ]?.id === currentId;\n\n\tlet showSeparator = true;\n\n\tif ( items.length < 3 ) {\n\t\tshowSeparator = false;\n\t}\n\n\tif ( isActive || isNextActive || isLast ) {\n\t\tshowSeparator = false;\n\t}\n\n\treturn showSeparator;\n}\n\nfunction ToggleGroupControlOption(\n\tprops: WordPressComponentProps< ToggleGroupControlOptionProps, 'input' >,\n\tforwardedRef: import('react').Ref< any >\n) {\n\tconst toggleGroupControlContext = useToggleGroupControlContext();\n\tconst id = useInstanceId(\n\t\tToggleGroupControlOption,\n\t\ttoggleGroupControlContext.baseId || 'toggle-group-control-option'\n\t);\n\tconst buttonProps = useContextSystem(\n\t\t{ ...props, id },\n\t\t'ToggleGroupControlOption'\n\t);\n\tconst index = toggleGroupControlContext.items.findIndex(\n\t\t( item ) => item.id === buttonProps.id\n\t);\n\tconst showSeparator = getShowSeparator( toggleGroupControlContext, index );\n\treturn (\n\t\t<ToggleGroupControlButton\n\t\t\tref={ forwardedRef }\n\t\t\t{ ...{\n\t\t\t\t...toggleGroupControlContext,\n\t\t\t\t...buttonProps,\n\t\t\t\tshowSeparator,\n\t\t\t} }\n\t\t/>\n\t);\n}\nexport default contextConnect(\n\tToggleGroupControlOption,\n\t'ToggleGroupControlOption'\n);\n"]}

package/build-module/ui/color-picker/color-display.js

@@ -1,143 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import colorize from 'tinycolor2';
-/**
- * WordPress dependencies
- */
-
-import { useCopyToClipboard } from '@wordpress/compose';
-import { useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-/**
- * Internal dependencies
- */
-
-import { Text } from '../../text';
-import { Flex, FlexItem } from '../../flex';
-import { Tooltip } from '../tooltip';
-import { space } from '../utils/space';
-
-const ValueDisplay = ({
-  values
-}) => createElement(Fragment, null, values.map(([value, abbreviation]) => {
-  return createElement(FlexItem, {
-    key: abbreviation,
-    isBlock: true,
-    display: "flex"
-  }, createElement(Text, {
-    color: "blue"
-  }, abbreviation), createElement(Text, null, value));
-}));
-
-const HslDisplay = ({
-  color,
-  enableAlpha
-}) => {
-  const {
-    h,
-    s,
-    l,
-    a
-  } = colorize(color).toHsl();
-  const values = [[Math.floor(h), 'H'], [Math.round(s * 100), 'S'], [Math.round(l * 100), 'L']];
-
-  if (enableAlpha) {
-    values.push([Math.round(a * 100), 'A']);
-  }
-
-  return createElement(ValueDisplay, {
-    values: values
-  });
-};
-
-const RgbDisplay = ({
-  color,
-  enableAlpha
-}) => {
-  const {
-    r,
-    g,
-    b,
-    a
-  } = colorize(color).toRgb();
-  const values = [[r, 'R'], [g, 'G'], [b, 'B']];
-
-  if (enableAlpha) {
-    values.push([Math.round(a * 100), 'A']);
-  }
-
-  return createElement(ValueDisplay, {
-    values: values
-  });
-};
-
-const HexDisplay = ({
-  color,
-  enableAlpha
-}) => {
-  const colorized = colorize(color);
-  const colorWithoutHash = (enableAlpha ? colorized.toHex8String() : colorized.toHexString()).slice(1).toUpperCase();
-  return createElement(FlexItem, null, createElement(Text, {
-    color: "blue"
-  }, "#"), createElement(Text, null, colorWithoutHash));
-};
-
-const getComponent = colorType => {
-  switch (colorType) {
-    case 'hsl':
-      return HslDisplay;
-
-    case 'rgb':
-      return RgbDisplay;
-
-    default:
-    case 'hex':
-      return HexDisplay;
-  }
-};
-
-export const ColorDisplay = ({
-  color,
-  colorType,
-  enableAlpha
-}) => {
-  const [copiedColor, setCopiedColor] = useState(null);
-  const props = {
-    color,
-    enableAlpha
-  };
-  const Component = getComponent(colorType);
-  const copyRef = useCopyToClipboard(() => {
-    switch (colorType) {
-      case 'hsl':
-        {
-          return colorize(color).toHslString();
-        }
-
-      case 'rgb':
-        {
-          return colorize(color).toRgbString();
-        }
-
-      default:
-      case 'hex':
-        {
-          const colorized = colorize(color);
-          return enableAlpha ? colorized.toHex8String() : colorized.toHexString();
-        }
-    }
-  }, () => setCopiedColor(colorize(color).toHex8String()));
-  return createElement(Tooltip, {
-    content: createElement(Text, {
-      color: "white"
-    }, copiedColor === colorize(color).toHex8String() ? __('Copied!') : __('Copy'))
-  }, createElement(Flex, {
-    justify: "flex-start",
-    gap: space(1),
-    ref: copyRef
-  }, createElement(Component, props)));
-};
-//# sourceMappingURL=color-display.js.map

package/build-module/ui/color-picker/color-display.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/color-display.tsx"],"names":["colorize","useCopyToClipboard","useState","__","Text","Flex","FlexItem","Tooltip","space","ValueDisplay","values","map","value","abbreviation","HslDisplay","color","enableAlpha","h","s","l","a","toHsl","Math","floor","round","push","RgbDisplay","r","g","b","toRgb","HexDisplay","colorized","colorWithoutHash","toHex8String","toHexString","slice","toUpperCase","getComponent","colorType","ColorDisplay","copiedColor","setCopiedColor","props","Component","copyRef","toHslString","toRgbString"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n\n/**\n * WordPress dependencies\n */\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { Text } from '../../text';\nimport { Flex, FlexItem } from '../../flex';\nimport { Tooltip } from '../tooltip';\nimport type { ColorType } from './types';\nimport { space } from '../utils/space';\n\ninterface ColorDisplayProps {\n\tcolor: ColorFormats.HSLA;\n\tcolorType: ColorType;\n\tenableAlpha: boolean;\n}\n\ninterface DisplayProps {\n\tcolor: ColorFormats.HSLA;\n\tenableAlpha: boolean;\n}\n\ntype Values = [ number, string ][];\n\ninterface ValueDisplayProps {\n\tvalues: Values;\n}\n\nconst ValueDisplay = ( { values }: ValueDisplayProps ) => (\n\t<>\n\t\t{ values.map( ( [ value, abbreviation ] ) => {\n\t\t\treturn (\n\t\t\t\t<FlexItem key={ abbreviation } isBlock display=\"flex\">\n\t\t\t\t\t<Text color=\"blue\">{ abbreviation }</Text>\n\t\t\t\t\t<Text>{ value }</Text>\n\t\t\t\t</FlexItem>\n\t\t\t);\n\t\t} ) }\n\t</>\n);\n\nconst HslDisplay = ( { color, enableAlpha }: DisplayProps ) => {\n\tconst { h, s, l, a } = colorize( color ).toHsl();\n\n\tconst values: Values = [\n\t\t[ Math.floor( h ), 'H' ],\n\t\t[ Math.round( s * 100 ), 'S' ],\n\t\t[ Math.round( l * 100 ), 'L' ],\n\t];\n\tif ( enableAlpha ) {\n\t\tvalues.push( [ Math.round( a * 100 ), 'A' ] );\n\t}\n\n\treturn <ValueDisplay values={ values } />;\n};\n\nconst RgbDisplay = ( { color, enableAlpha }: DisplayProps ) => {\n\tconst { r, g, b, a } = colorize( color ).toRgb();\n\n\tconst values: Values = [\n\t\t[ r, 'R' ],\n\t\t[ g, 'G' ],\n\t\t[ b, 'B' ],\n\t];\n\n\tif ( enableAlpha ) {\n\t\tvalues.push( [ Math.round( a * 100 ), 'A' ] );\n\t}\n\n\treturn <ValueDisplay values={ values } />;\n};\n\nconst HexDisplay = ( { color, enableAlpha }: DisplayProps ) => {\n\tconst colorized = colorize( color );\n\tconst colorWithoutHash = ( enableAlpha\n\t\t? colorized.toHex8String()\n\t\t: colorized.toHexString()\n\t)\n\t\t.slice( 1 )\n\t\t.toUpperCase();\n\treturn (\n\t\t<FlexItem>\n\t\t\t<Text color=\"blue\">#</Text>\n\t\t\t<Text>{ colorWithoutHash }</Text>\n\t\t</FlexItem>\n\t);\n};\n\nconst getComponent = ( colorType: ColorType ) => {\n\tswitch ( colorType ) {\n\t\tcase 'hsl':\n\t\t\treturn HslDisplay;\n\t\tcase 'rgb':\n\t\t\treturn RgbDisplay;\n\t\tdefault:\n\t\tcase 'hex':\n\t\t\treturn HexDisplay;\n\t}\n};\n\nexport const ColorDisplay = ( {\n\tcolor,\n\tcolorType,\n\tenableAlpha,\n}: ColorDisplayProps ) => {\n\tconst [ copiedColor, setCopiedColor ] = useState< string | null >( null );\n\tconst props = { color, enableAlpha };\n\tconst Component = getComponent( colorType );\n\tconst copyRef = useCopyToClipboard< HTMLDivElement >(\n\t\t() => {\n\t\t\tswitch ( colorType ) {\n\t\t\t\tcase 'hsl': {\n\t\t\t\t\treturn colorize( color ).toHslString();\n\t\t\t\t}\n\t\t\t\tcase 'rgb': {\n\t\t\t\t\treturn colorize( color ).toRgbString();\n\t\t\t\t}\n\t\t\t\tdefault:\n\t\t\t\tcase 'hex': {\n\t\t\t\t\tconst colorized = colorize( color );\n\t\t\t\t\treturn enableAlpha\n\t\t\t\t\t\t? colorized.toHex8String()\n\t\t\t\t\t\t: colorized.toHexString();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t() => setCopiedColor( colorize( color ).toHex8String() )\n\t);\n\treturn (\n\t\t<Tooltip\n\t\t\tcontent={\n\t\t\t\t<Text color=\"white\">\n\t\t\t\t\t{ copiedColor === colorize( color ).toHex8String()\n\t\t\t\t\t\t? __( 'Copied!' )\n\t\t\t\t\t\t: __( 'Copy' ) }\n\t\t\t\t</Text>\n\t\t\t}\n\t\t>\n\t\t\t<Flex justify=\"flex-start\" gap={ space( 1 ) } ref={ copyRef }>\n\t\t\t\t<Component { ...props } />\n\t\t\t</Flex>\n\t\t</Tooltip>\n\t);\n};\n"]}

package/build-module/ui/color-picker/color-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/color-input.tsx"],"names":["RgbInput","HslInput","HexInput","ColorInput","colorType","color","onChange","enableAlpha","props"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,QAAT,QAAyB,aAAzB;AASA,OAAO,MAAMC,UAAU,GAAG,CAAE;AAC3BC,EAAAA,SAD2B;AAE3BC,EAAAA,KAF2B;AAG3BC,EAAAA,QAH2B;AAI3BC,EAAAA;AAJ2B,CAAF,KAKF;AACvB,QAAMC,KAAK,GAAG;AAAEH,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA;AAAnB,GAAd;;AACA,UAASH,SAAT;AACC,SAAK,KAAL;AACC,aAAO,cAAC,QAAD,EAAeI,KAAf,CAAP;;AACD,SAAK,KAAL;AACC,aAAO,cAAC,QAAD,EAAeA,KAAf,CAAP;;AACD;AACA,SAAK,KAAL;AACC,aAAO,cAAC,QAAD,EAAeA,KAAf,CAAP;AAPF;AASA,CAhBM","sourcesContent":["/**\n * External dependencies\n */\nimport type { ColorFormats } from 'tinycolor2';\n\n/**\n * Internal dependencies\n */\nimport { RgbInput } from './rgb-input';\nimport { HslInput } from './hsl-input';\nimport { HexInput } from './hex-input';\n\ninterface ColorInputProps {\n\tcolorType: 'hsl' | 'hex' | 'rgb';\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( value: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const ColorInput = ( {\n\tcolorType,\n\tcolor,\n\tonChange,\n\tenableAlpha,\n}: ColorInputProps ) => {\n\tconst props = { color, onChange, enableAlpha };\n\tswitch ( colorType ) {\n\t\tcase 'hsl':\n\t\t\treturn <HslInput { ...props } />;\n\t\tcase 'rgb':\n\t\t\treturn <RgbInput { ...props } />;\n\t\tdefault:\n\t\tcase 'hex':\n\t\t\treturn <HexInput { ...props } />;\n\t}\n};\n"]}

package/build-module/ui/color-picker/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/component.tsx"],"names":["useState","moreVertical","useDebounce","__","useContextSystem","contextConnect","HStack","Button","Spacer","ColorfulWrapper","SelectControl","ColorDisplay","ColorInput","Picker","useControlledValue","options","label","value","getSafeColor","color","a","h","s","l","ColorPicker","props","forwardedRef","enableAlpha","colorProp","onChange","defaultValue","copyFormat","divProps","setColor","debouncedSetColor","handleChange","nextValue","safeColor","showInputs","setShowInputs","colorType","setColorType","nextColorType","ConnectedColorPicker"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref } from 'react';\nimport type { ColorFormats } from 'tinycolor2';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\nimport { useDebounce } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseContextSystem,\n\tcontextConnect,\n\tWordPressComponentProps,\n} from '../context';\nimport { HStack } from '../../h-stack';\nimport Button from '../../button';\nimport { Spacer } from '../../spacer';\nimport { ColorfulWrapper, SelectControl } from './styles';\nimport { ColorDisplay } from './color-display';\nimport { ColorInput } from './color-input';\nimport { Picker } from './picker';\nimport { useControlledValue } from '../../utils/hooks';\n\nimport type { ColorType } from './types';\n\nexport interface ColorPickerProps {\n\tenableAlpha?: boolean;\n\tcolor?: ColorFormats.HSL | ColorFormats.HSLA;\n\tonChange?: ( color: ColorFormats.HSL | ColorFormats.HSLA ) => void;\n\tdefaultValue?: ColorFormats.HSL | ColorFormats.HSLA;\n\tcopyFormat?: ColorType;\n}\n\nconst options = [\n\t{ label: 'RGB', value: 'rgb' as const },\n\t{ label: 'HSL', value: 'hsl' as const },\n\t{ label: 'Hex', value: 'hex' as const },\n];\n\nconst getSafeColor = (\n\tcolor: ColorFormats.HSL | ColorFormats.HSLA | undefined\n): ColorFormats.HSLA => {\n\treturn color ? { a: 1, ...color } : { h: 0, s: 0, l: 100, a: 1 };\n};\n\nconst ColorPicker = (\n\tprops: WordPressComponentProps< ColorPickerProps, 'div', false >,\n\tforwardedRef: Ref< any >\n) => {\n\tconst {\n\t\tenableAlpha = false,\n\t\tcolor: colorProp,\n\t\tonChange,\n\t\tdefaultValue,\n\t\tcopyFormat,\n\t\t...divProps\n\t} = useContextSystem( props, 'ColorPicker' );\n\n\tconst [ color, setColor ] = useControlledValue( {\n\t\tonChange,\n\t\tvalue: colorProp,\n\t\tdefaultValue,\n\t} );\n\n\t// Debounce to prevent rapid changes from conflicting with one another.\n\tconst debouncedSetColor = useDebounce( setColor );\n\n\tconst handleChange = (\n\t\tnextValue: ColorFormats.HSLA | ColorFormats.HSL\n\t) => {\n\t\tdebouncedSetColor( nextValue );\n\t};\n\n\t// Use a safe default value for the color and remove the possibility of `undefined`.\n\tconst safeColor = getSafeColor( color );\n\n\tconst [ showInputs, setShowInputs ] = useState< boolean >( false );\n\tconst [ colorType, setColorType ] = useState< ColorType >(\n\t\tcopyFormat || 'hex'\n\t);\n\n\treturn (\n\t\t<ColorfulWrapper ref={ forwardedRef } { ...divProps }>\n\t\t\t<Picker\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tcolor={ safeColor }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t/>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t{ showInputs ? (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\tvalue={ colorType }\n\t\t\t\t\t\tonChange={ ( nextColorType ) =>\n\t\t\t\t\t\t\tsetColorType( nextColorType as ColorType )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Color format' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<ColorDisplay\n\t\t\t\t\t\tcolor={ safeColor }\n\t\t\t\t\t\tcolorType={ copyFormat || colorType }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => setShowInputs( ! showInputs ) }\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tisPressed={ showInputs }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowInputs\n\t\t\t\t\t\t\t? __( 'Hide detailed inputs' )\n\t\t\t\t\t\t\t: __( 'Show detailed inputs' )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t<Spacer />\n\t\t\t{ showInputs && (\n\t\t\t\t<ColorInput\n\t\t\t\t\tcolorType={ colorType }\n\t\t\t\t\tcolor={ safeColor }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ColorfulWrapper>\n\t);\n};\n\nconst ConnectedColorPicker = contextConnect( ColorPicker, 'ColorPicker' );\n\nexport default ConnectedColorPicker;\n"]}

package/build-module/ui/color-picker/hex-input.js

@@ -1,48 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import colorize from 'tinycolor2';
-/**
- * WordPress dependencies
- */
-
-import { __ } from '@wordpress/i18n';
-/**
- * Internal dependencies
- */
-
-import { Text } from '../../text';
-import { Spacer } from '../../spacer';
-import InputControl from '../../input-control';
-import { space } from '../utils/space';
-export const HexInput = ({
-  color,
-  onChange,
-  enableAlpha
-}) => {
-  const handleValidate = value => {
-    if (!colorize(value).isValid()) {
-      throw new Error('Invalid hex color input');
-    }
-  };
-
-  const colorized = colorize(color);
-  const value = enableAlpha ? colorized.toHex8String() : colorized.toHexString();
-  return createElement(InputControl, {
-    __unstableInputWidth: "8em",
-    prefix: createElement(Spacer, {
-      as: Text,
-      marginLeft: space(2),
-      color: "blue"
-    }, "#"),
-    value: value.slice(1).toUpperCase(),
-    onChange: nextValue => onChange(colorize(nextValue).toHsl()),
-    onValidate: handleValidate,
-    maxLength: enableAlpha ? 8 : 6,
-    label: __('Hex color'),
-    hideLabelFromVision: true
-  });
-};
-//# sourceMappingURL=hex-input.js.map

package/build-module/ui/color-picker/hex-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/hex-input.tsx"],"names":["colorize","__","Text","Spacer","InputControl","space","HexInput","color","onChange","enableAlpha","handleValidate","value","isValid","Error","colorized","toHex8String","toHexString","slice","toUpperCase","nextValue","toHsl"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,QAAP,MAAuC,YAAvC;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,MAAT,QAAuB,cAAvB;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AAQA,OAAO,MAAMC,QAAQ,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA;AAAnB,CAAF,KAAuD;AAC9E,QAAMC,cAAc,GAAKC,KAAF,IAAqB;AAC3C,QAAK,CAAEX,QAAQ,CAAEW,KAAF,CAAR,CAAkBC,OAAlB,EAAP,EAAqC;AACpC,YAAM,IAAIC,KAAJ,CAAW,yBAAX,CAAN;AACA;AACD,GAJD;;AAMA,QAAMC,SAAS,GAAGd,QAAQ,CAAEO,KAAF,CAA1B;AACA,QAAMI,KAAK,GAAGF,WAAW,GACtBK,SAAS,CAACC,YAAV,EADsB,GAEtBD,SAAS,CAACE,WAAV,EAFH;AAIA,SACC,cAAC,YAAD;AACC,IAAA,oBAAoB,EAAC,KADtB;AAEC,IAAA,MAAM,EACL,cAAC,MAAD;AAAQ,MAAA,EAAE,EAAGd,IAAb;AAAoB,MAAA,UAAU,EAAGG,KAAK,CAAE,CAAF,CAAtC;AAA8C,MAAA,KAAK,EAAC;AAApD,WAHF;AAOC,IAAA,KAAK,EAAGM,KAAK,CAACM,KAAN,CAAa,CAAb,EAAiBC,WAAjB,EAPT;AAQC,IAAA,QAAQ,EAAKC,SAAF,IACVX,QAAQ,CAAER,QAAQ,CAAEmB,SAAF,CAAR,CAAsBC,KAAtB,EAAF,CATV;AAWC,IAAA,UAAU,EAAGV,cAXd;AAYC,IAAA,SAAS,EAAGD,WAAW,GAAG,CAAH,GAAO,CAZ/B;AAaC,IAAA,KAAK,EAAGR,EAAE,CAAE,WAAF,CAbX;AAcC,IAAA,mBAAmB;AAdpB,IADD;AAkBA,CA9BM","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { Text } from '../../text';\nimport { Spacer } from '../../spacer';\nimport InputControl from '../../input-control';\nimport { space } from '../utils/space';\n\ninterface HexInputProps {\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( value: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const HexInput = ( { color, onChange, enableAlpha }: HexInputProps ) => {\n\tconst handleValidate = ( value: string ) => {\n\t\tif ( ! colorize( value ).isValid() ) {\n\t\t\tthrow new Error( 'Invalid hex color input' );\n\t\t}\n\t};\n\n\tconst colorized = colorize( color );\n\tconst value = enableAlpha\n\t\t? colorized.toHex8String()\n\t\t: colorized.toHexString();\n\n\treturn (\n\t\t<InputControl\n\t\t\t__unstableInputWidth=\"8em\"\n\t\t\tprefix={\n\t\t\t\t<Spacer as={ Text } marginLeft={ space( 2 ) } color=\"blue\">\n\t\t\t\t\t#\n\t\t\t\t</Spacer>\n\t\t\t}\n\t\t\tvalue={ value.slice( 1 ).toUpperCase() }\n\t\t\tonChange={ ( nextValue ) =>\n\t\t\t\tonChange( colorize( nextValue ).toHsl() )\n\t\t\t}\n\t\t\tonValidate={ handleValidate }\n\t\t\tmaxLength={ enableAlpha ? 8 : 6 }\n\t\t\tlabel={ __( 'Hex color' ) }\n\t\t\thideLabelFromVision\n\t\t/>\n\t);\n};\n"]}

package/build-module/ui/color-picker/hsl-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/hsl-input.tsx"],"names":["InputWithSlider","HslInput","color","onChange","enableAlpha","h","s","l","a","Math","trunc","nextH","nextS","nextL","nextA"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,eAAT,QAAgC,qBAAhC;AAQA,OAAO,MAAMC,QAAQ,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA;AAAnB,CAAF,KAAuD;AAC9E,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,CAAR;AAAWC,IAAAA;AAAX,MAAiBN,KAAvB;AAEA,SACC,8BACC,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,KAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGO,IAAI,CAACC,KAAL,CAAYL,CAAZ,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVR,QAAQ,CAAE;AAAEE,MAAAA,CAAC,EAAEM,KAAL;AAAYL,MAAAA,CAAZ;AAAeC,MAAAA,CAAf;AAAkBC,MAAAA;AAAlB,KAAF;AAPV,IADD,EAWC,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,YAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGF,CAAC,IAAI,CAAL,GAASG,IAAI,CAACC,KAAL,CAAY,MAAMJ,CAAlB,CAAT,GAAiCA,CAL1C;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVT,QAAQ,CAAE;AAAEE,MAAAA,CAAF;AAAKC,MAAAA,CAAC,EAAEM,KAAK,GAAG,GAAhB;AAAqBL,MAAAA,CAArB;AAAwBC,MAAAA;AAAxB,KAAF;AAPV,IAXD,EAqBC,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,WAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGD,CAAC,IAAI,CAAL,GAASE,IAAI,CAACC,KAAL,CAAY,MAAMH,CAAlB,CAAT,GAAiCA,CAL1C;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVV,QAAQ,CAAE;AAAEE,MAAAA,CAAF;AAAKC,MAAAA,CAAL;AAAQC,MAAAA,CAAC,EAAEM,KAAK,GAAG,GAAnB;AAAwBL,MAAAA;AAAxB,KAAF;AAPV,IArBD,EA+BGJ,WAAW,IACZ,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,OAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGK,IAAI,CAACC,KAAL,CAAY,MAAMF,CAAlB,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVX,QAAQ,CAAE;AACTE,MAAAA,CADS;AAETC,MAAAA,CAFS;AAGTC,MAAAA,CAHS;AAITC,MAAAA,CAAC,EAAEM,KAAK,GAAG;AAJF,KAAF;AAPV,IAhCF,CADD;AAmDA,CAtDM","sourcesContent":["/**\n * External dependencies\n */\nimport type { ColorFormats } from 'tinycolor2';\n\n/**\n * Internal dependencies\n */\nimport { InputWithSlider } from './input-with-slider';\n\ninterface HslInputProps {\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( color: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const HslInput = ( { color, onChange, enableAlpha }: HslInputProps ) => {\n\tconst { h, s, l, a } = color;\n\n\treturn (\n\t\t<>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 1 }\n\t\t\t\tmax={ 360 }\n\t\t\t\tlabel=\"Hue\"\n\t\t\t\tabbreviation=\"H\"\n\t\t\t\tvalue={ Math.trunc( h ) }\n\t\t\t\tonChange={ ( nextH: number ) =>\n\t\t\t\t\tonChange( { h: nextH, s, l, a } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 100 }\n\t\t\t\tlabel=\"Saturation\"\n\t\t\t\tabbreviation=\"S\"\n\t\t\t\tvalue={ s <= 1 ? Math.trunc( 100 * s ) : s }\n\t\t\t\tonChange={ ( nextS: number ) =>\n\t\t\t\t\tonChange( { h, s: nextS / 100, l, a } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 100 }\n\t\t\t\tlabel=\"Lightness\"\n\t\t\t\tabbreviation=\"L\"\n\t\t\t\tvalue={ l <= 1 ? Math.trunc( 100 * l ) : l }\n\t\t\t\tonChange={ ( nextL: number ) =>\n\t\t\t\t\tonChange( { h, s, l: nextL / 100, a } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ enableAlpha && (\n\t\t\t\t<InputWithSlider\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ 100 }\n\t\t\t\t\tlabel=\"Alpha\"\n\t\t\t\t\tabbreviation=\"A\"\n\t\t\t\t\tvalue={ Math.trunc( 100 * a ) }\n\t\t\t\t\tonChange={ ( nextA: number ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\th,\n\t\t\t\t\t\t\ts,\n\t\t\t\t\t\t\tl,\n\t\t\t\t\t\t\ta: nextA / 100,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"]}

package/build-module/ui/color-picker/index.js

@@ -1,2 +0,0 @@
-export { LegacyAdapter as ColorPicker } from './legacy-adapter';
-//# sourceMappingURL=index.js.map

package/build-module/ui/color-picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/index.ts"],"names":["LegacyAdapter","ColorPicker"],"mappings":"AAAA,SAASA,aAAa,IAAIC,WAA1B,QAA6C,kBAA7C","sourcesContent":["export { LegacyAdapter as ColorPicker } from './legacy-adapter';\n"]}

package/build-module/ui/color-picker/input-with-slider.js

@@ -1,46 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import NumberControl from '../../number-control';
-import { HStack } from '../../h-stack';
-import { Text } from '../../text';
-import { Spacer } from '../../spacer';
-import { space } from '../utils/space';
-import { RangeControl } from './styles';
-export const InputWithSlider = ({
-  min,
-  max,
-  label,
-  abbreviation,
-  onChange,
-  value
-}) => {
-  return createElement(Spacer, {
-    as: HStack
-  }, createElement(NumberControl, {
-    __unstableInputWidth: "5em",
-    min: min,
-    max: max,
-    label: label,
-    hideLabelFromVision: true,
-    value: value,
-    onChange: onChange,
-    prefix: createElement(Spacer, {
-      as: Text,
-      paddingLeft: space(1),
-      color: "blue"
-    }, abbreviation),
-    hideHTMLArrows: true
-  }), createElement(RangeControl, {
-    label: label,
-    hideLabelFromVision: true,
-    min: min,
-    max: max,
-    value: value,
-    onChange: onChange,
-    withInputField: false
-  }));
-};
-//# sourceMappingURL=input-with-slider.js.map

package/build-module/ui/color-picker/input-with-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/input-with-slider.tsx"],"names":["NumberControl","HStack","Text","Spacer","space","RangeControl","InputWithSlider","min","max","label","abbreviation","onChange","value"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,aAAP,MAA0B,sBAA1B;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,MAAT,QAAuB,cAAvB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SAASC,YAAT,QAA6B,UAA7B;AAWA,OAAO,MAAMC,eAAe,GAAG,CAAE;AAChCC,EAAAA,GADgC;AAEhCC,EAAAA,GAFgC;AAGhCC,EAAAA,KAHgC;AAIhCC,EAAAA,YAJgC;AAKhCC,EAAAA,QALgC;AAMhCC,EAAAA;AANgC,CAAF,KAOF;AAC5B,SACC,cAAC,MAAD;AAAQ,IAAA,EAAE,EAAGX;AAAb,KACC,cAAC,aAAD;AACC,IAAA,oBAAoB,EAAC,KADtB;AAEC,IAAA,GAAG,EAAGM,GAFP;AAGC,IAAA,GAAG,EAAGC,GAHP;AAIC,IAAA,KAAK,EAAGC,KAJT;AAKC,IAAA,mBAAmB,MALpB;AAMC,IAAA,KAAK,EAAGG,KANT;AAOC,IAAA,QAAQ,EAAGD,QAPZ;AAQC,IAAA,MAAM,EACL,cAAC,MAAD;AAAQ,MAAA,EAAE,EAAGT,IAAb;AAAoB,MAAA,WAAW,EAAGE,KAAK,CAAE,CAAF,CAAvC;AAA+C,MAAA,KAAK,EAAC;AAArD,OACGM,YADH,CATF;AAaC,IAAA,cAAc;AAbf,IADD,EAgBC,cAAC,YAAD;AACC,IAAA,KAAK,EAAGD,KADT;AAEC,IAAA,mBAAmB,MAFpB;AAGC,IAAA,GAAG,EAAGF,GAHP;AAIC,IAAA,GAAG,EAAGC,GAJP;AAKC,IAAA,KAAK,EAAGI,KALT;AAMC,IAAA,QAAQ,EAAGD,QANZ;AAOC,IAAA,cAAc,EAAG;AAPlB,IAhBD,CADD;AA4BA,CApCM","sourcesContent":["/**\n * Internal dependencies\n */\nimport NumberControl from '../../number-control';\nimport { HStack } from '../../h-stack';\nimport { Text } from '../../text';\nimport { Spacer } from '../../spacer';\nimport { space } from '../utils/space';\nimport { RangeControl } from './styles';\n\ninterface InputWithSliderProps {\n\tmin: number;\n\tmax: number;\n\tvalue: number;\n\tlabel: string;\n\tabbreviation: string;\n\tonChange: ( value: number ) => void;\n}\n\nexport const InputWithSlider = ( {\n\tmin,\n\tmax,\n\tlabel,\n\tabbreviation,\n\tonChange,\n\tvalue,\n}: InputWithSliderProps ) => {\n\treturn (\n\t\t<Spacer as={ HStack }>\n\t\t\t<NumberControl\n\t\t\t\t__unstableInputWidth=\"5em\"\n\t\t\t\tmin={ min }\n\t\t\t\tmax={ max }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tprefix={\n\t\t\t\t\t<Spacer as={ Text } paddingLeft={ space( 1 ) } color=\"blue\">\n\t\t\t\t\t\t{ abbreviation }\n\t\t\t\t\t</Spacer>\n\t\t\t\t}\n\t\t\t\thideHTMLArrows\n\t\t\t/>\n\t\t\t<RangeControl\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision\n\t\t\t\tmin={ min }\n\t\t\t\tmax={ max }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\twithInputField={ false }\n\t\t\t/>\n\t\t</Spacer>\n\t);\n};\n"]}

package/build-module/ui/color-picker/legacy-adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/legacy-adapter.tsx"],"names":["ColorPicker","useDeprecatedProps","LegacyAdapter","props"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,WAAP,MAAwB,aAAxB;AACA,SAASC,kBAAT,QAAmC,wBAAnC;AAIA,OAAO,MAAMC,aAAa,GAAKC,KAAF,IAAiC;AAC7D,SAAO,cAAC,WAAD,EAAkBF,kBAAkB,CAAEE,KAAF,CAApC,CAAP;AACA,CAFM","sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorPicker from './component';\nimport { useDeprecatedProps } from './use-deprecated-props';\n\ntype LegacyAdapterProps = Parameters< typeof useDeprecatedProps >[ 0 ];\n\nexport const LegacyAdapter = ( props: LegacyAdapterProps ) => {\n\treturn <ColorPicker { ...useDeprecatedProps( props ) } />;\n};\n"]}

package/build-module/ui/color-picker/picker.js

@@ -1,26 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { HslColorPicker, HslaColorPicker } from 'react-colorful';
-export const Picker = ({
-  color,
-  enableAlpha,
-  onChange
-}) => {
-  // RC accepts s and l as a range from 0 - 100, whereas tinycolor expects a decimal value representing the percentage
-  // so we need to make sure that we're giving RC the correct color format that it expects
-  const reactColorfulColor = {
-    h: color.h,
-    s: color.s <= 1 ? Math.floor(color.s * 100) : color.s,
-    l: color.l <= 1 ? Math.floor(color.l * 100) : color.l,
-    a: color.a
-  };
-  const Component = enableAlpha ? HslaColorPicker : HslColorPicker;
-  return createElement(Component, {
-    color: reactColorfulColor,
-    onChange: onChange
-  });
-};
-//# sourceMappingURL=picker.js.map

package/build-module/ui/color-picker/picker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/picker.tsx"],"names":["HslColorPicker","HslaColorPicker","Picker","color","enableAlpha","onChange","reactColorfulColor","h","s","Math","floor","l","a","Component"],"mappings":";;AAAA;AACA;AACA;AAEA,SAASA,cAAT,EAAyBC,eAAzB,QAAgD,gBAAhD;AAQA,OAAO,MAAMC,MAAM,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,WAAT;AAAsBC,EAAAA;AAAtB,CAAF,KAAqD;AAC1E;AACA;AACA,QAAMC,kBAAkB,GAAG;AAC1BC,IAAAA,CAAC,EAAEJ,KAAK,CAACI,CADiB;AAE1BC,IAAAA,CAAC,EAAEL,KAAK,CAACK,CAAN,IAAW,CAAX,GAAeC,IAAI,CAACC,KAAL,CAAYP,KAAK,CAACK,CAAN,GAAU,GAAtB,CAAf,GAA6CL,KAAK,CAACK,CAF5B;AAG1BG,IAAAA,CAAC,EAAER,KAAK,CAACQ,CAAN,IAAW,CAAX,GAAeF,IAAI,CAACC,KAAL,CAAYP,KAAK,CAACQ,CAAN,GAAU,GAAtB,CAAf,GAA6CR,KAAK,CAACQ,CAH5B;AAI1BC,IAAAA,CAAC,EAAIT,KAAF,CAA+BS;AAJR,GAA3B;AAOA,QAAMC,SAAS,GAAGT,WAAW,GAAGH,eAAH,GAAqBD,cAAlD;AAEA,SAAO,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGM,kBAAnB;AAAwC,IAAA,QAAQ,EAAGD;AAAnD,IAAP;AACA,CAbM","sourcesContent":["/**\n * External dependencies\n */\nimport type { ColorFormats } from 'tinycolor2';\nimport { HslColorPicker, HslaColorPicker } from 'react-colorful';\n\ninterface PickerProps {\n\tcolor: ColorFormats.HSL | ColorFormats.HSLA;\n\tenableAlpha: boolean;\n\tonChange: ( nextColor: ColorFormats.HSL | ColorFormats.HSLA ) => void;\n}\n\nexport const Picker = ( { color, enableAlpha, onChange }: PickerProps ) => {\n\t// RC accepts s and l as a range from 0 - 100, whereas tinycolor expects a decimal value representing the percentage\n\t// so we need to make sure that we're giving RC the correct color format that it expects\n\tconst reactColorfulColor = {\n\t\th: color.h,\n\t\ts: color.s <= 1 ? Math.floor( color.s * 100 ) : color.s,\n\t\tl: color.l <= 1 ? Math.floor( color.l * 100 ) : color.l,\n\t\ta: ( color as ColorFormats.HSLA ).a,\n\t};\n\n\tconst Component = enableAlpha ? HslaColorPicker : HslColorPicker;\n\n\treturn <Component color={ reactColorfulColor } onChange={ onChange } />;\n};\n"]}

package/build-module/ui/color-picker/rgb-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/rgb-input.tsx"],"names":["colorize","InputWithSlider","RgbInput","color","onChange","enableAlpha","r","g","b","a","toRgb","nextR","toHsl","nextG","nextB","Math","trunc","nextA"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,QAAP,MAAuC,YAAvC;AAEA;AACA;AACA;;AACA,SAASC,eAAT,QAAgC,qBAAhC;AAQA,OAAO,MAAMC,QAAQ,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA;AAAnB,CAAF,KAAuD;AAC9E,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,CAAR;AAAWC,IAAAA;AAAX,MAAiBT,QAAQ,CAAEG,KAAF,CAAR,CAAkBO,KAAlB,EAAvB;AAEA,SACC,8BACC,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,KAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGJ,CALT;AAMC,IAAA,QAAQ,EAAKK,KAAF,IACVP,QAAQ,CAAEJ,QAAQ,CAAE;AAAEM,MAAAA,CAAC,EAAEK,KAAL;AAAYJ,MAAAA,CAAZ;AAAeC,MAAAA,CAAf;AAAkBC,MAAAA;AAAlB,KAAF,CAAR,CAAkCG,KAAlC,EAAF;AAPV,IADD,EAWC,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,OAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGL,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVT,QAAQ,CAAEJ,QAAQ,CAAE;AAAEM,MAAAA,CAAF;AAAKC,MAAAA,CAAC,EAAEM,KAAR;AAAeL,MAAAA,CAAf;AAAkBC,MAAAA;AAAlB,KAAF,CAAR,CAAkCG,KAAlC,EAAF;AAPV,IAXD,EAqBC,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,MAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGJ,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVV,QAAQ,CAAEJ,QAAQ,CAAE;AAAEM,MAAAA,CAAF;AAAKC,MAAAA,CAAL;AAAQC,MAAAA,CAAC,EAAEM,KAAX;AAAkBL,MAAAA;AAAlB,KAAF,CAAR,CAAkCG,KAAlC,EAAF;AAPV,IArBD,EA+BGP,WAAW,IACZ,cAAC,eAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,OAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGU,IAAI,CAACC,KAAL,CAAYP,CAAC,GAAG,GAAhB,CALT;AAMC,IAAA,QAAQ,EAAKQ,KAAF,IACVb,QAAQ,CACPJ,QAAQ,CAAE;AACTM,MAAAA,CADS;AAETC,MAAAA,CAFS;AAGTC,MAAAA,CAHS;AAITC,MAAAA,CAAC,EAAEQ,KAAK,GAAG;AAJF,KAAF,CAAR,CAKIL,KALJ,EADO;AAPV,IAhCF,CADD;AAqDA,CAxDM","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n\n/**\n * Internal dependencies\n */\nimport { InputWithSlider } from './input-with-slider';\n\ninterface RgbInputProps {\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( color: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const RgbInput = ( { color, onChange, enableAlpha }: RgbInputProps ) => {\n\tconst { r, g, b, a } = colorize( color ).toRgb();\n\n\treturn (\n\t\t<>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 255 }\n\t\t\t\tlabel=\"Red\"\n\t\t\t\tabbreviation=\"R\"\n\t\t\t\tvalue={ r }\n\t\t\t\tonChange={ ( nextR: number ) =>\n\t\t\t\t\tonChange( colorize( { r: nextR, g, b, a } ).toHsl() )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 255 }\n\t\t\t\tlabel=\"Green\"\n\t\t\t\tabbreviation=\"G\"\n\t\t\t\tvalue={ g }\n\t\t\t\tonChange={ ( nextG: number ) =>\n\t\t\t\t\tonChange( colorize( { r, g: nextG, b, a } ).toHsl() )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 255 }\n\t\t\t\tlabel=\"Blue\"\n\t\t\t\tabbreviation=\"B\"\n\t\t\t\tvalue={ b }\n\t\t\t\tonChange={ ( nextB: number ) =>\n\t\t\t\t\tonChange( colorize( { r, g, b: nextB, a } ).toHsl() )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ enableAlpha && (\n\t\t\t\t<InputWithSlider\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ 100 }\n\t\t\t\t\tlabel=\"Alpha\"\n\t\t\t\t\tabbreviation=\"A\"\n\t\t\t\t\tvalue={ Math.trunc( a * 100 ) }\n\t\t\t\t\tonChange={ ( nextA: number ) =>\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tcolorize( {\n\t\t\t\t\t\t\t\tr,\n\t\t\t\t\t\t\t\tg,\n\t\t\t\t\t\t\t\tb,\n\t\t\t\t\t\t\t\ta: nextA / 100,\n\t\t\t\t\t\t\t} ).toHsl()\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"]}

package/build-module/ui/color-picker/styles.js

@@ -1,42 +0,0 @@
-import _styled from "@emotion/styled/base";
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-import InnerSelectControl from '../../select-control';
-import InnerRangeControl from '../../range-control';
-import { StyledField } from '../../base-control/styles/base-control-styles';
-import { space } from '../utils/space';
-export const SelectControl = /*#__PURE__*/_styled(InnerSelectControl, process.env.NODE_ENV === "production" ? {
-  target: "e1a3aqfc2"
-} : {
-  target: "e1a3aqfc2",
-  label: "SelectControl"
-})(process.env.NODE_ENV === "production" ? {
-  name: "w1axdp",
-  styles: "width:5em"
-} : {
-  name: "w1axdp",
-  styles: "width:5em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFheUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91aS9jb2xvci1waWNrZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgSW5uZXJTZWxlY3RDb250cm9sIGZyb20gJy4uLy4uL3NlbGVjdC1jb250cm9sJztcbmltcG9ydCBJbm5lclJhbmdlQ29udHJvbCBmcm9tICcuLi8uLi9yYW5nZS1jb250cm9sJztcbmltcG9ydCB7IFN0eWxlZEZpZWxkIH0gZnJvbSAnLi4vLi4vYmFzZS1jb250cm9sL3N0eWxlcy9iYXNlLWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdHdpZHRoOiA1ZW07XG5gO1xuXG5leHBvcnQgY29uc3QgUmFuZ2VDb250cm9sID0gc3R5bGVkKCBJbm5lclJhbmdlQ29udHJvbCApYFxuXHRmbGV4OiAxO1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcmZ1bFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMjE2cHg7XG5cblx0LnJlYWN0LWNvbG9yZnVsIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogMjE2cHg7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHR9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const RangeControl = /*#__PURE__*/_styled(InnerRangeControl, process.env.NODE_ENV === "production" ? {
-  target: "e1a3aqfc1"
-} : {
-  target: "e1a3aqfc1",
-  label: "RangeControl"
-})("flex:1;", StyledField, "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi8uLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uLy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENvbnRyb2wgPSBzdHlsZWQoIElubmVyU2VsZWN0Q29udHJvbCApYFxuXHR3aWR0aDogNWVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblxuXHQkeyBTdHlsZWRGaWVsZCB9IHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JmdWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0fVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG4iXX0= */"));
-export const ColorfulWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1a3aqfc0"
-} : {
-  target: "e1a3aqfc0",
-  label: "ColorfulWrapper"
-})("width:216px;.react-colorful{display:flex;flex-direction:column;align-items:center;width:216px;height:auto;}.react-colorful__saturation{width:100%;border-radius:0;height:216px;margin-bottom:", space(4), ";border-bottom:none;}.react-colorful__hue,.react-colorful__alpha{width:184px;height:16px;border-radius:16px;margin-bottom:", space(2), ";}.react-colorful__pointer{height:16px;width:16px;}", StyledField, "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnlDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi8uLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uLy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENvbnRyb2wgPSBzdHlsZWQoIElubmVyU2VsZWN0Q29udHJvbCApYFxuXHR3aWR0aDogNWVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblxuXHQkeyBTdHlsZWRGaWVsZCB9IHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JmdWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0fVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG4iXX0= */"));
-//# sourceMappingURL=styles.js.map

package/build-module/ui/color-picker/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/styles.ts"],"names":["InnerSelectControl","InnerRangeControl","StyledField","space","SelectControl","RangeControl","ColorfulWrapper"],"mappings":";;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAOA,kBAAP,MAA+B,sBAA/B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AACA,SAASC,WAAT,QAA4B,+CAA5B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AAEA,OAAO,MAAMC,aAAa,GAAG,qBAAQJ,kBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAnB;AAIP,OAAO,MAAMK,YAAY,GAAG,qBAAQJ,iBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,YAGrBC,WAHqB,89DAAlB;AAQP,OAAO,MAAMI,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,oMAeRH,KAAK,CAAE,CAAF,CAfG,gIAwBRA,KAAK,CAAE,CAAF,CAxBG,yDAgCxBD,WAhCwB,89DAArB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport InnerSelectControl from '../../select-control';\nimport InnerRangeControl from '../../range-control';\nimport { StyledField } from '../../base-control/styles/base-control-styles';\nimport { space } from '../utils/space';\n\nexport const SelectControl = styled( InnerSelectControl )`\n\twidth: 5em;\n`;\n\nexport const RangeControl = styled( InnerRangeControl )`\n\tflex: 1;\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nexport const ColorfulWrapper = styled.div`\n\twidth: 216px;\n\n\t.react-colorful {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\twidth: 216px;\n\t\theight: auto;\n\t}\n\n\t.react-colorful__saturation {\n\t\twidth: 100%;\n\t\tborder-radius: 0;\n\t\theight: 216px;\n\t\tmargin-bottom: ${ space( 4 ) };\n\t\tborder-bottom: none;\n\t}\n\n\t.react-colorful__hue,\n\t.react-colorful__alpha {\n\t\twidth: 184px;\n\t\theight: 16px;\n\t\tborder-radius: 16px;\n\t\tmargin-bottom: ${ space( 2 ) };\n\t}\n\n\t.react-colorful__pointer {\n\t\theight: 16px;\n\t\twidth: 16px;\n\t}\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n`;\n"]}

package/build-module/ui/color-picker/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/build-module/ui/color-picker/use-deprecated-props.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/use-deprecated-props.ts"],"names":["colorize","memoize","useCallback","useMemo","isLegacyProps","props","onChangeComplete","color","hex","getColorFromLegacyProps","toHsl","hsl","toHsv","h","s","v","a","Math","round","transformHslToLegacyColor","hsla","rawHex","toHex","rgb","toRgb","hsv","isTransparent","source","oldHue","useDeprecatedProps","onChange","enableAlpha","disableAlpha"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n// eslint-disable-next-line no-restricted-imports\nimport type { ComponentProps } from 'react';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type ColorPicker from './component';\n\ntype ColorPickerProps = ComponentProps< typeof ColorPicker >;\n\n/**\n * @deprecated\n */\ntype LegacyColor =\n\t| string\n\t| {\n\t\t\tcolor: colorize.Instance;\n\t\t\thex: string;\n\t\t\thsl: ColorFormats.HSL | ColorFormats.HSLA;\n\t\t\thsv: ColorFormats.HSV | ColorFormats.HSVA;\n\t\t\trgb: ColorFormats.RGB | ColorFormats.RGBA;\n\t\t\t/**\n\t\t\t * @deprecated\n\t\t\t */\n\t\t\toldHue: number;\n\t\t\t/**\n\t\t\t * @deprecated\n\t\t\t */\n\t\t\tsource: 'hex';\n\t  };\n\n/**\n * @deprecated\n */\nexport interface LegacyProps {\n\tcolor: LegacyColor;\n\t/**\n\t * @deprecated\n\t */\n\tonChangeComplete: ( colors: LegacyColor ) => void;\n\t/**\n\t * @deprecated\n\t */\n\toldHue: string;\n\tclassName: string;\n\t/**\n\t * @deprecated\n\t */\n\tdisableAlpha: boolean;\n}\n\nfunction isLegacyProps( props: any ): props is LegacyProps {\n\treturn (\n\t\ttypeof props.onChangeComplete !== 'undefined' ||\n\t\ttypeof props.color === 'string' ||\n\t\ttypeof props.color?.hex === 'string'\n\t);\n}\n\nfunction getColorFromLegacyProps(\n\tprops: LegacyProps\n): ColorFormats.HSL | ColorFormats.HSLA {\n\tif ( typeof props.color === 'string' ) {\n\t\treturn colorize( props.color ).toHsl();\n\t}\n\n\treturn props.color.hsl;\n}\n\nfunction toHsv(\n\tcolor: colorize.Instance\n): ColorFormats.HSV | ColorFormats.HSVA {\n\tconst { h, s, v, a } = color.toHsv();\n\n\treturn {\n\t\th: Math.round( h ),\n\t\ts: Math.round( s * 100 ),\n\t\tv: Math.round( v * 100 ),\n\t\ta,\n\t};\n}\n\nconst transformHslToLegacyColor = memoize(\n\t( hsla: ColorFormats.HSL | ColorFormats.HSLA ): LegacyColor => {\n\t\tconst color = colorize( hsla );\n\t\tconst rawHex = color.toHex();\n\t\tconst rgb = color.toRgb();\n\t\tconst hsv = toHsv( color );\n\t\tconst hsl = hsla;\n\n\t\tconst isTransparent = rawHex === '000000' && rgb.a === 0;\n\n\t\tconst hex = isTransparent ? 'transparent' : `#${ rawHex }`;\n\n\t\treturn {\n\t\t\tcolor,\n\t\t\thex,\n\t\t\trgb,\n\t\t\thsv,\n\t\t\thsl,\n\t\t\tsource: 'hex',\n\t\t\toldHue: hsl.h,\n\t\t};\n\t}\n);\n\nexport function useDeprecatedProps(\n\tprops: LegacyProps | ColorPickerProps\n): ColorPickerProps {\n\tconst onChange = useCallback(\n\t\t( hsla: ColorFormats.HSL | ColorFormats.HSLA ) => {\n\t\t\tif ( isLegacyProps( props ) ) {\n\t\t\t\treturn props.onChangeComplete(\n\t\t\t\t\ttransformHslToLegacyColor( hsla )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn props.onChange?.( hsla );\n\t\t},\n\t\t[\n\t\t\t( props as LegacyProps ).onChangeComplete,\n\t\t\t( props as ColorPickerProps ).onChange,\n\t\t]\n\t);\n\n\tconst color = useMemo( () => {\n\t\treturn isLegacyProps( props )\n\t\t\t? getColorFromLegacyProps( props )\n\t\t\t: props.color;\n\t}, [ props.color ] );\n\n\tconst enableAlpha = useMemo( () => {\n\t\treturn isLegacyProps( props )\n\t\t\t? ! props.disableAlpha\n\t\t\t: props.enableAlpha;\n\t}, [\n\t\t( props as LegacyProps ).disableAlpha,\n\t\t( props as ColorPickerProps ).enableAlpha,\n\t] );\n\n\treturn {\n\t\t...( isLegacyProps( props ) ? {} : props ),\n\t\tonChange,\n\t\tcolor,\n\t\tenableAlpha,\n\t};\n}\n"]}

package/build-module/ui/utils/create-component.js

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * Internal dependencies
- */
-import { contextConnect } from '../context';
-import { View } from '../../view';
-
-/**
- * Factory that creates a React component from a hook
- *
- * @param  options
- * @param  options.as      The element to render for the component.
- * @param  options.name    The name of the component.
- * @param  options.useHook The hook to use for the component
- * @param  options.memo    Whether to memo the component.
- * @return A polymorphic component that uses the hook to process props.
- */
-export const createComponent = ({
-  as,
-  name,
-  useHook,
-  memo = false
-}) => {
-  function Component(props, forwardedRef) {
-    const otherProps = useHook(props);
-    return createElement(View, _extends({
-      as: as || 'div'
-    }, otherProps, {
-      ref: forwardedRef
-    }));
-  }
-
-  Component.displayName = name;
-  return contextConnect(Component, name, {
-    memo
-  });
-};
-//# sourceMappingURL=create-component.js.map

package/build-module/ui/utils/create-component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/utils/create-component.tsx"],"names":["contextConnect","View","createComponent","as","name","useHook","memo","Component","props","forwardedRef","otherProps","displayName"],"mappings":";;;AAAA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,YAA/B;AAKA,SAASC,IAAT,QAAqB,YAArB;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAG,CAG5B;AACFC,EAAAA,EADE;AAEFC,EAAAA,IAFE;AAGFC,EAAAA,OAHE;AAIFC,EAAAA,IAAI,GAAG;AAJL,CAH4B,KAQ2B;AACzD,WAASC,SAAT,CAAoBC,KAApB,EAA8BC,YAA9B,EAAyD;AACxD,UAAMC,UAAU,GAAGL,OAAO,CAAEG,KAAF,CAA1B;AAEA,WACC,cAAC,IAAD;AAAM,MAAA,EAAE,EAAGL,EAAE,IAAI;AAAjB,OAA8BO,UAA9B;AAA2C,MAAA,GAAG,EAAGD;AAAjD,OADD;AAGA;;AAEDF,EAAAA,SAAS,CAACI,WAAV,GAAwBP,IAAxB;AAEA,SAAOJ,cAAc,CAAEO,SAAF,EAAaH,IAAb,EAAmB;AAAEE,IAAAA;AAAF,GAAnB,CAArB;AACA,CApBM","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref } from 'react';\nimport type { As } from 'reakit-utils/types';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../context';\nimport type {\n\tWordPressComponentProps,\n\tWordPressComponentFromProps,\n} from '../context';\nimport { View } from '../../view';\n\ninterface Options<\n\tA extends As,\n\tP extends WordPressComponentProps< {}, A, any >\n> {\n\tas: A;\n\tname: string;\n\tuseHook: ( props: P ) => any;\n\tmemo?: boolean;\n}\n\n/**\n * Factory that creates a React component from a hook\n *\n * @param  options\n * @param  options.as      The element to render for the component.\n * @param  options.name    The name of the component.\n * @param  options.useHook The hook to use for the component\n * @param  options.memo    Whether to memo the component.\n * @return A polymorphic component that uses the hook to process props.\n */\nexport const createComponent = <\n\tA extends As,\n\tP extends WordPressComponentProps< {}, A, any >\n>( {\n\tas,\n\tname,\n\tuseHook,\n\tmemo = false,\n}: Options< A, P > ): WordPressComponentFromProps< P > => {\n\tfunction Component( props: P, forwardedRef: Ref< any > ) {\n\t\tconst otherProps = useHook( props );\n\n\t\treturn (\n\t\t\t<View as={ as || 'div' } { ...otherProps } ref={ forwardedRef } />\n\t\t);\n\t}\n\n\tComponent.displayName = name;\n\n\treturn contextConnect( Component, name, { memo } );\n};\n"]}

package/build-module/utils/hooks/use-jump-step.js

@@ -1,48 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useState } from '@wordpress/element';
-/**
- * A custom hook that calculates a step value (used by elements like input
- * [type="number"]). This value can be modified based on whether the Shift
- * key is being held down.
- *
- * For example, a shiftStep of 10, and a step of 1...
- * Starting from 10, the next incremented value will be 11.
- *
- * Holding down shift...
- * Starting from 10, the next incremented value will be 20.
- *
- * @param {Object}  props                           Properties for the hook.
- * @param {boolean} [props.isShiftStepEnabled=true] Determines if jumping values with shift is enabled
- * @param {number}  [props.shiftStep=10]            Multiplier to jump by, when holding shift key.
- * @param {number}  [props.step=1]                  Multiplier to jump by, when not-holding shift key.
- *
- * @return {number} The jump step value.
- */
-
-function useJumpStep({
-  isShiftStepEnabled = true,
-  shiftStep = 10,
-  step = 1
-}) {
-  const [isShiftKey, setIsShiftKey] = useState(false);
-  useEffect(() => {
-    /** @type {(event: KeyboardEvent)=>void} */
-    const handleShiftKeyToggle = event => {
-      setIsShiftKey(event.shiftKey);
-    };
-
-    window.addEventListener('keydown', handleShiftKeyToggle);
-    window.addEventListener('keyup', handleShiftKeyToggle);
-    return () => {
-      window.removeEventListener('keydown', handleShiftKeyToggle);
-      window.removeEventListener('keyup', handleShiftKeyToggle);
-    };
-  }, []);
-  const isEnabled = isShiftStepEnabled && isShiftKey;
-  return isEnabled ? shiftStep * step : step;
-}
-
-export default useJumpStep;
-//# sourceMappingURL=use-jump-step.js.map

package/build-module/utils/hooks/use-jump-step.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-jump-step.js"],"names":["useEffect","useState","useJumpStep","isShiftStepEnabled","shiftStep","step","isShiftKey","setIsShiftKey","handleShiftKeyToggle","event","shiftKey","window","addEventListener","removeEventListener","isEnabled"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,oBAApC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,WAAT,CAAsB;AACrBC,EAAAA,kBAAkB,GAAG,IADA;AAErBC,EAAAA,SAAS,GAAG,EAFS;AAGrBC,EAAAA,IAAI,GAAG;AAHc,CAAtB,EAII;AACH,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgCN,QAAQ,CAAE,KAAF,CAA9C;AAEAD,EAAAA,SAAS,CAAE,MAAM;AAChB;AACA,UAAMQ,oBAAoB,GAAKC,KAAF,IAAa;AACzCF,MAAAA,aAAa,CAAEE,KAAK,CAACC,QAAR,CAAb;AACA,KAFD;;AAIAC,IAAAA,MAAM,CAACC,gBAAP,CAAyB,SAAzB,EAAoCJ,oBAApC;AACAG,IAAAA,MAAM,CAACC,gBAAP,CAAyB,OAAzB,EAAkCJ,oBAAlC;AAEA,WAAO,MAAM;AACZG,MAAAA,MAAM,CAACE,mBAAP,CAA4B,SAA5B,EAAuCL,oBAAvC;AACAG,MAAAA,MAAM,CAACE,mBAAP,CAA4B,OAA5B,EAAqCL,oBAArC;AACA,KAHD;AAIA,GAbQ,EAaN,EAbM,CAAT;AAeA,QAAMM,SAAS,GAAGX,kBAAkB,IAAIG,UAAxC;AAEA,SAAOQ,SAAS,GAAGV,SAAS,GAAGC,IAAf,GAAsBA,IAAtC;AACA;;AAED,eAAeH,WAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * A custom hook that calculates a step value (used by elements like input\n * [type=\"number\"]). This value can be modified based on whether the Shift\n * key is being held down.\n *\n * For example, a shiftStep of 10, and a step of 1...\n * Starting from 10, the next incremented value will be 11.\n *\n * Holding down shift...\n * Starting from 10, the next incremented value will be 20.\n *\n * @param {Object}  props                           Properties for the hook.\n * @param {boolean} [props.isShiftStepEnabled=true] Determines if jumping values with shift is enabled\n * @param {number}  [props.shiftStep=10]            Multiplier to jump by, when holding shift key.\n * @param {number}  [props.step=1]                  Multiplier to jump by, when not-holding shift key.\n *\n * @return {number} The jump step value.\n */\nfunction useJumpStep( {\n\tisShiftStepEnabled = true,\n\tshiftStep = 10,\n\tstep = 1,\n} ) {\n\tconst [ isShiftKey, setIsShiftKey ] = useState( false );\n\n\tuseEffect( () => {\n\t\t/** @type {(event: KeyboardEvent)=>void} */\n\t\tconst handleShiftKeyToggle = ( event ) => {\n\t\t\tsetIsShiftKey( event.shiftKey );\n\t\t};\n\n\t\twindow.addEventListener( 'keydown', handleShiftKeyToggle );\n\t\twindow.addEventListener( 'keyup', handleShiftKeyToggle );\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener( 'keydown', handleShiftKeyToggle );\n\t\t\twindow.removeEventListener( 'keyup', handleShiftKeyToggle );\n\t\t};\n\t}, [] );\n\n\tconst isEnabled = isShiftStepEnabled && isShiftKey;\n\n\treturn isEnabled ? shiftStep * step : step;\n}\n\nexport default useJumpStep;\n"]}