@wordpress/components 19.0.3 → 19.1.1

package/build/color-edit/index.js

@@ -1,251 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ColorEdit;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _i18n = require("@wordpress/i18n");
-
-var _icons = require("@wordpress/icons");
-
-var _compose = require("@wordpress/compose");
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _colorPicker = require("../color-picker");
-
-var _flex = require("../flex");
-
-var _hStack = require("../h-stack");
-
-var _itemGroup = require("../item-group");
-
-var _vStack = require("../v-stack");
-
-var _colorPalette = _interopRequireDefault(require("../color-palette"));
-
-var _dropdownMenu = _interopRequireDefault(require("../dropdown-menu"));
-
-var _popover = _interopRequireDefault(require("../popover"));
-
-var _styles = require("./styles");
-
-var _navigableContainer = require("../navigable-container");
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function ColorNameInput(_ref) {
-  let {
-    value,
-    onChange
-  } = _ref;
-  return (0, _element.createElement)(_styles.ColorNameInputControl, {
-    label: (0, _i18n.__)('Color name'),
-    hideLabelFromVision: true,
-    value: value,
-    onChange: onChange
-  });
-}
-
-function ColorOption(_ref2) {
-  let {
-    color,
-    onChange,
-    isEditing,
-    onStartEditing,
-    onRemove,
-    onStopEditing
-  } = _ref2;
-  const focusOutsideProps = (0, _compose.__experimentalUseFocusOutside)(onStopEditing);
-  return (0, _element.createElement)(_styles.ColorItem, (0, _extends2.default)({
-    as: "div",
-    onClick: onStartEditing
-  }, isEditing ? focusOutsideProps : {}), (0, _element.createElement)(_hStack.HStack, {
-    justify: "flex-start"
-  }, (0, _element.createElement)(_flex.FlexItem, null, (0, _element.createElement)(_styles.ColorIndicatorStyled, {
-    colorValue: color.color
-  })), (0, _element.createElement)(_flex.FlexItem, null, isEditing ? (0, _element.createElement)(ColorNameInput, {
-    value: color.name,
-    onChange: nextName => onChange({ ...color,
-      name: nextName,
-      slug: (0, _lodash.default)(nextName)
-    })
-  }) : (0, _element.createElement)(_styles.ColorNameContainer, null, color.name)), isEditing && (0, _element.createElement)(_flex.FlexItem, null, (0, _element.createElement)(_styles.RemoveButton, {
-    isSmall: true,
-    icon: _icons.lineSolid,
-    label: (0, _i18n.__)('Remove color'),
-    onClick: onRemove
-  }))), isEditing && (0, _element.createElement)(_popover.default, {
-    position: "bottom left",
-    className: "components-color-edit__color-popover"
-  }, (0, _element.createElement)(_colorPicker.ColorPicker, {
-    color: color.color,
-    onChange: newColor => onChange({ ...color,
-      color: newColor
-    })
-  })));
-}
-
-function ColorPaletteEditListView(_ref3) {
-  let {
-    colors,
-    onChange,
-    editingColor,
-    setEditingColor
-  } = _ref3;
-  // When unmounting the component if there are empty colors (the user did not complete the insertion) clean them.
-  const colorReference = (0, _element.useRef)();
-  (0, _element.useEffect)(() => {
-    colorReference.current = colors;
-  }, [colors]);
-  (0, _element.useEffect)(() => {
-    return () => {
-      if (colorReference.current.some(_ref4 => {
-        let {
-          slug
-        } = _ref4;
-        return !slug;
-      })) {
-        const newColors = colorReference.current.filter(_ref5 => {
-          let {
-            slug
-          } = _ref5;
-          return slug;
-        });
-        onChange(newColors.length ? newColors : undefined);
-      }
-    };
-  }, []);
-  return (0, _element.createElement)(_vStack.VStack, {
-    spacing: 3
-  }, (0, _element.createElement)(_itemGroup.ItemGroup, {
-    isBordered: true,
-    isSeparated: true
-  }, colors.map((color, index) => (0, _element.createElement)(ColorOption, {
-    key: index,
-    color: color,
-    onStartEditing: () => {
-      if (editingColor !== index) {
-        setEditingColor(index);
-      }
-    },
-    onChange: newColor => {
-      onChange(colors.map((currentColor, currentIndex) => {
-        if (currentIndex === index) {
-          return newColor;
-        }
-
-        return currentColor;
-      }));
-    },
-    onRemove: () => {
-      setEditingColor(null);
-      const newColors = colors.filter((_currentColor, currentIndex) => {
-        if (currentIndex === index) {
-          return false;
-        }
-
-        return true;
-      });
-      onChange(newColors.length ? newColors : undefined);
-    },
-    isEditing: index === editingColor,
-    onStopEditing: () => {
-      if (index === editingColor) {
-        setEditingColor(null);
-      }
-    }
-  }))));
-}
-
-const EMPTY_ARRAY = [];
-
-function ColorEdit(_ref6) {
-  let {
-    colors = EMPTY_ARRAY,
-    onChange
-  } = _ref6;
-  const [isEditing, setIsEditing] = (0, _element.useState)(false);
-  const [editingColor, setEditingColor] = (0, _element.useState)(null);
-  const isAdding = isEditing && editingColor && colors[editingColor] && !colors[editingColor].slug;
-  const hasColors = colors.length > 0;
-  return (0, _element.createElement)(_styles.ColorEditStyles, null, (0, _element.createElement)(_styles.ColorHStackHeader, null, (0, _element.createElement)(_styles.ColorHeading, null, (0, _i18n.__)('Custom')), (0, _element.createElement)(_styles.ColorActionsContainer, null, isEditing && (0, _element.createElement)(_styles.DoneButton, {
-    isSmall: true,
-    onClick: () => {
-      setIsEditing(false);
-      setEditingColor(null);
-    }
-  }, (0, _i18n.__)('Done')), (0, _element.createElement)(_button.default, {
-    isSmall: true,
-    isPressed: isAdding,
-    icon: _icons.plus,
-    label: (0, _i18n.__)('Add custom color'),
-    onClick: () => {
-      onChange([...colors, {
-        color: '#000',
-        name: '',
-        slug: ''
-      }]);
-      setIsEditing(true);
-      setEditingColor(colors.length);
-    }
-  }), !isEditing && (0, _element.createElement)(_button.default, {
-    disabled: !hasColors,
-    isSmall: true,
-    icon: _icons.moreVertical,
-    label: (0, _i18n.__)('Edit colors'),
-    onClick: () => {
-      setIsEditing(true);
-    }
-  }), isEditing && (0, _element.createElement)(_dropdownMenu.default, {
-    icon: _icons.moreVertical,
-    label: (0, _i18n.__)('Custom color options'),
-    toggleProps: {
-      isSmall: true
-    }
-  }, _ref7 => {
-    let {
-      onClose
-    } = _ref7;
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_navigableContainer.NavigableMenu, {
-      role: "menu"
-    }, (0, _element.createElement)(_button.default, {
-      variant: "tertiary",
-      onClick: () => {
-        setEditingColor(null);
-        setIsEditing(false);
-        onChange();
-        onClose();
-      }
-    }, (0, _i18n.__)('Remove all custom colors'))));
-  }))), hasColors && (0, _element.createElement)(_element.Fragment, null, isEditing && (0, _element.createElement)(ColorPaletteEditListView, {
-    colors: colors,
-    onChange: onChange,
-    editingColor: editingColor,
-    setEditingColor: setEditingColor
-  }), !isEditing && (0, _element.createElement)(_colorPalette.default, {
-    colors: colors,
-    onChange: () => {},
-    clearable: false,
-    disableCustomColors: true
-  })), !hasColors && (0, _i18n.__)('Custom colors are empty! Add some colors to create your own color palette.'));
-}
-//# sourceMappingURL=index.js.map

package/build/color-edit/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/color-edit/index.js"],"names":["ColorNameInput","value","onChange","ColorOption","color","isEditing","onStartEditing","onRemove","onStopEditing","focusOutsideProps","name","nextName","slug","lineSolid","newColor","ColorPaletteEditListView","colors","editingColor","setEditingColor","colorReference","current","some","newColors","filter","length","undefined","map","index","currentColor","currentIndex","_currentColor","EMPTY_ARRAY","ColorEdit","setIsEditing","isAdding","hasColors","plus","moreVertical","isSmall","onClose"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport kebabCase from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { lineSolid, moreVertical, plus } from '@wordpress/icons';\nimport { __experimentalUseFocusOutside as useFocusOutside } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { ColorPicker } from '../color-picker';\nimport { FlexItem } from '../flex';\nimport { HStack } from '../h-stack';\nimport { ItemGroup } from '../item-group';\nimport { VStack } from '../v-stack';\nimport ColorPalette from '../color-palette';\nimport DropdownMenu from '../dropdown-menu';\nimport Popover from '../popover';\nimport {\n\tColorActionsContainer,\n\tColorEditStyles,\n\tColorHeading,\n\tColorHStackHeader,\n\tColorIndicatorStyled,\n\tColorItem,\n\tColorNameContainer,\n\tColorNameInputControl,\n\tDoneButton,\n\tRemoveButton,\n} from './styles';\nimport { NavigableMenu } from '../navigable-container';\n\nfunction ColorNameInput( { value, onChange } ) {\n\treturn (\n\t\t<ColorNameInputControl\n\t\t\tlabel={ __( 'Color name' ) }\n\t\t\thideLabelFromVision\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\nfunction ColorOption( {\n\tcolor,\n\tonChange,\n\tisEditing,\n\tonStartEditing,\n\tonRemove,\n\tonStopEditing,\n} ) {\n\tconst focusOutsideProps = useFocusOutside( onStopEditing );\n\treturn (\n\t\t<ColorItem\n\t\t\tas=\"div\"\n\t\t\tonClick={ onStartEditing }\n\t\t\t{ ...( isEditing ? focusOutsideProps : {} ) }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<ColorIndicatorStyled colorValue={ color.color } />\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t{ isEditing ? (\n\t\t\t\t\t\t<ColorNameInput\n\t\t\t\t\t\t\tvalue={ color.name }\n\t\t\t\t\t\t\tonChange={ ( nextName ) =>\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...color,\n\t\t\t\t\t\t\t\t\tname: nextName,\n\t\t\t\t\t\t\t\t\tslug: kebabCase( nextName ),\n\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) : (\n\t\t\t\t\t\t<ColorNameContainer>{ color.name }</ColorNameContainer>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t\t{ isEditing && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<RemoveButton\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\ticon={ lineSolid }\n\t\t\t\t\t\t\tlabel={ __( 'Remove color' ) }\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ isEditing && (\n\t\t\t\t<Popover\n\t\t\t\t\tposition=\"bottom left\"\n\t\t\t\t\tclassName=\"components-color-edit__color-popover\"\n\t\t\t\t>\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tcolor={ color.color }\n\t\t\t\t\t\tonChange={ ( newColor ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...color,\n\t\t\t\t\t\t\t\tcolor: newColor,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</ColorItem>\n\t);\n}\n\nfunction ColorPaletteEditListView( {\n\tcolors,\n\tonChange,\n\teditingColor,\n\tsetEditingColor,\n} ) {\n\t// When unmounting the component if there are empty colors (the user did not complete the insertion) clean them.\n\tconst colorReference = useRef();\n\tuseEffect( () => {\n\t\tcolorReference.current = colors;\n\t}, [ colors ] );\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( colorReference.current.some( ( { slug } ) => ! slug ) ) {\n\t\t\t\tconst newColors = colorReference.current.filter(\n\t\t\t\t\t( { slug } ) => slug\n\t\t\t\t);\n\t\t\t\tonChange( newColors.length ? newColors : undefined );\n\t\t\t}\n\t\t};\n\t}, [] );\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ colors.map( ( color, index ) => (\n\t\t\t\t\t<ColorOption\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tcolor={ color }\n\t\t\t\t\t\tonStartEditing={ () => {\n\t\t\t\t\t\t\tif ( editingColor !== index ) {\n\t\t\t\t\t\t\t\tsetEditingColor( index );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( newColor ) => {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tcolors.map( ( currentColor, currentIndex ) => {\n\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\treturn newColor;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn currentColor;\n\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\tonRemove={ () => {\n\t\t\t\t\t\t\tsetEditingColor( null );\n\t\t\t\t\t\t\tconst newColors = colors.filter(\n\t\t\t\t\t\t\t\t( _currentColor, currentIndex ) => {\n\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tnewColors.length ? newColors : undefined\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisEditing={ index === editingColor }\n\t\t\t\t\t\tonStopEditing={ () => {\n\t\t\t\t\t\t\tif ( index === editingColor ) {\n\t\t\t\t\t\t\t\tsetEditingColor( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nconst EMPTY_ARRAY = [];\n\nexport default function ColorEdit( { colors = EMPTY_ARRAY, onChange } ) {\n\tconst [ isEditing, setIsEditing ] = useState( false );\n\tconst [ editingColor, setEditingColor ] = useState( null );\n\tconst isAdding =\n\t\tisEditing &&\n\t\teditingColor &&\n\t\tcolors[ editingColor ] &&\n\t\t! colors[ editingColor ].slug;\n\n\tconst hasColors = colors.length > 0;\n\n\treturn (\n\t\t<ColorEditStyles>\n\t\t\t<ColorHStackHeader>\n\t\t\t\t<ColorHeading>{ __( 'Custom' ) }</ColorHeading>\n\t\t\t\t<ColorActionsContainer>\n\t\t\t\t\t{ isEditing && (\n\t\t\t\t\t\t<DoneButton\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\tsetEditingColor( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t\t</DoneButton>\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tisPressed={ isAdding }\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ __( 'Add custom color' ) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t...colors,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tcolor: '#000',\n\t\t\t\t\t\t\t\t\tname: '',\n\t\t\t\t\t\t\t\t\tslug: '',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\tsetEditingColor( colors.length );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! isEditing && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdisabled={ ! hasColors }\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Edit colors' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isEditing && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Custom color options' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tisSmall: true,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<NavigableMenu role=\"menu\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetEditingColor( null );\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\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\t\t{ __( 'Remove all custom colors' ) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</ColorActionsContainer>\n\t\t\t</ColorHStackHeader>\n\t\t\t{ hasColors && (\n\t\t\t\t<>\n\t\t\t\t\t{ isEditing && (\n\t\t\t\t\t\t<ColorPaletteEditListView\n\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\teditingColor={ editingColor }\n\t\t\t\t\t\t\tsetEditingColor={ setEditingColor }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing && (\n\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\tonChange={ () => {} }\n\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! hasColors &&\n\t\t\t\t__(\n\t\t\t\t\t'Custom colors are empty! Add some colors to create your own color palette.'\n\t\t\t\t) }\n\t\t</ColorEditStyles>\n\t);\n}\n"]}

package/build/color-edit/styles.js

@@ -1,112 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RemoveButton = exports.DoneButton = exports.ColorNameInputControl = exports.ColorNameContainer = exports.ColorItem = exports.ColorIndicatorStyled = exports.ColorHeading = exports.ColorHStackHeader = exports.ColorEditStyles = exports.ColorActionsContainer = void 0;
-
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _heading = require("../heading");
-
-var _hStack = require("../h-stack");
-
-var _space = require("../ui/utils/space");
-
-var _utils = require("../utils");
-
-var _view = require("../view");
-
-var _colorIndicator = _interopRequireDefault(require("../color-indicator"));
-
-var _inputControl = _interopRequireDefault(require("../input-control"));
-
-var _item = _interopRequireDefault(require("../item-group/item"));
-
-var _inputControlStyles = require("../input-control/styles/input-control-styles");
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const ColorIndicatorStyled = ( /*#__PURE__*/0, _base.default)(_colorIndicator.default, process.env.NODE_ENV === "production" ? {
-  target: "e3doru19"
-} : {
-  target: "e3doru19",
-  label: "ColorIndicatorStyled"
-})("&&{display:block;border-radius:50%;border:0;height:", (0, _space.space)(6), ";width:", (0, _space.space)(6), ";margin-left:0;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI0RCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.ColorIndicatorStyled = ColorIndicatorStyled;
-const ColorNameInputControl = ( /*#__PURE__*/0, _base.default)(_inputControl.default, process.env.NODE_ENV === "production" ? {
-  target: "e3doru18"
-} : {
-  target: "e3doru18",
-  label: "ColorNameInputControl"
-})(_inputControlStyles.Container, "{background:", _utils.COLORS.gray[100], ";border-radius:2px;", _inputControlStyles.Input, _inputControlStyles.Input, _inputControlStyles.Input, _inputControlStyles.Input, "{height:", (0, _space.space)(8), ";}", _inputControlStyles.BackdropUI, _inputControlStyles.BackdropUI, _inputControlStyles.BackdropUI, "{border-color:transparent;box-shadow:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUMyRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.ColorNameInputControl = ColorNameInputControl;
-const ColorItem = ( /*#__PURE__*/0, _base.default)(_item.default, process.env.NODE_ENV === "production" ? {
-  target: "e3doru17"
-} : {
-  target: "e3doru17",
-  label: "ColorItem"
-})("padding:3px 0 3px ", (0, _space.space)(3), ";height:calc( 40px - ", _utils.CONFIG.borderWidth, " );" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.ColorItem = ColorItem;
-const ColorNameContainer = (0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e3doru16"
-} : {
-  target: "e3doru16",
-  label: "ColorNameContainer"
-})("line-height:", (0, _space.space)(8), ";margin-left:", (0, _space.space)(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Q2QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.ColorNameContainer = ColorNameContainer;
-const ColorHeading = ( /*#__PURE__*/0, _base.default)(_heading.Heading, process.env.NODE_ENV === "production" ? {
-  target: "e3doru15"
-} : {
-  target: "e3doru15",
-  label: "ColorHeading"
-})("text-transform:uppercase;line-height:", (0, _space.space)(6), ";font-weight:500;&&&{font-size:11px;margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkQ2QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.ColorHeading = ColorHeading;
-const ColorActionsContainer = ( /*#__PURE__*/0, _base.default)(_view.View, process.env.NODE_ENV === "production" ? {
-  target: "e3doru14"
-} : {
-  target: "e3doru14",
-  label: "ColorActionsContainer"
-})("height:", (0, _space.space)(6), ";display:flex;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUVtRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.ColorActionsContainer = ColorActionsContainer;
-const ColorHStackHeader = ( /*#__PURE__*/0, _base.default)(_hStack.HStack, process.env.NODE_ENV === "production" ? {
-  target: "e3doru13"
-} : {
-  target: "e3doru13",
-  label: "ColorHStackHeader"
-})("margin-bottom:", (0, _space.space)(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVpRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.ColorHStackHeader = ColorHStackHeader;
-const ColorEditStyles = ( /*#__PURE__*/0, _base.default)(_view.View, process.env.NODE_ENV === "production" ? {
-  target: "e3doru12"
-} : {
-  target: "e3doru12",
-  label: "ColorEditStyles"
-})(process.env.NODE_ENV === "production" ? {
-  name: "u6wnko",
-  styles: "&&&{.components-button.has-icon{min-width:0;padding:0;}}"
-} : {
-  name: "u6wnko",
-  styles: "&&&{.components-button.has-icon{min-width:0;padding:0;}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEU2QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.ColorEditStyles = ColorEditStyles;
-const DoneButton = ( /*#__PURE__*/0, _base.default)(_button.default, process.env.NODE_ENV === "production" ? {
-  target: "e3doru11"
-} : {
-  target: "e3doru11",
-  label: "DoneButton"
-})("&&{color:", _utils.COLORS.ui.theme, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0YwQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.DoneButton = DoneButton;
-const RemoveButton = ( /*#__PURE__*/0, _base.default)(_button.default, process.env.NODE_ENV === "production" ? {
-  target: "e3doru10"
-} : {
-  target: "e3doru10",
-  label: "RemoveButton"
-})("&&{margin-top:", (0, _space.space)(1), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY29sb3ItZWRpdC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEY0QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NvbG9yLWVkaXQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi9oLXN0YWNrJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vdmlldyc7XG5pbXBvcnQgQ29sb3JJbmRpY2F0b3IgZnJvbSAnLi4vY29sb3ItaW5kaWNhdG9yJztcbmltcG9ydCBJbnB1dENvbnRyb2wgZnJvbSAnLi4vaW5wdXQtY29udHJvbCc7XG5pbXBvcnQgSXRlbSBmcm9tICcuLi9pdGVtLWdyb3VwL2l0ZW0nO1xuaW1wb3J0IHtcblx0Q29udGFpbmVyIGFzIElucHV0Q29udHJvbENvbnRhaW5lcixcblx0SW5wdXQsXG5cdEJhY2tkcm9wVUkgYXMgSW5wdXRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBDb2xvckluZGljYXRvclN0eWxlZCA9IHN0eWxlZCggQ29sb3JJbmRpY2F0b3IgKWBcblx0JiYge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRib3JkZXI6IDA7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lSW5wdXRDb250cm9sID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgSW5wdXRDb250cm9sQ29udGFpbmVyIH0ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHQkeyBJbnB1dCB9JHsgSW5wdXQgfSR7IElucHV0IH0keyBJbnB1dCB9IHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDggKSB9O1xuXHRcdH1cblx0XHQkeyBJbnB1dEJhY2tkcm9wVUkgfSR7IElucHV0QmFja2Ryb3BVSSB9JHsgSW5wdXRCYWNrZHJvcFVJIH0ge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JJdGVtID0gc3R5bGVkKCBJdGVtIClgXG5cdHBhZGRpbmc6IDNweCAwIDNweCAkeyBzcGFjZSggMyApIH07XG5cdGhlaWdodDogY2FsYyggNDBweCAtICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9ICk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JOYW1lQ29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggOCApIH07XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdGxpbmUtaGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdCYmJiB7XG5cdFx0Zm9udC1zaXplOiAxMXB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvckFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoIFZpZXcgKWBcblx0aGVpZ2h0OiAkeyBzcGFjZSggNiApIH07XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JIU3RhY2tIZWFkZXIgPSBzdHlsZWQoIEhTdGFjayApYFxuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JFZGl0U3R5bGVzID0gc3R5bGVkKCBWaWV3IClgXG5cdCYmJiB7XG5cdFx0LmNvbXBvbmVudHMtYnV0dG9uLmhhcy1pY29uIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvbmVCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHQmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAxICkgfTtcblx0fVxuYDtcbiJdfQ== */"));
-exports.RemoveButton = RemoveButton;
-//# sourceMappingURL=styles.js.map

package/build/color-edit/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/color-edit/styles.js"],"names":["ColorIndicatorStyled","ColorIndicator","ColorNameInputControl","InputControl","InputControlContainer","COLORS","gray","Input","InputBackdropUI","ColorItem","Item","CONFIG","borderWidth","ColorNameContainer","ColorHeading","Heading","ColorActionsContainer","View","ColorHStackHeader","HStack","ColorEditStyles","DoneButton","Button","ui","theme","RemoveButton"],"mappings":";;;;;;;;;;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMO,MAAMA,oBAAoB,GAAG,iCAAQC,uBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,wDAKpB,kBAAO,CAAP,CALoB,aAMrB,kBAAO,CAAP,CANqB,00GAA1B;;AAYA,MAAMC,qBAAqB,GAAG,iCAAQC,qBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CAC9BC,6BAD8B,kBAEjBC,cAAOC,IAAP,CAAa,GAAb,CAFiB,yBAI7BC,yBAJ6B,EAInBA,yBAJmB,EAITA,yBAJS,EAICA,yBAJD,cAKpB,kBAAO,CAAP,CALoB,QAO7BC,8BAP6B,EAOTA,8BAPS,EAOWA,8BAPX,41GAA3B;;AAcA,MAAMC,SAAS,GAAG,iCAAQC,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,uBACC,kBAAO,CAAP,CADD,2BAEGC,cAAOC,WAFV,mzGAAf;;AAKA,MAAMC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,mBACd,kBAAO,CAAP,CADc,mBAEd,kBAAO,CAAP,CAFc,izGAAxB;;AAKA,MAAMC,YAAY,GAAG,iCAAQC,gBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,0CAER,kBAAO,CAAP,CAFQ,q2GAAlB;;AAUA,MAAMC,qBAAqB,GAAG,iCAAQC,UAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,YACtB,kBAAO,CAAP,CADsB,8zGAA3B;;AAKA,MAAMC,iBAAiB,GAAG,iCAAQC,cAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,mBACX,kBAAO,CAAP,CADW,izGAAvB;;AAIA,MAAMC,eAAe,GAAG,iCAAQH,UAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAArB;;AAQA,MAAMI,UAAU,GAAG,iCAAQC,eAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,cAEXjB,cAAOkB,EAAP,CAAUC,KAFC,kzGAAhB;;AAMA,MAAMC,YAAY,GAAG,iCAAQH,eAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,mBAER,kBAAO,CAAP,CAFQ,kzGAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { Heading } from '../heading';\nimport { HStack } from '../h-stack';\nimport { space } from '../ui/utils/space';\nimport { COLORS, CONFIG } from '../utils';\nimport { View } from '../view';\nimport ColorIndicator from '../color-indicator';\nimport InputControl from '../input-control';\nimport Item from '../item-group/item';\nimport {\n\tContainer as InputControlContainer,\n\tInput,\n\tBackdropUI as InputBackdropUI,\n} from '../input-control/styles/input-control-styles';\n\nexport const ColorIndicatorStyled = styled( ColorIndicator )`\n\t&& {\n\t\tdisplay: block;\n\t\tborder-radius: 50%;\n\t\tborder: 0;\n\t\theight: ${ space( 6 ) };\n\t\twidth: ${ space( 6 ) };\n\t\tmargin-left: 0;\n\t\tpadding: 0;\n\t}\n`;\n\nexport const ColorNameInputControl = styled( InputControl )`\n\t${ InputControlContainer } {\n\t\tbackground: ${ COLORS.gray[ 100 ] };\n\t\tborder-radius: 2px;\n\t\t${ Input }${ Input }${ Input }${ Input } {\n\t\t\theight: ${ space( 8 ) };\n\t\t}\n\t\t${ InputBackdropUI }${ InputBackdropUI }${ InputBackdropUI } {\n\t\t\tborder-color: transparent;\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n`;\n\nexport const ColorItem = styled( Item )`\n\tpadding: 3px 0 3px ${ space( 3 ) };\n\theight: calc( 40px - ${ CONFIG.borderWidth } );\n`;\n\nexport const ColorNameContainer = styled.span`\n\tline-height: ${ space( 8 ) };\n\tmargin-left: ${ space( 2 ) };\n`;\n\nexport const ColorHeading = styled( Heading )`\n\ttext-transform: uppercase;\n\tline-height: ${ space( 6 ) };\n\tfont-weight: 500;\n\t&&& {\n\t\tfont-size: 11px;\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nexport const ColorActionsContainer = styled( View )`\n\theight: ${ space( 6 ) };\n\tdisplay: flex;\n`;\n\nexport const ColorHStackHeader = styled( HStack )`\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nexport const ColorEditStyles = styled( View )`\n\t&&& {\n\t\t.components-button.has-icon {\n\t\tmin-width: 0;\n\t\tpadding: 0;\n\t}\n`;\n\nexport const DoneButton = styled( Button )`\n\t&& {\n\t\tcolor: ${ COLORS.ui.theme };\n\t}\n`;\n\nexport const RemoveButton = styled( Button )`\n\t&& {\n\t\tmargin-top: ${ space( 1 ) };\n\t}\n`;\n"]}