@tecsinapse/react-core 1.20.0 → 1.21.0

package/dist/styles/definitions.js

@@ -1,154 +1,144 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.zIndex = exports.typography = exports.statusColor = exports.spacing = exports.miscellaneous = exports.iconSize = exports.hex2rgba = exports.fontWeight = exports.fontStack = exports.fontFiles = exports.fontColor = exports.breakpoints = exports.borderWidth = exports.borderRadius = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _utils = require("../utils");
+require('react');
+require('../components/atoms/Text/styled.js');
+require('../components/atoms/Input/styled.js');
+require('currency.js');
+require('../components/atoms/Input/InputElement/InputElement.js');
+require('../components/atoms/Input/InputMaskElement/InputMaskElement.js');
+require('../components/atoms/Input/PressableInputContainer/styled.js');
+require('react-native');
+var ResponsiveFontSize = require('../utils/ResponsiveFontSize.js');
 
 const statusColor = {
   error: {
-    xlight: '#fdf3f2',
-    light: '#ee9891',
-    medium: '#e04638',
-    dark: '#9b2318',
-    xdark: '#58240e'
+    xlight: "#fdf3f2",
+    light: "#ee9891",
+    medium: "#e04638",
+    dark: "#9b2318",
+    xdark: "#58240e"
   },
   warning: {
-    xlight: '#fffcf0',
-    light: '#ffe380',
-    medium: '#ffc700',
-    dark: '#cc9f00',
-    xdark: '#665000'
+    xlight: "#fffcf0",
+    light: "#ffe380",
+    medium: "#ffc700",
+    dark: "#cc9f00",
+    xdark: "#665000"
   },
   success: {
-    xlight: '#f3fcf8',
-    light: '#99e6c9',
-    medium: '#2db783',
-    dark: '#238f67',
-    xdark: '#14523b'
+    xlight: "#f3fcf8",
+    light: "#99e6c9",
+    medium: "#2db783",
+    dark: "#238f67",
+    xdark: "#14523b"
   },
   info: {
-    xlight: '#f0f8fe',
-    light: '#85c7fa',
-    medium: '#239bf6',
-    dark: '#0873c4',
-    xdark: '#043962'
+    xlight: "#f0f8fe",
+    light: "#85c7fa",
+    medium: "#239bf6",
+    dark: "#0873c4",
+    xdark: "#043962"
   }
 };
-exports.statusColor = statusColor;
-
-const hex2rgba = function (hex) {
-  let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  const [r, g, b] = hex.match(/\w\w/g).map(x => parseInt(x, 16));
-  return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(alpha, ")");
+const hex2rgba = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
+  return `rgba(${r},${g},${b},${alpha})`;
 };
-
-exports.hex2rgba = hex2rgba;
 const miscellaneous = {
-  shadow: '#000000',
-  overlay: '#282625',
-  bodyColor: '#f8f7f7',
-  surfaceColor: '#ffffff'
+  shadow: "#000000",
+  overlay: "#282625",
+  bodyColor: "#f8f7f7",
+  surfaceColor: "#ffffff"
 };
-exports.miscellaneous = miscellaneous;
 const spacing = {
-  nano: (0, _utils.RFValueStr)('2px'),
-  micro: (0, _utils.RFValueStr)('4px'),
-  mili: (0, _utils.RFValueStr)('8px'),
-  centi: (0, _utils.RFValueStr)('12px'),
-  deca: (0, _utils.RFValueStr)('16px'),
-  kilo: (0, _utils.RFValueStr)('24px'),
-  mega: (0, _utils.RFValueStr)('32px'),
-  giga: (0, _utils.RFValueStr)('40px'),
-  tera: (0, _utils.RFValueStr)('48px'),
-  peta: (0, _utils.RFValueStr)('56px'),
-  hexa: (0, _utils.RFValueStr)('64px')
+  nano: ResponsiveFontSize.RFValueStr("2px"),
+  micro: ResponsiveFontSize.RFValueStr("4px"),
+  mili: ResponsiveFontSize.RFValueStr("8px"),
+  centi: ResponsiveFontSize.RFValueStr("12px"),
+  deca: ResponsiveFontSize.RFValueStr("16px"),
+  kilo: ResponsiveFontSize.RFValueStr("24px"),
+  mega: ResponsiveFontSize.RFValueStr("32px"),
+  giga: ResponsiveFontSize.RFValueStr("40px"),
+  tera: ResponsiveFontSize.RFValueStr("48px"),
+  peta: ResponsiveFontSize.RFValueStr("56px"),
+  hexa: ResponsiveFontSize.RFValueStr("64px")
 };
-exports.spacing = spacing;
 const iconSize = {
-  micro: (0, _utils.RFValueStr)('12px'),
-  mili: (0, _utils.RFValueStr)('14px'),
-  centi: (0, _utils.RFValueStr)('16px'),
-  deca: (0, _utils.RFValueStr)('18px'),
-  kilo: (0, _utils.RFValueStr)('24px'),
-  mega: (0, _utils.RFValueStr)('32px')
+  micro: ResponsiveFontSize.RFValueStr("12px"),
+  mili: ResponsiveFontSize.RFValueStr("14px"),
+  centi: ResponsiveFontSize.RFValueStr("16px"),
+  deca: ResponsiveFontSize.RFValueStr("18px"),
+  kilo: ResponsiveFontSize.RFValueStr("24px"),
+  mega: ResponsiveFontSize.RFValueStr("32px")
 };
-exports.iconSize = iconSize;
 const borderRadius = {
-  nano: (0, _utils.RFValueStr)('2px'),
-  micro: (0, _utils.RFValueStr)('4px'),
-  mili: (0, _utils.RFValueStr)('8px'),
-  centi: (0, _utils.RFValueStr)('16px'),
-  deca: (0, _utils.RFValueStr)('24px'),
-  pill: (0, _utils.RFValueStr)('999999px')
+  nano: ResponsiveFontSize.RFValueStr("2px"),
+  micro: ResponsiveFontSize.RFValueStr("4px"),
+  mili: ResponsiveFontSize.RFValueStr("8px"),
+  centi: ResponsiveFontSize.RFValueStr("16px"),
+  deca: ResponsiveFontSize.RFValueStr("24px"),
+  pill: ResponsiveFontSize.RFValueStr("999999px")
 };
-exports.borderRadius = borderRadius;
 const borderWidth = {
-  pico: (0, _utils.RFValueStr)('1px'),
-  nano: (0, _utils.RFValueStr)('2px')
+  pico: ResponsiveFontSize.RFValueStr("1px"),
+  nano: ResponsiveFontSize.RFValueStr("2px")
 };
-exports.borderWidth = borderWidth;
 const typography = {
   h5: {
-    fontSize: (0, _utils.RFValueStr)('16px'),
-    lineHeight: (0, _utils.RFValueStr)('24px')
+    fontSize: ResponsiveFontSize.RFValueStr("16px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("24px")
   },
   h4: {
-    fontSize: (0, _utils.RFValueStr)('18px'),
-    lineHeight: (0, _utils.RFValueStr)('27px')
+    fontSize: ResponsiveFontSize.RFValueStr("18px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("27px")
   },
   h3: {
-    fontSize: (0, _utils.RFValueStr)('20px'),
-    lineHeight: (0, _utils.RFValueStr)('32px')
+    fontSize: ResponsiveFontSize.RFValueStr("20px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("32px")
   },
   h2: {
-    fontSize: (0, _utils.RFValueStr)('26px'),
-    lineHeight: (0, _utils.RFValueStr)('38px')
+    fontSize: ResponsiveFontSize.RFValueStr("26px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("38px")
   },
   h1: {
-    fontSize: (0, _utils.RFValueStr)('32px'),
-    lineHeight: (0, _utils.RFValueStr)('42px')
+    fontSize: ResponsiveFontSize.RFValueStr("32px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("42px")
   },
   base: {
-    fontSize: (0, _utils.RFValueStr)('14px'),
-    lineHeight: (0, _utils.RFValueStr)('21px')
+    fontSize: ResponsiveFontSize.RFValueStr("14px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("21px")
   },
   sub: {
-    fontSize: (0, _utils.RFValueStr)('12px'),
-    lineHeight: (0, _utils.RFValueStr)('18px')
+    fontSize: ResponsiveFontSize.RFValueStr("12px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("18px")
   },
   label: {
-    fontSize: (0, _utils.RFValueStr)('10px'),
-    lineHeight: (0, _utils.RFValueStr)('12px')
+    fontSize: ResponsiveFontSize.RFValueStr("10px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("12px")
   }
 };
-exports.typography = typography;
 const fontStack = {
-  default: 'Lato',
-  mono: 'Consolas, monaco, monospace'
+  default: "Lato",
+  mono: "Consolas, monaco, monospace"
 };
-exports.fontStack = fontStack;
 const fontWeight = {
-  regular: '400',
-  bold: '700',
-  black: '900'
+  regular: "400",
+  bold: "700",
+  black: "900"
 };
-exports.fontWeight = fontWeight;
 const fontFiles = {
-  black: '{0}-Black',
-  bold: '{0}-Bold',
-  regular: '{0}-Regular'
+  black: "{0}-Black",
+  bold: "{0}-Bold",
+  regular: "{0}-Regular"
 };
-exports.fontFiles = fontFiles;
 const fontColor = {
-  light: '#fff',
-  medium: '#85807a',
-  dark: '#353231',
-  orange: '#f89907'
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
+  orange: "#f89907"
 };
-exports.fontColor = fontColor;
 const zIndex = {
   default: 0,
   absolute: 1,
@@ -160,13 +150,26 @@ const zIndex = {
   backdrop: 700,
   drawer: 700,
   sidebar: 800,
-  modal: 1000
+  modal: 1e3
 };
-exports.zIndex = zIndex;
 const breakpoints = {
   sm: 480,
   md: 768,
   lg: 1366
 };
+
+exports.borderRadius = borderRadius;
+exports.borderWidth = borderWidth;
 exports.breakpoints = breakpoints;
-//# sourceMappingURL=definitions.js.map
+exports.fontColor = fontColor;
+exports.fontFiles = fontFiles;
+exports.fontStack = fontStack;
+exports.fontWeight = fontWeight;
+exports.hex2rgba = hex2rgba;
+exports.iconSize = iconSize;
+exports.miscellaneous = miscellaneous;
+exports.spacing = spacing;
+exports.statusColor = statusColor;
+exports.typography = typography;
+exports.zIndex = zIndex;
+//# sourceMappingURL=definitions.js.map

package/dist/styles/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","names":["statusColor","error","xlight","light","medium","dark","xdark","warning","success","info","hex2rgba","hex","alpha","r","g","b","match","map","x","parseInt","miscellaneous","shadow","overlay","bodyColor","surfaceColor","spacing","nano","RFValueStr","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","default","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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"}
+{"version":3,"file":"definitions.js","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"],"names":["RFValueStr"],"mappings":"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"}

package/dist/styles/light.js

@@ -1,48 +1,59 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lightTheme = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _definitions = require("./definitions");
+var definitions = require('./definitions.js');
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 const primaryGradation = {
-  xlight: '#fef9f0',
-  light: '#fccb83',
-  medium: '#f89907',
-  dark: '#ae6b05',
-  xdark: '#633d03'
+  xlight: "#fef9f0",
+  light: "#fccb83",
+  medium: "#f89907",
+  dark: "#ae6b05",
+  xdark: "#633d03"
 };
 const secondaryGradation = {
-  xlight: '#f8f7f7',
-  light: '#c2bfbc',
-  medium: '#85807a',
-  dark: '#5d5955',
-  xdark: '#353231'
+  xlight: "#f8f7f7",
+  light: "#c2bfbc",
+  medium: "#85807a",
+  dark: "#5d5955",
+  xdark: "#353231"
 };
 const lightTheme = {
-  color: {
-    primary: { ...primaryGradation
-    },
-    secondary: { ...secondaryGradation
-    },
-    ..._definitions.statusColor
-  },
-  miscellaneous: _definitions.miscellaneous,
-  spacing: _definitions.spacing,
-  iconSize: _definitions.iconSize,
-  borderRadius: _definitions.borderRadius,
-  borderWidth: _definitions.borderWidth,
-  typography: _definitions.typography,
+  color: __spreadValues({
+    primary: __spreadValues({}, primaryGradation),
+    secondary: __spreadValues({}, secondaryGradation)
+  }, definitions.statusColor),
+  miscellaneous: definitions.miscellaneous,
+  spacing: definitions.spacing,
+  iconSize: definitions.iconSize,
+  borderRadius: definitions.borderRadius,
+  borderWidth: definitions.borderWidth,
+  typography: definitions.typography,
   font: {
-    color: _definitions.fontColor,
-    stack: _definitions.fontStack,
-    weight: _definitions.fontWeight,
-    files: _definitions.fontFiles
+    color: definitions.fontColor,
+    stack: definitions.fontStack,
+    weight: definitions.fontWeight,
+    files: definitions.fontFiles
   },
-  zIndex: _definitions.zIndex,
-  breakpoints: _definitions.breakpoints
+  zIndex: definitions.zIndex,
+  breakpoints: definitions.breakpoints
 };
+
 exports.lightTheme = lightTheme;
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/dist/styles/light.js.map

@@ -1 +1 @@
-{"version":3,"file":"light.js","names":["primaryGradation","xlight","light","medium","dark","xdark","secondaryGradation","lightTheme","color","primary","secondary","statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","font","fontColor","stack","fontStack","weight","fontWeight","files","fontFiles","zIndex","breakpoints"],"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;;AAgBA,MAAMA,gBAAgB,GAAG;EACvBC,MAAM,EAAE,SADe;EAEvBC,KAAK,EAAE,SAFgB;EAGvBC,MAAM,EAAE,SAHe;EAIvBC,IAAI,EAAE,SAJiB;EAKvBC,KAAK,EAAE;AALgB,CAAzB;AAQA,MAAMC,kBAAkB,GAAG;EACzBL,MAAM,EAAE,SADiB;EAEzBC,KAAK,EAAE,SAFkB;EAGzBC,MAAM,EAAE,SAHiB;EAIzBC,IAAI,EAAE,SAJmB;EAKzBC,KAAK,EAAE;AALkB,CAA3B;AAQO,MAAME,UAAqB,GAAG;EACnCC,KAAK,EAAE;IACLC,OAAO,EAAE,EACP,GAAGT;IADI,CADJ;IAILU,SAAS,EAAE,EAAE,GAAGJ;IAAL,CAJN;IAKL,GAAGK;EALE,CAD4B;EAQnCC,aAAa,EAAbA,0BARmC;EASnCC,OAAO,EAAPA,oBATmC;EAUnCC,QAAQ,EAARA,qBAVmC;EAWnCC,YAAY,EAAZA,yBAXmC;EAYnCC,WAAW,EAAXA,wBAZmC;EAanCC,UAAU,EAAVA,uBAbmC;EAcnCC,IAAI,EAAE;IACJV,KAAK,EAAEW,sBADH;IAEJC,KAAK,EAAEC,sBAFH;IAGJC,MAAM,EAAEC,uBAHJ;IAIJC,KAAK,EAAEC;EAJH,CAd6B;EAoBnCC,MAAM,EAANA,mBApBmC;EAqBnCC,WAAW,EAAXA;AArBmC,CAA9B"}
+{"version":3,"file":"light.js","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"],"names":["statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","fontColor","fontStack","fontWeight","fontFiles","zIndex","breakpoints"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA,cAAA,CAAA;AAAA,IACL,SAAS,cACJ,CAAA,EAAA,EAAA,gBAAA,CAAA;AAAA,IAEL,WAAW,cAAK,CAAA,EAAA,EAAA,kBAAA,CAAA;AAAA,GACb,EAAAA,uBAAA,CAAA;AAAA,iBAELC,yBAAA;AAAA,WACAC,mBAAA;AAAA,YACAC,oBAAA;AAAA,gBACAC,wBAAA;AAAA,eACAC,uBAAA;AAAA,cACAC,sBAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAAC,qBAAA;AAAA,IACP,KAAO,EAAAC,qBAAA;AAAA,IACP,MAAQ,EAAAC,sBAAA;AAAA,IACR,KAAO,EAAAC,qBAAA;AAAA,GACT;AAAA,UACAC,kBAAA;AAAA,eACAC,uBAAA;AACF;;;;"}

package/dist/utils/IPhoneXHelper.js

@@ -1,38 +1,32 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getBottomSpace = getBottomSpace;
-exports.getStatusBarHeight = getStatusBarHeight;
-exports.ifIphoneX = ifIphoneX;
-exports.isIphoneX = isIphoneX;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
+var reactNative = require('react-native');
 
 function isIphoneX() {
-  const dimen = _reactNative.Dimensions.get('window');
-
-  return _reactNative.Platform.OS === 'ios' && !_reactNative.Platform.isPad && !_reactNative.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);
+  const dimen = reactNative.Dimensions.get("window");
+  return reactNative.Platform.OS === "ios" && !reactNative.Platform.isPad && !reactNative.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);
 }
-
 function ifIphoneX(iphoneXStyle, regularStyle) {
   if (isIphoneX()) {
     return iphoneXStyle;
   }
-
   return regularStyle;
 }
-
 function getStatusBarHeight(safe) {
-  return _reactNative.Platform.select({
+  return reactNative.Platform.select({
     ios: ifIphoneX(safe ? 44 : 30, 20),
-    android: _reactNative.StatusBar.currentHeight,
+    android: reactNative.StatusBar.currentHeight,
     default: 0
   });
 }
-
 function getBottomSpace() {
   return isIphoneX() ? 34 : 0;
 }
-//# sourceMappingURL=IPhoneXHelper.js.map
+
+exports.getBottomSpace = getBottomSpace;
+exports.getStatusBarHeight = getStatusBarHeight;
+exports.ifIphoneX = ifIphoneX;
+exports.isIphoneX = isIphoneX;
+//# sourceMappingURL=IPhoneXHelper.js.map

package/dist/utils/IPhoneXHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"IPhoneXHelper.js","names":["isIphoneX","dimen","Dimensions","get","Platform","OS","isPad","isTVOS","height","width","ifIphoneX","iphoneXStyle","regularStyle","getStatusBarHeight","safe","select","ios","android","StatusBar","currentHeight","default","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;;AAEO,SAASA,SAAT,GAAqB;EAC1B,MAAMC,KAAK,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAAd;;EACA,OACEC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,IACA,CAACD,qBAAA,CAASE,KADV,IAEA,CAACF,qBAAA,CAASG,MAFV,KAGCN,KAAK,CAACO,MAAN,KAAiB,GAAjB,IACCP,KAAK,CAACQ,KAAN,KAAgB,GADjB,IAECR,KAAK,CAACO,MAAN,KAAiB,GAFlB,IAGCP,KAAK,CAACQ,KAAN,KAAgB,GAHjB,IAICR,KAAK,CAACO,MAAN,KAAiB,GAJlB,IAKCP,KAAK,CAACQ,KAAN,KAAgB,GALjB,IAMCR,KAAK,CAACO,MAAN,KAAiB,GANlB,IAOCP,KAAK,CAACQ,KAAN,KAAgB,GAPjB,IAQCR,KAAK,CAACO,MAAN,KAAiB,GARlB,IASCP,KAAK,CAACQ,KAAN,KAAgB,GAZlB,CADF;AAeD;;AAEM,SAASC,SAAT,CAAmBC,YAAnB,EAAiCC,YAAjC,EAA+C;EACpD,IAAIZ,SAAS,EAAb,EAAiB;IACf,OAAOW,YAAP;EACD;;EACD,OAAOC,YAAP;AACD;;AAEM,SAASC,kBAAT,CAA4BC,IAA5B,EAAkC;EACvC,OAAOV,qBAAA,CAASW,MAAT,CAAgB;IACrBC,GAAG,EAAEN,SAAS,CAACI,IAAI,GAAG,EAAH,GAAQ,EAAb,EAAiB,EAAjB,CADO;IAErBG,OAAO,EAAEC,sBAAA,CAAUC,aAFE;IAGrBC,OAAO,EAAE;EAHY,CAAhB,CAAP;AAKD;;AAEM,SAASC,cAAT,GAA0B;EAC/B,OAAOrB,SAAS,KAAK,EAAL,GAAU,CAA1B;AACD"}
+{"version":3,"file":"IPhoneXHelper.js","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"],"names":["Dimensions","Platform","StatusBar"],"mappings":";;;;;;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQA,sBAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACEC,qBAAS,EAAO,KAAA,KAAA,IAChB,CAACA,oBAAA,CAAS,SACV,CAACA,oBAAA,CAAS,MACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAOA,qBAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAASC,qBAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;;;;"}

package/dist/utils/ResponsiveFontSize.d.ts

@@ -1,3 +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;
+export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;

package/dist/utils/ResponsiveFontSize.js

@@ -1,58 +1,38 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RFValueStr = exports.RFValue = exports.RFPercentage = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
-
-var _extractNumbersFromString = require("./extractNumbersFromString");
-
-var _IPhoneXHelper = require("./IPhoneXHelper");
+var reactNative = require('react-native');
+var extractNumbersFromString = require('./extractNumbersFromString.js');
+var IPhoneXHelper = require('./IPhoneXHelper.js');
 
 const STANDARD_SCREEN_HEIGHT = 680;
-
-const RFPercentage = percent => {
-  if (_reactNative.Platform.OS === 'web') return percent;
-
-  const {
-    height,
-    width
-  } = _reactNative.Dimensions.get('window');
-
+const RFPercentage = (percent) => {
+  if (reactNative.Platform.OS === "web")
+    return percent;
+  const { height, width } = reactNative.Dimensions.get("window");
   const standardLength = width > height ? width : height;
-  const offset = width > height ? 0 : _reactNative.Platform.OS === 'ios' ? 78 : _reactNative.StatusBar.currentHeight || 0;
-  const deviceHeight = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === 'android' ? standardLength - offset : standardLength;
+  const offset = width > height ? 0 : reactNative.Platform.OS === "ios" ? 78 : reactNative.StatusBar.currentHeight || 0;
+  const deviceHeight = IPhoneXHelper.isIphoneX() || reactNative.Platform.OS === "android" ? standardLength - offset : standardLength;
   const heightPercent = percent * deviceHeight / 100;
   return Math.round(heightPercent);
 };
-
-exports.RFPercentage = RFPercentage;
-
-const RFValue = function (fontSize) {
-  let standardScreenHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : STANDARD_SCREEN_HEIGHT;
-  if (_reactNative.Platform.OS === 'web') return fontSize;
-
-  const {
-    height,
-    width
-  } = _reactNative.Dimensions.get('window');
-
+const RFValue = (fontSize, standardScreenHeight = STANDARD_SCREEN_HEIGHT) => {
+  if (reactNative.Platform.OS === "web")
+    return fontSize;
+  const { height, width } = reactNative.Dimensions.get("window");
   const standardLength = width > height ? width : height;
-  const offset = width > height ? 0 : _reactNative.Platform.OS === 'ios' ? 78 : _reactNative.StatusBar.currentHeight || 0;
-  const deviceHeight = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === 'android' ? standardLength - offset : standardLength;
+  const offset = width > height ? 0 : reactNative.Platform.OS === "ios" ? 78 : reactNative.StatusBar.currentHeight || 0;
+  const deviceHeight = IPhoneXHelper.isIphoneX() || reactNative.Platform.OS === "android" ? standardLength - offset : standardLength;
   const heightPercent = fontSize * deviceHeight / standardScreenHeight;
   return Math.round(heightPercent);
 };
-
-exports.RFValue = RFValue;
-
 const RFValueStr = (fontSize, standardScreenHeight) => {
-  const _fontSize = (0, _extractNumbersFromString.extractNumbersFromString)(fontSize);
-
-  return "".concat(RFValue(_fontSize, standardScreenHeight), "px");
+  const _fontSize = extractNumbersFromString.extractNumbersFromString(fontSize);
+  return `${RFValue(_fontSize, standardScreenHeight)}px`;
 };
 
+exports.RFPercentage = RFPercentage;
+exports.RFValue = RFValue;
 exports.RFValueStr = RFValueStr;
-//# sourceMappingURL=ResponsiveFontSize.js.map
+//# sourceMappingURL=ResponsiveFontSize.js.map