@tecsinapse/react-core 1.20.0 → 1.21.0

package/esm/styles/definitions.js

@@ -1,154 +1,142 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+import 'react';
+import '../components/atoms/Text/styled.js';
+import '../components/atoms/Input/styled.js';
+import 'currency.js';
+import '../components/atoms/Input/InputElement/InputElement.js';
+import '../components/atoms/Input/InputMaskElement/InputMaskElement.js';
+import '../components/atoms/Input/PressableInputContainer/styled.js';
+import 'react-native';
+import { RFValueStr } from '../utils/ResponsiveFontSize.js';
 
-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 = {
+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"
   }
 };
-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, ")");
+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})`;
 };
-export var miscellaneous = {
-  shadow: '#000000',
-  overlay: '#282625',
-  bodyColor: '#f8f7f7',
-  surfaceColor: '#ffffff'
+const 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')
+const 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')
+const 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')
+const 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')
+const borderWidth = {
+  pico: RFValueStr("1px"),
+  nano: RFValueStr("2px")
 };
-export var typography = {
+const typography = {
   h5: {
-    fontSize: RFValueStr('16px'),
-    lineHeight: RFValueStr('24px')
+    fontSize: RFValueStr("16px"),
+    lineHeight: RFValueStr("24px")
   },
   h4: {
-    fontSize: RFValueStr('18px'),
-    lineHeight: RFValueStr('27px')
+    fontSize: RFValueStr("18px"),
+    lineHeight: RFValueStr("27px")
   },
   h3: {
-    fontSize: RFValueStr('20px'),
-    lineHeight: RFValueStr('32px')
+    fontSize: RFValueStr("20px"),
+    lineHeight: RFValueStr("32px")
   },
   h2: {
-    fontSize: RFValueStr('26px'),
-    lineHeight: RFValueStr('38px')
+    fontSize: RFValueStr("26px"),
+    lineHeight: RFValueStr("38px")
   },
   h1: {
-    fontSize: RFValueStr('32px'),
-    lineHeight: RFValueStr('42px')
+    fontSize: RFValueStr("32px"),
+    lineHeight: RFValueStr("42px")
   },
   base: {
-    fontSize: RFValueStr('14px'),
-    lineHeight: RFValueStr('21px')
+    fontSize: RFValueStr("14px"),
+    lineHeight: RFValueStr("21px")
   },
   sub: {
-    fontSize: RFValueStr('12px'),
-    lineHeight: RFValueStr('18px')
+    fontSize: RFValueStr("12px"),
+    lineHeight: RFValueStr("18px")
   },
   label: {
-    fontSize: RFValueStr('10px'),
-    lineHeight: RFValueStr('12px')
+    fontSize: RFValueStr("10px"),
+    lineHeight: RFValueStr("12px")
   }
 };
-export var fontStack = {
-  "default": 'Lato',
-  mono: 'Consolas, monaco, monospace'
+const fontStack = {
+  default: "Lato",
+  mono: "Consolas, monaco, monospace"
 };
-export var fontWeight = {
-  regular: '400',
-  bold: '700',
-  black: '900'
+const fontWeight = {
+  regular: "400",
+  bold: "700",
+  black: "900"
 };
-export var fontFiles = {
-  black: '{0}-Black',
-  bold: '{0}-Bold',
-  regular: '{0}-Regular'
+const fontFiles = {
+  black: "{0}-Black",
+  bold: "{0}-Bold",
+  regular: "{0}-Regular"
 };
-export var fontColor = {
-  light: '#fff',
-  medium: '#85807a',
-  dark: '#353231',
-  orange: '#f89907'
+const fontColor = {
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
+  orange: "#f89907"
 };
-export var zIndex = {
-  "default": 0,
+const zIndex = {
+  default: 0,
   absolute: 1,
   select: 20,
   input: 20,
@@ -158,11 +146,13 @@ export var zIndex = {
   backdrop: 700,
   drawer: 700,
   sidebar: 800,
-  modal: 1000
+  modal: 1e3
 };
-export var breakpoints = {
+const breakpoints = {
   sm: 480,
   md: 768,
   lg: 1366
 };
-//# sourceMappingURL=definitions.js.map
+
+export { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, hex2rgba, iconSize, miscellaneous, spacing, statusColor, typography, zIndex };
+//# sourceMappingURL=definitions.js.map

package/esm/styles/definitions.js.map

@@ -1 +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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"}
+{"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":[],"mappings":"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"}

package/esm/styles/light.js

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

package/esm/styles/light.js.map

@@ -1 +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"}
+{"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":[],"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,EAAA,WAAA,CAAA;AAAA,EAEL,aAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,UAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AACF;;;;"}

package/esm/utils/IPhoneXHelper.js

@@ -1,23 +1,25 @@
 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);
+
+function isIphoneX() {
+  const 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) {
+function ifIphoneX(iphoneXStyle, regularStyle) {
   if (isIphoneX()) {
     return iphoneXStyle;
   }
-
   return regularStyle;
 }
-export function getStatusBarHeight(safe) {
+function getStatusBarHeight(safe) {
   return Platform.select({
     ios: ifIphoneX(safe ? 44 : 30, 20),
     android: StatusBar.currentHeight,
-    "default": 0
+    default: 0
   });
 }
-export function getBottomSpace() {
+function getBottomSpace() {
   return isIphoneX() ? 34 : 0;
 }
-//# sourceMappingURL=IPhoneXHelper.js.map
+
+export { getBottomSpace, getStatusBarHeight, ifIphoneX, isIphoneX };
+//# sourceMappingURL=IPhoneXHelper.js.map

package/esm/utils/IPhoneXHelper.js.map

@@ -1 +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"}
+{"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":[],"mappings":";;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACE,SAAS,EAAO,KAAA,KAAA,IAChB,CAAC,QAAA,CAAS,SACV,CAAC,QAAA,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,OAAO,SAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAAS,SAAU,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/esm/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/esm/utils/ResponsiveFontSize.js

@@ -1,37 +1,32 @@
-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;
+import { Platform, Dimensions, StatusBar } from 'react-native';
+import { extractNumbersFromString } from './extractNumbersFromString.js';
+import { isIphoneX } from './IPhoneXHelper.js';
 
-  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;
+const STANDARD_SCREEN_HEIGHT = 680;
+const RFPercentage = (percent) => {
+  if (Platform.OS === "web")
+    return percent;
+  const { height, width } = Dimensions.get("window");
+  const standardLength = width > height ? width : height;
+  const offset = width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight || 0;
+  const deviceHeight = isIphoneX() || Platform.OS === "android" ? standardLength - offset : standardLength;
+  const 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;
+const RFValue = (fontSize, standardScreenHeight = STANDARD_SCREEN_HEIGHT) => {
+  if (Platform.OS === "web")
+    return fontSize;
+  const { height, width } = Dimensions.get("window");
+  const standardLength = width > height ? width : height;
+  const offset = width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight || 0;
+  const deviceHeight = isIphoneX() || Platform.OS === "android" ? standardLength - offset : standardLength;
+  const 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");
+const RFValueStr = (fontSize, standardScreenHeight) => {
+  const _fontSize = extractNumbersFromString(fontSize);
+  return `${RFValue(_fontSize, standardScreenHeight)}px`;
 };
-//# sourceMappingURL=ResponsiveFontSize.js.map
+
+export { RFPercentage, RFValue, RFValueStr };
+//# sourceMappingURL=ResponsiveFontSize.js.map