@tecsinapse/react-core 1.19.0 → 1.20.0

package/esm/styles/ThemeProvider.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ThemeProvider as EmotionProvider } from '@emotion/react';
+
+var ThemeProvider = function ThemeProvider(_ref) {
+  var theme = _ref.theme,
+      children = _ref.children;
+  return React.createElement(EmotionProvider, {
+    theme: theme
+  }, children);
+};
+
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/esm/styles/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","names":["React","ThemeProvider","EmotionProvider","theme","children"],"sources":["../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n  theme,\n  children,\n}): JSX.Element => {\n  return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,aAAa,IAAIC,eAA1B,QAAiD,gBAAjD;;AAGA,IAAMD,aAAqC,GAAG,SAAxCA,aAAwC,OAG3B;EAAA,IAFjBE,KAEiB,QAFjBA,KAEiB;EAAA,IADjBC,QACiB,QADjBA,QACiB;EACjB,OAAO,oBAAC,eAAD;IAAiB,KAAK,EAAED;EAAxB,GAAgCC,QAAhC,CAAP;AACD,CALD;;AAOA,eAAeH,aAAf"}

package/esm/styles/definitions.d.ts

@@ -0,0 +1,45 @@
+import { BorderRadius, BorderWidth, Breakpoints, FontColor, FontStack, FontWeight, IconSize, Miscellaneous, Spacing, TypographyVariation, ZIndex } from '../types/defaults';
+export declare const statusColor: {
+    error: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+    warning: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+    success: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+    info: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+};
+export declare const hex2rgba: (hex: any, alpha?: number) => string;
+export declare const miscellaneous: Miscellaneous;
+export declare const spacing: Spacing;
+export declare const iconSize: IconSize;
+export declare const borderRadius: BorderRadius;
+export declare const borderWidth: BorderWidth;
+export declare const typography: TypographyVariation;
+export declare const fontStack: FontStack;
+export declare const fontWeight: FontWeight;
+export declare const fontFiles: FontWeight;
+export declare const fontColor: FontColor;
+export declare const zIndex: ZIndex;
+export declare type IconType = 'material' | 'material-community' | 'simple-line-icon' | 'zocial' | 'font-awesome' | 'octicon' | 'ionicon' | 'foundation' | 'evilicon' | 'entypo' | 'antdesign' | 'font-awesome-5' | string;
+export declare const breakpoints: Breakpoints;

package/esm/styles/definitions.js

@@ -0,0 +1,168 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { RFValueStr } from '../utils';
+export var statusColor = {
+  error: {
+    xlight: '#fdf3f2',
+    light: '#ee9891',
+    medium: '#e04638',
+    dark: '#9b2318',
+    xdark: '#58240e'
+  },
+  warning: {
+    xlight: '#fffcf0',
+    light: '#ffe380',
+    medium: '#ffc700',
+    dark: '#cc9f00',
+    xdark: '#665000'
+  },
+  success: {
+    xlight: '#f3fcf8',
+    light: '#99e6c9',
+    medium: '#2db783',
+    dark: '#238f67',
+    xdark: '#14523b'
+  },
+  info: {
+    xlight: '#f0f8fe',
+    light: '#85c7fa',
+    medium: '#239bf6',
+    dark: '#0873c4',
+    xdark: '#043962'
+  }
+};
+export var hex2rgba = function hex2rgba(hex) {
+  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+  var _hex$match$map = hex.match(/\w\w/g).map(function (x) {
+    return parseInt(x, 16);
+  }),
+      _hex$match$map2 = _slicedToArray(_hex$match$map, 3),
+      r = _hex$match$map2[0],
+      g = _hex$match$map2[1],
+      b = _hex$match$map2[2];
+
+  return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(alpha, ")");
+};
+export var miscellaneous = {
+  shadow: '#000000',
+  overlay: '#282625',
+  bodyColor: '#f8f7f7',
+  surfaceColor: '#ffffff'
+};
+export var spacing = {
+  nano: RFValueStr('2px'),
+  micro: RFValueStr('4px'),
+  mili: RFValueStr('8px'),
+  centi: RFValueStr('12px'),
+  deca: RFValueStr('16px'),
+  kilo: RFValueStr('24px'),
+  mega: RFValueStr('32px'),
+  giga: RFValueStr('40px'),
+  tera: RFValueStr('48px'),
+  peta: RFValueStr('56px'),
+  hexa: RFValueStr('64px')
+};
+export var iconSize = {
+  micro: RFValueStr('12px'),
+  mili: RFValueStr('14px'),
+  centi: RFValueStr('16px'),
+  deca: RFValueStr('18px'),
+  kilo: RFValueStr('24px'),
+  mega: RFValueStr('32px')
+};
+export var borderRadius = {
+  nano: RFValueStr('2px'),
+  micro: RFValueStr('4px'),
+  mili: RFValueStr('8px'),
+  centi: RFValueStr('16px'),
+  deca: RFValueStr('24px'),
+  pill: RFValueStr('999999px')
+};
+export var borderWidth = {
+  pico: RFValueStr('1px'),
+  nano: RFValueStr('2px')
+};
+export var typography = {
+  h5: {
+    fontSize: RFValueStr('16px'),
+    lineHeight: RFValueStr('24px')
+  },
+  h4: {
+    fontSize: RFValueStr('18px'),
+    lineHeight: RFValueStr('27px')
+  },
+  h3: {
+    fontSize: RFValueStr('20px'),
+    lineHeight: RFValueStr('32px')
+  },
+  h2: {
+    fontSize: RFValueStr('26px'),
+    lineHeight: RFValueStr('38px')
+  },
+  h1: {
+    fontSize: RFValueStr('32px'),
+    lineHeight: RFValueStr('42px')
+  },
+  base: {
+    fontSize: RFValueStr('14px'),
+    lineHeight: RFValueStr('21px')
+  },
+  sub: {
+    fontSize: RFValueStr('12px'),
+    lineHeight: RFValueStr('18px')
+  },
+  label: {
+    fontSize: RFValueStr('10px'),
+    lineHeight: RFValueStr('12px')
+  }
+};
+export var fontStack = {
+  "default": 'Lato',
+  mono: 'Consolas, monaco, monospace'
+};
+export var fontWeight = {
+  regular: '400',
+  bold: '700',
+  black: '900'
+};
+export var fontFiles = {
+  black: '{0}-Black',
+  bold: '{0}-Bold',
+  regular: '{0}-Regular'
+};
+export var fontColor = {
+  light: '#fff',
+  medium: '#85807a',
+  dark: '#353231',
+  orange: '#f89907'
+};
+export var zIndex = {
+  "default": 0,
+  absolute: 1,
+  select: 20,
+  input: 20,
+  popover: 30,
+  tooltip: 40,
+  header: 600,
+  backdrop: 700,
+  drawer: 700,
+  sidebar: 800,
+  modal: 1000
+};
+export var breakpoints = {
+  sm: 480,
+  md: 768,
+  lg: 1366
+};
+//# sourceMappingURL=definitions.js.map

package/esm/styles/definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.js","names":["RFValueStr","statusColor","error","xlight","light","medium","dark","xdark","warning","success","info","hex2rgba","hex","alpha","match","map","x","parseInt","r","g","b","miscellaneous","shadow","overlay","bodyColor","surfaceColor","spacing","nano","micro","mili","centi","deca","kilo","mega","giga","tera","peta","hexa","iconSize","borderRadius","pill","borderWidth","pico","typography","h5","fontSize","lineHeight","h4","h3","h2","h1","base","sub","label","fontStack","mono","fontWeight","regular","bold","black","fontFiles","fontColor","orange","zIndex","absolute","select","input","popover","tooltip","header","backdrop","drawer","sidebar","modal","breakpoints","sm","md","lg"],"sources":["../../src/styles/definitions.ts"],"sourcesContent":["import {\n  BorderRadius,\n  BorderWidth,\n  Breakpoints,\n  FontColor,\n  FontStack,\n  FontWeight,\n  IconSize,\n  Miscellaneous,\n  Spacing,\n  TypographyVariation,\n  ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n  error: {\n    xlight: '#fdf3f2',\n    light: '#ee9891',\n    medium: '#e04638',\n    dark: '#9b2318',\n    xdark: '#58240e',\n  },\n  warning: {\n    xlight: '#fffcf0',\n    light: '#ffe380',\n    medium: '#ffc700',\n    dark: '#cc9f00',\n    xdark: '#665000',\n  },\n  success: {\n    xlight: '#f3fcf8',\n    light: '#99e6c9',\n    medium: '#2db783',\n    dark: '#238f67',\n    xdark: '#14523b',\n  },\n  info: {\n    xlight: '#f0f8fe',\n    light: '#85c7fa',\n    medium: '#239bf6',\n    dark: '#0873c4',\n    xdark: '#043962',\n  },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n  const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n  return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n  shadow: '#000000', // black\n  overlay: '#282625', // rgba(40, 38, 37, 0.5)\n  bodyColor: '#f8f7f7',\n  surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n  nano: RFValueStr('2px'),\n  micro: RFValueStr('4px'),\n  mili: RFValueStr('8px'),\n  centi: RFValueStr('12px'),\n  deca: RFValueStr('16px'),\n  kilo: RFValueStr('24px'),\n  mega: RFValueStr('32px'),\n  giga: RFValueStr('40px'),\n  tera: RFValueStr('48px'),\n  peta: RFValueStr('56px'),\n  hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n  micro: RFValueStr('12px'),\n  mili: RFValueStr('14px'),\n  centi: RFValueStr('16px'), // '1rem'\n  deca: RFValueStr('18px'), // '1.5rem'\n  kilo: RFValueStr('24px'), // '1.6rem'\n  mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n  nano: RFValueStr('2px'),\n  micro: RFValueStr('4px'),\n  mili: RFValueStr('8px'),\n  centi: RFValueStr('16px'),\n  deca: RFValueStr('24px'),\n  pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n  pico: RFValueStr('1px'),\n  nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n  h5: {\n    fontSize: RFValueStr('16px'), // '1rem'\n    lineHeight: RFValueStr('24px'), // '1.5rem'\n  },\n  h4: {\n    fontSize: RFValueStr('18px'), // '1.125rem'\n    lineHeight: RFValueStr('27px'), // '1.688rem'\n  },\n  h3: {\n    fontSize: RFValueStr('20px'), // '1.25rem'\n    lineHeight: RFValueStr('32px'), // '2rem'\n  },\n  h2: {\n    fontSize: RFValueStr('26px'), // '1.625rem'\n    lineHeight: RFValueStr('38px'), // '2.375rem'\n  },\n  h1: {\n    fontSize: RFValueStr('32px'), // '2rem'\n    lineHeight: RFValueStr('42px'), // '2.625rem'\n  },\n  base: {\n    fontSize: RFValueStr('14px'), // '0.875rem'\n    lineHeight: RFValueStr('21px'), // '1.313rem'\n  },\n  sub: {\n    fontSize: RFValueStr('12px'), // '0.75rem'\n    lineHeight: RFValueStr('18px'), // '1.125rem'\n  },\n  label: {\n    fontSize: RFValueStr('10px'),\n    lineHeight: RFValueStr('12px'),\n  },\n};\n\nexport const fontStack: FontStack = {\n  default: 'Lato',\n  mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n  regular: '400',\n  bold: '700',\n  black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n  black: '{0}-Black',\n  bold: '{0}-Bold',\n  regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n  light: '#fff',\n  medium: '#85807a',\n  dark: '#353231', // default\n  orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n  default: 0,\n  absolute: 1,\n  select: 20,\n  input: 20,\n  popover: 30,\n  tooltip: 40,\n  header: 600,\n  backdrop: 700,\n  drawer: 700,\n  sidebar: 800,\n  modal: 1000,\n};\n\nexport type IconType =\n  | 'material'\n  | 'material-community'\n  | 'simple-line-icon'\n  | 'zocial'\n  | 'font-awesome'\n  | 'octicon'\n  | 'ionicon'\n  | 'foundation'\n  | 'evilicon'\n  | 'entypo'\n  | 'antdesign'\n  | 'font-awesome-5'\n  | string;\n\nexport const breakpoints: Breakpoints = {\n  sm: 480,\n  md: 768,\n  lg: 1366,\n};\n"],"mappings":"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"}

package/esm/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { ThemeProp } from '../types/defaults';
+export declare const lightTheme: ThemeProp;

package/esm/styles/light.js

@@ -0,0 +1,42 @@
+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; }
+
+import { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, iconSize, miscellaneous, spacing, statusColor, typography, zIndex } from './definitions';
+var primaryGradation = {
+  xlight: '#fef9f0',
+  light: '#fccb83',
+  medium: '#f89907',
+  dark: '#ae6b05',
+  xdark: '#633d03'
+};
+var secondaryGradation = {
+  xlight: '#f8f7f7',
+  light: '#c2bfbc',
+  medium: '#85807a',
+  dark: '#5d5955',
+  xdark: '#353231'
+};
+export var lightTheme = {
+  color: _objectSpread({
+    primary: _objectSpread({}, primaryGradation),
+    secondary: _objectSpread({}, secondaryGradation)
+  }, statusColor),
+  miscellaneous: miscellaneous,
+  spacing: spacing,
+  iconSize: iconSize,
+  borderRadius: borderRadius,
+  borderWidth: borderWidth,
+  typography: typography,
+  font: {
+    color: fontColor,
+    stack: fontStack,
+    weight: fontWeight,
+    files: fontFiles
+  },
+  zIndex: zIndex,
+  breakpoints: breakpoints
+};
+//# sourceMappingURL=light.js.map

package/esm/styles/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","names":["borderRadius","borderWidth","breakpoints","fontColor","fontFiles","fontStack","fontWeight","iconSize","miscellaneous","spacing","statusColor","typography","zIndex","primaryGradation","xlight","light","medium","dark","xdark","secondaryGradation","lightTheme","color","primary","secondary","font","stack","weight","files"],"sources":["../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n  borderRadius,\n  borderWidth,\n  breakpoints,\n  fontColor,\n  fontFiles,\n  fontStack,\n  fontWeight,\n  iconSize,\n  miscellaneous,\n  spacing,\n  statusColor,\n  typography,\n  zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n  xlight: '#fef9f0',\n  light: '#fccb83',\n  medium: '#f89907',\n  dark: '#ae6b05',\n  xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n  xlight: '#f8f7f7',\n  light: '#c2bfbc',\n  medium: '#85807a',\n  dark: '#5d5955',\n  xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n  color: {\n    primary: {\n      ...primaryGradation,\n    },\n    secondary: { ...secondaryGradation },\n    ...statusColor,\n  },\n  miscellaneous,\n  spacing,\n  iconSize,\n  borderRadius,\n  borderWidth,\n  typography,\n  font: {\n    color: fontColor,\n    stack: fontStack,\n    weight: fontWeight,\n    files: fontFiles,\n  },\n  zIndex,\n  breakpoints,\n};\n"],"mappings":";;;;;;AACA,SACEA,YADF,EAEEC,WAFF,EAGEC,WAHF,EAIEC,SAJF,EAKEC,SALF,EAMEC,SANF,EAOEC,UAPF,EAQEC,QARF,EASEC,aATF,EAUEC,OAVF,EAWEC,WAXF,EAYEC,UAZF,EAaEC,MAbF,QAcO,eAdP;AAgBA,IAAMC,gBAAgB,GAAG;EACvBC,MAAM,EAAE,SADe;EAEvBC,KAAK,EAAE,SAFgB;EAGvBC,MAAM,EAAE,SAHe;EAIvBC,IAAI,EAAE,SAJiB;EAKvBC,KAAK,EAAE;AALgB,CAAzB;AAQA,IAAMC,kBAAkB,GAAG;EACzBL,MAAM,EAAE,SADiB;EAEzBC,KAAK,EAAE,SAFkB;EAGzBC,MAAM,EAAE,SAHiB;EAIzBC,IAAI,EAAE,SAJmB;EAKzBC,KAAK,EAAE;AALkB,CAA3B;AAQA,OAAO,IAAME,UAAqB,GAAG;EACnCC,KAAK;IACHC,OAAO,oBACFT,gBADE,CADJ;IAIHU,SAAS,oBAAOJ,kBAAP;EAJN,GAKAT,WALA,CAD8B;EAQnCF,aAAa,EAAbA,aARmC;EASnCC,OAAO,EAAPA,OATmC;EAUnCF,QAAQ,EAARA,QAVmC;EAWnCP,YAAY,EAAZA,YAXmC;EAYnCC,WAAW,EAAXA,WAZmC;EAanCU,UAAU,EAAVA,UAbmC;EAcnCa,IAAI,EAAE;IACJH,KAAK,EAAElB,SADH;IAEJsB,KAAK,EAAEpB,SAFH;IAGJqB,MAAM,EAAEpB,UAHJ;IAIJqB,KAAK,EAAEvB;EAJH,CAd6B;EAoBnCQ,MAAM,EAANA,MApBmC;EAqBnCV,WAAW,EAAXA;AArBmC,CAA9B"}

package/esm/types/defaults.d.ts

@@ -0,0 +1,134 @@
+import { ReactNode } from 'react';
+export declare type Color = {
+    primary: ColorGradation;
+    secondary: ColorGradation;
+    error: ColorGradation;
+    success: ColorGradation;
+    info: ColorGradation;
+    warning: ColorGradation;
+};
+export declare type TypographyVariation = {
+    h1: Typography;
+    h2: Typography;
+    h3: Typography;
+    h4: Typography;
+    h5: Typography;
+    base: Typography;
+    sub: Typography;
+    label: Typography;
+};
+export declare type Miscellaneous = {
+    shadow: string;
+    overlay: string;
+    bodyColor: string;
+    surfaceColor: string;
+};
+export declare type Spacing = {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+    giga: string;
+    tera: string;
+    peta: string;
+    hexa: string;
+};
+export declare type IconSize = {
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+};
+export declare type BorderRadius = {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    pill: string;
+};
+export declare type BorderWidth = {
+    pico: string;
+    nano: string;
+};
+export declare type Typography = {
+    lineHeight: string;
+    fontSize: string;
+};
+export declare type ColorGradation = {
+    xlight: string;
+    light: string;
+    medium: string;
+    dark: string;
+    xdark: string;
+};
+export declare type FontStack = {
+    default: string;
+    mono: string;
+};
+export declare type FontColor = {
+    light: string;
+    medium: string;
+    dark: string;
+    orange: string;
+};
+export declare type ZIndex = {
+    default: number;
+    absolute: number;
+    drawer: number;
+    select: number;
+    input: number;
+    popover: number;
+    tooltip: number;
+    header: number;
+    backdrop: number;
+    sidebar: number;
+    modal: number;
+};
+export declare type FontWeight = {
+    regular: string;
+    bold: string;
+    black: string;
+};
+export declare type Breakpoints = {
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare type ThemeProp = {
+    color: Color;
+    miscellaneous: Miscellaneous;
+    spacing: Spacing;
+    iconSize: IconSize;
+    borderRadius: BorderRadius;
+    borderWidth: BorderWidth;
+    typography: TypographyVariation;
+    font: {
+        color: FontColor;
+        stack: FontStack;
+        weight: FontWeight;
+        files: FontWeight;
+    };
+    zIndex: ZIndex;
+    breakpoints: Breakpoints;
+};
+export interface ThemeProviderProps {
+    children?: ReactNode;
+    theme: ThemeProp;
+}
+export declare type StyleProps = ThemeProviderProps;
+export declare type ColorType = keyof Color;
+export declare type SpacingType = keyof Spacing;
+export declare type TypographyVariationType = keyof TypographyVariation;
+export declare type FontWeightType = keyof FontWeight;
+export declare type VariantType = 'filled' | 'outlined' | 'text';
+export declare type ColorGradationType = keyof ColorGradation;
+export declare type FontColorType = keyof FontColor;
+export declare type BorderRadiusType = keyof BorderRadius;
+export declare type FontStackType = keyof FontStack;
+export declare type IconSizeType = keyof IconSize;

package/esm/types/defaults.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=defaults.js.map

package/esm/types/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":[],"sources":["../../src/types/defaults.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type Color = {\n  primary: ColorGradation;\n  secondary: ColorGradation;\n  error: ColorGradation;\n  success: ColorGradation;\n  info: ColorGradation;\n  warning: ColorGradation;\n};\n\nexport type TypographyVariation = {\n  h1: Typography;\n  h2: Typography;\n  h3: Typography;\n  h4: Typography;\n  h5: Typography;\n  base: Typography;\n  sub: Typography;\n  label: Typography;\n};\n\nexport type Miscellaneous = {\n  shadow: string;\n  overlay: string;\n  bodyColor: string;\n  surfaceColor: string;\n};\n\nexport type Spacing = {\n  nano: string;\n  micro: string;\n  mili: string;\n  centi: string;\n  deca: string;\n  kilo: string;\n  mega: string;\n  giga: string;\n  tera: string;\n  peta: string;\n  hexa: string;\n};\n\nexport type IconSize = {\n  micro: string;\n  mili: string;\n  centi: string;\n  deca: string;\n  kilo: string;\n  mega: string;\n};\n\nexport type BorderRadius = {\n  nano: string;\n  micro: string;\n  mili: string;\n  centi: string;\n  deca: string;\n  pill: string;\n};\n\nexport type BorderWidth = {\n  pico: string;\n  nano: string;\n};\n\nexport type Typography = {\n  lineHeight: string;\n  fontSize: string;\n};\n\nexport type ColorGradation = {\n  xlight: string;\n  light: string;\n  medium: string;\n  dark: string;\n  xdark: string;\n};\n\nexport type FontStack = {\n  default: string;\n  mono: string;\n};\n\nexport type FontColor = {\n  light: string;\n  medium: string;\n  dark: string; // default\n  orange: string;\n};\n\nexport type ZIndex = {\n  default: number;\n  absolute: number;\n  drawer: number;\n  select: number;\n  input: number;\n  popover: number;\n  tooltip: number;\n  header: number;\n  backdrop: number;\n  sidebar: number;\n  modal: number;\n};\n\nexport type FontWeight = {\n  regular: string;\n  bold: string;\n  black: string;\n};\n\nexport type Breakpoints = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type ThemeProp = {\n  color: Color;\n  miscellaneous: Miscellaneous;\n  spacing: Spacing;\n  iconSize: IconSize;\n  borderRadius: BorderRadius;\n  borderWidth: BorderWidth;\n  typography: TypographyVariation;\n  font: {\n    color: FontColor;\n    stack: FontStack;\n    weight: FontWeight;\n    files: FontWeight;\n  };\n  zIndex: ZIndex;\n  /** Designed to web */\n  breakpoints: Breakpoints;\n};\n\nexport interface ThemeProviderProps {\n  children?: ReactNode;\n  theme: ThemeProp;\n}\n\nexport type StyleProps = ThemeProviderProps;\n\nexport type ColorType = keyof Color;\n\nexport type SpacingType = keyof Spacing;\n\nexport type TypographyVariationType = keyof TypographyVariation;\n\nexport type FontWeightType = keyof FontWeight;\n\nexport type VariantType = 'filled' | 'outlined' | 'text';\n\nexport type ColorGradationType = keyof ColorGradation;\n\nexport type FontColorType = keyof FontColor;\n\nexport type BorderRadiusType = keyof BorderRadius;\n\nexport type FontStackType = keyof FontStack;\n\nexport type IconSizeType = keyof IconSize;\n"],"mappings":""}

package/esm/utils/IPhoneXHelper.d.ts

@@ -0,0 +1,4 @@
+export declare function isIphoneX(): boolean;
+export declare function ifIphoneX(iphoneXStyle: any, regularStyle: any): any;
+export declare function getStatusBarHeight(safe: any): any;
+export declare function getBottomSpace(): 0 | 34;

package/esm/utils/IPhoneXHelper.js

@@ -0,0 +1,23 @@
+import { Dimensions, Platform, StatusBar } from 'react-native';
+export function isIphoneX() {
+  var dimen = Dimensions.get('window');
+  return Platform.OS === 'ios' && !Platform.isPad && !Platform.isTVOS && (dimen.height === 780 || dimen.width === 780 || dimen.height === 812 || dimen.width === 812 || dimen.height === 844 || dimen.width === 844 || dimen.height === 896 || dimen.width === 896 || dimen.height === 926 || dimen.width === 926);
+}
+export function ifIphoneX(iphoneXStyle, regularStyle) {
+  if (isIphoneX()) {
+    return iphoneXStyle;
+  }
+
+  return regularStyle;
+}
+export function getStatusBarHeight(safe) {
+  return Platform.select({
+    ios: ifIphoneX(safe ? 44 : 30, 20),
+    android: StatusBar.currentHeight,
+    "default": 0
+  });
+}
+export function getBottomSpace() {
+  return isIphoneX() ? 34 : 0;
+}
+//# sourceMappingURL=IPhoneXHelper.js.map

package/esm/utils/IPhoneXHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPhoneXHelper.js","names":["Dimensions","Platform","StatusBar","isIphoneX","dimen","get","OS","isPad","isTVOS","height","width","ifIphoneX","iphoneXStyle","regularStyle","getStatusBarHeight","safe","select","ios","android","currentHeight","getBottomSpace"],"sources":["../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n  const dimen = Dimensions.get('window');\n  return (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    !Platform.isTVOS &&\n    (dimen.height === 780 ||\n      dimen.width === 780 ||\n      dimen.height === 812 ||\n      dimen.width === 812 ||\n      dimen.height === 844 ||\n      dimen.width === 844 ||\n      dimen.height === 896 ||\n      dimen.width === 896 ||\n      dimen.height === 926 ||\n      dimen.width === 926)\n  );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n  if (isIphoneX()) {\n    return iphoneXStyle;\n  }\n  return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n  return Platform.select({\n    ios: ifIphoneX(safe ? 44 : 30, 20),\n    android: StatusBar.currentHeight,\n    default: 0,\n  });\n}\n\nexport function getBottomSpace() {\n  return isIphoneX() ? 34 : 0;\n}\n"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,SAA/B,QAAgD,cAAhD;AAEA,OAAO,SAASC,SAAT,GAAqB;EAC1B,IAAMC,KAAK,GAAGJ,UAAU,CAACK,GAAX,CAAe,QAAf,CAAd;EACA,OACEJ,QAAQ,CAACK,EAAT,KAAgB,KAAhB,IACA,CAACL,QAAQ,CAACM,KADV,IAEA,CAACN,QAAQ,CAACO,MAFV,KAGCJ,KAAK,CAACK,MAAN,KAAiB,GAAjB,IACCL,KAAK,CAACM,KAAN,KAAgB,GADjB,IAECN,KAAK,CAACK,MAAN,KAAiB,GAFlB,IAGCL,KAAK,CAACM,KAAN,KAAgB,GAHjB,IAICN,KAAK,CAACK,MAAN,KAAiB,GAJlB,IAKCL,KAAK,CAACM,KAAN,KAAgB,GALjB,IAMCN,KAAK,CAACK,MAAN,KAAiB,GANlB,IAOCL,KAAK,CAACM,KAAN,KAAgB,GAPjB,IAQCN,KAAK,CAACK,MAAN,KAAiB,GARlB,IASCL,KAAK,CAACM,KAAN,KAAgB,GAZlB,CADF;AAeD;AAED,OAAO,SAASC,SAAT,CAAmBC,YAAnB,EAAiCC,YAAjC,EAA+C;EACpD,IAAIV,SAAS,EAAb,EAAiB;IACf,OAAOS,YAAP;EACD;;EACD,OAAOC,YAAP;AACD;AAED,OAAO,SAASC,kBAAT,CAA4BC,IAA5B,EAAkC;EACvC,OAAOd,QAAQ,CAACe,MAAT,CAAgB;IACrBC,GAAG,EAAEN,SAAS,CAACI,IAAI,GAAG,EAAH,GAAQ,EAAb,EAAiB,EAAjB,CADO;IAErBG,OAAO,EAAEhB,SAAS,CAACiB,aAFE;IAGrB,WAAS;EAHY,CAAhB,CAAP;AAKD;AAED,OAAO,SAASC,cAAT,GAA0B;EAC/B,OAAOjB,SAAS,KAAK,EAAL,GAAU,CAA1B;AACD"}

package/esm/utils/ResponsiveFontSize.d.ts

@@ -0,0 +1,3 @@
+export declare const RFPercentage: (percent: number) => number;
+export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
+export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number | undefined) => string;

package/esm/utils/ResponsiveFontSize.js

@@ -0,0 +1,37 @@
+import { Dimensions, Platform, StatusBar } from 'react-native';
+import { extractNumbersFromString } from './extractNumbersFromString';
+import { isIphoneX } from './IPhoneXHelper';
+var STANDARD_SCREEN_HEIGHT = 680;
+export var RFPercentage = function RFPercentage(percent) {
+  if (Platform.OS === 'web') return percent;
+
+  var _Dimensions$get = Dimensions.get('window'),
+      height = _Dimensions$get.height,
+      width = _Dimensions$get.width;
+
+  var standardLength = width > height ? width : height;
+  var offset = width > height ? 0 : Platform.OS === 'ios' ? 78 : StatusBar.currentHeight || 0;
+  var deviceHeight = isIphoneX() || Platform.OS === 'android' ? standardLength - offset : standardLength;
+  var heightPercent = percent * deviceHeight / 100;
+  return Math.round(heightPercent);
+};
+export var RFValue = function RFValue(fontSize) {
+  var standardScreenHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : STANDARD_SCREEN_HEIGHT;
+  if (Platform.OS === 'web') return fontSize;
+
+  var _Dimensions$get2 = Dimensions.get('window'),
+      height = _Dimensions$get2.height,
+      width = _Dimensions$get2.width;
+
+  var standardLength = width > height ? width : height;
+  var offset = width > height ? 0 : Platform.OS === 'ios' ? 78 : StatusBar.currentHeight || 0;
+  var deviceHeight = isIphoneX() || Platform.OS === 'android' ? standardLength - offset : standardLength;
+  var heightPercent = fontSize * deviceHeight / standardScreenHeight;
+  return Math.round(heightPercent);
+};
+export var RFValueStr = function RFValueStr(fontSize, standardScreenHeight) {
+  var _fontSize = extractNumbersFromString(fontSize);
+
+  return "".concat(RFValue(_fontSize, standardScreenHeight), "px");
+};
+//# sourceMappingURL=ResponsiveFontSize.js.map

package/esm/utils/ResponsiveFontSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveFontSize.js","names":["Dimensions","Platform","StatusBar","extractNumbersFromString","isIphoneX","STANDARD_SCREEN_HEIGHT","RFPercentage","percent","OS","get","height","width","standardLength","offset","currentHeight","deviceHeight","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize"],"sources":["../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n  if (Platform.OS === 'web') return percent;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (percent * deviceHeight) / 100;\n  return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n  fontSize: number,\n  standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n  if (Platform.OS === 'web') return fontSize;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n  return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n  const _fontSize = extractNumbersFromString(fontSize);\n  return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,SAA/B,QAAgD,cAAhD;AACA,SAASC,wBAAT,QAAyC,4BAAzC;AACA,SAASC,SAAT,QAA0B,iBAA1B;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AASA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAAqB;EAC/C,IAAIN,QAAQ,CAACO,EAAT,KAAgB,KAApB,EAA2B,OAAOD,OAAP;;EAC3B,sBAA0BP,UAAU,CAACS,GAAX,CAAe,QAAf,CAA1B;EAAA,IAAQC,MAAR,mBAAQA,MAAR;EAAA,IAAgBC,KAAhB,mBAAgBA,KAAhB;;EACA,IAAMC,cAAc,GAAGD,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,IAAMG,MAAM,GACVF,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIT,QAAQ,CAACO,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAN,SAAS,CAACY,aAAV,IAA2B,CALjC;EAMA,IAAMC,YAAY,GAChBX,SAAS,MAAMH,QAAQ,CAACO,EAAT,KAAgB,SAA/B,GACII,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,IAAMI,aAAa,GAAIT,OAAO,GAAGQ,YAAX,GAA2B,GAAjD;EACA,OAAOE,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAhBM;AA0BP,OAAO,IAAMG,OAAO,GAAG,SAAVA,OAAU,CACrBC,QADqB,EAGlB;EAAA,IADHC,oBACG,uEAD4BhB,sBAC5B;EACH,IAAIJ,QAAQ,CAACO,EAAT,KAAgB,KAApB,EAA2B,OAAOY,QAAP;;EAC3B,uBAA0BpB,UAAU,CAACS,GAAX,CAAe,QAAf,CAA1B;EAAA,IAAQC,MAAR,oBAAQA,MAAR;EAAA,IAAgBC,KAAhB,oBAAgBA,KAAhB;;EACA,IAAMC,cAAc,GAAGD,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,IAAMG,MAAM,GACVF,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIT,QAAQ,CAACO,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAN,SAAS,CAACY,aAAV,IAA2B,CALjC;EAMA,IAAMC,YAAY,GAChBX,SAAS,MAAMH,QAAQ,CAACO,EAAT,KAAgB,SAA/B,GACII,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,IAAMI,aAAa,GAAII,QAAQ,GAAGL,YAAZ,GAA4BM,oBAAlD;EACA,OAAOJ,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAnBM;AA4BP,OAAO,IAAMM,UAAU,GAAG,SAAbA,UAAa,CAACF,QAAD,EAAmBC,oBAAnB,EAAqD;EAC7E,IAAME,SAAS,GAAGpB,wBAAwB,CAACiB,QAAD,CAA1C;;EACA,iBAAUD,OAAO,CAACI,SAAD,EAAYF,oBAAZ,CAAjB;AACD,CAHM"}

package/esm/utils/extractNumbersFromString.d.ts

@@ -0,0 +1,2 @@
+export declare const extractNumbersFromString: (value: string) => number;
+export declare const extractDigitsFromString: (value: string) => string;

package/esm/utils/extractNumbersFromString.js

@@ -0,0 +1,7 @@
+export var extractNumbersFromString = function extractNumbersFromString(value) {
+  return Number(extractDigitsFromString(value));
+};
+export var extractDigitsFromString = function extractDigitsFromString(value) {
+  return value.replace(/[^0-9]/g, '');
+};
+//# sourceMappingURL=extractNumbersFromString.js.map

package/esm/utils/extractNumbersFromString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractNumbersFromString.js","names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"sources":["../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"mappings":"AAAA,OAAO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD;EAAA,OACtCC,MAAM,CAACC,uBAAuB,CAACF,KAAD,CAAxB,CADgC;AAAA,CAAjC;AAGP,OAAO,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACF,KAAD;EAAA,OACrCA,KAAK,CAACG,OAAN,CAAc,SAAd,EAAyB,EAAzB,CADqC;AAAA,CAAhC"}

package/esm/utils/formatWithMask.d.ts

@@ -0,0 +1,3 @@
+import { MaskType, CurrencyOptions } from '../components/atoms/Input';
+import currency from 'currency.js';
+export declare const formatWithMask: (mask: MaskType[] | currency.Options | ((value: string) => MaskType[]), value: string | number) => string | number;

package/esm/utils/formatWithMask.js

@@ -0,0 +1,19 @@
+import { getMask, mergeMask, getInternalNumberAndMask } from '../components/atoms/Input';
+import currency from 'currency.js';
+export var formatWithMask = function formatWithMask(mask, value) {
+  if (Array.isArray(mask) || typeof mask === 'function') {
+    var selectedMask = getMask(mask, String(value));
+
+    var _mergeMask = mergeMask(String(value), selectedMask),
+        formatted = _mergeMask.formatted;
+
+    return formatted || '';
+  } else {
+    var _getInternalNumberAnd = getInternalNumberAndMask(value, mask),
+        internalNumber = _getInternalNumberAnd.internalNumber,
+        mergedOptions = _getInternalNumberAnd.mergedOptions;
+
+    return currency(internalNumber).format(mergedOptions);
+  }
+};
+//# sourceMappingURL=formatWithMask.js.map

package/esm/utils/formatWithMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatWithMask.js","names":["getMask","mergeMask","getInternalNumberAndMask","currency","formatWithMask","mask","value","Array","isArray","selectedMask","String","formatted","internalNumber","mergedOptions","format"],"sources":["../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"mappings":"AAAA,SAGEA,OAHF,EAIEC,SAJF,EAKEC,wBALF,QAMO,2BANP;AAOA,OAAOC,QAAP,MAAqB,aAArB;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,IAD4B,EAE5BC,KAF4B,EAGR;EACpB,IAAIC,KAAK,CAACC,OAAN,CAAcH,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;IACrD,IAAMI,YAAY,GAAGT,OAAO,CAACK,IAAD,EAAOK,MAAM,CAACJ,KAAD,CAAb,CAA5B;;IACA,iBAAsBL,SAAS,CAACS,MAAM,CAACJ,KAAD,CAAP,EAAgBG,YAAhB,CAA/B;IAAA,IAAQE,SAAR,cAAQA,SAAR;;IACA,OAAOA,SAAS,IAAI,EAApB;EACD,CAJD,MAIO;IACL,4BAA0CT,wBAAwB,CAChEI,KADgE,EAEhED,IAFgE,CAAlE;IAAA,IAAQO,cAAR,yBAAQA,cAAR;IAAA,IAAwBC,aAAxB,yBAAwBA,aAAxB;;IAIA,OAAOV,QAAQ,CAACS,cAAD,CAAR,CAAyBE,MAAzB,CAAgCD,aAAhC,CAAP;EACD;AACF,CAfM"}

package/esm/utils/index.d.ts

@@ -0,0 +1,7 @@
+export { extractDigitsFromString, extractNumbersFromString, } from './extractNumbersFromString';
+export * from './formatWithMask';
+export * from './IPhoneXHelper';
+export { lightenDarkenColor } from './lightenDarkenColor';
+export * from './masks';
+export * from './ResponsiveFontSize';
+export * from './variantComplement';

package/esm/utils/index.js

@@ -0,0 +1,8 @@
+export { extractDigitsFromString, extractNumbersFromString } from './extractNumbersFromString';
+export * from './formatWithMask';
+export * from './IPhoneXHelper';
+export { lightenDarkenColor } from './lightenDarkenColor';
+export * from './masks';
+export * from './ResponsiveFontSize';
+export * from './variantComplement';
+//# sourceMappingURL=index.js.map

package/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["extractDigitsFromString","extractNumbersFromString","lightenDarkenColor"],"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  extractDigitsFromString,\n  extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"mappings":"AAAA,SACEA,uBADF,EAEEC,wBAFF,QAGO,4BAHP;AAIA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,cAAc,SAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd"}

package/esm/utils/lightenDarkenColor.d.ts

@@ -0,0 +1 @@
+export declare const lightenDarkenColor: (color: string, variation: number) => string;

package/esm/utils/lightenDarkenColor.js

@@ -0,0 +1,18 @@
+export var lightenDarkenColor = function lightenDarkenColor(color, variation) {
+  var usePound = false;
+
+  if (color[0] == '#') {
+    color = color.slice(1);
+    usePound = true;
+  }
+
+  var num = parseInt(color, 16);
+  var r = (num >> 16) + variation;
+  if (r > 255) r = 255;else if (r < 0) r = 0;
+  var b = (num >> 8 & 0x00ff) + variation;
+  if (b > 255) b = 255;else if (b < 0) b = 0;
+  var g = (num & 0x0000ff) + variation;
+  if (g > 255) g = 255;else if (g < 0) g = 0;
+  return (usePound ? '#' : '') + (g | b << 8 | r << 16).toString(16);
+};
+//# sourceMappingURL=lightenDarkenColor.js.map