@pedidopago/ui 1.1.0 → 1.1.4

package/dist/components/CheckboxInput/types.d.ts

@@ -1,27 +1,27 @@
-export declare type CheckboxChildren = {
-    label: string;
-    value: string;
-    id: string;
-};
-export interface ICheckboxInputProps {
-    label?: string;
-    id?: string;
-    color?: string;
-    isDisabled?: boolean;
-    isInderteminate?: boolean;
-    defaultIsChecked?: boolean;
-    name?: string;
-    isMultiple?: boolean;
-    checkboxChildren?: CheckboxChildren[];
-    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
-}
-export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
-    checkboxChildren: CheckboxChildren[];
-}
-export interface CheckboxChildrenState extends CheckboxChildren {
-    hasSelected: boolean;
-}
-export interface IStyledCheckboxInput {
-    isDisabled?: boolean;
-}
+export declare type CheckboxChildren = {
+    label: string;
+    value: string;
+    id: string;
+};
+export interface ICheckboxInputProps {
+    label?: string;
+    id?: string;
+    color?: string;
+    isDisabled?: boolean;
+    isInderteminate?: boolean;
+    defaultIsChecked?: boolean;
+    name?: string;
+    isMultiple?: boolean;
+    checkboxChildren?: CheckboxChildren[];
+    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
+}
+export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
+    checkboxChildren: CheckboxChildren[];
+}
+export interface CheckboxChildrenState extends CheckboxChildren {
+    hasSelected: boolean;
+}
+export interface IStyledCheckboxInput {
+    isDisabled?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ColorPicker/colorpicker.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=colorpicker.test.d.ts.map

package/dist/components/ColorPicker/colorpicker.test.js

@@ -6,10 +6,18 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   return utils;
 };
 

package/dist/components/ColorPicker/components/ColorHue.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorHue } from '../types';
-declare const ColorHue: import("react").MemoExoticComponent<({ hsva, onChange }: IColorHue) => JSX.Element>;
-export default ColorHue;
+/// <reference types="react" />
+import { IColorHue } from '../types';
+declare const ColorHue: import("react").MemoExoticComponent<({ hsva, onChange }: IColorHue) => JSX.Element>;
+export default ColorHue;
 //# sourceMappingURL=ColorHue.d.ts.map

package/dist/components/ColorPicker/components/ColorHue.js

@@ -15,6 +15,8 @@ var _conversors = require("../utils/conversors");
 
 var _ColorPointer = _interopRequireDefault(require("./ColorPointer"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Hue = function Hue(_ref) {
@@ -31,16 +33,21 @@ var Hue = function Hue(_ref) {
     v: 100,
     a: 1
   };
-  return /*#__PURE__*/React.createElement(_styles.ColorHueWrapper, null, /*#__PURE__*/React.createElement(_styles.ColorHueCircle, {
-    style: {
-      backgroundColor: (0, _conversors.hsvaToHslaString)(hsva)
-    }
-  }), /*#__PURE__*/React.createElement(_styles.ColorHueSliderContainer, null, /*#__PURE__*/React.createElement(_ColorSelector.default, {
-    onMove: handleMovePointer
-  }, /*#__PURE__*/React.createElement(_ColorPointer.default, {
-    hsva: handleHueHsva,
-    left: hsva.h / 360
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorHueWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorHueCircle, {
+      style: {
+        backgroundColor: (0, _conversors.hsvaToHslaString)(hsva)
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorHueSliderContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorSelector.default, {
+        onMove: handleMovePointer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPointer.default, {
+          hsva: handleHueHsva,
+          left: hsva.h / 360
+        })
+      })
+    })]
+  });
 };
 
 var ColorHue = /*#__PURE__*/(0, _react.memo)(Hue);

package/dist/components/ColorPicker/components/ColorInput.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorInput } from '../types';
-declare const ColorInput: ({ inputAlert, setInputAlert, hsva, onChange, colorMode }: IColorInput) => JSX.Element;
-export default ColorInput;
+/// <reference types="react" />
+import { IColorInput } from '../types';
+declare const ColorInput: ({ inputAlert, setInputAlert, hsva, onChange, colorMode }: IColorInput) => JSX.Element;
+export default ColorInput;
 //# sourceMappingURL=ColorInput.d.ts.map

package/dist/components/ColorPicker/components/ColorInput.js

@@ -17,6 +17,8 @@ var _parsers = require("../utils/parsers");
 
 var _useTheme2 = require("../../../shared/theme/hooks/useTheme");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -65,7 +67,7 @@ var ColorInput = function ColorInput(_ref) {
   (0, _react.useEffect)(function () {
     setValue((0, _parsers.colorToOutputMode)((0, _conversors.hsvaToRgbaString)(hsva), colorMode));
   }, [hsva, colorMode]);
-  return /*#__PURE__*/React.createElement(_Input.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
     labelBackground: {
       dark: theme.colors.neutral.neutral6,
       light: theme.colors.neutral.white

package/dist/components/ColorPicker/components/ColorPickerBox.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorPickerBox } from '../types';
-declare const ColorPickerBox: import("react").MemoExoticComponent<({ hsva, onChange }: IColorPickerBox) => JSX.Element>;
-export default ColorPickerBox;
+/// <reference types="react" />
+import { IColorPickerBox } from '../types';
+declare const ColorPickerBox: import("react").MemoExoticComponent<({ hsva, onChange }: IColorPickerBox) => JSX.Element>;
+export default ColorPickerBox;
 //# sourceMappingURL=ColorPickerBox.d.ts.map

package/dist/components/ColorPicker/components/ColorPickerBox.js

@@ -15,6 +15,8 @@ var _conversors = require("../utils/conversors");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -44,15 +46,17 @@ var PickerBox = function PickerBox(_ref) {
       a: 1
     })
   };
-  return /*#__PURE__*/React.createElement(_styles.ColorSaturationWrapper, {
-    style: style
-  }, /*#__PURE__*/React.createElement(_ColorSelector.default, {
-    onMove: handleMoveColor
-  }, /*#__PURE__*/React.createElement(_ColorPointer.default, {
-    hsva: hsva,
-    top: 1 - hsva.v / 100,
-    left: hsva.s / 100
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorSaturationWrapper, {
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorSelector.default, {
+      onMove: handleMoveColor,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPointer.default, {
+        hsva: hsva,
+        top: 1 - hsva.v / 100,
+        left: hsva.s / 100
+      })
+    })
+  });
 };
 
 var ColorPickerBox = /*#__PURE__*/(0, _react.memo)(PickerBox);

package/dist/components/ColorPicker/components/ColorPointer.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorPointer } from '../types';
-declare const ColorPointer: ({ top, left, hsva }: IColorPointer) => JSX.Element;
-export default ColorPointer;
+/// <reference types="react" />
+import { IColorPointer } from '../types';
+declare const ColorPointer: ({ top, left, hsva }: IColorPointer) => JSX.Element;
+export default ColorPointer;
 //# sourceMappingURL=ColorPointer.d.ts.map

package/dist/components/ColorPicker/components/ColorPointer.js

@@ -9,6 +9,8 @@ var _styles = require("../styles");
 
 var _conversors = require("../utils/conversors");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ColorPointer = function ColorPointer(_ref) {
   var _ref$top = _ref.top,
       top = _ref$top === void 0 ? 0.5 : _ref$top,
@@ -19,7 +21,7 @@ var ColorPointer = function ColorPointer(_ref) {
     left: "".concat(left * 100, "%"),
     backgroundColor: (0, _conversors.hsvaToHslaString)(hsva)
   };
-  return /*#__PURE__*/React.createElement(_styles.ColorPointerWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPointerWrapper, {
     style: styles
   });
 };

package/dist/components/ColorPicker/components/ColorSelector.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorSelector } from '../types';
-declare const ColorSelector: import("react").MemoExoticComponent<({ onMove, ...rest }: IColorSelector) => JSX.Element>;
-export default ColorSelector;
+/// <reference types="react" />
+import { IColorSelector } from '../types';
+declare const ColorSelector: import("react").MemoExoticComponent<({ onMove, ...rest }: IColorSelector) => JSX.Element>;
+export default ColorSelector;
 //# sourceMappingURL=ColorSelector.d.ts.map

package/dist/components/ColorPicker/components/ColorSelector.js

@@ -11,9 +11,15 @@ var _useCachedCallback = require("../hooks/useCachedCallback");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["onMove"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -119,7 +125,7 @@ var Selector = function Selector(_ref) {
   (0, _react.useEffect)(function () {
     return toggleMoveEvent;
   }, [toggleMoveEvent]);
-  return /*#__PURE__*/React.createElement(_styles.ColorSelectorWrapper, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorSelectorWrapper, _objectSpread({
     ref: container,
     onMouseDown: handleMoveStart,
     onTouchStart: handleMoveStart,

package/dist/components/ColorPicker/hooks/useCachedCallback.d.ts

@@ -1,2 +1,2 @@
-export declare const useCachedCallback: <T>(callback?: ((value: T) => void) | undefined) => (value: T) => void;
+export declare const useCachedCallback: <T>(callback?: ((value: T) => void) | undefined) => (value: T) => void;
 //# sourceMappingURL=useCachedCallback.d.ts.map

package/dist/components/ColorPicker/hooks/useHsva.d.ts

@@ -1,3 +1,3 @@
-import { IHsvaObject } from './../types';
-export declare const useHsva: (color: string, onChange?: ((color: string) => void) | undefined) => [IHsvaObject, (hsva: IHsvaObject) => void];
+import { IHsvaObject } from './../types';
+export declare const useHsva: (color: string, onChange?: ((color: string) => void) | undefined) => [IHsvaObject, (hsva: IHsvaObject) => void];
 //# sourceMappingURL=useHsva.d.ts.map

package/dist/components/ColorPicker/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorPicker } from './types';
-declare const ColorPicker: ({ onChange, onSave, onCancel, initialColor }: IColorPicker) => JSX.Element;
-export default ColorPicker;
+/// <reference types="react" />
+import { IColorPicker } from './types';
+declare const ColorPicker: ({ onChange, onSave, onCancel, initialColor }: IColorPicker) => JSX.Element;
+export default ColorPicker;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ColorPicker/index.js

@@ -21,6 +21,8 @@ var _useHsva3 = require("./hooks/useHsva");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -64,40 +66,48 @@ var ColorPicker = function ColorPicker(_ref) {
     onSave && onSave((0, _parsers.colorToOutputMode)((0, _conversors.hsvaToRgbaString)(hsva), (0, _parsers.colorMode)(initialColor)));
   }
 
-  return /*#__PURE__*/React.createElement(_styles.ColorPickerContainer, null, /*#__PURE__*/React.createElement(_ColorPickerBox.default, {
-    hsva: hsva,
-    onChange: function onChange(hsva) {
-      handleChange(hsva);
-      setInputAlert({
-        alert: undefined
-      });
-    }
-  }), /*#__PURE__*/React.createElement(_styles.ColorPickerContainerWrapper, null, /*#__PURE__*/React.createElement(_ColorHue.default, {
-    onChange: function onChange(hue) {
-      var modifedHsva = _objectSpread(_objectSpread({}, hsva), {}, {
-        h: hue
-      });
-
-      handleChange(modifedHsva);
-      setInputAlert({
-        alert: undefined
-      });
-    },
-    hsva: hsva
-  }), /*#__PURE__*/React.createElement(_ColorInput.default, {
-    hsva: hsva,
-    onChange: handleChange,
-    colorMode: (0, _parsers.colorMode)(initialColor),
-    inputAlert: inputAlert,
-    setInputAlert: setInputAlert
-  }), /*#__PURE__*/React.createElement(_styles.ColorPickerButtonsWrapper, null, /*#__PURE__*/React.createElement(_styles.ColorPickerButton, {
-    bgTransparent: true,
-    onClick: function onClick() {
-      onCancel && onCancel();
-    }
-  }, "Cancelar"), /*#__PURE__*/React.createElement(_styles.ColorPickerButton, {
-    onClick: handleSave
-  }, "Salvar cor"))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPickerBox.default, {
+      hsva: hsva,
+      onChange: function onChange(hsva) {
+        handleChange(hsva);
+        setInputAlert({
+          alert: undefined
+        });
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerContainerWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorHue.default, {
+        onChange: function onChange(hue) {
+          var modifedHsva = _objectSpread(_objectSpread({}, hsva), {}, {
+            h: hue
+          });
+
+          handleChange(modifedHsva);
+          setInputAlert({
+            alert: undefined
+          });
+        },
+        hsva: hsva
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorInput.default, {
+        hsva: hsva,
+        onChange: handleChange,
+        colorMode: (0, _parsers.colorMode)(initialColor),
+        inputAlert: inputAlert,
+        setInputAlert: setInputAlert
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerButtonsWrapper, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
+          bgTransparent: true,
+          onClick: function onClick() {
+            onCancel && onCancel();
+          },
+          children: "Cancelar"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
+          onClick: handleSave,
+          children: "Salvar cor"
+        })]
+      })]
+    })]
+  });
 };
 
 var _default = ColorPicker;

package/dist/components/ColorPicker/styles.d.ts

@@ -1,45 +1,45 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const ColorPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorSaturationWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorPickerContainerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorPointerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorHueWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorHueCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorHueSliderContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorSelectorWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorPickerButtonsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorPickerButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    bgTransparent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const ColorPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorSaturationWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorPickerContainerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorPointerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorHueWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorHueCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorHueSliderContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorSelectorWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorPickerButtonsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorPickerButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    bgTransparent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/ColorPicker/types.d.ts

@@ -1,74 +1,74 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { IInputProps } from '../Input/types';
-export declare type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
-export declare type IHsvaObject = {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare type IColorPicker = {
-    /**
-     * Callback function that is called when the cancel button is clicked.
-     */
-    onCancel: () => void;
-    /**
-     * Callback function that is called when the color is changed.
-     */
-    onChange?: (color: string) => void;
-    /**
-     * Callback function that is called when the save button is clicked.
-     */
-    onSave: (color: string) => void;
-    /**
-     * Set the initial color of the picker.
-     */
-    initialColor?: string;
-};
-export declare type IColorPickerBox = {
-    hsva: IHsvaObject;
-    onChange: (hsva: IHsvaObject) => void;
-};
-export declare type IColorPointer = {
-    top?: number;
-    left: number;
-    hsva: IHsvaObject;
-};
-export declare type IColorSaturation = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    color: {
-        h: number;
-        s: number;
-        v: number;
-        a: number;
-    };
-};
-export declare type IColorSelector = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    children: ReactNode;
-};
-export declare type IColorInput = {
-    hsva: IHsvaObject;
-    colorMode: IOutputColorMode;
-    onChange: (hsva: IHsvaObject) => void;
-    inputAlert: Pick<IInputProps, 'alert'>;
-    setInputAlert: Dispatch<SetStateAction<Pick<IInputProps, 'alert'>>>;
-};
-export declare type IButtonsProps = {
-    onCancel: () => void;
-    onSave: (color: string) => void;
-    color: string;
-    outputColorMode: IOutputColorMode;
-};
-export declare type IColorHueSlider = IColorSelector;
-export declare type IColorHue = {
-    onChange: (hue: number) => void;
-    hsva: IHsvaObject;
-};
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { IInputProps } from '../Input/types';
+export declare type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
+export declare type IHsvaObject = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare type IColorPicker = {
+    /**
+     * Callback function that is called when the cancel button is clicked.
+     */
+    onCancel: () => void;
+    /**
+     * Callback function that is called when the color is changed.
+     */
+    onChange?: (color: string) => void;
+    /**
+     * Callback function that is called when the save button is clicked.
+     */
+    onSave: (color: string) => void;
+    /**
+     * Set the initial color of the picker.
+     */
+    initialColor?: string;
+};
+export declare type IColorPickerBox = {
+    hsva: IHsvaObject;
+    onChange: (hsva: IHsvaObject) => void;
+};
+export declare type IColorPointer = {
+    top?: number;
+    left: number;
+    hsva: IHsvaObject;
+};
+export declare type IColorSaturation = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    color: {
+        h: number;
+        s: number;
+        v: number;
+        a: number;
+    };
+};
+export declare type IColorSelector = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    children: ReactNode;
+};
+export declare type IColorInput = {
+    hsva: IHsvaObject;
+    colorMode: IOutputColorMode;
+    onChange: (hsva: IHsvaObject) => void;
+    inputAlert: Pick<IInputProps, 'alert'>;
+    setInputAlert: Dispatch<SetStateAction<Pick<IInputProps, 'alert'>>>;
+};
+export declare type IButtonsProps = {
+    onCancel: () => void;
+    onSave: (color: string) => void;
+    color: string;
+    outputColorMode: IOutputColorMode;
+};
+export declare type IColorHueSlider = IColorSelector;
+export declare type IColorHue = {
+    onChange: (hue: number) => void;
+    hsva: IHsvaObject;
+};
 //# sourceMappingURL=types.d.ts.map