@pedidopago/ui 1.0.6

package/dist/shared/theme/theme.js

@@ -0,0 +1,238 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTheme = void 0;
+
+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 fontSizes = {
+  xxxs: '0.75rem',
+  xxs: '0.875rem',
+  xs: '1rem',
+  sm: '1.125rem',
+  md: '1.25rem',
+  lg: '1.5rem',
+  xl: '2rem',
+  xxl: '2.5rem',
+  xxxl: '3.25rem',
+  display: '4rem',
+  giant: '5rem'
+};
+var buttonSize = {
+  sm: '44px',
+  md: '52px',
+  xl: '60px'
+};
+var breakpoints = {
+  base: '0px',
+  sm: '30rem',
+  md: '48rem',
+  lg: '64rem',
+  xl: '80rem',
+  xxl: '100rem'
+};
+var space = {
+  px: '1px',
+  0.5: '0.125rem',
+  1: '0.25rem',
+  1.5: '0.375rem',
+  2: '0.5rem',
+  2.5: '0.625rem',
+  3: '0.75rem',
+  3.5: '0.875rem',
+  4: '1rem',
+  5: '1.25rem',
+  6: '1.5rem',
+  7: '1.75rem',
+  8: '2rem',
+  9: '2.25rem',
+  10: '2.5rem',
+  12: '3rem',
+  14: '3.5rem',
+  16: '4rem',
+  20: '5rem',
+  24: '6rem',
+  28: '7rem',
+  32: '8rem',
+  36: '9rem',
+  40: '10rem',
+  44: '11rem',
+  48: '12rem',
+  52: '13rem',
+  56: '14rem',
+  60: '15rem',
+  64: '16rem',
+  72: '18rem',
+  80: '20rem',
+  96: '24rem',
+  112: '28rem',
+  128: '32rem'
+};
+var fontWeight = {
+  normal: '400',
+  bold: '700',
+  '100': '100',
+  '200': '200',
+  '300': '300',
+  '400': '400',
+  '500': '500',
+  '600': '600',
+  '700': '700',
+  '800': '800',
+  '900': '900'
+};
+var colors = {
+  body: {
+    light: '#fff',
+    dark: '#000'
+  },
+  primary: {
+    alert: 'rgba(181, 241, 221, 0.2)',
+    disabled: '#9DF1D5',
+    default: '#22E0A1',
+    hover: '#1fcb92',
+    focus: '#1cb582',
+    transparent: 'transparent'
+  },
+  secondary: {
+    disabled: '#BED0FD',
+    default: '#034AFD',
+    hover: '#1F56E0',
+    focus: '#1C4CC7'
+  },
+  tertiary: {
+    disabled: '#EAEFED',
+    default: '#CAD6D1',
+    hover: '#A3B8B0',
+    focus: '#709085'
+  },
+  neutral: {
+    white: '#FFFFFF',
+    neutral1: '#EAEFED',
+    neutral2: '#CAD6D1',
+    neutral3: '#A3B8B0',
+    neutral4: '#709085',
+    neutral5: '#587169',
+    neutral6: '#465953',
+    black: '#34423D'
+  },
+  background: {
+    linear1: 'linear-gradient(107.46deg, #034AFD 0%, #1ECAAF 111.36%)',
+    linear2: 'linear-gradient(99.45deg, rgba(255, 255, 255, 0) 34.2%, #FFFFFF 94.04%), #EAEFED',
+    linear3: 'linear-gradient(100.62deg, #FFFFFF 6.63%, rgba(255, 255, 255, 0) 93.99%), #EAEFED',
+    light: '#FFFFFF'
+  },
+  informative: {
+    default: '#3B82F6',
+    blurred: '#B1CDFB',
+    dark: '#364f62',
+    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B1CDFB'
+  },
+  success: {
+    default: '#34D399',
+    blurred: '#B5F1DD',
+    dark: '#345f50',
+    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B5F1DD'
+  },
+  success_secondary: {
+    default: '#34D3C9',
+    blurred: '#AAFAF5',
+    dark: '#345f59',
+    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #AAFAF5'
+  },
+  warning: {
+    default: '#FB923C',
+    blurred: '#FDE7D5',
+    dark: '#5c523d',
+    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FDD3B1'
+  },
+  warning_secondary: {
+    default: '#FFC453',
+    blurred: '#FFF1D6',
+    dark: '#5c523d',
+    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FFE8BD'
+  },
+  error: {
+    default: '#EF4444',
+    blurred: '#F6CFD8',
+    dark: '#5a433f',
+    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #F6CFD8'
+  },
+  critical: {
+    default: '#B80F60',
+    blurred: '#E0A6C2',
+    dark: '#4f3844',
+    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E0A6C2'
+  }
+};
+var borderRadius = {
+  default: '0.5rem'
+};
+
+var spacing = _objectSpread(_objectSpread({}, space), {}, {
+  quarck: '0.25rem',
+  nano: '0.5rem',
+  xxxs: '1rem',
+  xxs: '1.5rem',
+  xs: '2rem',
+  sm: '2.5rem',
+  md: '3rem',
+  lg: '3.5rem',
+  xl: '4rem',
+  xxl: '5rem',
+  xxxl: '6rem',
+  huge: '6.5rem',
+  giant: '7rem'
+});
+
+var spacingest = _objectSpread(_objectSpread({}, space), {}, {
+  quarck: '0.25rem',
+  nano: '0.5rem',
+  xs: '1rem',
+  sm: '1.5rem',
+  md: '2rem',
+  lg: '2.5rem'
+});
+
+var shadow = {
+  level1: '0px 4px 8px rgba(165, 171, 179, 0.16)',
+  level2: '0px 8px 24px rgba(165, 171, 179, 0.4)',
+  level3: '0px 16px 32px rgba(165, 171, 179, 0.4)'
+};
+var transition = {
+  speed: '0.2s'
+};
+var zIndex = {
+  default: '0',
+  level1: '1',
+  level2: '2',
+  level3: '3',
+  level4: '4',
+  level6: '6',
+  level8: '8',
+  level12: '12',
+  level16: '16',
+  level24: '24',
+  level48: '48'
+};
+var defaultTheme = {
+  fontSizes: fontSizes,
+  fontWeight: fontWeight,
+  breakpoints: breakpoints,
+  colors: colors,
+  space: space,
+  spacing: spacing,
+  spacingest: spacingest,
+  borderRadius: borderRadius,
+  shadow: shadow,
+  buttonSize: buttonSize,
+  transition: transition,
+  zIndex: zIndex
+};
+exports.defaultTheme = defaultTheme;

package/dist/shared/theme/theme.test.d.ts

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

package/dist/shared/theme/theme.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.test.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/shared/theme/theme.test.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom");
+
+var _ = require(".");
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var setup = function setup(props) {
+  var utils = (0, _react.render)( /*#__PURE__*/React.createElement(_.PPUIThemeProvider, props, props.children));
+  return utils;
+};
+
+describe('Theme', function () {
+  it('should extend the default theme and pass it to pp provider', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var newTheme, TestComponent, utils;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            newTheme = (0, _.extendTheme)({
+              colors: {
+                primary: '#ff0000'
+              }
+            });
+
+            TestComponent = function TestComponent() {
+              var _useTheme = (0, _.useTheme)(),
+                  theme = _useTheme.theme;
+
+              return /*#__PURE__*/React.createElement("div", null, theme.colors.primary);
+            };
+
+            utils = setup({
+              theme: newTheme,
+              children: /*#__PURE__*/React.createElement(TestComponent, null)
+            });
+            _context.t0 = expect;
+            _context.next = 6;
+            return utils.findByText('#ff0000');
+
+          case 6:
+            _context.t1 = _context.sent;
+            (0, _context.t0)(_context.t1).toBeInTheDocument();
+
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('should to apply the dark mode for child components and switch that to light mode', function () {
+    var ChildComponent = function ChildComponent() {
+      var _useColorMode = (0, _.useColorMode)(),
+          colorMode = _useColorMode.colorMode,
+          switchColorMode = _useColorMode.switchColorMode;
+
+      return /*#__PURE__*/React.createElement("button", {
+        "data-testid": "button-child",
+        onClick: switchColorMode
+      }, colorMode === 'light' ? 'Light mode' : 'Dark mode');
+    };
+
+    var utils = setup({
+      children: /*#__PURE__*/React.createElement(ChildComponent, null)
+    });
+    expect(utils.getByTestId('button-child')).toHaveTextContent('Light mode');
+
+    _react.fireEvent.click(utils.getByTestId('button-child'));
+
+    expect(utils.getByTestId('button-child')).toHaveTextContent('Dark mode');
+
+    _react.fireEvent.click(utils.getByTestId('button-child'));
+  });
+  it('should to switch between two colors according to color mode', function () {
+    var ChildComponent = function ChildComponent() {
+      var _useColorMode2 = (0, _.useColorMode)(),
+          switchColorMode = _useColorMode2.switchColorMode;
+
+      var color = (0, _.useColorModeValue)('#ff0000', '#0000ff');
+      return /*#__PURE__*/React.createElement("button", {
+        "data-testid": "button-child",
+        onClick: switchColorMode
+      }, color);
+    };
+
+    var utils = setup({
+      children: /*#__PURE__*/React.createElement(ChildComponent, null)
+    });
+    expect(utils.getByTestId('button-child')).toHaveTextContent('#ff0000');
+
+    _react.fireEvent.click(utils.getByTestId('button-child'));
+
+    expect(utils.getByTestId('button-child')).toHaveTextContent('#0000ff');
+  });
+});

package/dist/shared/theme/theme.types.d.ts

@@ -0,0 +1,15 @@
+import { defaultTheme } from '.';
+export declare type ExtendThemeProps = typeof defaultTheme;
+export declare type ThemeProps = ExtendThemeProps & {
+    [key: string]: any;
+};
+export declare type CustomThemeProps = {
+    [Key in keyof ExtendThemeProps]?: Partial<ExtendThemeProps[Key] | {
+        [Key2 in keyof ExtendThemeProps[Key]]: Partial<ExtendThemeProps[Key][Key2]> | string;
+    }>;
+};
+export declare type ExtendMethodProps = (customTheme: (CustomThemeProps & {
+    [key: string]: any;
+})) => ExtendThemeProps;
+export declare type GlobalColorsProps = 'body.light' | 'body.dark' | 'primary.alert' | 'primary.alert' | 'primary.disabled' | 'primary.default' | 'primary.hover' | 'primary.focus' | 'secondary.disabled' | 'secondary.default' | 'secondary.hover' | 'secondary.focus' | 'tertiary.disabled' | 'tertiary.default' | 'tertiary.hover' | 'tertiary.focus' | 'neutral.white' | 'neutral.neutral1' | 'neutral.neutral2' | 'neutral.neutral3' | 'neutral.neutral4' | 'neutral.neutral5' | 'neutral.black' | 'background.linear1' | 'background.linear2' | 'background.linear3' | 'background.light' | 'informative.default' | 'informative.blurred' | 'informative.gradient' | 'success.default' | 'success.blurred' | 'success.gradient' | 'success_secondary.default' | 'success_secondary.blurred' | 'success_secondary.gradient' | 'warning.default' | 'warning.blurred' | 'warning.gradient' | 'warning_secondary.default' | 'warning_secondary.blurred' | 'warning_secondary.gradient' | 'error.default' | 'error.blurred' | 'error.gradient' | 'critical.default' | 'critical.blurred' | 'critical.gradient';
+//# sourceMappingURL=theme.types.d.ts.map

package/dist/shared/theme/theme.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,oBAAY,gBAAgB,GAAG,OAAO,YAAY,CAAC;AAEnD,oBAAY,UAAU,GAAG,gBAAgB,GAAG;IAC1C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;KAC5B,GAAG,IAAI,MAAM,gBAAgB,CAAC,CAAC,EAAE,OAAO,CACrC,gBAAgB,CAAC,GAAG,CAAC,GACrB;SACG,IAAI,IAAI,MAAM,gBAAgB,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM;KACrF,CACJ;CACF,CAAC;AAEF,oBAAY,iBAAiB,GAAG,CAC9B,WAAW,EACT,CAAE,gBAAgB,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA,KACF,gBAAgB,CAAC;AAEtB,oBAAY,iBAAiB,GACzB,YAAY,GACZ,WAAW,GACX,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,eAAe,GACf,oBAAoB,GACpB,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,qBAAqB,GACrB,qBAAqB,GACrB,sBAAsB,GACtB,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,2BAA2B,GAC3B,2BAA2B,GAC3B,4BAA4B,GAC5B,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,2BAA2B,GAC3B,2BAA2B,GAC3B,4BAA4B,GAC5B,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,mBAAmB,CAAC"}

package/dist/shared/theme/theme.types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shared/theme/utils/extendTheme.d.ts

@@ -0,0 +1,3 @@
+import { ExtendMethodProps } from '..';
+export declare const extendTheme: ExtendMethodProps;
+//# sourceMappingURL=extendTheme.d.ts.map

package/dist/shared/theme/utils/extendTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extendTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/utils/extendTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAc,MAAM,IAAI,CAAC;AAEjE,eAAO,MAAM,WAAW,EAAE,iBAiBzB,CAAC"}

package/dist/shared/theme/utils/extendTheme.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendTheme = void 0;
+
+var _ = require("..");
+
+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); }
+
+var extendTheme = function extendTheme(customTheme) {
+  var themeObject = _.defaultTheme;
+  var customThemeKeys = Object.keys(customTheme);
+  customThemeKeys.forEach(function (key) {
+    if (themeObject[key]) {
+      if (_typeof(themeObject[key]) === 'object') {
+        Object.assign(themeObject[key], customTheme[key]);
+      } else {
+        themeObject[key] = customTheme[key];
+      }
+    } else {
+      throw new Error("".concat(key, " is not a valid theme key"));
+    }
+  });
+  return themeObject;
+};
+
+exports.extendTheme = extendTheme;

package/dist/shared/theme/utils/localStorageController.d.ts

@@ -0,0 +1,7 @@
+export declare const localStorageController: {
+    get(key: string): "light" | "dark";
+    set(key: string, value: string): void;
+    remove(key: string): void;
+    clear(): void;
+};
+//# sourceMappingURL=localStorageController.d.ts.map

package/dist/shared/theme/utils/localStorageController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorageController.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/utils/localStorageController.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;aACxB,MAAM;aAGN,MAAM,SAAS,MAAM;gBAGlB,MAAM;;CAMnB,CAAC"}

package/dist/shared/theme/utils/localStorageController.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localStorageController = void 0;
+var localStorageController = {
+  get: function get(key) {
+    return localStorage.getItem(key);
+  },
+  set: function set(key, value) {
+    localStorage.setItem(key, value);
+  },
+  remove: function remove(key) {
+    localStorage.removeItem(key);
+  },
+  clear: function clear() {
+    localStorage.clear();
+  }
+};
+exports.localStorageController = localStorageController;

package/dist/styled.d.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@emotion/react");

package/dist/utils/GenerateKey.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Generates a random hexadecimal string with length 4.
+ * @returns hexadecimal string.
+ */
+export declare function s4(): string;
+/**
+ * Generates a unique key using Date and pseudo random numbers.
+ * @returns A unique key.
+ */
+export declare function generateKey(): string;
+//# sourceMappingURL=GenerateKey.d.ts.map

package/dist/utils/GenerateKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateKey.d.ts","sourceRoot":"","sources":["../../src/utils/GenerateKey.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,EAAE,IAAI,MAAM,CAI3B;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAEpC"}

package/dist/utils/GenerateKey.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateKey = generateKey;
+exports.s4 = s4;
+
+/**
+ * Generates a random hexadecimal string with length 4.
+ * @returns hexadecimal string.
+ */
+function s4() {
+  return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
+}
+/**
+ * Generates a unique key using Date and pseudo random numbers.
+ * @returns A unique key.
+ */
+
+
+function generateKey() {
+  return "".concat(Date.now().toString(16), "-").concat(s4()).concat(s4()).concat(s4(), "-").concat(s4()).concat(s4()).concat(s4());
+}

package/dist/utils/brightnessColorChange.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Change the brightness of a color
+ * @param color : color to change;
+ * @param percent : percent of brightness;
+ * @returns : new color with changed brightness;
+ * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+ */
+export declare function brightnessColorChange(color: string, percent: number): string;
+//# sourceMappingURL=brightnessColorChange.d.ts.map

package/dist/utils/brightnessColorChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brightnessColorChange.d.ts","sourceRoot":"","sources":["../../src/utils/brightnessColorChange.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAkBnE"}

package/dist/utils/brightnessColorChange.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.brightnessColorChange = brightnessColorChange;
+
+/**
+ * Change the brightness of a color
+ * @param color : color to change;
+ * @param percent : percent of brightness;
+ * @returns : new color with changed brightness;
+ * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+ */
+function brightnessColorChange(color, percent) {
+  var f = parseInt(color.slice(1), 16);
+  var t = percent < 0 ? 0 : 255;
+  var p = percent < 0 ? percent * -1 : percent;
+  var R = f >> 16;
+  var G = f >> 8 & 0x00ff;
+  var B = f & 0x0000ff;
+  return '#' + (0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1);
+}

package/dist/utils/colorCheck.d.ts

@@ -0,0 +1,41 @@
+declare type StripThemeColorsProps = {
+    [key: string]: {
+        [key: string]: string;
+    };
+};
+/**
+ * Verifies if the provided color is a valid hex color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444#8027444
+ */
+export declare const isHexColor: (color: string) => boolean;
+/**
+ * Verifies if the provided color is a valid rgb or hsl color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
+ */
+export declare const isRgbHslColor: (color: string) => boolean;
+/**
+ * Verifies if the provided color is a valid theme color and returns the theme color value.
+ * @param color : theme color tag value;
+ * @param themeColors : theme colors object;
+ * @returns : theme color value if color is valid, null otherwise;
+ */
+export declare const stripThemeColors: (color: string, themeColors: StripThemeColorsProps) => string | null;
+/**
+ * Convert a hex color to rgba color.
+ * @param color : hex color value;
+ * @param opacity : opacity value;
+ * @returns : rgba color value;
+ */
+export declare const parseHexColorToRgba: (color: string, opacity: number) => string;
+/**
+ * Convert a hsl array color to string
+ * @param color : hsl color array;
+ * @returns : hsl color value;
+ */
+export declare const parseHslColorToString: (color: number[]) => string;
+export {};
+//# sourceMappingURL=colorCheck.d.ts.map

package/dist/utils/colorCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorCheck.d.ts","sourceRoot":"","sources":["../../src/utils/colorCheck.ts"],"names":[],"mappings":"AAAA,aAAK,qBAAqB,GAAG;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,UAAW,MAAM,KAAG,OAK1C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,UAAW,MAAM,KAAG,OAK7C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,UACpB,MAAM,eACA,qBAAqB,KACjC,MAAM,GAAG,IAYX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,WAAW,MAAM,KAAG,MASpE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,UAAW,MAAM,EAAE,KAAG,MAIvD,CAAC"}