@wordpress/components 19.15.0 → 20.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/color-palette/index.js"],"names":["map","colord","extend","namesPlugin","a11yPlugin","__","sprintf","useCallback","useMemo","Dropdown","ColorPicker","CircularOptionPicker","VStack","Flex","FlexItem","Truncate","ColorHeading","SinglePalette","className","clearColor","colors","onChange","value","actions","colorOptions","color","name","colordColor","fill","contrast","backgroundColor","MultiplePalettes","index","colorPalette","length","CustomColorPickerDropdown","isRenderedInSidebar","props","placement","offset","__unstableShift","undefined","extractColorNameFromCurrentValue","currentValue","showMultiplePalettes","currentValueIsCssVariable","test","normalizedCurrentValue","toHex","colorPalettes","paletteColors","colorName","colorValue","normalizedColorValue","ColorPalette","clearable","disableCustomColors","enableAlpha","__experimentalHasMultipleOrigins","__experimentalIsRenderedInSidebar","Component","renderCustomColorPicker","valueWithoutLeadingHash","startsWith","substring","buttonLabelName","customColorAccessibleLabel","isOpen","onToggle","background"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { map } from 'lodash';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Dropdown from '../dropdown';\nimport { ColorPicker } from '../color-picker';\nimport CircularOptionPicker from '../circular-option-picker';\nimport { VStack } from '../v-stack';\nimport { Flex, FlexItem } from '../flex';\nimport { Truncate } from '../truncate';\nimport { ColorHeading } from './styles';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction SinglePalette( {\n\tclassName,\n\tclearColor,\n\tcolors,\n\tonChange,\n\tvalue,\n\tactions,\n} ) {\n\tconst colorOptions = useMemo( () => {\n\t\treturn map( colors, ( { color, name } ) => {\n\t\t\tconst colordColor = colord( color );\n\n\t\t\treturn (\n\t\t\t\t<CircularOptionPicker.Option\n\t\t\t\t\tkey={ color }\n\t\t\t\t\tisSelected={ value === color }\n\t\t\t\t\tselectedIconProps={\n\t\t\t\t\t\tvalue === color\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tfill:\n\t\t\t\t\t\t\t\t\t\tcolordColor.contrast() >\n\t\t\t\t\t\t\t\t\t\tcolordColor.contrast( '#000' )\n\t\t\t\t\t\t\t\t\t\t\t? '#fff'\n\t\t\t\t\t\t\t\t\t\t\t: '#000',\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t\ttooltipText={\n\t\t\t\t\t\tname ||\n\t\t\t\t\t\t// translators: %s: color hex code e.g: \"#f00\".\n\t\t\t\t\t\tsprintf( __( 'Color code: %s' ), color )\n\t\t\t\t\t}\n\t\t\t\t\tstyle={ { backgroundColor: color, color } }\n\t\t\t\t\tonClick={\n\t\t\t\t\t\tvalue === color ? clearColor : () => onChange( color )\n\t\t\t\t\t}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tname\n\t\t\t\t\t\t\t? // translators: %s: The name of the color e.g: \"vivid red\".\n\t\t\t\t\t\t\t  sprintf( __( 'Color: %s' ), name )\n\t\t\t\t\t\t\t: // translators: %s: color hex code e.g: \"#f00\".\n\t\t\t\t\t\t\t  sprintf( __( 'Color code: %s' ), color )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ colors, value, onChange, clearColor ] );\n\treturn (\n\t\t<CircularOptionPicker\n\t\t\tclassName={ className }\n\t\t\toptions={ colorOptions }\n\t\t\tactions={ actions }\n\t\t/>\n\t);\n}\n\nfunction MultiplePalettes( {\n\tclassName,\n\tclearColor,\n\tcolors,\n\tonChange,\n\tvalue,\n\tactions,\n} ) {\n\treturn (\n\t\t<VStack spacing={ 3 } className={ className }>\n\t\t\t{ colors.map( ( { name, colors: colorPalette }, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<VStack spacing={ 2 } key={ index }>\n\t\t\t\t\t\t<ColorHeading>{ name }</ColorHeading>\n\t\t\t\t\t\t<SinglePalette\n\t\t\t\t\t\t\tclearColor={ clearColor }\n\t\t\t\t\t\t\tcolors={ colorPalette }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tactions={\n\t\t\t\t\t\t\t\tcolors.length === index + 1 ? actions : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n\nexport function CustomColorPickerDropdown( { isRenderedInSidebar, ...props } ) {\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"components-color-palette__custom-color-dropdown-content\"\n\t\t\tpopoverProps={\n\t\t\t\tisRenderedInSidebar\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\t\t\toffset: 20,\n\t\t\t\t\t\t\t__unstableShift: true,\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport const extractColorNameFromCurrentValue = (\n\tcurrentValue,\n\tcolors = [],\n\tshowMultiplePalettes = false\n) => {\n\tif ( ! currentValue ) {\n\t\treturn '';\n\t}\n\n\tconst currentValueIsCssVariable = /^var\\(/.test( currentValue );\n\tconst normalizedCurrentValue = currentValueIsCssVariable\n\t\t? currentValue\n\t\t: colord( currentValue ).toHex();\n\n\t// Normalize format of `colors` to simplify the following loop\n\tconst colorPalettes = showMultiplePalettes ? colors : [ { colors } ];\n\tfor ( const { colors: paletteColors } of colorPalettes ) {\n\t\tfor ( const { name: colorName, color: colorValue } of paletteColors ) {\n\t\t\tconst normalizedColorValue = currentValueIsCssVariable\n\t\t\t\t? colorValue\n\t\t\t\t: colord( colorValue ).toHex();\n\n\t\t\tif ( normalizedCurrentValue === normalizedColorValue ) {\n\t\t\t\treturn colorName;\n\t\t\t}\n\t\t}\n\t}\n\n\t// translators: shown when the user has picked a custom color (i.e not in the palette of colors).\n\treturn __( 'Custom' );\n};\n\nexport default function ColorPalette( {\n\tclearable = true,\n\tclassName,\n\tcolors,\n\tdisableCustomColors = false,\n\tenableAlpha,\n\tonChange,\n\tvalue,\n\t__experimentalHasMultipleOrigins = false,\n\t__experimentalIsRenderedInSidebar = false,\n} ) {\n\tconst clearColor = useCallback( () => onChange( undefined ), [ onChange ] );\n\tconst showMultiplePalettes =\n\t\t__experimentalHasMultipleOrigins && colors?.length;\n\tconst Component = showMultiplePalettes ? MultiplePalettes : SinglePalette;\n\n\tconst renderCustomColorPicker = () => (\n\t\t<ColorPicker\n\t\t\tcolor={ value }\n\t\t\tonChange={ ( color ) => onChange( color ) }\n\t\t\tenableAlpha={ enableAlpha }\n\t\t/>\n\t);\n\n\tconst colordColor = colord( value );\n\n\tconst valueWithoutLeadingHash = value?.startsWith( '#' )\n\t\t? value.substring( 1 )\n\t\t: value ?? '';\n\tconst buttonLabelName = useMemo(\n\t\t() =>\n\t\t\textractColorNameFromCurrentValue(\n\t\t\t\tvalue,\n\t\t\t\tcolors,\n\t\t\t\tshowMultiplePalettes\n\t\t\t),\n\t\t[ value, colors, showMultiplePalettes ]\n\t);\n\n\tconst customColorAccessibleLabel = !! valueWithoutLeadingHash\n\t\t? sprintf(\n\t\t\t\t// translators: %1$s: The name of the color e.g: \"vivid red\". %2$s: The color's hex code e.g: \"#f00\".\n\t\t\t\t__(\n\t\t\t\t\t'Custom color picker. The currently selected color is called \"%1$s\" and has a value of \"%2$s\".'\n\t\t\t\t),\n\t\t\t\tbuttonLabelName,\n\t\t\t\tvalueWithoutLeadingHash\n\t\t  )\n\t\t: __( 'Custom color picker.' );\n\n\treturn (\n\t\t<VStack spacing={ 3 } className={ className }>\n\t\t\t{ ! disableCustomColors && (\n\t\t\t\t<CustomColorPickerDropdown\n\t\t\t\t\tisRenderedInSidebar={ __experimentalIsRenderedInSidebar }\n\t\t\t\t\trenderContent={ renderCustomColorPicker }\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tas={ 'button' }\n\t\t\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\t\t\talign=\"flex-start\"\n\t\t\t\t\t\t\tclassName=\"components-color-palette__custom-color\"\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\taria-label={ customColorAccessibleLabel }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tbackground: value,\n\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\tcolordColor.contrast() >\n\t\t\t\t\t\t\t\t\tcolordColor.contrast( '#000' )\n\t\t\t\t\t\t\t\t\t\t? '#fff'\n\t\t\t\t\t\t\t\t\t\t: '#000',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t\tas={ Truncate }\n\t\t\t\t\t\t\t\tclassName=\"components-color-palette__custom-color-name\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonLabelName }\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tclassName=\"components-color-palette__custom-color-value\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ valueWithoutLeadingHash }\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<Component\n\t\t\t\tclearable={ clearable }\n\t\t\t\tclearColor={ clearColor }\n\t\t\t\tcolors={ colors }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tvalue={ value }\n\t\t\t\tactions={\n\t\t\t\t\t!! clearable && (\n\t\t\t\t\t\t<CircularOptionPicker.ButtonAction\n\t\t\t\t\t\t\tonClick={ clearColor }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t\t</CircularOptionPicker.ButtonAction>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/color-palette/index.js"],"names":["colord","extend","namesPlugin","a11yPlugin","__","sprintf","useCallback","useMemo","Dropdown","ColorPicker","CircularOptionPicker","VStack","Flex","FlexItem","Truncate","ColorHeading","SinglePalette","className","clearColor","colors","onChange","value","actions","colorOptions","map","index","color","name","colordColor","isSelected","fill","contrast","backgroundColor","MultiplePalettes","colorPalette","length","CustomColorPickerDropdown","isRenderedInSidebar","popoverProps","receivedPopoverProps","props","__unstableShift","placement","offset","extractColorNameFromCurrentValue","currentValue","showMultiplePalettes","currentValueIsCssVariable","test","normalizedCurrentValue","toHex","colorPalettes","paletteColors","colorName","colorValue","normalizedColorValue","showTransparentBackground","alpha","ColorPalette","clearable","disableCustomColors","enableAlpha","__experimentalHasMultipleOrigins","__experimentalIsRenderedInSidebar","undefined","Component","renderCustomColorPicker","valueWithoutLeadingHash","startsWith","substring","buttonLabelName","customColorAccessibleLabel","isOpen","onToggle","background"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Dropdown from '../dropdown';\nimport { ColorPicker } from '../color-picker';\nimport CircularOptionPicker from '../circular-option-picker';\nimport { VStack } from '../v-stack';\nimport { Flex, FlexItem } from '../flex';\nimport { Truncate } from '../truncate';\nimport { ColorHeading } from './styles';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction SinglePalette( {\n\tclassName,\n\tclearColor,\n\tcolors,\n\tonChange,\n\tvalue,\n\tactions,\n} ) {\n\tconst colorOptions = useMemo( () => {\n\t\treturn colors.map( ( { color, name }, index ) => {\n\t\t\tconst colordColor = colord( color );\n\t\t\tconst isSelected = value === color;\n\n\t\t\treturn (\n\t\t\t\t<CircularOptionPicker.Option\n\t\t\t\t\tkey={ `${ color }-${ index }` }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tselectedIconProps={\n\t\t\t\t\t\tisSelected\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tfill:\n\t\t\t\t\t\t\t\t\t\tcolordColor.contrast() >\n\t\t\t\t\t\t\t\t\t\tcolordColor.contrast( '#000' )\n\t\t\t\t\t\t\t\t\t\t\t? '#fff'\n\t\t\t\t\t\t\t\t\t\t\t: '#000',\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t\ttooltipText={\n\t\t\t\t\t\tname ||\n\t\t\t\t\t\t// translators: %s: color hex code e.g: \"#f00\".\n\t\t\t\t\t\tsprintf( __( 'Color code: %s' ), color )\n\t\t\t\t\t}\n\t\t\t\t\tstyle={ { backgroundColor: color, color } }\n\t\t\t\t\tonClick={\n\t\t\t\t\t\tisSelected ? clearColor : () => onChange( color )\n\t\t\t\t\t}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tname\n\t\t\t\t\t\t\t? // translators: %s: The name of the color e.g: \"vivid red\".\n\t\t\t\t\t\t\t  sprintf( __( 'Color: %s' ), name )\n\t\t\t\t\t\t\t: // translators: %s: color hex code e.g: \"#f00\".\n\t\t\t\t\t\t\t  sprintf( __( 'Color code: %s' ), color )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ colors, value, onChange, clearColor ] );\n\treturn (\n\t\t<CircularOptionPicker\n\t\t\tclassName={ className }\n\t\t\toptions={ colorOptions }\n\t\t\tactions={ actions }\n\t\t/>\n\t);\n}\n\nfunction MultiplePalettes( {\n\tclassName,\n\tclearColor,\n\tcolors,\n\tonChange,\n\tvalue,\n\tactions,\n} ) {\n\treturn (\n\t\t<VStack spacing={ 3 } className={ className }>\n\t\t\t{ colors.map( ( { name, colors: colorPalette }, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<VStack spacing={ 2 } key={ index }>\n\t\t\t\t\t\t<ColorHeading>{ name }</ColorHeading>\n\t\t\t\t\t\t<SinglePalette\n\t\t\t\t\t\t\tclearColor={ clearColor }\n\t\t\t\t\t\t\tcolors={ colorPalette }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tactions={\n\t\t\t\t\t\t\t\tcolors.length === index + 1 ? actions : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n\nexport function CustomColorPickerDropdown( {\n\tisRenderedInSidebar,\n\tpopoverProps: receivedPopoverProps,\n\t...props\n} ) {\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t__unstableShift: true,\n\t\t\t...( isRenderedInSidebar\n\t\t\t\t? {\n\t\t\t\t\t\t// When in the sidebar: open to the left (stacking),\n\t\t\t\t\t\t// leaving the same gap as the parent popover.\n\t\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\t\toffset: 34,\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t// Default behavior: open below the anchor\n\t\t\t\t\t\tplacement: 'bottom',\n\t\t\t\t\t\toffset: 8,\n\t\t\t\t  } ),\n\t\t\t...receivedPopoverProps,\n\t\t} ),\n\t\t[ isRenderedInSidebar, receivedPopoverProps ]\n\t);\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"components-color-palette__custom-color-dropdown-content\"\n\t\t\tpopoverProps={ popoverProps }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport const extractColorNameFromCurrentValue = (\n\tcurrentValue,\n\tcolors = [],\n\tshowMultiplePalettes = false\n) => {\n\tif ( ! currentValue ) {\n\t\treturn '';\n\t}\n\n\tconst currentValueIsCssVariable = /^var\\(/.test( currentValue );\n\tconst normalizedCurrentValue = currentValueIsCssVariable\n\t\t? currentValue\n\t\t: colord( currentValue ).toHex();\n\n\t// Normalize format of `colors` to simplify the following loop\n\tconst colorPalettes = showMultiplePalettes ? colors : [ { colors } ];\n\tfor ( const { colors: paletteColors } of colorPalettes ) {\n\t\tfor ( const { name: colorName, color: colorValue } of paletteColors ) {\n\t\t\tconst normalizedColorValue = currentValueIsCssVariable\n\t\t\t\t? colorValue\n\t\t\t\t: colord( colorValue ).toHex();\n\n\t\t\tif ( normalizedCurrentValue === normalizedColorValue ) {\n\t\t\t\treturn colorName;\n\t\t\t}\n\t\t}\n\t}\n\n\t// translators: shown when the user has picked a custom color (i.e not in the palette of colors).\n\treturn __( 'Custom' );\n};\n\nexport const showTransparentBackground = ( currentValue ) => {\n\tif ( typeof currentValue === 'undefined' ) {\n\t\treturn true;\n\t}\n\treturn colord( currentValue ).alpha() === 0;\n};\n\nexport default function ColorPalette( {\n\tclearable = true,\n\tclassName,\n\tcolors,\n\tdisableCustomColors = false,\n\tenableAlpha,\n\tonChange,\n\tvalue,\n\t__experimentalHasMultipleOrigins = false,\n\t__experimentalIsRenderedInSidebar = false,\n} ) {\n\tconst clearColor = useCallback( () => onChange( undefined ), [ onChange ] );\n\tconst showMultiplePalettes =\n\t\t__experimentalHasMultipleOrigins && colors?.length;\n\tconst Component = showMultiplePalettes ? MultiplePalettes : SinglePalette;\n\n\tconst renderCustomColorPicker = () => (\n\t\t<ColorPicker\n\t\t\tcolor={ value }\n\t\t\tonChange={ ( color ) => onChange( color ) }\n\t\t\tenableAlpha={ enableAlpha }\n\t\t/>\n\t);\n\n\tconst colordColor = colord( value );\n\n\tconst valueWithoutLeadingHash = value?.startsWith( '#' )\n\t\t? value.substring( 1 )\n\t\t: value ?? '';\n\tconst buttonLabelName = useMemo(\n\t\t() =>\n\t\t\textractColorNameFromCurrentValue(\n\t\t\t\tvalue,\n\t\t\t\tcolors,\n\t\t\t\tshowMultiplePalettes\n\t\t\t),\n\t\t[ value, colors, showMultiplePalettes ]\n\t);\n\n\tconst customColorAccessibleLabel = !! valueWithoutLeadingHash\n\t\t? sprintf(\n\t\t\t\t// translators: %1$s: The name of the color e.g: \"vivid red\". %2$s: The color's hex code e.g: \"#f00\".\n\t\t\t\t__(\n\t\t\t\t\t'Custom color picker. The currently selected color is called \"%1$s\" and has a value of \"%2$s\".'\n\t\t\t\t),\n\t\t\t\tbuttonLabelName,\n\t\t\t\tvalueWithoutLeadingHash\n\t\t  )\n\t\t: __( 'Custom color picker.' );\n\n\treturn (\n\t\t<VStack spacing={ 3 } className={ className }>\n\t\t\t{ ! disableCustomColors && (\n\t\t\t\t<CustomColorPickerDropdown\n\t\t\t\t\tisRenderedInSidebar={ __experimentalIsRenderedInSidebar }\n\t\t\t\t\trenderContent={ renderCustomColorPicker }\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tas={ 'button' }\n\t\t\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\t\t\talign=\"flex-start\"\n\t\t\t\t\t\t\tclassName=\"components-color-palette__custom-color\"\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\taria-label={ customColorAccessibleLabel }\n\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\tshowTransparentBackground( value )\n\t\t\t\t\t\t\t\t\t? { color: '#000' }\n\t\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t\tbackground: value,\n\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\tcolordColor.contrast() >\n\t\t\t\t\t\t\t\t\t\t\t\tcolordColor.contrast( '#000' )\n\t\t\t\t\t\t\t\t\t\t\t\t\t? '#fff'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: '#000',\n\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t\tas={ Truncate }\n\t\t\t\t\t\t\t\tclassName=\"components-color-palette__custom-color-name\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonLabelName }\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tclassName=\"components-color-palette__custom-color-value\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ valueWithoutLeadingHash }\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<Component\n\t\t\t\tclearable={ clearable }\n\t\t\t\tclearColor={ clearColor }\n\t\t\t\tcolors={ colors }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tvalue={ value }\n\t\t\t\tactions={\n\t\t\t\t\t!! clearable && (\n\t\t\t\t\t\t<CircularOptionPicker.ButtonAction\n\t\t\t\t\t\t\tonClick={ clearColor }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t\t</CircularOptionPicker.ButtonAction>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"]}

package/build-module/color-palette/index.native.js

@@ -4,7 +4,7 @@ import { createElement, Fragment } from "@wordpress/element";
  * External dependencies
  */
 import { ScrollView, TouchableWithoutFeedback, View, Animated, Easing, Dimensions, Platform, Text } from 'react-native';
-import { map, uniq } from 'lodash';
+import { map } from 'lodash';
 /**
  * WordPress dependencies
  */
@@ -47,9 +47,9 @@ function ColorPalette(_ref) {
   const isGradientSegment = currentSegment === colorsUtils.segments[1];
   const scale = useRef(new Animated.Value(1)).current;
   const opacity = useRef(new Animated.Value(1)).current;
-  const defaultColors = uniq(map(defaultSettings.colors, 'color'));
-  const mergedColors = uniq(map(defaultSettings.allColors, 'color'));
-  const defaultGradientColors = uniq(map(defaultSettings.gradients, 'gradient'));
+  const defaultColors = [...new Set(map(defaultSettings.colors, 'color'))];
+  const mergedColors = [...new Set(map(defaultSettings.allColors, 'color'))];
+  const defaultGradientColors = [...new Set(map(defaultSettings.gradients, 'gradient'))];
   const colors = isGradientSegment ? defaultGradientColors : defaultColors;
   const customIndicatorColor = isGradientSegment ? activeColor : customSwatchGradients;
   const isCustomGradientColor = isGradientColor && isSelectedCustom();

package/build-module/color-palette/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/color-palette/index.native.js"],"names":["ScrollView","TouchableWithoutFeedback","View","Animated","Easing","Dimensions","Platform","Text","map","uniq","__","useRef","useEffect","usePreferredColorSchemeStyle","styles","ColorIndicator","colorsUtils","ANIMATION_DURATION","contentWidth","scrollPosition","customIndicatorWidth","ColorPalette","enableCustomColor","setColor","activeColor","isGradientColor","defaultSettings","currentSegment","onCustomPress","shouldEnableBottomSheetScroll","shouldShowCustomIndicatorOption","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","customColorIndicatorStyles","customIndicatorWrapperStyles","label","customSwatchGradients","scrollViewRef","isIOS","OS","isGradientSegment","segments","scale","Value","current","opacity","defaultColors","colors","mergedColors","allColors","defaultGradientColors","gradients","customIndicatorColor","isCustomGradientColor","isSelectedCustom","shouldShowCustomIndicator","accessibilityHint","customText","scrollToEndWithDelay","scrollTo","x","y","isWithinColors","includes","isSelected","color","timingAnimation","property","toValue","timing","duration","easing","ease","useNativeDriver","performAnimation","setValue","parallel","start","scaleInterpolation","interpolate","inputRange","outputRange","deselectCustomGradient","width","get","isVisible","onColorPress","onContentSizeChange","delayedScroll","setTimeout","scrollToEnd","clearTimeout","onCustomIndicatorLayout","nativeEvent","layout","onScroll","contentOffset","verticalSeparatorStyle","verticalSeparator","verticalSeparatorDark","customTextStyle","customTextAndroid","customTextDark","customIndicatorWrapperStyle","customIndicatorWrapper","headerText","contentContainer","scaleValue","selected","transform","colorIndicator","toUpperCase"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tScrollView,\n\tTouchableWithoutFeedback,\n\tView,\n\tAnimated,\n\tEasing,\n\tDimensions,\n\tPlatform,\n\tText,\n} from 'react-native';\nimport { map, uniq } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport ColorIndicator from '../color-indicator';\nimport { colorsUtils } from '../mobile/color-settings/utils';\n\nconst ANIMATION_DURATION = 200;\n\nlet contentWidth = 0;\nlet scrollPosition = 0;\nlet customIndicatorWidth = 0;\n\nfunction ColorPalette( {\n\tenableCustomColor = true,\n\tsetColor,\n\tactiveColor,\n\tisGradientColor,\n\tdefaultSettings,\n\tcurrentSegment,\n\tonCustomPress,\n\tshouldEnableBottomSheetScroll,\n\tshouldShowCustomIndicatorOption = true,\n\tshouldShowCustomLabel = true,\n\tshouldShowCustomVerticalSeparator = true,\n\tcustomColorIndicatorStyles,\n\tcustomIndicatorWrapperStyles,\n\tlabel,\n} ) {\n\tconst customSwatchGradients = [\n\t\t'linear-gradient(120deg, rgba(255,0,0,.8) 0%, rgba(255,255,255,1) 70.71%)',\n\t\t'linear-gradient(240deg, rgba(0,255,0,.8) 0%, rgba(0,255,0,0) 70.71%)',\n\t\t'linear-gradient(360deg, rgba(0,0,255,.8) 0%, rgba(0,0,255,0) 70.71%)',\n\t];\n\n\tconst scrollViewRef = useRef();\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst isGradientSegment = currentSegment === colorsUtils.segments[ 1 ];\n\n\tconst scale = useRef( new Animated.Value( 1 ) ).current;\n\tconst opacity = useRef( new Animated.Value( 1 ) ).current;\n\n\tconst defaultColors = uniq( map( defaultSettings.colors, 'color' ) );\n\tconst mergedColors = uniq( map( defaultSettings.allColors, 'color' ) );\n\tconst defaultGradientColors = uniq(\n\t\tmap( defaultSettings.gradients, 'gradient' )\n\t);\n\tconst colors = isGradientSegment ? defaultGradientColors : defaultColors;\n\n\tconst customIndicatorColor = isGradientSegment\n\t\t? activeColor\n\t\t: customSwatchGradients;\n\tconst isCustomGradientColor = isGradientColor && isSelectedCustom();\n\tconst shouldShowCustomIndicator =\n\t\tenableCustomColor &&\n\t\tshouldShowCustomIndicatorOption &&\n\t\t( ! isGradientSegment || isCustomGradientColor );\n\n\tconst accessibilityHint = isGradientSegment\n\t\t? __( 'Navigates to customize the gradient' )\n\t\t: __( 'Navigates to custom color picker' );\n\tconst customText = __( 'Custom' );\n\n\tuseEffect( () => {\n\t\tif ( scrollViewRef.current ) {\n\t\t\tif ( isSelectedCustom() ) {\n\t\t\t\tscrollToEndWithDelay();\n\t\t\t} else {\n\t\t\t\tscrollViewRef.current.scrollTo( { x: 0, y: 0 } );\n\t\t\t}\n\t\t}\n\t\t// Temporarily disabling exhuastive-deps until the component can be refactored and updated safely.\n\t\t// Please see https://github.com/WordPress/gutenberg/pull/41253 for discussion and details.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ currentSegment ] );\n\n\tfunction isSelectedCustom() {\n\t\tconst isWithinColors =\n\t\t\tactiveColor && mergedColors && mergedColors.includes( activeColor );\n\t\tif ( enableCustomColor && activeColor ) {\n\t\t\tif ( isGradientSegment ) {\n\t\t\t\treturn isGradientColor && ! isWithinColors;\n\t\t\t}\n\t\t\treturn ! isGradientColor && ! isWithinColors;\n\t\t}\n\t\treturn false;\n\t}\n\n\tfunction isSelected( color ) {\n\t\treturn ! isSelectedCustom() && activeColor === color;\n\t}\n\n\tfunction timingAnimation( property, toValue ) {\n\t\treturn Animated.timing( property, {\n\t\t\ttoValue,\n\t\t\tduration: ANIMATION_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: true,\n\t\t} );\n\t}\n\n\tfunction performAnimation( color ) {\n\t\tif ( ! isSelected( color ) ) {\n\t\t\topacity.setValue( 0 );\n\t\t}\n\n\t\tAnimated.parallel( [\n\t\t\ttimingAnimation( scale, 2 ),\n\t\t\ttimingAnimation( opacity, 1 ),\n\t\t] ).start( () => {\n\t\t\topacity.setValue( 1 );\n\t\t\tscale.setValue( 1 );\n\t\t} );\n\t}\n\n\tconst scaleInterpolation = scale.interpolate( {\n\t\tinputRange: [ 1, 1.5, 2 ],\n\t\toutputRange: [ 1, 0.7, 1 ],\n\t} );\n\n\tfunction deselectCustomGradient() {\n\t\tconst { width } = Dimensions.get( 'window' );\n\t\tconst isVisible =\n\t\t\tcontentWidth - scrollPosition - customIndicatorWidth < width;\n\n\t\tif ( isCustomGradientColor ) {\n\t\t\tif ( ! isIOS ) {\n\t\t\t\t// Scroll position on Android doesn't adjust automatically when removing the last item from the horizontal list.\n\t\t\t\t// https://github.com/facebook/react-native/issues/27504\n\t\t\t\t// Workaround: Force the scroll when deselecting custom gradient color and when custom indicator is visible on layout.\n\t\t\t\tif (\n\t\t\t\t\tisCustomGradientColor &&\n\t\t\t\t\tisVisible &&\n\t\t\t\t\tscrollViewRef.current\n\t\t\t\t) {\n\t\t\t\t\tscrollViewRef.current.scrollTo( {\n\t\t\t\t\t\tx: scrollPosition - customIndicatorWidth,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction onColorPress( color ) {\n\t\tdeselectCustomGradient();\n\t\tperformAnimation( color );\n\t\tsetColor( color );\n\t}\n\n\tfunction onContentSizeChange( width ) {\n\t\tcontentWidth = width;\n\t\tif ( isSelectedCustom() && scrollViewRef.current ) {\n\t\t\tscrollToEndWithDelay();\n\t\t}\n\t}\n\n\tfunction scrollToEndWithDelay() {\n\t\tconst delayedScroll = setTimeout( () => {\n\t\t\tscrollViewRef.current.scrollToEnd();\n\t\t}, ANIMATION_DURATION );\n\t\treturn () => {\n\t\t\tclearTimeout( delayedScroll );\n\t\t};\n\t}\n\n\tfunction onCustomIndicatorLayout( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tif ( width !== customIndicatorWidth ) {\n\t\t\tcustomIndicatorWidth = width;\n\t\t}\n\t}\n\n\tfunction onScroll( { nativeEvent } ) {\n\t\tscrollPosition = nativeEvent.contentOffset.x;\n\t}\n\n\tconst verticalSeparatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.verticalSeparator,\n\t\tstyles.verticalSeparatorDark\n\t);\n\n\tconst customTextStyle = usePreferredColorSchemeStyle(\n\t\t[ styles.customText, ! isIOS && styles.customTextAndroid ],\n\t\tstyles.customTextDark\n\t);\n\n\tconst customIndicatorWrapperStyle = [\n\t\tstyles.customIndicatorWrapper,\n\t\tcustomIndicatorWrapperStyles,\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t{ label && (\n\t\t\t\t<Text accessibilityRole=\"header\" style={ styles.headerText }>\n\t\t\t\t\t{ label }\n\t\t\t\t</Text>\n\t\t\t) }\n\n\t\t\t<ScrollView\n\t\t\t\tcontentContainerStyle={ styles.contentContainer }\n\t\t\t\thorizontal\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\tdisableScrollViewPanResponder\n\t\t\t\tscrollEventThrottle={ 16 }\n\t\t\t\tonScroll={ onScroll }\n\t\t\t\tonContentSizeChange={ onContentSizeChange }\n\t\t\t\tonScrollBeginDrag={ () =>\n\t\t\t\t\tshouldEnableBottomSheetScroll( false )\n\t\t\t\t}\n\t\t\t\tonScrollEndDrag={ () => shouldEnableBottomSheetScroll( true ) }\n\t\t\t\tref={ scrollViewRef }\n\t\t\t\ttestID={ `color-palette${ label ? '-' + label : '' }` }\n\t\t\t>\n\t\t\t\t{ colors.map( ( color ) => {\n\t\t\t\t\tconst scaleValue = isSelected( color )\n\t\t\t\t\t\t? scaleInterpolation\n\t\t\t\t\t\t: 1;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View key={ `${ color }-${ isSelected( color ) }` }>\n\t\t\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\t\t\tonPress={ () => onColorPress( color ) }\n\t\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\t\tselected: isSelected( color ),\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taccessibilityHint={ color }\n\t\t\t\t\t\t\t\ttestID={ color }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Animated.View\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\ttransform: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tscale: scaleValue,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\t\tcolor={ color }\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected( color ) }\n\t\t\t\t\t\t\t\t\t\topacity={ opacity }\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tstyles.colorIndicator,\n\t\t\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Animated.View>\n\t\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ shouldShowCustomIndicator && (\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ customIndicatorWrapperStyle }\n\t\t\t\t\t\tonLayout={ onCustomIndicatorLayout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCustomVerticalSeparator && (\n\t\t\t\t\t\t\t<View style={ verticalSeparatorStyle } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\tselected: isSelectedCustom(),\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View style={ customIndicatorWrapperStyle }>\n\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\twithCustomPicker={ ! isGradientSegment }\n\t\t\t\t\t\t\t\t\tcolor={ customIndicatorColor }\n\t\t\t\t\t\t\t\t\tisSelected={ isSelectedCustom() }\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.colorIndicator,\n\t\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ shouldShowCustomLabel && (\n\t\t\t\t\t\t\t\t\t<Text style={ customTextStyle }>\n\t\t\t\t\t\t\t\t\t\t{ isIOS\n\t\t\t\t\t\t\t\t\t\t\t? customText\n\t\t\t\t\t\t\t\t\t\t\t: customText.toUpperCase() }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</ScrollView>\n\t\t</>\n\t);\n}\n\nexport default ColorPalette;\n"]}
+{"version":3,"sources":["@wordpress/components/src/color-palette/index.native.js"],"names":["ScrollView","TouchableWithoutFeedback","View","Animated","Easing","Dimensions","Platform","Text","map","__","useRef","useEffect","usePreferredColorSchemeStyle","styles","ColorIndicator","colorsUtils","ANIMATION_DURATION","contentWidth","scrollPosition","customIndicatorWidth","ColorPalette","enableCustomColor","setColor","activeColor","isGradientColor","defaultSettings","currentSegment","onCustomPress","shouldEnableBottomSheetScroll","shouldShowCustomIndicatorOption","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","customColorIndicatorStyles","customIndicatorWrapperStyles","label","customSwatchGradients","scrollViewRef","isIOS","OS","isGradientSegment","segments","scale","Value","current","opacity","defaultColors","Set","colors","mergedColors","allColors","defaultGradientColors","gradients","customIndicatorColor","isCustomGradientColor","isSelectedCustom","shouldShowCustomIndicator","accessibilityHint","customText","scrollToEndWithDelay","scrollTo","x","y","isWithinColors","includes","isSelected","color","timingAnimation","property","toValue","timing","duration","easing","ease","useNativeDriver","performAnimation","setValue","parallel","start","scaleInterpolation","interpolate","inputRange","outputRange","deselectCustomGradient","width","get","isVisible","onColorPress","onContentSizeChange","delayedScroll","setTimeout","scrollToEnd","clearTimeout","onCustomIndicatorLayout","nativeEvent","layout","onScroll","contentOffset","verticalSeparatorStyle","verticalSeparator","verticalSeparatorDark","customTextStyle","customTextAndroid","customTextDark","customIndicatorWrapperStyle","customIndicatorWrapper","headerText","contentContainer","scaleValue","selected","transform","colorIndicator","toUpperCase"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,UADD,EAECC,wBAFD,EAGCC,IAHD,EAICC,QAJD,EAKCC,MALD,EAMCC,UAND,EAOCC,QAPD,EAQCC,IARD,QASO,cATP;AAUA,SAASC,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,MAAT,EAAiBC,SAAjB,QAAkC,oBAAlC;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,IAAIC,YAAY,GAAG,CAAnB;AACA,IAAIC,cAAc,GAAG,CAArB;AACA,IAAIC,oBAAoB,GAAG,CAA3B;;AAEA,SAASC,YAAT,OAeI;AAAA,MAfmB;AACtBC,IAAAA,iBAAiB,GAAG,IADE;AAEtBC,IAAAA,QAFsB;AAGtBC,IAAAA,WAHsB;AAItBC,IAAAA,eAJsB;AAKtBC,IAAAA,eALsB;AAMtBC,IAAAA,cANsB;AAOtBC,IAAAA,aAPsB;AAQtBC,IAAAA,6BARsB;AAStBC,IAAAA,+BAA+B,GAAG,IATZ;AAUtBC,IAAAA,qBAAqB,GAAG,IAVF;AAWtBC,IAAAA,iCAAiC,GAAG,IAXd;AAYtBC,IAAAA,0BAZsB;AAatBC,IAAAA,4BAbsB;AActBC,IAAAA;AAdsB,GAenB;AACH,QAAMC,qBAAqB,GAAG,CAC7B,0EAD6B,EAE7B,sEAF6B,EAG7B,sEAH6B,CAA9B;AAMA,QAAMC,aAAa,GAAG1B,MAAM,EAA5B;AACA,QAAM2B,KAAK,GAAG/B,QAAQ,CAACgC,EAAT,KAAgB,KAA9B;AAEA,QAAMC,iBAAiB,GAAGb,cAAc,KAAKX,WAAW,CAACyB,QAAZ,CAAsB,CAAtB,CAA7C;AAEA,QAAMC,KAAK,GAAG/B,MAAM,CAAE,IAAIP,QAAQ,CAACuC,KAAb,CAAoB,CAApB,CAAF,CAAN,CAAkCC,OAAhD;AACA,QAAMC,OAAO,GAAGlC,MAAM,CAAE,IAAIP,QAAQ,CAACuC,KAAb,CAAoB,CAApB,CAAF,CAAN,CAAkCC,OAAlD;AAEA,QAAME,aAAa,GAAG,CACrB,GAAG,IAAIC,GAAJ,CAAStC,GAAG,CAAEiB,eAAe,CAACsB,MAAlB,EAA0B,OAA1B,CAAZ,CADkB,CAAtB;AAGA,QAAMC,YAAY,GAAG,CACpB,GAAG,IAAIF,GAAJ,CAAStC,GAAG,CAAEiB,eAAe,CAACwB,SAAlB,EAA6B,OAA7B,CAAZ,CADiB,CAArB;AAGA,QAAMC,qBAAqB,GAAG,CAC7B,GAAG,IAAIJ,GAAJ,CAAStC,GAAG,CAAEiB,eAAe,CAAC0B,SAAlB,EAA6B,UAA7B,CAAZ,CAD0B,CAA9B;AAGA,QAAMJ,MAAM,GAAGR,iBAAiB,GAAGW,qBAAH,GAA2BL,aAA3D;AAEA,QAAMO,oBAAoB,GAAGb,iBAAiB,GAC3ChB,WAD2C,GAE3CY,qBAFH;AAGA,QAAMkB,qBAAqB,GAAG7B,eAAe,IAAI8B,gBAAgB,EAAjE;AACA,QAAMC,yBAAyB,GAC9BlC,iBAAiB,IACjBQ,+BADA,KAEE,CAAEU,iBAAF,IAAuBc,qBAFzB,CADD;AAKA,QAAMG,iBAAiB,GAAGjB,iBAAiB,GACxC9B,EAAE,CAAE,qCAAF,CADsC,GAExCA,EAAE,CAAE,kCAAF,CAFL;;AAGA,QAAMgD,UAAU,GAAGhD,EAAE,CAAE,QAAF,CAArB;;AAEAE,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKyB,aAAa,CAACO,OAAnB,EAA6B;AAC5B,UAAKW,gBAAgB,EAArB,EAA0B;AACzBI,QAAAA,oBAAoB;AACpB,OAFD,MAEO;AACNtB,QAAAA,aAAa,CAACO,OAAd,CAAsBgB,QAAtB,CAAgC;AAAEC,UAAAA,CAAC,EAAE,CAAL;AAAQC,UAAAA,CAAC,EAAE;AAAX,SAAhC;AACA;AACD,KAPe,CAQhB;AACA;AACA;;AACA,GAXQ,EAWN,CAAEnC,cAAF,CAXM,CAAT;;AAaA,WAAS4B,gBAAT,GAA4B;AAC3B,UAAMQ,cAAc,GACnBvC,WAAW,IAAIyB,YAAf,IAA+BA,YAAY,CAACe,QAAb,CAAuBxC,WAAvB,CADhC;;AAEA,QAAKF,iBAAiB,IAAIE,WAA1B,EAAwC;AACvC,UAAKgB,iBAAL,EAAyB;AACxB,eAAOf,eAAe,IAAI,CAAEsC,cAA5B;AACA;;AACD,aAAO,CAAEtC,eAAF,IAAqB,CAAEsC,cAA9B;AACA;;AACD,WAAO,KAAP;AACA;;AAED,WAASE,UAAT,CAAqBC,KAArB,EAA6B;AAC5B,WAAO,CAAEX,gBAAgB,EAAlB,IAAwB/B,WAAW,KAAK0C,KAA/C;AACA;;AAED,WAASC,eAAT,CAA0BC,QAA1B,EAAoCC,OAApC,EAA8C;AAC7C,WAAOjE,QAAQ,CAACkE,MAAT,CAAiBF,QAAjB,EAA2B;AACjCC,MAAAA,OADiC;AAEjCE,MAAAA,QAAQ,EAAEtD,kBAFuB;AAGjCuD,MAAAA,MAAM,EAAEnE,MAAM,CAACoE,IAHkB;AAIjCC,MAAAA,eAAe,EAAE;AAJgB,KAA3B,CAAP;AAMA;;AAED,WAASC,gBAAT,CAA2BT,KAA3B,EAAmC;AAClC,QAAK,CAAED,UAAU,CAAEC,KAAF,CAAjB,EAA6B;AAC5BrB,MAAAA,OAAO,CAAC+B,QAAR,CAAkB,CAAlB;AACA;;AAEDxE,IAAAA,QAAQ,CAACyE,QAAT,CAAmB,CAClBV,eAAe,CAAEzB,KAAF,EAAS,CAAT,CADG,EAElByB,eAAe,CAAEtB,OAAF,EAAW,CAAX,CAFG,CAAnB,EAGIiC,KAHJ,CAGW,MAAM;AAChBjC,MAAAA,OAAO,CAAC+B,QAAR,CAAkB,CAAlB;AACAlC,MAAAA,KAAK,CAACkC,QAAN,CAAgB,CAAhB;AACA,KAND;AAOA;;AAED,QAAMG,kBAAkB,GAAGrC,KAAK,CAACsC,WAAN,CAAmB;AAC7CC,IAAAA,UAAU,EAAE,CAAE,CAAF,EAAK,GAAL,EAAU,CAAV,CADiC;AAE7CC,IAAAA,WAAW,EAAE,CAAE,CAAF,EAAK,GAAL,EAAU,CAAV;AAFgC,GAAnB,CAA3B;;AAKA,WAASC,sBAAT,GAAkC;AACjC,UAAM;AAAEC,MAAAA;AAAF,QAAY9E,UAAU,CAAC+E,GAAX,CAAgB,QAAhB,CAAlB;AACA,UAAMC,SAAS,GACdpE,YAAY,GAAGC,cAAf,GAAgCC,oBAAhC,GAAuDgE,KADxD;;AAGA,QAAK9B,qBAAL,EAA6B;AAC5B,UAAK,CAAEhB,KAAP,EAAe;AACd;AACA;AACA;AACA,YACCgB,qBAAqB,IACrBgC,SADA,IAEAjD,aAAa,CAACO,OAHf,EAIE;AACDP,UAAAA,aAAa,CAACO,OAAd,CAAsBgB,QAAtB,CAAgC;AAC/BC,YAAAA,CAAC,EAAE1C,cAAc,GAAGC;AADW,WAAhC;AAGA;AACD;AACD;AACD;;AAED,WAASmE,YAAT,CAAuBrB,KAAvB,EAA+B;AAC9BiB,IAAAA,sBAAsB;AACtBR,IAAAA,gBAAgB,CAAET,KAAF,CAAhB;AACA3C,IAAAA,QAAQ,CAAE2C,KAAF,CAAR;AACA;;AAED,WAASsB,mBAAT,CAA8BJ,KAA9B,EAAsC;AACrClE,IAAAA,YAAY,GAAGkE,KAAf;;AACA,QAAK7B,gBAAgB,MAAMlB,aAAa,CAACO,OAAzC,EAAmD;AAClDe,MAAAA,oBAAoB;AACpB;AACD;;AAED,WAASA,oBAAT,GAAgC;AAC/B,UAAM8B,aAAa,GAAGC,UAAU,CAAE,MAAM;AACvCrD,MAAAA,aAAa,CAACO,OAAd,CAAsB+C,WAAtB;AACA,KAF+B,EAE7B1E,kBAF6B,CAAhC;AAGA,WAAO,MAAM;AACZ2E,MAAAA,YAAY,CAAEH,aAAF,CAAZ;AACA,KAFD;AAGA;;AAED,WAASI,uBAAT,QAAoD;AAAA,QAAlB;AAAEC,MAAAA;AAAF,KAAkB;AACnD,UAAM;AAAEV,MAAAA;AAAF,QAAYU,WAAW,CAACC,MAA9B;;AACA,QAAKX,KAAK,KAAKhE,oBAAf,EAAsC;AACrCA,MAAAA,oBAAoB,GAAGgE,KAAvB;AACA;AACD;;AAED,WAASY,QAAT,QAAqC;AAAA,QAAlB;AAAEF,MAAAA;AAAF,KAAkB;AACpC3E,IAAAA,cAAc,GAAG2E,WAAW,CAACG,aAAZ,CAA0BpC,CAA3C;AACA;;AAED,QAAMqC,sBAAsB,GAAGrF,4BAA4B,CAC1DC,MAAM,CAACqF,iBADmD,EAE1DrF,MAAM,CAACsF,qBAFmD,CAA3D;AAKA,QAAMC,eAAe,GAAGxF,4BAA4B,CACnD,CAAEC,MAAM,CAAC4C,UAAT,EAAqB,CAAEpB,KAAF,IAAWxB,MAAM,CAACwF,iBAAvC,CADmD,EAEnDxF,MAAM,CAACyF,cAF4C,CAApD;AAKA,QAAMC,2BAA2B,GAAG,CACnC1F,MAAM,CAAC2F,sBAD4B,EAEnCvE,4BAFmC,CAApC;AAKA,SACC,8BACGC,KAAK,IACN,cAAC,IAAD;AAAM,IAAA,iBAAiB,EAAC,QAAxB;AAAiC,IAAA,KAAK,EAAGrB,MAAM,CAAC4F;AAAhD,KACGvE,KADH,CAFF,EAOC,cAAC,UAAD;AACC,IAAA,qBAAqB,EAAGrB,MAAM,CAAC6F,gBADhC;AAEC,IAAA,UAAU,MAFX;AAGC,IAAA,8BAA8B,EAAG,KAHlC;AAIC,IAAA,yBAAyB,EAAC,QAJ3B;AAKC,IAAA,6BAA6B,MAL9B;AAMC,IAAA,mBAAmB,EAAG,EANvB;AAOC,IAAA,QAAQ,EAAGX,QAPZ;AAQC,IAAA,mBAAmB,EAAGR,mBARvB;AASC,IAAA,iBAAiB,EAAG,MACnB3D,6BAA6B,CAAE,KAAF,CAV/B;AAYC,IAAA,eAAe,EAAG,MAAMA,6BAA6B,CAAE,IAAF,CAZtD;AAaC,IAAA,GAAG,EAAGQ,aAbP;AAcC,IAAA,MAAM,EAAI,gBAAgBF,KAAK,GAAG,MAAMA,KAAT,GAAiB,EAAI;AAdrD,KAgBGa,MAAM,CAACvC,GAAP,CAAcyD,KAAF,IAAa;AAC1B,UAAM0C,UAAU,GAAG3C,UAAU,CAAEC,KAAF,CAAV,GAChBa,kBADgB,GAEhB,CAFH;AAGA,WACC,cAAC,IAAD;AAAM,MAAA,GAAG,EAAI,GAAGb,KAAO,IAAID,UAAU,CAAEC,KAAF,CAAW;AAAhD,OACC,cAAC,wBAAD;AACC,MAAA,OAAO,EAAG,MAAMqB,YAAY,CAAErB,KAAF,CAD7B;AAEC,MAAA,iBAAiB,EAAG,QAFrB;AAGC,MAAA,kBAAkB,EAAG;AACpB2C,QAAAA,QAAQ,EAAE5C,UAAU,CAAEC,KAAF;AADA,OAHtB;AAMC,MAAA,iBAAiB,EAAGA,KANrB;AAOC,MAAA,MAAM,EAAGA;AAPV,OASC,cAAC,QAAD,CAAU,IAAV;AACC,MAAA,KAAK,EAAG;AACP4C,QAAAA,SAAS,EAAE,CACV;AACCpE,UAAAA,KAAK,EAAEkE;AADR,SADU;AADJ;AADT,OASC,cAAC,cAAD;AACC,MAAA,KAAK,EAAG1C,KADT;AAEC,MAAA,UAAU,EAAGD,UAAU,CAAEC,KAAF,CAFxB;AAGC,MAAA,OAAO,EAAGrB,OAHX;AAIC,MAAA,KAAK,EAAG,CACP/B,MAAM,CAACiG,cADA,EAEP9E,0BAFO;AAJT,MATD,CATD,CADD,CADD;AAiCA,GArCC,CAhBH,EAsDGuB,yBAAyB,IAC1B,cAAC,IAAD;AACC,IAAA,KAAK,EAAGgD,2BADT;AAEC,IAAA,QAAQ,EAAGX;AAFZ,KAIG7D,iCAAiC,IAClC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGkE;AAAd,IALF,EAOC,cAAC,wBAAD;AACC,IAAA,OAAO,EAAGtE,aADX;AAEC,IAAA,iBAAiB,EAAG,QAFrB;AAGC,IAAA,kBAAkB,EAAG;AACpBiF,MAAAA,QAAQ,EAAEtD,gBAAgB;AADN,KAHtB;AAMC,IAAA,iBAAiB,EAAGE;AANrB,KAQC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG+C;AAAd,KACC,cAAC,cAAD;AACC,IAAA,gBAAgB,EAAG,CAAEhE,iBADtB;AAEC,IAAA,KAAK,EAAGa,oBAFT;AAGC,IAAA,UAAU,EAAGE,gBAAgB,EAH9B;AAIC,IAAA,KAAK,EAAG,CACPzC,MAAM,CAACiG,cADA,EAEP9E,0BAFO;AAJT,IADD,EAUGF,qBAAqB,IACtB,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGsE;AAAd,KACG/D,KAAK,GACJoB,UADI,GAEJA,UAAU,CAACsD,WAAX,EAHJ,CAXF,CARD,CAPD,CAvDF,CAPD,CADD;AAsGA;;AAED,eAAe3F,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tScrollView,\n\tTouchableWithoutFeedback,\n\tView,\n\tAnimated,\n\tEasing,\n\tDimensions,\n\tPlatform,\n\tText,\n} from 'react-native';\nimport { map } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport ColorIndicator from '../color-indicator';\nimport { colorsUtils } from '../mobile/color-settings/utils';\n\nconst ANIMATION_DURATION = 200;\n\nlet contentWidth = 0;\nlet scrollPosition = 0;\nlet customIndicatorWidth = 0;\n\nfunction ColorPalette( {\n\tenableCustomColor = true,\n\tsetColor,\n\tactiveColor,\n\tisGradientColor,\n\tdefaultSettings,\n\tcurrentSegment,\n\tonCustomPress,\n\tshouldEnableBottomSheetScroll,\n\tshouldShowCustomIndicatorOption = true,\n\tshouldShowCustomLabel = true,\n\tshouldShowCustomVerticalSeparator = true,\n\tcustomColorIndicatorStyles,\n\tcustomIndicatorWrapperStyles,\n\tlabel,\n} ) {\n\tconst customSwatchGradients = [\n\t\t'linear-gradient(120deg, rgba(255,0,0,.8) 0%, rgba(255,255,255,1) 70.71%)',\n\t\t'linear-gradient(240deg, rgba(0,255,0,.8) 0%, rgba(0,255,0,0) 70.71%)',\n\t\t'linear-gradient(360deg, rgba(0,0,255,.8) 0%, rgba(0,0,255,0) 70.71%)',\n\t];\n\n\tconst scrollViewRef = useRef();\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst isGradientSegment = currentSegment === colorsUtils.segments[ 1 ];\n\n\tconst scale = useRef( new Animated.Value( 1 ) ).current;\n\tconst opacity = useRef( new Animated.Value( 1 ) ).current;\n\n\tconst defaultColors = [\n\t\t...new Set( map( defaultSettings.colors, 'color' ) ),\n\t];\n\tconst mergedColors = [\n\t\t...new Set( map( defaultSettings.allColors, 'color' ) ),\n\t];\n\tconst defaultGradientColors = [\n\t\t...new Set( map( defaultSettings.gradients, 'gradient' ) ),\n\t];\n\tconst colors = isGradientSegment ? defaultGradientColors : defaultColors;\n\n\tconst customIndicatorColor = isGradientSegment\n\t\t? activeColor\n\t\t: customSwatchGradients;\n\tconst isCustomGradientColor = isGradientColor && isSelectedCustom();\n\tconst shouldShowCustomIndicator =\n\t\tenableCustomColor &&\n\t\tshouldShowCustomIndicatorOption &&\n\t\t( ! isGradientSegment || isCustomGradientColor );\n\n\tconst accessibilityHint = isGradientSegment\n\t\t? __( 'Navigates to customize the gradient' )\n\t\t: __( 'Navigates to custom color picker' );\n\tconst customText = __( 'Custom' );\n\n\tuseEffect( () => {\n\t\tif ( scrollViewRef.current ) {\n\t\t\tif ( isSelectedCustom() ) {\n\t\t\t\tscrollToEndWithDelay();\n\t\t\t} else {\n\t\t\t\tscrollViewRef.current.scrollTo( { x: 0, y: 0 } );\n\t\t\t}\n\t\t}\n\t\t// Temporarily disabling exhuastive-deps until the component can be refactored and updated safely.\n\t\t// Please see https://github.com/WordPress/gutenberg/pull/41253 for discussion and details.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ currentSegment ] );\n\n\tfunction isSelectedCustom() {\n\t\tconst isWithinColors =\n\t\t\tactiveColor && mergedColors && mergedColors.includes( activeColor );\n\t\tif ( enableCustomColor && activeColor ) {\n\t\t\tif ( isGradientSegment ) {\n\t\t\t\treturn isGradientColor && ! isWithinColors;\n\t\t\t}\n\t\t\treturn ! isGradientColor && ! isWithinColors;\n\t\t}\n\t\treturn false;\n\t}\n\n\tfunction isSelected( color ) {\n\t\treturn ! isSelectedCustom() && activeColor === color;\n\t}\n\n\tfunction timingAnimation( property, toValue ) {\n\t\treturn Animated.timing( property, {\n\t\t\ttoValue,\n\t\t\tduration: ANIMATION_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: true,\n\t\t} );\n\t}\n\n\tfunction performAnimation( color ) {\n\t\tif ( ! isSelected( color ) ) {\n\t\t\topacity.setValue( 0 );\n\t\t}\n\n\t\tAnimated.parallel( [\n\t\t\ttimingAnimation( scale, 2 ),\n\t\t\ttimingAnimation( opacity, 1 ),\n\t\t] ).start( () => {\n\t\t\topacity.setValue( 1 );\n\t\t\tscale.setValue( 1 );\n\t\t} );\n\t}\n\n\tconst scaleInterpolation = scale.interpolate( {\n\t\tinputRange: [ 1, 1.5, 2 ],\n\t\toutputRange: [ 1, 0.7, 1 ],\n\t} );\n\n\tfunction deselectCustomGradient() {\n\t\tconst { width } = Dimensions.get( 'window' );\n\t\tconst isVisible =\n\t\t\tcontentWidth - scrollPosition - customIndicatorWidth < width;\n\n\t\tif ( isCustomGradientColor ) {\n\t\t\tif ( ! isIOS ) {\n\t\t\t\t// Scroll position on Android doesn't adjust automatically when removing the last item from the horizontal list.\n\t\t\t\t// https://github.com/facebook/react-native/issues/27504\n\t\t\t\t// Workaround: Force the scroll when deselecting custom gradient color and when custom indicator is visible on layout.\n\t\t\t\tif (\n\t\t\t\t\tisCustomGradientColor &&\n\t\t\t\t\tisVisible &&\n\t\t\t\t\tscrollViewRef.current\n\t\t\t\t) {\n\t\t\t\t\tscrollViewRef.current.scrollTo( {\n\t\t\t\t\t\tx: scrollPosition - customIndicatorWidth,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction onColorPress( color ) {\n\t\tdeselectCustomGradient();\n\t\tperformAnimation( color );\n\t\tsetColor( color );\n\t}\n\n\tfunction onContentSizeChange( width ) {\n\t\tcontentWidth = width;\n\t\tif ( isSelectedCustom() && scrollViewRef.current ) {\n\t\t\tscrollToEndWithDelay();\n\t\t}\n\t}\n\n\tfunction scrollToEndWithDelay() {\n\t\tconst delayedScroll = setTimeout( () => {\n\t\t\tscrollViewRef.current.scrollToEnd();\n\t\t}, ANIMATION_DURATION );\n\t\treturn () => {\n\t\t\tclearTimeout( delayedScroll );\n\t\t};\n\t}\n\n\tfunction onCustomIndicatorLayout( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tif ( width !== customIndicatorWidth ) {\n\t\t\tcustomIndicatorWidth = width;\n\t\t}\n\t}\n\n\tfunction onScroll( { nativeEvent } ) {\n\t\tscrollPosition = nativeEvent.contentOffset.x;\n\t}\n\n\tconst verticalSeparatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.verticalSeparator,\n\t\tstyles.verticalSeparatorDark\n\t);\n\n\tconst customTextStyle = usePreferredColorSchemeStyle(\n\t\t[ styles.customText, ! isIOS && styles.customTextAndroid ],\n\t\tstyles.customTextDark\n\t);\n\n\tconst customIndicatorWrapperStyle = [\n\t\tstyles.customIndicatorWrapper,\n\t\tcustomIndicatorWrapperStyles,\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t{ label && (\n\t\t\t\t<Text accessibilityRole=\"header\" style={ styles.headerText }>\n\t\t\t\t\t{ label }\n\t\t\t\t</Text>\n\t\t\t) }\n\n\t\t\t<ScrollView\n\t\t\t\tcontentContainerStyle={ styles.contentContainer }\n\t\t\t\thorizontal\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\tdisableScrollViewPanResponder\n\t\t\t\tscrollEventThrottle={ 16 }\n\t\t\t\tonScroll={ onScroll }\n\t\t\t\tonContentSizeChange={ onContentSizeChange }\n\t\t\t\tonScrollBeginDrag={ () =>\n\t\t\t\t\tshouldEnableBottomSheetScroll( false )\n\t\t\t\t}\n\t\t\t\tonScrollEndDrag={ () => shouldEnableBottomSheetScroll( true ) }\n\t\t\t\tref={ scrollViewRef }\n\t\t\t\ttestID={ `color-palette${ label ? '-' + label : '' }` }\n\t\t\t>\n\t\t\t\t{ colors.map( ( color ) => {\n\t\t\t\t\tconst scaleValue = isSelected( color )\n\t\t\t\t\t\t? scaleInterpolation\n\t\t\t\t\t\t: 1;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View key={ `${ color }-${ isSelected( color ) }` }>\n\t\t\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\t\t\tonPress={ () => onColorPress( color ) }\n\t\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\t\tselected: isSelected( color ),\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taccessibilityHint={ color }\n\t\t\t\t\t\t\t\ttestID={ color }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Animated.View\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\ttransform: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tscale: scaleValue,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\t\tcolor={ color }\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected( color ) }\n\t\t\t\t\t\t\t\t\t\topacity={ opacity }\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tstyles.colorIndicator,\n\t\t\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Animated.View>\n\t\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ shouldShowCustomIndicator && (\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ customIndicatorWrapperStyle }\n\t\t\t\t\t\tonLayout={ onCustomIndicatorLayout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCustomVerticalSeparator && (\n\t\t\t\t\t\t\t<View style={ verticalSeparatorStyle } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\tselected: isSelectedCustom(),\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View style={ customIndicatorWrapperStyle }>\n\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\twithCustomPicker={ ! isGradientSegment }\n\t\t\t\t\t\t\t\t\tcolor={ customIndicatorColor }\n\t\t\t\t\t\t\t\t\tisSelected={ isSelectedCustom() }\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.colorIndicator,\n\t\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ shouldShowCustomLabel && (\n\t\t\t\t\t\t\t\t\t<Text style={ customTextStyle }>\n\t\t\t\t\t\t\t\t\t\t{ isIOS\n\t\t\t\t\t\t\t\t\t\t\t? customText\n\t\t\t\t\t\t\t\t\t\t\t: customText.toUpperCase() }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</ScrollView>\n\t\t</>\n\t);\n}\n\nexport default ColorPalette;\n"]}

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

@@ -50,7 +50,7 @@ export const HexInput = _ref => {
   return createElement(InputControl, {
     prefix: createElement(Spacer, {
       as: Text,
-      marginLeft: space(3.5),
+      marginLeft: space(4),
       color: COLORS.ui.theme,
       lineHeight: 1
     }, "#"),
@@ -59,6 +59,7 @@ export const HexInput = _ref => {
     maxLength: enableAlpha ? 9 : 7,
     label: __('Hex color'),
     hideLabelFromVision: true,
+    size: "__unstable-large",
     __unstableStateReducer: stateReducer,
     __unstableInputWidth: "9em"
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/color-picker/hex-input.tsx"],"names":["colord","__","InputControl","Text","Spacer","space","COLORS","HexInput","color","onChange","enableAlpha","handleChange","nextValue","hexValue","startsWith","stateReducer","state","action","nativeEvent","payload","event","inputType","value","slice","toUpperCase","ui","theme","toHex"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAA+B,QAA/B;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AASA,OAAO,MAAMC,QAAQ,GAAG,QAAuD;AAAA,MAArD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA;AAAnB,GAAqD;;AAC9E,QAAMC,YAAY,GAAKC,SAAF,IAAqC;AACzD,QAAK,CAAEA,SAAP,EAAmB;AACnB,UAAMC,QAAQ,GAAGD,SAAS,CAACE,UAAV,CAAsB,GAAtB,IACdF,SADc,GAEd,MAAMA,SAFT;AAIAH,IAAAA,QAAQ,CAAET,MAAM,CAAEa,QAAF,CAAR,CAAR;AACA,GAPD;;AASA,QAAME,YAA0B,GAAG,CAAEC,KAAF,EAASC,MAAT,KAAqB;AAAA;;AACvD,UAAMC,WAAW,sBAAGD,MAAM,CAACE,OAAV,6EAAG,gBAAgBC,KAAnB,0DAAG,sBAAuBF,WAA3C;;AAEA,QAAK,uBAAsBA,WAAtB,aAAsBA,WAAtB,uBAAsBA,WAAW,CAAEG,SAAnC,CAAL,EAAoD;AACnD,aAAO,EAAE,GAAGL;AAAL,OAAP;AACA;;AAED,UAAMM,KAAK,GAAG,gBAAAN,KAAK,CAACM,KAAN,sDAAaR,UAAb,CAAyB,GAAzB,IACXE,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAmB,CAAnB,EAAuBC,WAAvB,EADW,oBAEXR,KAAK,CAACM,KAFK,kDAEX,cAAaE,WAAb,EAFH;AAIA,WAAO,EAAE,GAAGR,KAAL;AAAYM,MAAAA;AAAZ,KAAP;AACA,GAZD;;AAcA,SACC,cAAC,YAAD;AACC,IAAA,MAAM,EACL,cAAC,MAAD;AACC,MAAA,EAAE,EAAGnB,IADN;AAEC,MAAA,UAAU,EAAGE,KAAK,CAAE,GAAF,CAFnB;AAGC,MAAA,KAAK,EAAGC,MAAM,CAACmB,EAAP,CAAUC,KAHnB;AAIC,MAAA,UAAU,EAAG;AAJd,WAFF;AAWC,IAAA,KAAK,EAAGlB,KAAK,CAACmB,KAAN,GAAcJ,KAAd,CAAqB,CAArB,EAAyBC,WAAzB,EAXT;AAYC,IAAA,QAAQ,EAAGb,YAZZ;AAaC,IAAA,SAAS,EAAGD,WAAW,GAAG,CAAH,GAAO,CAb/B;AAcC,IAAA,KAAK,EAAGT,EAAE,CAAE,WAAF,CAdX;AAeC,IAAA,mBAAmB,MAfpB;AAgBC,IAAA,sBAAsB,EAAGc,YAhB1B;AAiBC,IAAA,oBAAoB,EAAC;AAjBtB,IADD;AAqBA,CA7CM","sourcesContent":["/**\n * External dependencies\n */\nimport { colord, Colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { InputControl } from '../input-control';\nimport { Text } from '../text';\nimport { Spacer } from '../spacer';\nimport { space } from '../ui/utils/space';\nimport { COLORS } from '../utils/colors-values';\nimport type { StateReducer } from '../input-control/reducer/state';\n\ninterface HexInputProps {\n\tcolor: Colord;\n\tonChange: ( nextColor: Colord ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const HexInput = ( { color, onChange, enableAlpha }: HexInputProps ) => {\n\tconst handleChange = ( nextValue: string | undefined ) => {\n\t\tif ( ! nextValue ) return;\n\t\tconst hexValue = nextValue.startsWith( '#' )\n\t\t\t? nextValue\n\t\t\t: '#' + nextValue;\n\n\t\tonChange( colord( hexValue ) );\n\t};\n\n\tconst stateReducer: StateReducer = ( state, action ) => {\n\t\tconst nativeEvent = action.payload?.event?.nativeEvent as InputEvent;\n\n\t\tif ( 'insertFromPaste' !== nativeEvent?.inputType ) {\n\t\t\treturn { ...state };\n\t\t}\n\n\t\tconst value = state.value?.startsWith( '#' )\n\t\t\t? state.value.slice( 1 ).toUpperCase()\n\t\t\t: state.value?.toUpperCase();\n\n\t\treturn { ...state, value };\n\t};\n\n\treturn (\n\t\t<InputControl\n\t\t\tprefix={\n\t\t\t\t<Spacer\n\t\t\t\t\tas={ Text }\n\t\t\t\t\tmarginLeft={ space( 3.5 ) }\n\t\t\t\t\tcolor={ COLORS.ui.theme }\n\t\t\t\t\tlineHeight={ 1 }\n\t\t\t\t>\n\t\t\t\t\t#\n\t\t\t\t</Spacer>\n\t\t\t}\n\t\t\tvalue={ color.toHex().slice( 1 ).toUpperCase() }\n\t\t\tonChange={ handleChange }\n\t\t\tmaxLength={ enableAlpha ? 9 : 7 }\n\t\t\tlabel={ __( 'Hex color' ) }\n\t\t\thideLabelFromVision\n\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t__unstableInputWidth=\"9em\"\n\t\t/>\n\t);\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/color-picker/hex-input.tsx"],"names":["colord","__","InputControl","Text","Spacer","space","COLORS","HexInput","color","onChange","enableAlpha","handleChange","nextValue","hexValue","startsWith","stateReducer","state","action","nativeEvent","payload","event","inputType","value","slice","toUpperCase","ui","theme","toHex"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAA+B,QAA/B;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AASA,OAAO,MAAMC,QAAQ,GAAG,QAAuD;AAAA,MAArD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA;AAAnB,GAAqD;;AAC9E,QAAMC,YAAY,GAAKC,SAAF,IAAqC;AACzD,QAAK,CAAEA,SAAP,EAAmB;AACnB,UAAMC,QAAQ,GAAGD,SAAS,CAACE,UAAV,CAAsB,GAAtB,IACdF,SADc,GAEd,MAAMA,SAFT;AAIAH,IAAAA,QAAQ,CAAET,MAAM,CAAEa,QAAF,CAAR,CAAR;AACA,GAPD;;AASA,QAAME,YAA0B,GAAG,CAAEC,KAAF,EAASC,MAAT,KAAqB;AAAA;;AACvD,UAAMC,WAAW,sBAAGD,MAAM,CAACE,OAAV,6EAAG,gBAAgBC,KAAnB,0DAAG,sBAAuBF,WAA3C;;AAEA,QAAK,uBAAsBA,WAAtB,aAAsBA,WAAtB,uBAAsBA,WAAW,CAAEG,SAAnC,CAAL,EAAoD;AACnD,aAAO,EAAE,GAAGL;AAAL,OAAP;AACA;;AAED,UAAMM,KAAK,GAAG,gBAAAN,KAAK,CAACM,KAAN,sDAAaR,UAAb,CAAyB,GAAzB,IACXE,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAmB,CAAnB,EAAuBC,WAAvB,EADW,oBAEXR,KAAK,CAACM,KAFK,kDAEX,cAAaE,WAAb,EAFH;AAIA,WAAO,EAAE,GAAGR,KAAL;AAAYM,MAAAA;AAAZ,KAAP;AACA,GAZD;;AAcA,SACC,cAAC,YAAD;AACC,IAAA,MAAM,EACL,cAAC,MAAD;AACC,MAAA,EAAE,EAAGnB,IADN;AAEC,MAAA,UAAU,EAAGE,KAAK,CAAE,CAAF,CAFnB;AAGC,MAAA,KAAK,EAAGC,MAAM,CAACmB,EAAP,CAAUC,KAHnB;AAIC,MAAA,UAAU,EAAG;AAJd,WAFF;AAWC,IAAA,KAAK,EAAGlB,KAAK,CAACmB,KAAN,GAAcJ,KAAd,CAAqB,CAArB,EAAyBC,WAAzB,EAXT;AAYC,IAAA,QAAQ,EAAGb,YAZZ;AAaC,IAAA,SAAS,EAAGD,WAAW,GAAG,CAAH,GAAO,CAb/B;AAcC,IAAA,KAAK,EAAGT,EAAE,CAAE,WAAF,CAdX;AAeC,IAAA,mBAAmB,MAfpB;AAgBC,IAAA,IAAI,EAAC,kBAhBN;AAiBC,IAAA,sBAAsB,EAAGc,YAjB1B;AAkBC,IAAA,oBAAoB,EAAC;AAlBtB,IADD;AAsBA,CA9CM","sourcesContent":["/**\n * External dependencies\n */\nimport { colord, Colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { InputControl } from '../input-control';\nimport { Text } from '../text';\nimport { Spacer } from '../spacer';\nimport { space } from '../ui/utils/space';\nimport { COLORS } from '../utils/colors-values';\nimport type { StateReducer } from '../input-control/reducer/state';\n\ninterface HexInputProps {\n\tcolor: Colord;\n\tonChange: ( nextColor: Colord ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const HexInput = ( { color, onChange, enableAlpha }: HexInputProps ) => {\n\tconst handleChange = ( nextValue: string | undefined ) => {\n\t\tif ( ! nextValue ) return;\n\t\tconst hexValue = nextValue.startsWith( '#' )\n\t\t\t? nextValue\n\t\t\t: '#' + nextValue;\n\n\t\tonChange( colord( hexValue ) );\n\t};\n\n\tconst stateReducer: StateReducer = ( state, action ) => {\n\t\tconst nativeEvent = action.payload?.event?.nativeEvent as InputEvent;\n\n\t\tif ( 'insertFromPaste' !== nativeEvent?.inputType ) {\n\t\t\treturn { ...state };\n\t\t}\n\n\t\tconst value = state.value?.startsWith( '#' )\n\t\t\t? state.value.slice( 1 ).toUpperCase()\n\t\t\t: state.value?.toUpperCase();\n\n\t\treturn { ...state, value };\n\t};\n\n\treturn (\n\t\t<InputControl\n\t\t\tprefix={\n\t\t\t\t<Spacer\n\t\t\t\t\tas={ Text }\n\t\t\t\t\tmarginLeft={ space( 4 ) }\n\t\t\t\t\tcolor={ COLORS.ui.theme }\n\t\t\t\t\tlineHeight={ 1 }\n\t\t\t\t>\n\t\t\t\t\t#\n\t\t\t\t</Spacer>\n\t\t\t}\n\t\t\tvalue={ color.toHex().slice( 1 ).toUpperCase() }\n\t\t\tonChange={ handleChange }\n\t\t\tmaxLength={ enableAlpha ? 9 : 7 }\n\t\t\tlabel={ __( 'Hex color' ) }\n\t\t\thideLabelFromVision\n\t\t\tsize=\"__unstable-large\"\n\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t__unstableInputWidth=\"9em\"\n\t\t/>\n\t);\n};\n"]}

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

@@ -29,11 +29,12 @@ export const InputWithSlider = _ref => {
     onChange: onChange,
     prefix: createElement(Spacer, {
       as: Text,
-      paddingLeft: space(3.5),
+      paddingLeft: space(4),
       color: COLORS.ui.theme,
       lineHeight: 1
     }, abbreviation),
-    hideHTMLArrows: true
+    hideHTMLArrows: true,
+    size: "__unstable-large"
   }), createElement(RangeControl, {
     label: label,
     hideLabelFromVision: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/color-picker/input-with-slider.tsx"],"names":["HStack","Text","Spacer","space","RangeControl","NumberControlWrapper","COLORS","InputWithSlider","min","max","label","abbreviation","onChange","value","ui","theme"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,YAAvB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,SAASC,YAAT,EAAuBC,oBAAvB,QAAmD,UAAnD;AACA,SAASC,MAAT,QAAuB,wBAAvB;AAWA,OAAO,MAAMC,eAAe,GAAG,QAOF;AAAA,MAPI;AAChCC,IAAAA,GADgC;AAEhCC,IAAAA,GAFgC;AAGhCC,IAAAA,KAHgC;AAIhCC,IAAAA,YAJgC;AAKhCC,IAAAA,QALgC;AAMhCC,IAAAA;AANgC,GAOJ;AAC5B,SACC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,cAAC,oBAAD;AACC,IAAA,GAAG,EAAGL,GADP;AAEC,IAAA,GAAG,EAAGC,GAFP;AAGC,IAAA,KAAK,EAAGC,KAHT;AAIC,IAAA,mBAAmB,MAJpB;AAKC,IAAA,KAAK,EAAGG,KALT;AAMC,IAAA,QAAQ,EAAGD,QANZ;AAOC,IAAA,MAAM,EACL,cAAC,MAAD;AACC,MAAA,EAAE,EAAGX,IADN;AAEC,MAAA,WAAW,EAAGE,KAAK,CAAE,GAAF,CAFpB;AAGC,MAAA,KAAK,EAAGG,MAAM,CAACQ,EAAP,CAAUC,KAHnB;AAIC,MAAA,UAAU,EAAG;AAJd,OAMGJ,YANH,CARF;AAiBC,IAAA,cAAc;AAjBf,IADD,EAoBC,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,CAMC;AACA;AAPD;AAQC,IAAA,QAAQ,EAAGD,QARZ;AASC,IAAA,cAAc,EAAG;AATlB,IApBD,CADD;AAkCA,CA1CM","sourcesContent":["/**\n * Internal dependencies\n */\nimport { HStack } from '../h-stack';\nimport { Text } from '../text';\nimport { Spacer } from '../spacer';\nimport { space } from '../ui/utils/space';\nimport { RangeControl, NumberControlWrapper } from './styles';\nimport { COLORS } from '../utils/colors-values';\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<HStack spacing={ 4 }>\n\t\t\t<NumberControlWrapper\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\n\t\t\t\t\t\tas={ Text }\n\t\t\t\t\t\tpaddingLeft={ space( 3.5 ) }\n\t\t\t\t\t\tcolor={ COLORS.ui.theme }\n\t\t\t\t\t\tlineHeight={ 1 }\n\t\t\t\t\t>\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\t// @ts-expect-error\n\t\t\t\t// See: https://github.com/WordPress/gutenberg/pull/40535#issuecomment-1172418185\n\t\t\t\tonChange={ onChange }\n\t\t\t\twithInputField={ false }\n\t\t\t/>\n\t\t</HStack>\n\t);\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/color-picker/input-with-slider.tsx"],"names":["HStack","Text","Spacer","space","RangeControl","NumberControlWrapper","COLORS","InputWithSlider","min","max","label","abbreviation","onChange","value","ui","theme"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,YAAvB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,SAASC,YAAT,EAAuBC,oBAAvB,QAAmD,UAAnD;AACA,SAASC,MAAT,QAAuB,wBAAvB;AAWA,OAAO,MAAMC,eAAe,GAAG,QAOF;AAAA,MAPI;AAChCC,IAAAA,GADgC;AAEhCC,IAAAA,GAFgC;AAGhCC,IAAAA,KAHgC;AAIhCC,IAAAA,YAJgC;AAKhCC,IAAAA,QALgC;AAMhCC,IAAAA;AANgC,GAOJ;AAC5B,SACC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,cAAC,oBAAD;AACC,IAAA,GAAG,EAAGL,GADP;AAEC,IAAA,GAAG,EAAGC,GAFP;AAGC,IAAA,KAAK,EAAGC,KAHT;AAIC,IAAA,mBAAmB,MAJpB;AAKC,IAAA,KAAK,EAAGG,KALT;AAMC,IAAA,QAAQ,EAAGD,QANZ;AAOC,IAAA,MAAM,EACL,cAAC,MAAD;AACC,MAAA,EAAE,EAAGX,IADN;AAEC,MAAA,WAAW,EAAGE,KAAK,CAAE,CAAF,CAFpB;AAGC,MAAA,KAAK,EAAGG,MAAM,CAACQ,EAAP,CAAUC,KAHnB;AAIC,MAAA,UAAU,EAAG;AAJd,OAMGJ,YANH,CARF;AAiBC,IAAA,cAAc,MAjBf;AAkBC,IAAA,IAAI,EAAC;AAlBN,IADD,EAqBC,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,CAMC;AACA;AAPD;AAQC,IAAA,QAAQ,EAAGD,QARZ;AASC,IAAA,cAAc,EAAG;AATlB,IArBD,CADD;AAmCA,CA3CM","sourcesContent":["/**\n * Internal dependencies\n */\nimport { HStack } from '../h-stack';\nimport { Text } from '../text';\nimport { Spacer } from '../spacer';\nimport { space } from '../ui/utils/space';\nimport { RangeControl, NumberControlWrapper } from './styles';\nimport { COLORS } from '../utils/colors-values';\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<HStack spacing={ 4 }>\n\t\t\t<NumberControlWrapper\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\n\t\t\t\t\t\tas={ Text }\n\t\t\t\t\t\tpaddingLeft={ space( 4 ) }\n\t\t\t\t\t\tcolor={ COLORS.ui.theme }\n\t\t\t\t\t\tlineHeight={ 1 }\n\t\t\t\t\t>\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\tsize=\"__unstable-large\"\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\t// @ts-expect-error\n\t\t\t\t// See: https://github.com/WordPress/gutenberg/pull/40535#issuecomment-1172418185\n\t\t\t\tonChange={ onChange }\n\t\t\t\twithInputField={ false }\n\t\t\t/>\n\t\t</HStack>\n\t);\n};\n"]}

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

@@ -12,36 +12,30 @@ import InnerSelectControl from '../select-control';
 import InnerRangeControl from '../range-control';
 import { StyledField } from '../base-control/styles/base-control-styles';
 import { space } from '../ui/utils/space';
+import { boxSizingReset } from '../utils';
 import Button from '../button';
 import { Flex } from '../flex';
 import { HStack } from '../h-stack';
-import { BackdropUI, Container as InputControlContainer, Input } from '../input-control/styles/input-control-styles';
+import { BackdropUI, Container as InputControlContainer } from '../input-control/styles/input-control-styles';
 import CONFIG from '../utils/config-values';
 export const NumberControlWrapper = /*#__PURE__*/_styled(NumberControl, process.env.NODE_ENV === "production" ? {
   target: "ez9hsf47"
 } : {
   target: "ez9hsf47",
   label: "NumberControlWrapper"
-})(InputControlContainer, "{width:", space(24), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjJEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
+})(InputControlContainer, "{width:", space(24), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjJEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 export const SelectControl = /*#__PURE__*/_styled(InnerSelectControl, process.env.NODE_ENV === "production" ? {
   target: "ez9hsf46"
 } : {
   target: "ez9hsf46",
   label: "SelectControl"
-})("margin-left:", space(-2), ";width:5em;", BackdropUI, "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnlEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
+})("margin-left:", space(-2), ";width:5em;", BackdropUI, "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnlEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 export const RangeControl = /*#__PURE__*/_styled(InnerRangeControl, process.env.NODE_ENV === "production" ? {
   target: "ez9hsf45"
 } : {
   target: "ez9hsf45",
   label: "RangeControl"
-})("flex:1;margin-right:", space(2), ";", StyledField, "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3VEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */")); // All inputs should be the same height so this should be changed at the component level.
-// That involves changing heights of multiple input types probably buttons too etc.
-// So until that is done we are already using the new height on the color picker so it matches the mockups.
-
-const inputHeightStyle = `
-&&& ${Input} {
-	height: 40px;
-}`; // Make the Hue circle picker not go out of the bar.
+})("flex:1;margin-right:", space(2), ";", StyledField, "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3VEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */")); // Make the Hue circle picker not go out of the bar.
 
 const interactiveHueStyles = `
 .react-colorful__interactive {
@@ -53,29 +47,29 @@ export const AuxiliaryColorArtefactWrapper = _styled("div", process.env.NODE_ENV
 } : {
   target: "ez9hsf44",
   label: "AuxiliaryColorArtefactWrapper"
-})("padding-top:", space(2), ";padding-right:0;padding-left:0;padding-bottom:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHVEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
+})("padding-top:", space(2), ";padding-right:0;padding-left:0;padding-bottom:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHVEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 export const AuxiliaryColorArtefactHStackHeader = /*#__PURE__*/_styled(HStack, process.env.NODE_ENV === "production" ? {
   target: "ez9hsf43"
 } : {
   target: "ez9hsf43",
   label: "AuxiliaryColorArtefactHStackHeader"
-})("padding-left:", space(4), ";padding-right:", space(4), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRWtFIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
+})("padding-left:", space(4), ";padding-right:", space(4), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGtFIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 export const ColorInputWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
   target: "ez9hsf42"
 } : {
   target: "ez9hsf42",
   label: "ColorInputWrapper"
-})("padding-top:", space(4), ";padding-left:", space(4), ";padding-right:", space(3), ";padding-bottom:", space(5), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RStDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
+})("padding-top:", space(4), ";padding-left:", space(4), ";padding-right:", space(3), ";padding-bottom:", space(5), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRStDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 export const ColorfulWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ez9hsf41"
 } : {
   target: "ez9hsf41",
   label: "ColorfulWrapper"
-})("width:216px;.react-colorful{display:flex;flex-direction:column;align-items:center;width:216px;height:auto;overflow:hidden;}.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;border:none;box-shadow:0 0 2px 0 rgba( 0, 0, 0, 0.25 );outline:2px solid transparent;}.react-colorful__pointer-fill{box-shadow:inset 0 0 0 ", CONFIG.borderWidthFocus, " #fff;}", interactiveHueStyles, " ", StyledField, "{margin-bottom:0;}", inputHeightStyle, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRnlDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
+})(boxSizingReset, ";width:216px;.react-colorful{display:flex;flex-direction:column;align-items:center;width:216px;height:auto;overflow:hidden;}.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;border:none;box-shadow:0 0 2px 0 rgba( 0, 0, 0, 0.25 );outline:2px solid transparent;}.react-colorful__pointer-fill{box-shadow:inset 0 0 0 ", CONFIG.borderWidthFocus, " #fff;}", interactiveHueStyles, " ", StyledField, "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RXlDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 export const CopyButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
   target: "ez9hsf40"
 } : {
   target: "ez9hsf40",
   label: "CopyButton"
-})("&&&&&{min-width:", space(6), ";padding:0;>svg{margin-right:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtSTBDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9mbGV4JztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uL2gtc3RhY2snO1xuaW1wb3J0IHtcblx0QmFja2Ryb3BVSSxcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG59IGZyb20gJy4uL2lucHV0LWNvbnRyb2wvc3R5bGVzL2lucHV0LWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBOdW1iZXJDb250cm9sV3JhcHBlciA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBJbnB1dENvbnRyb2xDb250YWluZXIgfSB7XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCAyNCApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDb250cm9sID0gc3R5bGVkKCBJbm5lclNlbGVjdENvbnRyb2wgKWBcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdHdpZHRoOiA1ZW07XG5cdCR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggMiApIH07XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuLy8gQWxsIGlucHV0cyBzaG91bGQgYmUgdGhlIHNhbWUgaGVpZ2h0IHNvIHRoaXMgc2hvdWxkIGJlIGNoYW5nZWQgYXQgdGhlIGNvbXBvbmVudCBsZXZlbC5cbi8vIFRoYXQgaW52b2x2ZXMgY2hhbmdpbmcgaGVpZ2h0cyBvZiBtdWx0aXBsZSBpbnB1dCB0eXBlcyBwcm9iYWJseSBidXR0b25zIHRvbyBldGMuXG4vLyBTbyB1bnRpbCB0aGF0IGlzIGRvbmUgd2UgYXJlIGFscmVhZHkgdXNpbmcgdGhlIG5ldyBoZWlnaHQgb24gdGhlIGNvbG9yIHBpY2tlciBzbyBpdCBtYXRjaGVzIHRoZSBtb2NrdXBzLlxuY29uc3QgaW5wdXRIZWlnaHRTdHlsZSA9IGBcbiYmJiAkeyBJbnB1dCB9IHtcblx0aGVpZ2h0OiA0MHB4O1xufWA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTZweDtcblxuXHQucmVhY3QtY29sb3JmdWwge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiAyMTZweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDJweCAwIHJnYmEoIDAsIDAsIDAsIDAuMjUgKTtcblxuXHRcdC8vIFNob3duIGluc3RlYWQgb2YgYm94LXNoYWRvdyB0byBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXItZmlsbCB7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSAjZmZmO1xuXHR9XG5cblx0JHsgaW50ZXJhY3RpdmVIdWVTdHlsZXMgfVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cblxuXHQkeyBpbnB1dEhlaWdodFN0eWxlIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb3B5QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHBhZGRpbmc6IDA7XG5cblx0XHQ+IHN2ZyB7XG5cdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
+})("&&&&&{min-width:", space(6), ";padding:0;>svg{margin-right:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySDBDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IGJveFNpemluZ1Jlc2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL2ZsZXgnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vaC1zdGFjayc7XG5pbXBvcnQge1xuXHRCYWNrZHJvcFVJLFxuXHRDb250YWluZXIgYXMgSW5wdXRDb250cm9sQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgTnVtYmVyQ29udHJvbFdyYXBwZXIgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggMjQgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHR3aWR0aDogNWVtO1xuXHQkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIElubmVyUmFuZ2VDb250cm9sIClgXG5cdGZsZXg6IDE7XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbi8vIE1ha2UgdGhlIEh1ZSBjaXJjbGUgcGlja2VyIG5vdCBnbyBvdXQgb2YgdGhlIGJhci5cbmNvbnN0IGludGVyYWN0aXZlSHVlU3R5bGVzID0gYFxuLnJlYWN0LWNvbG9yZnVsX19pbnRlcmFjdGl2ZSB7XG5cdHdpZHRoOiBjYWxjKCAxMDAlIC0gJHsgc3BhY2UoIDIgKSB9ICk7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG59YDtcblxuZXhwb3J0IGNvbnN0IEF1eGlsaWFyeUNvbG9yQXJ0ZWZhY3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0cGFkZGluZy10b3A6ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZy1yaWdodDogMDtcblx0cGFkZGluZy1sZWZ0OiAwO1xuXHRwYWRkaW5nLWJvdHRvbTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdXhpbGlhcnlDb2xvckFydGVmYWN0SFN0YWNrSGVhZGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggNCApIH07XG5cdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcklucHV0V3JhcHBlciA9IHN0eWxlZCggRmxleCApYFxuXHRwYWRkaW5nLXRvcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRwYWRkaW5nLWxlZnQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDMgKSB9O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsgc3BhY2UoIDUgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbG9yZnVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7IGJveFNpemluZ1Jlc2V0IH07XG5cblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSggMCwgMCwgMCwgMC4yNSApO1xuXG5cdFx0Ly8gU2hvd24gaW5zdGVhZCBvZiBib3gtc2hhZG93IHRvIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlci1maWxsIHtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9ICNmZmY7XG5cdH1cblxuXHQkeyBpbnRlcmFjdGl2ZUh1ZVN0eWxlcyB9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENvcHlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdFx0cGFkZGluZzogMDtcblxuXHRcdD4gc3ZnIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/color-picker/styles.ts"],"names":["NumberControl","InnerSelectControl","InnerRangeControl","StyledField","space","Button","Flex","HStack","BackdropUI","Container","InputControlContainer","Input","CONFIG","NumberControlWrapper","SelectControl","RangeControl","inputHeightStyle","interactiveHueStyles","AuxiliaryColorArtefactWrapper","AuxiliaryColorArtefactHStackHeader","ColorInputWrapper","ColorfulWrapper","borderWidthFocus","CopyButton"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAOA,aAAP,MAA0B,mBAA1B;AACA,OAAOC,kBAAP,MAA+B,mBAA/B;AACA,OAAOC,iBAAP,MAA8B,kBAA9B;AACA,SAASC,WAAT,QAA4B,4CAA5B;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,YAAvB;AACA,SACCC,UADD,EAECC,SAAS,IAAIC,qBAFd,EAGCC,KAHD,QAIO,8CAJP;AAKA,OAAOC,MAAP,MAAmB,wBAAnB;AAEA,OAAO,MAAMC,oBAAoB,GAAG,qBAAQb,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CAC7BU,qBAD6B,aAErBN,KAAK,CAAE,EAAF,CAFgB,svJAA1B;AAMP,OAAO,MAAMU,aAAa,GAAG,qBAAQb,kBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBACTG,KAAK,CAAE,CAAC,CAAH,CADI,iBAGtBI,UAHsB,mwJAAnB;AAQP,OAAO,MAAMO,YAAY,GAAG,qBAAQb,iBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,yBAEPE,KAAK,CAAE,CAAF,CAFE,OAIrBD,WAJqB,swJAAlB,C,CASP;AACA;AACA;;AACA,MAAMa,gBAAgB,GAAI;AAC1B,MAAOL,KAAO;AACd;AACA,EAHA,C,CAKA;;AACA,MAAMM,oBAAoB,GAAI;AAC9B;AACA,uBAAwBb,KAAK,CAAE,CAAF,CAAO;AACpC,gBAAiBA,KAAK,CAAE,CAAF,CAAO;AAC7B,EAJA;AAMA,OAAO,MAAMc,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA,mBACzBd,KAAK,CAAE,CAAF,CADoB,qyJAAnC;AAOP,OAAO,MAAMe,kCAAkC,GAAG,qBAAQZ,MAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,kBAC7BH,KAAK,CAAE,CAAF,CADwB,qBAE5BA,KAAK,CAAE,CAAF,CAFuB,qvJAAxC;AAKP,OAAO,MAAMgB,iBAAiB,GAAG,qBAAQd,IAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBACbF,KAAK,CAAE,CAAF,CADQ,oBAEZA,KAAK,CAAE,CAAF,CAFO,qBAGXA,KAAK,CAAE,CAAF,CAHM,sBAIVA,KAAK,CAAE,CAAF,CAJK,qvJAAvB;AAOP,OAAO,MAAMiB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,oNAgBRjB,KAAK,CAAE,CAAF,CAhBG,gIAyBRA,KAAK,CAAE,CAAF,CAzBG,mMAuCCQ,MAAM,CAACU,gBAvCR,aA0CxBL,oBA1CwB,OA4CxBd,WA5CwB,wBAgDxBa,gBAhDwB,qvJAArB;AAmDP,OAAO,MAAMO,UAAU,GAAG,qBAAQlB,MAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,qBAEPD,KAAK,CAAE,CAAF,CAFE,qxJAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport NumberControl from '../number-control';\nimport InnerSelectControl from '../select-control';\nimport InnerRangeControl from '../range-control';\nimport { StyledField } from '../base-control/styles/base-control-styles';\nimport { space } from '../ui/utils/space';\nimport Button from '../button';\nimport { Flex } from '../flex';\nimport { HStack } from '../h-stack';\nimport {\n\tBackdropUI,\n\tContainer as InputControlContainer,\n\tInput,\n} from '../input-control/styles/input-control-styles';\nimport CONFIG from '../utils/config-values';\n\nexport const NumberControlWrapper = styled( NumberControl )`\n\t${ InputControlContainer } {\n\t\twidth: ${ space( 24 ) };\n\t}\n`;\n\nexport const SelectControl = styled( InnerSelectControl )`\n\tmargin-left: ${ space( -2 ) };\n\twidth: 5em;\n\t${ BackdropUI } {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const RangeControl = styled( InnerRangeControl )`\n\tflex: 1;\n\tmargin-right: ${ space( 2 ) };\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\n// All inputs should be the same height so this should be changed at the component level.\n// That involves changing heights of multiple input types probably buttons too etc.\n// So until that is done we are already using the new height on the color picker so it matches the mockups.\nconst inputHeightStyle = `\n&&& ${ Input } {\n\theight: 40px;\n}`;\n\n// Make the Hue circle picker not go out of the bar.\nconst interactiveHueStyles = `\n.react-colorful__interactive {\n\twidth: calc( 100% - ${ space( 2 ) } );\n\tmargin-left: ${ space( 1 ) };\n}`;\n\nexport const AuxiliaryColorArtefactWrapper = styled.div`\n\tpadding-top: ${ space( 2 ) };\n\tpadding-right: 0;\n\tpadding-left: 0;\n\tpadding-bottom: 0;\n`;\n\nexport const AuxiliaryColorArtefactHStackHeader = styled( HStack )`\n\tpadding-left: ${ space( 4 ) };\n\tpadding-right: ${ space( 4 ) };\n`;\n\nexport const ColorInputWrapper = styled( Flex )`\n\tpadding-top: ${ space( 4 ) };\n\tpadding-left: ${ space( 4 ) };\n\tpadding-right: ${ space( 3 ) };\n\tpadding-bottom: ${ space( 5 ) };\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\toverflow: hidden;\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\tborder: none;\n\t\tbox-shadow: 0 0 2px 0 rgba( 0, 0, 0, 0.25 );\n\n\t\t// Shown instead of box-shadow to Windows high contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t.react-colorful__pointer-fill {\n\t\tbox-shadow: inset 0 0 0 ${ CONFIG.borderWidthFocus } #fff;\n\t}\n\n\t${ interactiveHueStyles }\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n\n\t${ inputHeightStyle }\n`;\n\nexport const CopyButton = styled( Button )`\n\t&&&&& {\n\t\tmin-width: ${ space( 6 ) };\n\t\tpadding: 0;\n\n\t\t> svg {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/color-picker/styles.ts"],"names":["NumberControl","InnerSelectControl","InnerRangeControl","StyledField","space","boxSizingReset","Button","Flex","HStack","BackdropUI","Container","InputControlContainer","CONFIG","NumberControlWrapper","SelectControl","RangeControl","interactiveHueStyles","AuxiliaryColorArtefactWrapper","AuxiliaryColorArtefactHStackHeader","ColorInputWrapper","ColorfulWrapper","borderWidthFocus","CopyButton"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAOA,aAAP,MAA0B,mBAA1B;AACA,OAAOC,kBAAP,MAA+B,mBAA/B;AACA,OAAOC,iBAAP,MAA8B,kBAA9B;AACA,SAASC,WAAT,QAA4B,4CAA5B;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,SAASC,cAAT,QAA+B,UAA/B;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,YAAvB;AACA,SACCC,UADD,EAECC,SAAS,IAAIC,qBAFd,QAGO,8CAHP;AAIA,OAAOC,MAAP,MAAmB,wBAAnB;AAEA,OAAO,MAAMC,oBAAoB,GAAG,qBAAQb,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CAC7BW,qBAD6B,aAErBP,KAAK,CAAE,EAAF,CAFgB,00IAA1B;AAMP,OAAO,MAAMU,aAAa,GAAG,qBAAQb,kBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBACTG,KAAK,CAAE,CAAC,CAAH,CADI,iBAGtBK,UAHsB,u1IAAnB;AAQP,OAAO,MAAMM,YAAY,GAAG,qBAAQb,iBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,yBAEPE,KAAK,CAAE,CAAF,CAFE,OAIrBD,WAJqB,01IAAlB,C,CASP;;AACA,MAAMa,oBAAoB,GAAI;AAC9B;AACA,uBAAwBZ,KAAK,CAAE,CAAF,CAAO;AACpC,gBAAiBA,KAAK,CAAE,CAAF,CAAO;AAC7B,EAJA;AAMA,OAAO,MAAMa,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA,mBACzBb,KAAK,CAAE,CAAF,CADoB,y3IAAnC;AAOP,OAAO,MAAMc,kCAAkC,GAAG,qBAAQV,MAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,kBAC7BJ,KAAK,CAAE,CAAF,CADwB,qBAE5BA,KAAK,CAAE,CAAF,CAFuB,y0IAAxC;AAKP,OAAO,MAAMe,iBAAiB,GAAG,qBAAQZ,IAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBACbH,KAAK,CAAE,CAAF,CADQ,oBAEZA,KAAK,CAAE,CAAF,CAFO,qBAGXA,KAAK,CAAE,CAAF,CAHM,sBAIVA,KAAK,CAAE,CAAF,CAJK,y0IAAvB;AAOP,OAAO,MAAMgB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GACxBf,cADwB,oNAkBRD,KAAK,CAAE,CAAF,CAlBG,gIA2BRA,KAAK,CAAE,CAAF,CA3BG,mMAyCCQ,MAAM,CAACS,gBAzCR,aA4CxBL,oBA5CwB,OA8CxBb,WA9CwB,01IAArB;AAmDP,OAAO,MAAMmB,UAAU,GAAG,qBAAQhB,MAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,qBAEPF,KAAK,CAAE,CAAF,CAFE,y2IAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport NumberControl from '../number-control';\nimport InnerSelectControl from '../select-control';\nimport InnerRangeControl from '../range-control';\nimport { StyledField } from '../base-control/styles/base-control-styles';\nimport { space } from '../ui/utils/space';\nimport { boxSizingReset } from '../utils';\nimport Button from '../button';\nimport { Flex } from '../flex';\nimport { HStack } from '../h-stack';\nimport {\n\tBackdropUI,\n\tContainer as InputControlContainer,\n} from '../input-control/styles/input-control-styles';\nimport CONFIG from '../utils/config-values';\n\nexport const NumberControlWrapper = styled( NumberControl )`\n\t${ InputControlContainer } {\n\t\twidth: ${ space( 24 ) };\n\t}\n`;\n\nexport const SelectControl = styled( InnerSelectControl )`\n\tmargin-left: ${ space( -2 ) };\n\twidth: 5em;\n\t${ BackdropUI } {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const RangeControl = styled( InnerRangeControl )`\n\tflex: 1;\n\tmargin-right: ${ space( 2 ) };\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\n// Make the Hue circle picker not go out of the bar.\nconst interactiveHueStyles = `\n.react-colorful__interactive {\n\twidth: calc( 100% - ${ space( 2 ) } );\n\tmargin-left: ${ space( 1 ) };\n}`;\n\nexport const AuxiliaryColorArtefactWrapper = styled.div`\n\tpadding-top: ${ space( 2 ) };\n\tpadding-right: 0;\n\tpadding-left: 0;\n\tpadding-bottom: 0;\n`;\n\nexport const AuxiliaryColorArtefactHStackHeader = styled( HStack )`\n\tpadding-left: ${ space( 4 ) };\n\tpadding-right: ${ space( 4 ) };\n`;\n\nexport const ColorInputWrapper = styled( Flex )`\n\tpadding-top: ${ space( 4 ) };\n\tpadding-left: ${ space( 4 ) };\n\tpadding-right: ${ space( 3 ) };\n\tpadding-bottom: ${ space( 5 ) };\n`;\n\nexport const ColorfulWrapper = styled.div`\n\t${ boxSizingReset };\n\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\toverflow: hidden;\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\tborder: none;\n\t\tbox-shadow: 0 0 2px 0 rgba( 0, 0, 0, 0.25 );\n\n\t\t// Shown instead of box-shadow to Windows high contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t.react-colorful__pointer-fill {\n\t\tbox-shadow: inset 0 0 0 ${ CONFIG.borderWidthFocus } #fff;\n\t}\n\n\t${ interactiveHueStyles }\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nexport const CopyButton = styled( Button )`\n\t&&&&& {\n\t\tmin-width: ${ space( 6 ) };\n\t\tpadding: 0;\n\n\t\t> svg {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n`;\n"]}