@pedidopago/ui 1.6.9 → 1.6.11

package/dist/components/ColorPicker/styles.js

@@ -4,59 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ColorSelectorWrapper = exports.ColorSaturationWrapper = exports.ColorPointerWrapper = exports.ColorPickerContainerWrapper = exports.ColorPickerContainer = exports.ColorPickerButtonsWrapper = exports.ColorPickerButton = exports.ColorHueWrapper = exports.ColorHueSliderContainer = exports.ColorHueCircle = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
 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;
 }, function (props) {
   return props.theme.colorMode === 'dark' ? "0px 16px 32px ".concat(props.theme.colors.neutral.black) : 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"])));
-
 exports.ColorSaturationWrapper = ColorSaturationWrapper;
-
 var ColorPickerContainerWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 24px 16px;\n"])));
-
 exports.ColorPickerContainerWrapper = ColorPickerContainerWrapper;
-
 var ColorPointerWrapper = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 25px;\n  height: 25px;\n  border: 2px solid ", ";\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n\n  box-shadow: ", ";\n\n  &:active {\n    width: 27px;\n    height: 27px;\n  }\n"])), function (props) {
   return props.theme.colors.neutral.white;
 }, function (props) {
   return props.theme.shadow.level1;
 });
-
 exports.ColorPointerWrapper = ColorPointerWrapper;
-
 var ColorHueWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
-
 exports.ColorHueWrapper = ColorHueWrapper;
-
 var ColorHueCircle = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 45px;\n  min-width: 45px;\n  height: 45px;\n  min-height: 45px;\n  border-radius: 999999px;\n"])));
-
 exports.ColorHueCircle = ColorHueCircle;
-
 var ColorHueSliderContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 16px;\n  border-radius: 5px;\n  background: linear-gradient(\n    270deg,\n    #ff638f 0%,\n    #ff00d4 16.2%,\n    #0008ff 33.3%,\n    #00ffff 52.1%,\n    #15ff00 67.6%,\n    #f9ff00 81.6%,\n    #ff0e09 100%\n  );\n"])));
-
 exports.ColorHueSliderContainer = ColorHueSliderContainer;
-
 var ColorSelectorWrapper = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  outline: none;\n  position: absolute;\n"])));
-
 exports.ColorSelectorWrapper = ColorSelectorWrapper;
-
 var ColorPickerButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 15px;\n"])));
-
 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) {
@@ -66,5 +43,4 @@ var ColorPickerButton = _styled.default.button(_templateObject10 || (_templateOb
 }, function (props) {
   return props.bgTransparent ? props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral1 : props.theme.colors.neutral.neutral5 : '';
 });
-
 exports.ColorPickerButton = ColorPickerButton;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,gBAAgB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnF,oBAAY,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD,CAAC;AAEF,oBAAY,cAAc,GAAG;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACtC,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,gBAAgB,CAAC;CACnC,CAAC;AAEF,oBAAY,eAAe,GAAG,cAAc,CAAC;AAE7C,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnF,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACtC,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,gBAAgB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC"}

package/dist/components/ColorPicker/utils/checkers.js

@@ -4,71 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isRgba = exports.isRgb = exports.isHsva = exports.isHsla = exports.isHsl = exports.isHex = exports.isAValidColor = void 0;
-
 var isRgba = function isRgba(color) {
   var rgba = color.match(/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);
   return rgba !== null;
 };
-
 exports.isRgba = isRgba;
-
 var isHex = function isHex(color) {
   var hex = color.match(/^#([A-Fa-f0-9]{6})$/);
   return hex !== null;
 };
-
 exports.isHex = isHex;
-
 var isHsl = function isHsl(color) {
   var hsl = color.match(/^hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)$/);
   return hsl !== null;
 };
-
 exports.isHsl = isHsl;
-
 var isHsla = function isHsla(color) {
   var hsla = color.match(/^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)$/);
   return hsla !== null;
 };
-
 exports.isHsla = isHsla;
-
 var isRgb = function isRgb(color) {
   var rgb = color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   return rgb !== null;
 };
-
 exports.isRgb = isRgb;
-
 var isHsva = function isHsva(color) {
   var hsva = color.match(/^hsva\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);
   return hsva !== null;
 };
-
 exports.isHsva = isHsva;
-
 var isAValidColor = function isAValidColor(color) {
   if (isHex(color)) {
     return true;
   }
-
   if (isRgba(color)) {
     return true;
   }
-
   if (isHsl(color)) {
     return true;
   }
-
   if (isHsla(color)) {
     return true;
   }
-
   if (isRgb(color)) {
     return true;
   }
-
   return false;
 };
-
 exports.isAValidColor = isAValidColor;

package/dist/components/ColorPicker/utils/conversors.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rgbaToRgbaString = exports.rgbaToHsva = exports.rgbaToHex = exports.rgbaStringToRgba = exports.rgbaStringToRgbString = exports.rgbaStringToHsva = exports.rgbaStringToHslaString = exports.rgbaStringToHsla = exports.rgbaStringToHslString = exports.rgbaStringToHex = exports.rgbStringToRgba = exports.hsvaToRgbaString = exports.hsvaToRgba = exports.hsvaToHslaString = exports.hsvaToHsla = exports.hslaToHsva = exports.hslaStringToHsva = exports.hslStringToHsva = exports.hexStringToRgba = void 0;
-
 var hexStringToRgba = function hexStringToRgba(hex) {
   var result = hex.length >= 6 ? /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) : null;
   return result ? {
@@ -19,14 +18,12 @@ var hexStringToRgba = function hexStringToRgba(hex) {
     a: 1
   };
 };
-
 exports.hexStringToRgba = hexStringToRgba;
-
 var hsvaToRgba = function hsvaToRgba(hsva) {
   var h = hsva.h,
-      s = hsva.s,
-      v = hsva.v,
-      a = hsva.a;
+    s = hsva.s,
+    v = hsva.v,
+    a = hsva.a;
   h = h / 360 * 6;
   s = s / 100;
   v = v / 100;
@@ -42,38 +39,30 @@ var hsvaToRgba = function hsvaToRgba(hsva) {
     a: Math.round(a * 100 / 100)
   };
 };
-
 exports.hsvaToRgba = hsvaToRgba;
-
 var hsvaToRgbaString = function hsvaToRgbaString(hsva) {
   var _hsvaToRgba = hsvaToRgba(hsva),
-      r = _hsvaToRgba.r,
-      g = _hsvaToRgba.g,
-      b = _hsvaToRgba.b,
-      a = _hsvaToRgba.a;
-
+    r = _hsvaToRgba.r,
+    g = _hsvaToRgba.g,
+    b = _hsvaToRgba.b,
+    a = _hsvaToRgba.a;
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
 };
-
 exports.hsvaToRgbaString = hsvaToRgbaString;
-
 var hsvaToHslaString = function hsvaToHslaString(hsva) {
   var _hsvaToHsla = hsvaToHsla(hsva),
-      h = _hsvaToHsla.h,
-      s = _hsvaToHsla.s,
-      l = _hsvaToHsla.l,
-      a = _hsvaToHsla.a;
-
+    h = _hsvaToHsla.h,
+    s = _hsvaToHsla.s,
+    l = _hsvaToHsla.l,
+    a = _hsvaToHsla.a;
   return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
 };
-
 exports.hsvaToHslaString = hsvaToHslaString;
-
 var hsvaToHsla = function hsvaToHsla(_ref) {
   var h = _ref.h,
-      s = _ref.s,
-      v = _ref.v,
-      a = _ref.a;
+    s = _ref.s,
+    v = _ref.v,
+    a = _ref.a;
   var hh = (200 - s) * v / 100;
   return {
     h: Math.round(h),
@@ -82,14 +71,12 @@ var hsvaToHsla = function hsvaToHsla(_ref) {
     a: Math.round(a * 100 / 100)
   };
 };
-
 exports.hsvaToHsla = hsvaToHsla;
-
 var hslaToHsva = function hslaToHsva(_ref2) {
   var h = _ref2.h,
-      s = _ref2.s,
-      l = _ref2.l,
-      a = _ref2.a;
+    s = _ref2.s,
+    l = _ref2.l,
+    a = _ref2.a;
   s *= (l < 50 ? l : 100 - l) / 100;
   return {
     h: h,
@@ -98,12 +85,9 @@ var hslaToHsva = function hslaToHsva(_ref2) {
     a: a
   };
 };
-
 exports.hslaToHsva = hslaToHsva;
-
 var hslaStringToHsva = function hslaStringToHsva(hsla) {
   var result = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(hsla);
-
   if (!result) {
     return {
       h: 0,
@@ -112,7 +96,6 @@ var hslaStringToHsva = function hslaStringToHsva(hsla) {
       a: 1
     };
   }
-
   return hslaToHsva({
     h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
     s: parseFloat(result[3]),
@@ -120,12 +103,9 @@ var hslaStringToHsva = function hslaStringToHsva(hsla) {
     a: result[5] ? parseFloat(result[5]) : 1
   });
 };
-
 exports.hslaStringToHsva = hslaStringToHsva;
-
 var hslStringToHsva = function hslStringToHsva(hsl) {
   var result = /hsl\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?\s*\)?/i.exec(hsl);
-
   if (!result) {
     return {
       h: 0,
@@ -134,7 +114,6 @@ var hslStringToHsva = function hslStringToHsva(hsl) {
       a: 1
     };
   }
-
   return hslaToHsva({
     h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
     s: parseFloat(result[3]),
@@ -142,17 +121,16 @@ var hslStringToHsva = function hslStringToHsva(hsl) {
     a: 1
   });
 };
-
 exports.hslStringToHsva = hslStringToHsva;
-
 var rgbaToHsva = function rgbaToHsva(rgba) {
   var r = rgba.r,
-      g = rgba.g,
-      b = rgba.b,
-      a = rgba.a;
+    g = rgba.g,
+    b = rgba.b,
+    a = rgba.a;
   var max = Math.max(r, g, b);
-  var delta = max - Math.min(r, g, b); // prettier-ignore
+  var delta = max - Math.min(r, g, b);
 
+  // prettier-ignore
   var hh = delta ? max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
   return {
     h: Math.round(60 * (hh < 0 ? hh + 6 : hh)),
@@ -161,16 +139,13 @@ var rgbaToHsva = function rgbaToHsva(rgba) {
     a: a
   };
 };
-
 exports.rgbaToHsva = rgbaToHsva;
-
 var rgbaStringToHsva = function rgbaStringToHsva(rgba) {
   var _rgbaStringToRgba = rgbaStringToRgba(rgba),
-      r = _rgbaStringToRgba.r,
-      g = _rgbaStringToRgba.g,
-      b = _rgbaStringToRgba.b,
-      a = _rgbaStringToRgba.a;
-
+    r = _rgbaStringToRgba.r,
+    g = _rgbaStringToRgba.g,
+    b = _rgbaStringToRgba.b,
+    a = _rgbaStringToRgba.a;
   return rgbaToHsva({
     r: r,
     g: g,
@@ -178,9 +153,7 @@ var rgbaStringToHsva = function rgbaStringToHsva(rgba) {
     a: a
   });
 };
-
 exports.rgbaStringToHsva = rgbaStringToHsva;
-
 var rgbaStringToRgba = function rgbaStringToRgba(rgba) {
   var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
   var match = matcher.exec(rgba);
@@ -197,79 +170,60 @@ var rgbaStringToRgba = function rgbaStringToRgba(rgba) {
     a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
   };
 };
-
 exports.rgbaStringToRgba = rgbaStringToRgba;
-
 var rgbaStringToHsla = function rgbaStringToHsla(rgba) {
   var hsva = rgbaStringToHsva(rgba);
   var hsla = hsvaToHsla(hsva);
   return hsla;
 };
-
 exports.rgbaStringToHsla = rgbaStringToHsla;
-
 var rgbaStringToHslString = function rgbaStringToHslString(rgba) {
   var _rgbaStringToHsla = rgbaStringToHsla(rgba),
-      h = _rgbaStringToHsla.h,
-      s = _rgbaStringToHsla.s,
-      l = _rgbaStringToHsla.l;
-
+    h = _rgbaStringToHsla.h,
+    s = _rgbaStringToHsla.s,
+    l = _rgbaStringToHsla.l;
   return "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
 };
-
 exports.rgbaStringToHslString = rgbaStringToHslString;
-
 var rgbaStringToHslaString = function rgbaStringToHslaString(rgba) {
   var _rgbaStringToHsla2 = rgbaStringToHsla(rgba),
-      h = _rgbaStringToHsla2.h,
-      s = _rgbaStringToHsla2.s,
-      l = _rgbaStringToHsla2.l,
-      a = _rgbaStringToHsla2.a;
-
+    h = _rgbaStringToHsla2.h,
+    s = _rgbaStringToHsla2.s,
+    l = _rgbaStringToHsla2.l,
+    a = _rgbaStringToHsla2.a;
   return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
 };
-
 exports.rgbaStringToHslaString = rgbaStringToHslaString;
-
 var rgbaToRgbaString = function rgbaToRgbaString(rgba) {
   var r = rgba.r,
-      g = rgba.g,
-      b = rgba.b,
-      a = rgba.a;
+    g = rgba.g,
+    b = rgba.b,
+    a = rgba.a;
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
 };
-
 exports.rgbaToRgbaString = rgbaToRgbaString;
-
 var rgbaToHex = function rgbaToHex(rgba) {
   var r = rgba.r,
-      g = rgba.g,
-      b = rgba.b;
+    g = rgba.g,
+    b = rgba.b;
   return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
 };
-
 exports.rgbaToHex = rgbaToHex;
-
 var rgbaStringToHex = function rgbaStringToHex(rgba) {
   var _rgbaStringToRgba2 = rgbaStringToRgba(rgba),
-      r = _rgbaStringToRgba2.r,
-      g = _rgbaStringToRgba2.g,
-      b = _rgbaStringToRgba2.b;
-
+    r = _rgbaStringToRgba2.r,
+    g = _rgbaStringToRgba2.g,
+    b = _rgbaStringToRgba2.b;
   return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
 };
-
 exports.rgbaStringToHex = rgbaStringToHex;
-
 var rgbaStringToRgbString = function rgbaStringToRgbString(rgba) {
   var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
   var match = matcher.exec(rgba);
   if (!match) return '';
   return "rgb(".concat(match[1], ", ").concat(match[3], ", ").concat(match[5], ")");
 };
-
 exports.rgbaStringToRgbString = rgbaStringToRgbString;
-
 var rgbStringToRgba = function rgbStringToRgba(rgb) {
   var matcher = /rgb\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
   var match = matcher.exec(rgb);
@@ -286,5 +240,4 @@ var rgbStringToRgba = function rgbStringToRgba(rgb) {
     a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
   };
 };
-
 exports.rgbStringToRgba = rgbStringToRgba;

package/dist/components/ColorPicker/utils/parsers.js

@@ -1,20 +1,14 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colorToOutputMode = exports.colorToHsva = exports.colorMode = exports.colorFromHsva = void 0;
-
 var _conversors = require("./conversors");
-
 var checker = _interopRequireWildcard(require("./checkers"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * This function converts a string color to a hsva color object
  * @param color : Color to convert to hsva;
@@ -24,28 +18,27 @@ var colorToHsva = function colorToHsva(color) {
   // Check if the color is a hex string and convert it to rgba and then to hsva
   if (checker.isHex(color)) {
     return (0, _conversors.rgbaToHsva)((0, _conversors.hexStringToRgba)(color));
-  } // Check if the color is a hsl string and convert it to rgba and then to hsva
-
+  }
 
+  // Check if the color is a hsl string and convert it to rgba and then to hsva
   if (checker.isHsl(color)) {
     return (0, _conversors.hslStringToHsva)(color);
-  } // Check if the color is a hsla string and convert it to rgba and then to hsva
-
+  }
 
+  // Check if the color is a hsla string and convert it to rgba and then to hsva
   if (checker.isHsla(color)) {
     return (0, _conversors.hslaStringToHsva)(color);
-  } // Check if the color is a rgb string and convert it to rgba and then to hsva
-
+  }
 
+  // Check if the color is a rgb string and convert it to rgba and then to hsva
   if (checker.isRgb(color)) {
     return (0, _conversors.rgbaToHsva)((0, _conversors.rgbStringToRgba)(color));
-  } // Check if the color is a rgba string and convert it to rgba and then to hsva
-
+  }
 
+  // Check if the color is a rgba string and convert it to rgba and then to hsva
   if (checker.isRgba(color)) {
     return (0, _conversors.rgbaToHsva)((0, _conversors.rgbaStringToRgba)(color));
   }
-
   return {
     h: 0,
     s: 0,
@@ -53,99 +46,77 @@ var colorToHsva = function colorToHsva(color) {
     a: 1
   };
 };
+
 /**
  * This function gets the color mode from the color string
  * @param color : Color to check your output mode
  * @returns : Color mode
  */
-
-
 exports.colorToHsva = colorToHsva;
-
 var colorMode = function colorMode(color) {
   if (checker.isHex(color)) {
     return 'hex';
   }
-
   if (checker.isHsl(color)) {
     return 'hsl';
   }
-
   if (checker.isHsla(color)) {
     return 'hsla';
   }
-
   if (checker.isRgb(color)) {
     return 'rgb';
   }
-
   if (checker.isRgba(color)) {
     return 'rgba';
   }
-
   return 'unknown';
 };
+
 /**
  * This function converts a hsva color object to a string color
  * @param hsva : hsva color object
  * @param colorMode : Color output mode
  * @returns : Color string
  */
-
-
 exports.colorMode = colorMode;
-
 var colorFromHsva = function colorFromHsva(hsva, colorMode) {
   switch (colorMode) {
     case 'hex':
       return (0, _conversors.rgbaToHex)((0, _conversors.hsvaToRgba)(hsva));
-
     case 'hsl':
       return (0, _conversors.rgbaStringToHslString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
-
     case 'hsla':
       return (0, _conversors.rgbaStringToHslaString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
-
     case 'rgb':
       return (0, _conversors.rgbaStringToRgbString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
-
     case 'rgba':
       return (0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva));
-
     default:
       return 'unknown';
   }
 };
+
 /**
  * This function converts a color string to output color mode
  * @param color : Color string;
  * @param outputMode : Color output mode;
  * @returns : Color string
  */
-
-
 exports.colorFromHsva = colorFromHsva;
-
 var colorToOutputMode = function colorToOutputMode(color, outputMode) {
   switch (outputMode) {
     case 'rgba':
       return color;
-
     case 'hex':
       return (0, _conversors.rgbaStringToHex)(color);
-
     case 'rgb':
       return (0, _conversors.rgbaStringToRgbString)(color);
-
     case 'hsl':
       return (0, _conversors.rgbaStringToHslString)(color);
-
     case 'hsla':
       return (0, _conversors.rgbaStringToHslaString)(color);
-
     default:
       return outputMode;
   }
 };
-
 exports.colorToOutputMode = colorToOutputMode;