@pedidopago/ui 1.7.20 → 1.7.22

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/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/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/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/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/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/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/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,oBAAoB;;;8HAehC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAOlC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAKvC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8HAc/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAM1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAenC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAOhC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;yGAKrC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;qHAuC7B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,oBAAoB;;;8HAShC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAOlC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAKvC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8HAc/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAM1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAenC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAOhC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;yGAKrC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;qHA4B7B,CAAC"}

package/dist/components/ColorPicker/styles.js

@@ -9,9 +9,9 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var ColorPickerContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --border_radius: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  background-color: ", ";\n  border-radius: 24px;\n  border-radius: var(--border_radius);\n  box-shadow: ", ";\n"])), function (props) {
-  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral6 : props.theme.colors.neutral.white;
+  return props.theme.colors.neutral.white;
 }, function (props) {
-  return props.theme.colorMode === 'dark' ? "0px 16px 32px ".concat(props.theme.colors.neutral.black) : props.theme.shadow.level3;
+  return props.theme.shadow.level3;
 });
 exports.ColorPickerContainer = ColorPickerContainer;
 var ColorSaturationWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 180px;\n  position: relative;\n  border-radius: var(--border_radius) var(--border_radius) 0 0;\n  background-image: linear-gradient(0deg, #000, transparent),\n    linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\n"])));
@@ -37,10 +37,10 @@ exports.ColorPickerButtonsWrapper = ColorPickerButtonsWrapper;
 var ColorPickerButton = _styled.default.button(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  padding: 14px;\n  border: none;\n  font-size: 1rem;\n  font-family: inherit;\n  cursor: pointer;\n  font-weight: 600;\n  flex: 1;\n\n  user-select: none;\n\n  transition: all 0.2s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n    filter: brightness(95%);\n  }\n\n  &:active {\n    filter: brightness(85%);\n  }\n"])), function (props) {
   return props.bgTransparent ? 'transparent' : props.theme.colors.primary.default;
 }, function (props) {
-  return props.bgTransparent ? props.theme.colors.neutral.neutral3 : props.theme.colors.neutral.white;
+  return props.bgTransparent ? props.theme.colors.neutral.neutral3 : '#FFFFFF';
 }, function (props) {
-  return props.bgTransparent ? props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.neutral.neutral1 : '';
+  return props.bgTransparent ? props.theme.colors.neutral.neutral1 : '';
 }, function (props) {
-  return props.bgTransparent ? props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral1 : props.theme.colors.neutral.neutral5 : '';
+  return props.bgTransparent ? props.theme.colors.neutral.neutral5 : '';
 });
 exports.ColorPickerButton = ColorPickerButton;

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

@@ -1,74 +1,74 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { InputProps } from '../Input/types';
-export type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
-export type IHsvaObject = {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export 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 type IColorPickerBox = {
-    hsva: IHsvaObject;
-    onChange: (hsva: IHsvaObject) => void;
-};
-export type IColorPointer = {
-    top?: number;
-    left: number;
-    hsva: IHsvaObject;
-};
-export type IColorSaturation = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    color: {
-        h: number;
-        s: number;
-        v: number;
-        a: number;
-    };
-};
-export type IColorSelector = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    children: ReactNode;
-};
-export type IColorInput = {
-    hsva: IHsvaObject;
-    colorMode: IOutputColorMode;
-    onChange: (hsva: IHsvaObject) => void;
-    inputAlert: Pick<InputProps, 'alert'>;
-    setInputAlert: Dispatch<SetStateAction<Pick<InputProps, 'alert'>>>;
-};
-export type IButtonsProps = {
-    onCancel: () => void;
-    onSave: (color: string) => void;
-    color: string;
-    outputColorMode: IOutputColorMode;
-};
-export type IColorHueSlider = IColorSelector;
-export type IColorHue = {
-    onChange: (hue: number) => void;
-    hsva: IHsvaObject;
-};
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { InputProps } from '../Input/types';
+export type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
+export type IHsvaObject = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export 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 type IColorPickerBox = {
+    hsva: IHsvaObject;
+    onChange: (hsva: IHsvaObject) => void;
+};
+export type IColorPointer = {
+    top?: number;
+    left: number;
+    hsva: IHsvaObject;
+};
+export type IColorSaturation = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    color: {
+        h: number;
+        s: number;
+        v: number;
+        a: number;
+    };
+};
+export type IColorSelector = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    children: ReactNode;
+};
+export type IColorInput = {
+    hsva: IHsvaObject;
+    colorMode: IOutputColorMode;
+    onChange: (hsva: IHsvaObject) => void;
+    inputAlert: Pick<InputProps, 'alert'>;
+    setInputAlert: Dispatch<SetStateAction<Pick<InputProps, 'alert'>>>;
+};
+export type IButtonsProps = {
+    onCancel: () => void;
+    onSave: (color: string) => void;
+    color: string;
+    outputColorMode: IOutputColorMode;
+};
+export type IColorHueSlider = IColorSelector;
+export type IColorHue = {
+    onChange: (hue: number) => void;
+    hsva: IHsvaObject;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ColorPicker/utils/checkers.d.ts

@@ -1,8 +1,8 @@
-export declare const isRgba: (color: string) => boolean;
-export declare const isHex: (color: string) => boolean;
-export declare const isHsl: (color: string) => boolean;
-export declare const isHsla: (color: string) => boolean;
-export declare const isRgb: (color: string) => boolean;
-export declare const isHsva: (color: string) => boolean;
-export declare const isAValidColor: (color: string) => boolean;
+export declare const isRgba: (color: string) => boolean;
+export declare const isHex: (color: string) => boolean;
+export declare const isHsl: (color: string) => boolean;
+export declare const isHsla: (color: string) => boolean;
+export declare const isRgb: (color: string) => boolean;
+export declare const isHsva: (color: string) => boolean;
+export declare const isAValidColor: (color: string) => boolean;
 //# sourceMappingURL=checkers.d.ts.map

package/dist/components/ColorPicker/utils/conversors.d.ts

@@ -1,61 +1,61 @@
-import { IHsvaObject } from './../types';
-export declare const hexStringToRgba: (hex: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare const hsvaToRgba: (hsva: IHsvaObject) => Record<string, number>;
-export declare const hsvaToRgbaString: (hsva: IHsvaObject) => string;
-export declare const hsvaToHslaString: (hsva: IHsvaObject) => string;
-export declare const hsvaToHsla: ({ h, s, v, a, }: IHsvaObject) => {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare const hslaToHsva: ({ h, s, l, a, }: {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-}) => IHsvaObject;
-export declare const hslaStringToHsva: (hsla: string) => IHsvaObject;
-export declare const hslStringToHsva: (hsl: string) => IHsvaObject;
-export declare const rgbaToHsva: (rgba: Record<string, number>) => {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare const rgbaStringToHsva: (rgba: string) => {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare const rgbaStringToRgba: (rgba: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare const rgbaStringToHsla: (rgba: string) => {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare const rgbaStringToHslString: (rgba: string) => string;
-export declare const rgbaStringToHslaString: (rgba: string) => string;
-export declare const rgbaToRgbaString: (rgba: Record<string, number>) => string;
-export declare const rgbaToHex: (rgba: Record<string, number>) => string;
-export declare const rgbaStringToHex: (rgba: string) => string;
-export declare const rgbaStringToRgbString: (rgba: string) => string;
-export declare const rgbStringToRgba: (rgb: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
+import { IHsvaObject } from './../types';
+export declare const hexStringToRgba: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const hsvaToRgba: (hsva: IHsvaObject) => Record<string, number>;
+export declare const hsvaToRgbaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHslaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHsla: ({ h, s, v, a, }: IHsvaObject) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const hslaToHsva: ({ h, s, l, a, }: {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}) => IHsvaObject;
+export declare const hslaStringToHsva: (hsla: string) => IHsvaObject;
+export declare const hslStringToHsva: (hsl: string) => IHsvaObject;
+export declare const rgbaToHsva: (rgba: Record<string, number>) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToHsva: (rgba: string) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToRgba: (rgba: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const rgbaStringToHsla: (rgba: string) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const rgbaStringToHslString: (rgba: string) => string;
+export declare const rgbaStringToHslaString: (rgba: string) => string;
+export declare const rgbaToRgbaString: (rgba: Record<string, number>) => string;
+export declare const rgbaToHex: (rgba: Record<string, number>) => string;
+export declare const rgbaStringToHex: (rgba: string) => string;
+export declare const rgbaStringToRgbString: (rgba: string) => string;
+export declare const rgbStringToRgba: (rgb: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
 //# sourceMappingURL=conversors.d.ts.map

package/dist/components/ColorPicker/utils/parsers.d.ts

@@ -1,28 +1,28 @@
-import { IHsvaObject, IOutputColorMode } from './../types';
-/**
- * This function converts a string color to a hsva color object
- * @param color : Color to convert to hsva;
- * @returns : hsva color object
- */
-export declare const colorToHsva: (color: string) => IHsvaObject;
-/**
- * This function gets the color mode from the color string
- * @param color : Color to check your output mode
- * @returns : Color mode
- */
-export declare const colorMode: (color: string) => IOutputColorMode;
-/**
- * This function converts a hsva color object to a string color
- * @param hsva : hsva color object
- * @param colorMode : Color output mode
- * @returns : Color string
- */
-export declare const colorFromHsva: (hsva: IHsvaObject, colorMode: IOutputColorMode | 'unknown') => string;
-/**
- * This function converts a color string to output color mode
- * @param color : Color string;
- * @param outputMode : Color output mode;
- * @returns : Color string
- */
-export declare const colorToOutputMode: (color: string, outputMode: IOutputColorMode) => string;
+import { IHsvaObject, IOutputColorMode } from './../types';
+/**
+ * This function converts a string color to a hsva color object
+ * @param color : Color to convert to hsva;
+ * @returns : hsva color object
+ */
+export declare const colorToHsva: (color: string) => IHsvaObject;
+/**
+ * This function gets the color mode from the color string
+ * @param color : Color to check your output mode
+ * @returns : Color mode
+ */
+export declare const colorMode: (color: string) => IOutputColorMode;
+/**
+ * This function converts a hsva color object to a string color
+ * @param hsva : hsva color object
+ * @param colorMode : Color output mode
+ * @returns : Color string
+ */
+export declare const colorFromHsva: (hsva: IHsvaObject, colorMode: IOutputColorMode | 'unknown') => string;
+/**
+ * This function converts a color string to output color mode
+ * @param color : Color string;
+ * @param outputMode : Color output mode;
+ * @returns : Color string
+ */
+export declare const colorToOutputMode: (color: string, outputMode: IOutputColorMode) => string;
 //# sourceMappingURL=parsers.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ComposeIconProps } from './types';
-declare const ComposeIcon: FC<ComposeIconProps>;
-export default ComposeIcon;
+import { FC } from 'react';
+import { ComposeIconProps } from './types';
+declare const ComposeIcon: FC<ComposeIconProps>;
+export default ComposeIcon;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { ComposeIconProps } from './types';
-export declare const ComposeIconContainer: 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 StatusBubbleContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<ComposeIconProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { ComposeIconProps } from './types';
+export declare const ComposeIconContainer: 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 StatusBubbleContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<ComposeIconProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/ComposeIcon/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ComposeIcon/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;qIAuDjC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ComposeIcon/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;qIAyDjC,CAAC"}

package/dist/components/ComposeIcon/styles.js

@@ -14,13 +14,13 @@ exports.ComposeIconContainer = ComposeIconContainer;
 var StatusBubbleContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n\n  padding: 4px;\n\n  background: ", ";\n\n  border-radius: 50%;\n  border: ", ";\n  box-shadow: ", ";\n\n  ", "\n"])), function (_ref) {
   var bubbleColor = _ref.bubbleColor,
     theme = _ref.theme;
-  return bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : 'white';
+  return bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : theme.colors.neutral.white;
 }, function (_ref2) {
   var size = _ref2.size,
     bubbleBorder = _ref2.bubbleBorder,
     bubbleColor = _ref2.bubbleColor,
     theme = _ref2.theme;
-  return "".concat(0.03 * size, "px solid ").concat(!bubbleBorder && bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : bubbleColor);
+  return "".concat(0.03 * size, "px solid ").concat(!bubbleBorder && bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : theme.colors.neutral.white);
 }, function (_ref3) {
   var bubbleShadow = _ref3.bubbleShadow;
   return bubbleShadow ? 'rgba(0, 0, 0, 0.2) 0px 3px 8px' : 'none';

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

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
-import { GlobalColorsProps } from '../../shared/theme';
-export interface ComposeIconProps {
-    backgroundIcon: ReactNode;
-    foregroundIcon: ReactNode;
-    size?: number;
-    bubblePosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'center' | undefined;
-    bubbleColor?: GlobalColorsProps | (string & {});
-    bubbleBorder?: boolean;
-    bubbleShadow?: boolean;
-}
+import { ReactNode } from 'react';
+import { GlobalColorsProps } from '../../shared/theme';
+export interface ComposeIconProps {
+    backgroundIcon: ReactNode;
+    foregroundIcon: ReactNode;
+    size?: number;
+    bubblePosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'center' | undefined;
+    bubbleColor?: GlobalColorsProps | (string & {});
+    bubbleBorder?: boolean;
+    bubbleShadow?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map