@tecsinapse/react-core 1.21.1-beta.1 → 1.21.1-beta.3

package/dist/index.cjs

@@ -0,0 +1,141 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Avatar = require('./components/atoms/Avatar/Avatar.cjs');
+var Badge = require('./components/atoms/Badge/Badge.cjs');
+var BoxContent = require('./components/atoms/BoxContent/BoxContent.cjs');
+var Button = require('./components/atoms/Button/Button.cjs');
+var Error = require('./components/atoms/Button/States/Error.cjs');
+var Loading = require('./components/atoms/Button/States/Loading.cjs');
+var Success = require('./components/atoms/Button/States/Success.cjs');
+var Card = require('./components/atoms/Card/Card.cjs');
+var Footer = require('./components/atoms/Card/Footer/Footer.cjs');
+var Header = require('./components/atoms/Card/Header/Header.cjs');
+var Checkbox = require('./components/atoms/Checkbox/Checkbox.cjs');
+var Divider = require('./components/atoms/Divider/Divider.cjs');
+var GroupButton = require('./components/atoms/GroupButton/GroupButton.cjs');
+var GroupButtonOption = require('./components/atoms/GroupButton/GroupButtonOption.cjs');
+var Icon = require('./components/atoms/Icon/Icon.cjs');
+var Hint = require('./components/atoms/Input/Hint.cjs');
+var useInputFocus = require('./components/atoms/Input/hooks/useInputFocus.cjs');
+var useNumberMask = require('./components/atoms/Input/hooks/useNumberMask.cjs');
+var useStringMask = require('./components/atoms/Input/hooks/useStringMask.cjs');
+var InputContainer = require('./components/atoms/Input/InputContainer/InputContainer.cjs');
+var InputElement = require('./components/atoms/Input/InputElement/InputElement.cjs');
+var InputMaskElement = require('./components/atoms/Input/InputMaskElement/InputMaskElement.cjs');
+var PressableInputContainer = require('./components/atoms/Input/PressableInputContainer/PressableInputContainer.cjs');
+var styled = require('./components/atoms/Input/styled.cjs');
+var Paper = require('./components/atoms/Paper/Paper.cjs');
+var PressableSurface = require('./components/atoms/PressableSurface/PressableSurface.cjs');
+var ProgressBar = require('./components/atoms/ProgressBar/ProgressBar.cjs');
+var RadioButton = require('./components/atoms/RadioButton/RadioButton.cjs');
+var Switch = require('./components/atoms/Switch/Switch.cjs');
+var Tag = require('./components/atoms/Tag/Tag.cjs');
+var Text = require('./components/atoms/Text/Text.cjs');
+var Calendar = require('./components/molecules/Calendar/Calendar.cjs');
+var DatePicker = require('./components/molecules/DatePicker/DatePicker.cjs');
+var DateTimePicker = require('./components/molecules/DateTimePicker/DateTimePicker.cjs');
+var DateTimeSelector = require('./components/molecules/DateTimeSelector/DateTimeSelector.cjs');
+var functions = require('./components/molecules/Grid/functions.cjs');
+var HintInputContainer = require('./components/molecules/HintInputContainer/HintInputContainer.cjs');
+var IconComponent = require('./components/molecules/IconTextButton/IconComponent.cjs');
+var InputPasswordIcon = require('./components/molecules/InputPassword/InputPasswordIcon.cjs');
+var Snackbar = require('./components/molecules/Snackbar/Snackbar.cjs');
+var TextArea = require('./components/molecules/TextArea/TextArea.cjs');
+var styled$1 = require('./components/molecules/TextArea/styled.cjs');
+var useDebouncedState = require('./hooks/useDebouncedState.cjs');
+var useTheme = require('./hooks/useTheme.cjs');
+var definitions = require('./styles/definitions.cjs');
+var light = require('./styles/light.cjs');
+var ThemeProvider = require('./styles/ThemeProvider.cjs');
+var extractNumbersFromString = require('./utils/extractNumbersFromString.cjs');
+var formatWithMask = require('./utils/formatWithMask.cjs');
+var IPhoneXHelper = require('./utils/IPhoneXHelper.cjs');
+var lightenDarkenColor = require('./utils/lightenDarkenColor.cjs');
+var masks = require('./utils/masks.cjs');
+var ResponsiveFontSize = require('./utils/ResponsiveFontSize.cjs');
+var variantComplement = require('./utils/variantComplement.cjs');
+
+
+
+exports.Avatar = Avatar;
+exports.Badge = Badge;
+exports.BoxContent = BoxContent;
+exports.Button = Button;
+exports.Error = Error;
+exports.Loading = Loading;
+exports.Success = Success;
+exports.Card = Card;
+exports.Footer = Footer;
+exports.Header = Header;
+exports.Checkbox = Checkbox;
+exports.Divider = Divider;
+exports.GroupButton = GroupButton;
+exports.GroupButtonOption = GroupButtonOption;
+exports.Icon = Icon;
+exports.Hint = Hint;
+exports.useInputFocus = useInputFocus.useInputFocus;
+exports.useNumberMask = useNumberMask.useNumberMask;
+exports.useStringMask = useStringMask.useStringMask;
+exports.InputContainer = InputContainer;
+exports.InputElement = InputElement;
+exports.InputMaskElement = InputMaskElement;
+exports.PressableInputContainer = PressableInputContainer;
+exports.StyledBorderKeeper = styled.StyledBorderKeeper;
+exports.disabledInputStyles = styled.disabledInputStyles;
+exports.Paper = Paper;
+exports.PressableSurface = PressableSurface;
+exports.ProgressBar = ProgressBar;
+exports.RadioButton = RadioButton;
+exports.Switch = Switch;
+exports.Tag = Tag;
+exports.Text = Text;
+exports.Calendar = Calendar;
+exports.DatePicker = DatePicker;
+exports.DateTimePicker = DateTimePicker;
+exports.DateTimeSelector = DateTimeSelector;
+exports.getGridItemColumSpan = functions.getGridItemColumSpan;
+exports.getGridItemPadding = functions.getGridItemPadding;
+exports.HintInputContainer = HintInputContainer;
+exports.IconComponent = IconComponent;
+exports.InputPasswordIcon = InputPasswordIcon;
+exports.Snackbar = Snackbar;
+exports.TextArea = TextArea;
+exports.TextAreaInputBase = styled$1.TextAreaInputBase;
+exports.useDebouncedState = useDebouncedState.useDebouncedState;
+exports.useTheme = useTheme.useTheme;
+exports.borderRadius = definitions.borderRadius;
+exports.borderWidth = definitions.borderWidth;
+exports.breakpoints = definitions.breakpoints;
+exports.fontColor = definitions.fontColor;
+exports.fontFiles = definitions.fontFiles;
+exports.fontStack = definitions.fontStack;
+exports.fontWeight = definitions.fontWeight;
+exports.hex2rgba = definitions.hex2rgba;
+exports.iconSize = definitions.iconSize;
+exports.miscellaneous = definitions.miscellaneous;
+exports.spacing = definitions.spacing;
+exports.statusColor = definitions.statusColor;
+exports.typography = definitions.typography;
+exports.zIndex = definitions.zIndex;
+exports.lightTheme = light.lightTheme;
+exports.ThemeProvider = ThemeProvider;
+exports.extractDigitsFromString = extractNumbersFromString.extractDigitsFromString;
+exports.extractNumbersFromString = extractNumbersFromString.extractNumbersFromString;
+exports.formatWithMask = formatWithMask.formatWithMask;
+exports.getBottomSpace = IPhoneXHelper.getBottomSpace;
+exports.getStatusBarHeight = IPhoneXHelper.getStatusBarHeight;
+exports.ifIphoneX = IPhoneXHelper.ifIphoneX;
+exports.isIphoneX = IPhoneXHelper.isIphoneX;
+exports.lightenDarkenColor = lightenDarkenColor.lightenDarkenColor;
+exports.Masks = masks.Masks;
+exports.RFPercentage = ResponsiveFontSize.RFPercentage;
+exports.RFValue = ResponsiveFontSize.RFValue;
+exports.RFValueStr = ResponsiveFontSize.RFValueStr;
+exports.borderColorGradationVC = variantComplement.borderColorGradationVC;
+exports.borderColorVC = variantComplement.borderColorVC;
+exports.colorGradationVC = variantComplement.colorGradationVC;
+exports.colorVC = variantComplement.colorVC;
+exports.fontColorVC = variantComplement.fontColorVC;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -0,0 +1,55 @@
+export { default as Avatar } from './components/atoms/Avatar/Avatar.mjs';
+export { default as Badge } from './components/atoms/Badge/Badge.mjs';
+export { default as BoxContent } from './components/atoms/BoxContent/BoxContent.mjs';
+export { default as Button } from './components/atoms/Button/Button.mjs';
+export { default as Error } from './components/atoms/Button/States/Error.mjs';
+export { default as Loading } from './components/atoms/Button/States/Loading.mjs';
+export { default as Success } from './components/atoms/Button/States/Success.mjs';
+export { default as Card } from './components/atoms/Card/Card.mjs';
+export { default as Footer } from './components/atoms/Card/Footer/Footer.mjs';
+export { default as Header } from './components/atoms/Card/Header/Header.mjs';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox.mjs';
+export { default as Divider } from './components/atoms/Divider/Divider.mjs';
+export { default as GroupButton } from './components/atoms/GroupButton/GroupButton.mjs';
+export { default as GroupButtonOption } from './components/atoms/GroupButton/GroupButtonOption.mjs';
+export { default as Icon } from './components/atoms/Icon/Icon.mjs';
+export { default as Hint } from './components/atoms/Input/Hint.mjs';
+export { useInputFocus } from './components/atoms/Input/hooks/useInputFocus.mjs';
+export { useNumberMask } from './components/atoms/Input/hooks/useNumberMask.mjs';
+export { useStringMask } from './components/atoms/Input/hooks/useStringMask.mjs';
+export { default as InputContainer } from './components/atoms/Input/InputContainer/InputContainer.mjs';
+export { default as InputElement } from './components/atoms/Input/InputElement/InputElement.mjs';
+export { default as InputMaskElement } from './components/atoms/Input/InputMaskElement/InputMaskElement.mjs';
+export { default as PressableInputContainer } from './components/atoms/Input/PressableInputContainer/PressableInputContainer.mjs';
+export { StyledBorderKeeper, disabledInputStyles } from './components/atoms/Input/styled.mjs';
+export { default as Paper } from './components/atoms/Paper/Paper.mjs';
+export { default as PressableSurface } from './components/atoms/PressableSurface/PressableSurface.mjs';
+export { default as ProgressBar } from './components/atoms/ProgressBar/ProgressBar.mjs';
+export { default as RadioButton } from './components/atoms/RadioButton/RadioButton.mjs';
+export { default as Switch } from './components/atoms/Switch/Switch.mjs';
+export { default as Tag } from './components/atoms/Tag/Tag.mjs';
+export { default as Text } from './components/atoms/Text/Text.mjs';
+export { default as Calendar } from './components/molecules/Calendar/Calendar.mjs';
+export { default as DatePicker } from './components/molecules/DatePicker/DatePicker.mjs';
+export { default as DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.mjs';
+export { default as DateTimeSelector } from './components/molecules/DateTimeSelector/DateTimeSelector.mjs';
+export { getGridItemColumSpan, getGridItemPadding } from './components/molecules/Grid/functions.mjs';
+export { default as HintInputContainer } from './components/molecules/HintInputContainer/HintInputContainer.mjs';
+export { default as IconComponent } from './components/molecules/IconTextButton/IconComponent.mjs';
+export { default as InputPasswordIcon } from './components/molecules/InputPassword/InputPasswordIcon.mjs';
+export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.mjs';
+export { default as TextArea } from './components/molecules/TextArea/TextArea.mjs';
+export { TextAreaInputBase } from './components/molecules/TextArea/styled.mjs';
+export { useDebouncedState } from './hooks/useDebouncedState.mjs';
+export { useTheme } from './hooks/useTheme.mjs';
+export { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, hex2rgba, iconSize, miscellaneous, spacing, statusColor, typography, zIndex } from './styles/definitions.mjs';
+export { lightTheme } from './styles/light.mjs';
+export { default as ThemeProvider } from './styles/ThemeProvider.mjs';
+export { extractDigitsFromString, extractNumbersFromString } from './utils/extractNumbersFromString.mjs';
+export { formatWithMask } from './utils/formatWithMask.mjs';
+export { getBottomSpace, getStatusBarHeight, ifIphoneX, isIphoneX } from './utils/IPhoneXHelper.mjs';
+export { lightenDarkenColor } from './utils/lightenDarkenColor.mjs';
+export { Masks } from './utils/masks.mjs';
+export { RFPercentage, RFValue, RFValueStr } from './utils/ResponsiveFontSize.mjs';
+export { borderColorGradationVC, borderColorVC, colorGradationVC, colorVC, fontColorVC } from './utils/variantComplement.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/ThemeProvider.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var react = require('@emotion/react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ThemeProvider = ({
+  theme,
+  children
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement(react.ThemeProvider, {
+    theme
+  }, children);
+};
+
+module.exports = ThemeProvider;
+//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/styles/ThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.cjs","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"],"names":["React","EmotionProvider"],"mappings":";;;;;;;;;AAIA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAAC,mBAAA,EAAA;AAAA,IAAgB,KAAA;AAAA,GAAA,EAAe,QAAS,CAAA,CAAA;AAClD;;;;"}

package/dist/styles/ThemeProvider.mjs

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
+
+const ThemeProvider = ({
+  theme,
+  children
+}) => {
+  return /* @__PURE__ */ React__default.createElement(ThemeProvider$1, {
+    theme
+  }, children);
+};
+
+export { ThemeProvider as default };
+//# sourceMappingURL=ThemeProvider.mjs.map

package/dist/styles/ThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","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"],"names":["React","EmotionProvider"],"mappings":";;;AAIA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,eAAA,EAAA;AAAA,IAAgB,KAAA;AAAA,GAAA,EAAe,QAAS,CAAA,CAAA;AAClD;;;;"}

package/dist/styles/definitions.cjs

@@ -0,0 +1,175 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../components/atoms/Text/styled.cjs');
+require('../components/atoms/Input/styled.cjs');
+require('currency.js');
+require('../components/atoms/Input/InputElement/InputElement.cjs');
+require('../components/atoms/Input/InputMaskElement/InputMaskElement.cjs');
+require('../components/atoms/Input/PressableInputContainer/styled.cjs');
+require('react-native');
+var ResponsiveFontSize = require('../utils/ResponsiveFontSize.cjs');
+
+const 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"
+  }
+};
+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})`;
+};
+const miscellaneous = {
+  shadow: "#000000",
+  overlay: "#282625",
+  bodyColor: "#f8f7f7",
+  surfaceColor: "#ffffff"
+};
+const spacing = {
+  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")
+};
+const iconSize = {
+  micro: ResponsiveFontSize.RFValueStr("12px"),
+  mili: ResponsiveFontSize.RFValueStr("14px"),
+  centi: ResponsiveFontSize.RFValueStr("16px"),
+  deca: ResponsiveFontSize.RFValueStr("18px"),
+  kilo: ResponsiveFontSize.RFValueStr("24px"),
+  mega: ResponsiveFontSize.RFValueStr("32px")
+};
+const borderRadius = {
+  nano: ResponsiveFontSize.RFValueStr("2px"),
+  micro: ResponsiveFontSize.RFValueStr("4px"),
+  mili: ResponsiveFontSize.RFValueStr("8px"),
+  centi: ResponsiveFontSize.RFValueStr("16px"),
+  deca: ResponsiveFontSize.RFValueStr("24px"),
+  pill: ResponsiveFontSize.RFValueStr("999999px")
+};
+const borderWidth = {
+  pico: ResponsiveFontSize.RFValueStr("1px"),
+  nano: ResponsiveFontSize.RFValueStr("2px")
+};
+const typography = {
+  h5: {
+    fontSize: ResponsiveFontSize.RFValueStr("16px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("24px")
+  },
+  h4: {
+    fontSize: ResponsiveFontSize.RFValueStr("18px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("27px")
+  },
+  h3: {
+    fontSize: ResponsiveFontSize.RFValueStr("20px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("32px")
+  },
+  h2: {
+    fontSize: ResponsiveFontSize.RFValueStr("26px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("38px")
+  },
+  h1: {
+    fontSize: ResponsiveFontSize.RFValueStr("32px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("42px")
+  },
+  base: {
+    fontSize: ResponsiveFontSize.RFValueStr("14px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("21px")
+  },
+  sub: {
+    fontSize: ResponsiveFontSize.RFValueStr("12px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("18px")
+  },
+  label: {
+    fontSize: ResponsiveFontSize.RFValueStr("10px"),
+    lineHeight: ResponsiveFontSize.RFValueStr("12px")
+  }
+};
+const fontStack = {
+  default: "Lato",
+  mono: "Consolas, monaco, monospace"
+};
+const fontWeight = {
+  regular: "400",
+  bold: "700",
+  black: "900"
+};
+const fontFiles = {
+  black: "{0}-Black",
+  bold: "{0}-Bold",
+  regular: "{0}-Regular"
+};
+const fontColor = {
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
+  orange: "#f89907"
+};
+const zIndex = {
+  default: 0,
+  absolute: 1,
+  select: 20,
+  input: 20,
+  popover: 30,
+  tooltip: 40,
+  header: 600,
+  backdrop: 700,
+  drawer: 700,
+  sidebar: 800,
+  modal: 1e3
+};
+const breakpoints = {
+  sm: 480,
+  md: 768,
+  lg: 1366
+};
+
+exports.borderRadius = borderRadius;
+exports.borderWidth = borderWidth;
+exports.breakpoints = breakpoints;
+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.cjs.map

package/dist/styles/definitions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.cjs","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/definitions.mjs

@@ -0,0 +1,158 @@
+import 'react';
+import '../components/atoms/Text/styled.mjs';
+import '../components/atoms/Input/styled.mjs';
+import 'currency.js';
+import '../components/atoms/Input/InputElement/InputElement.mjs';
+import '../components/atoms/Input/InputMaskElement/InputMaskElement.mjs';
+import '../components/atoms/Input/PressableInputContainer/styled.mjs';
+import 'react-native';
+import { RFValueStr } from '../utils/ResponsiveFontSize.mjs';
+
+const 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"
+  }
+};
+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})`;
+};
+const miscellaneous = {
+  shadow: "#000000",
+  overlay: "#282625",
+  bodyColor: "#f8f7f7",
+  surfaceColor: "#ffffff"
+};
+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")
+};
+const iconSize = {
+  micro: RFValueStr("12px"),
+  mili: RFValueStr("14px"),
+  centi: RFValueStr("16px"),
+  deca: RFValueStr("18px"),
+  kilo: RFValueStr("24px"),
+  mega: RFValueStr("32px")
+};
+const borderRadius = {
+  nano: RFValueStr("2px"),
+  micro: RFValueStr("4px"),
+  mili: RFValueStr("8px"),
+  centi: RFValueStr("16px"),
+  deca: RFValueStr("24px"),
+  pill: RFValueStr("999999px")
+};
+const borderWidth = {
+  pico: RFValueStr("1px"),
+  nano: RFValueStr("2px")
+};
+const 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")
+  }
+};
+const fontStack = {
+  default: "Lato",
+  mono: "Consolas, monaco, monospace"
+};
+const fontWeight = {
+  regular: "400",
+  bold: "700",
+  black: "900"
+};
+const fontFiles = {
+  black: "{0}-Black",
+  bold: "{0}-Bold",
+  regular: "{0}-Regular"
+};
+const fontColor = {
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
+  orange: "#f89907"
+};
+const zIndex = {
+  default: 0,
+  absolute: 1,
+  select: 20,
+  input: 20,
+  popover: 30,
+  tooltip: 40,
+  header: 600,
+  backdrop: 700,
+  drawer: 700,
+  sidebar: 800,
+  modal: 1e3
+};
+const breakpoints = {
+  sm: 480,
+  md: 768,
+  lg: 1366
+};
+
+export { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, hex2rgba, iconSize, miscellaneous, spacing, statusColor, typography, zIndex };
+//# sourceMappingURL=definitions.mjs.map

package/dist/styles/definitions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.mjs","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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"}