@tecsinapse/react-core 1.17.3 → 1.19.0

package/dist/index.js

@@ -33,6 +33,7 @@ var _exportNames = {
   GroupButtonValue: true,
   Icon: true,
   IconProps: true,
+  disabledInputStyles: true,
   Hint: true,
   InputContainer: true,
   InputContainerProps: true,
@@ -47,7 +48,6 @@ var _exportNames = {
   useInputFocus: true,
   useNumberMask: true,
   useStringMask: true,
-  disabledInputStyles: true,
   Paper: true,
   PaperProps: true,
   PressableSurface: true,
@@ -74,21 +74,32 @@ var _exportNames = {
   DateTimeSelector: true,
   DateTimeSelectorMode: true,
   DateTimeSelectorProps: true,
+  GridSpacing: true,
+  IGridItem: true,
+  getGridItemPadding: true,
+  getGridItemColumSpan: true,
+  IGrid: true,
+  FlexAlignBase: true,
+  FlexAlignType: true,
+  FlexPositioning: true,
+  FlexSpacing: true,
+  PaddingPosition: true,
+  HintInputContainer: true,
+  HintInputContainerProps: true,
+  IconComponent: true,
+  IconPositionOptions: true,
+  IconTextButtonProps: true,
   InputPasswordIcon: true,
+  LabeledSwitchProps: true,
+  LabelPositionOptions: true,
   Snackbar: true,
   SnackbarProps: true,
-  HintInputContainer: true,
-  HintInputContainerProps: true,
   TextArea: true,
-  TextAreaProps: true,
   TextAreaInputBase: true,
-  GridItem: true,
-  Grid: true,
-  IGridItem: true,
-  IGrid: true,
+  TextAreaProps: true,
   ThemeProvider: true
 };
-exports.ThemeProvider = exports.IGrid = exports.IGridItem = exports.Grid = exports.GridItem = exports.TextAreaInputBase = exports.TextAreaProps = exports.TextArea = exports.HintInputContainerProps = exports.HintInputContainer = exports.SnackbarProps = exports.Snackbar = exports.InputPasswordIcon = exports.DateTimeSelectorProps = exports.DateTimeSelectorMode = exports.DateTimeSelector = exports.DateTimePickerProps = exports.DateTimePicker = exports.DatePickerProps = exports.DatePicker = exports.Value = exports.SelectionType = exports.DateRange = exports.CalendarProps = exports.Calendar = exports.TextProps = exports.Text = exports.TagProps = exports.Tag = exports.SwitchProps = exports.Switch = exports.RadioButtonProps = exports.RadioButton = exports.ProgressBarProps = exports.ProgressBar = exports.PressableSurfaceProps = exports.PressableSurface = exports.PaperProps = exports.Paper = exports.disabledInputStyles = exports.useStringMask = exports.useNumberMask = exports.useInputFocus = exports.StyledBorderKeeper = exports.PressableInputContainerProps = exports.PressableInputContainer = exports.InputVariantType = exports.InputMaskElementProps = exports.InputMaskElement = exports.InputElementProps = exports.InputElement = exports.InputContainerProps = exports.InputContainer = exports.Hint = exports.IconProps = exports.Icon = exports.GroupButtonValue = exports.GroupButtonProps = exports.GroupButtonOptionProps = exports.GroupButtonOption = exports.GroupButton = exports.DividerProps = exports.Divider = exports.CheckboxProps = exports.Checkbox = exports.HeaderProps = exports.Header = exports.FooterProps = exports.Footer = exports.CardProps = exports.Card = exports.Success = exports.Loading = exports.Error = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = exports.BoxContentProps = exports.BoxContent = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = void 0;
+exports.useStringMask = exports.useNumberMask = exports.useInputFocus = exports.getGridItemPadding = exports.getGridItemColumSpan = exports.disabledInputStyles = exports.Value = exports.ThemeProvider = exports.TextProps = exports.TextAreaProps = exports.TextAreaInputBase = exports.TextArea = exports.Text = exports.TagProps = exports.Tag = exports.SwitchProps = exports.Switch = exports.Success = exports.StyledBorderKeeper = exports.SnackbarProps = exports.Snackbar = exports.SelectionType = exports.RadioButtonProps = exports.RadioButton = exports.ProgressBarProps = exports.ProgressBar = exports.PressableSurfaceProps = exports.PressableSurface = exports.PressableInputContainerProps = exports.PressableInputContainer = exports.PaperProps = exports.Paper = exports.PaddingPosition = exports.Loading = exports.LabeledSwitchProps = exports.LabelPositionOptions = exports.InputVariantType = exports.InputPasswordIcon = exports.InputMaskElementProps = exports.InputMaskElement = exports.InputElementProps = exports.InputElement = exports.InputContainerProps = exports.InputContainer = exports.IconTextButtonProps = exports.IconProps = exports.IconPositionOptions = exports.IconComponent = exports.Icon = exports.IGridItem = exports.IGrid = exports.HintInputContainerProps = exports.HintInputContainer = exports.Hint = exports.HeaderProps = exports.Header = exports.GroupButtonValue = exports.GroupButtonProps = exports.GroupButtonOptionProps = exports.GroupButtonOption = exports.GroupButton = exports.GridSpacing = exports.FooterProps = exports.Footer = exports.FlexSpacing = exports.FlexPositioning = exports.FlexAlignType = exports.FlexAlignBase = exports.Error = exports.DividerProps = exports.Divider = exports.DateTimeSelectorProps = exports.DateTimeSelectorMode = exports.DateTimeSelector = exports.DateTimePickerProps = exports.DateTimePicker = exports.DateRange = exports.DatePickerProps = exports.DatePicker = exports.CheckboxProps = exports.Checkbox = exports.CardProps = exports.Card = exports.CalendarProps = exports.Calendar = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = exports.BoxContentProps = exports.BoxContent = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = void 0;
 
 var _Avatar = require("./components/atoms/Avatar");
 
@@ -156,6 +167,7 @@ exports.IconProps = _Icon.IconProps;
 
 var _Input = require("./components/atoms/Input");
 
+exports.disabledInputStyles = _Input.disabledInputStyles;
 exports.Hint = _Input.Hint;
 exports.InputContainer = _Input.InputContainer;
 exports.InputContainerProps = _Input.InputContainerProps;
@@ -170,7 +182,6 @@ exports.StyledBorderKeeper = _Input.StyledBorderKeeper;
 exports.useInputFocus = _Input.useInputFocus;
 exports.useNumberMask = _Input.useNumberMask;
 exports.useStringMask = _Input.useStringMask;
-exports.disabledInputStyles = _Input.disabledInputStyles;
 
 var _Paper = require("./components/atoms/Paper");
 
@@ -231,32 +242,58 @@ exports.DateTimeSelector = _DateTimeSelector.DateTimeSelector;
 exports.DateTimeSelectorMode = _DateTimeSelector.DateTimeSelectorMode;
 exports.DateTimeSelectorProps = _DateTimeSelector.DateTimeSelectorProps;
 
+var _Grid = require("./components/molecules/Grid");
+
+exports.GridSpacing = _Grid.GridSpacing;
+exports.IGridItem = _Grid.IGridItem;
+exports.getGridItemPadding = _Grid.getGridItemPadding;
+exports.getGridItemColumSpan = _Grid.getGridItemColumSpan;
+exports.IGrid = _Grid.IGrid;
+exports.FlexAlignBase = _Grid.FlexAlignBase;
+exports.FlexAlignType = _Grid.FlexAlignType;
+exports.FlexPositioning = _Grid.FlexPositioning;
+exports.FlexSpacing = _Grid.FlexSpacing;
+exports.PaddingPosition = _Grid.PaddingPosition;
+
+var _HintInputContainer = require("./components/molecules/HintInputContainer");
+
+exports.HintInputContainer = _HintInputContainer.HintInputContainer;
+exports.HintInputContainerProps = _HintInputContainer.HintInputContainerProps;
+
+var _IconTextButton = require("./components/molecules/IconTextButton");
+
+exports.IconComponent = _IconTextButton.IconComponent;
+exports.IconPositionOptions = _IconTextButton.IconPositionOptions;
+exports.IconTextButtonProps = _IconTextButton.IconTextButtonProps;
+
 var _InputPassword = require("./components/molecules/InputPassword");
 
 exports.InputPasswordIcon = _InputPassword.InputPasswordIcon;
 
+var _LabeledSwitch = require("./components/molecules/LabeledSwitch");
+
+exports.LabeledSwitchProps = _LabeledSwitch.LabeledSwitchProps;
+exports.LabelPositionOptions = _LabeledSwitch.LabelPositionOptions;
+
 var _Snackbar = require("./components/molecules/Snackbar");
 
 exports.Snackbar = _Snackbar.Snackbar;
 exports.SnackbarProps = _Snackbar.SnackbarProps;
 
-var _HintInputContainer = require("./components/molecules/HintInputContainer");
-
-exports.HintInputContainer = _HintInputContainer.HintInputContainer;
-exports.HintInputContainerProps = _HintInputContainer.HintInputContainerProps;
-
 var _TextArea = require("./components/molecules/TextArea");
 
 exports.TextArea = _TextArea.TextArea;
-exports.TextAreaProps = _TextArea.TextAreaProps;
 exports.TextAreaInputBase = _TextArea.TextAreaInputBase;
+exports.TextAreaProps = _TextArea.TextAreaProps;
 
-var _Grid = require("./components/molecules/Grid");
+var _hooks = require("./hooks");
 
-exports.GridItem = _Grid.GridItem;
-exports.Grid = _Grid.Grid;
-exports.IGridItem = _Grid.IGridItem;
-exports.IGrid = _Grid.IGrid;
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  exports[key] = _hooks[key];
+});
 
 var _definitions = require("./styles/definitions");
 
@@ -298,14 +335,5 @@ Object.keys(_utils).forEach(function (key) {
   exports[key] = _utils[key];
 });
 
-var _hooks = require("./hooks");
-
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  exports[key] = _hooks[key];
-});
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;;;;AAUA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;;;;;;;;;;;;;;AAiBA;;;;;AACA;;;;;AAIA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;AAIA;;;;;;AAKA;;;;AACA;;;;;AACA;;;;;AAIA;;;;;;AAKA;;;;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { Avatar, AvatarProps } from './components/atoms/Avatar';\nexport { Badge, BadgeProps } from './components/atoms/Badge';\nexport { BoxContent, BoxContentProps } from './components/atoms/BoxContent';\nexport {\n  Button,\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateProps,\n  ButtonStateType,\n  Error,\n  Loading,\n  Success,\n} from './components/atoms/Button';\nexport { Card, CardProps } from './components/atoms/Card';\nexport { Footer, FooterProps } from './components/atoms/Card/Footer';\nexport { Header, HeaderProps } from './components/atoms/Card/Header';\nexport { Checkbox, CheckboxProps } from './components/atoms/Checkbox';\nexport { Divider, DividerProps } from './components/atoms/Divider';\nexport {\n  GroupButton,\n  GroupButtonOption,\n  GroupButtonOptionProps,\n  GroupButtonProps,\n  GroupButtonValue,\n} from './components/atoms/GroupButton';\nexport { Icon, IconProps } from './components/atoms/Icon';\nexport {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElement,\n  InputElementProps,\n  InputMaskElement,\n  InputMaskElementProps,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n  StyledBorderKeeper,\n  useInputFocus,\n  useNumberMask,\n  useStringMask,\n  disabledInputStyles,\n} from './components/atoms/Input';\nexport { Paper, PaperProps } from './components/atoms/Paper';\nexport {\n  PressableSurface,\n  PressableSurfaceProps,\n} from './components/atoms/PressableSurface';\nexport { ProgressBar, ProgressBarProps } from './components/atoms/ProgressBar';\nexport { RadioButton, RadioButtonProps } from './components/atoms/RadioButton';\nexport { Switch, SwitchProps } from './components/atoms/Switch';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { Text, TextProps } from './components/atoms/Text';\nexport {\n  Calendar,\n  CalendarProps,\n  DateRange,\n  SelectionType,\n  Value,\n} from './components/molecules/Calendar';\nexport { DatePicker, DatePickerProps } from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  DateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport {\n  DateTimeSelector,\n  DateTimeSelectorMode,\n  DateTimeSelectorProps,\n} from './components/molecules/DateTimeSelector';\nexport { InputPasswordIcon } from './components/molecules/InputPassword';\nexport { Snackbar, SnackbarProps } from './components/molecules/Snackbar';\nexport {\n  HintInputContainer,\n  HintInputContainerProps,\n} from './components/molecules/HintInputContainer';\nexport {\n  TextArea,\n  TextAreaProps,\n  TextAreaInputBase,\n} from './components/molecules/TextArea';\nexport { GridItem, Grid, IGridItem, IGrid } from './components/molecules/Grid';\nexport * from './styles/definitions';\nexport * from './styles/light';\nexport { default as ThemeProvider } from './styles/ThemeProvider';\nexport * from './types/defaults';\nexport * from './utils';\nexport * from './hooks';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export { Avatar, AvatarProps } from './components/atoms/Avatar';\nexport { Badge, BadgeProps } from './components/atoms/Badge';\nexport { BoxContent, BoxContentProps } from './components/atoms/BoxContent';\nexport {\n  Button,\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateProps,\n  ButtonStateType,\n  Error,\n  Loading,\n  Success,\n} from './components/atoms/Button';\nexport { Card, CardProps } from './components/atoms/Card';\nexport { Footer, FooterProps } from './components/atoms/Card/Footer';\nexport { Header, HeaderProps } from './components/atoms/Card/Header';\nexport { Checkbox, CheckboxProps } from './components/atoms/Checkbox';\nexport { Divider, DividerProps } from './components/atoms/Divider';\nexport {\n  GroupButton,\n  GroupButtonOption,\n  GroupButtonOptionProps,\n  GroupButtonProps,\n  GroupButtonValue,\n} from './components/atoms/GroupButton';\nexport { Icon, IconProps } from './components/atoms/Icon';\nexport {\n  disabledInputStyles,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElement,\n  InputElementProps,\n  InputMaskElement,\n  InputMaskElementProps,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n  StyledBorderKeeper,\n  useInputFocus,\n  useNumberMask,\n  useStringMask,\n} from './components/atoms/Input';\nexport { Paper, PaperProps } from './components/atoms/Paper';\nexport {\n  PressableSurface,\n  PressableSurfaceProps,\n} from './components/atoms/PressableSurface';\nexport { ProgressBar, ProgressBarProps } from './components/atoms/ProgressBar';\nexport { RadioButton, RadioButtonProps } from './components/atoms/RadioButton';\nexport { Switch, SwitchProps } from './components/atoms/Switch';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { Text, TextProps } from './components/atoms/Text';\nexport {\n  Calendar,\n  CalendarProps,\n  DateRange,\n  SelectionType,\n  Value,\n} from './components/molecules/Calendar';\nexport { DatePicker, DatePickerProps } from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  DateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport {\n  DateTimeSelector,\n  DateTimeSelectorMode,\n  DateTimeSelectorProps,\n} from './components/molecules/DateTimeSelector';\nexport {\n  GridSpacing,\n  IGridItem,\n  getGridItemPadding,\n  getGridItemColumSpan,\n  IGrid,\n  FlexAlignBase,\n  FlexAlignType,\n  FlexPositioning,\n  FlexSpacing,\n  PaddingPosition,\n} from './components/molecules/Grid';\nexport {\n  HintInputContainer,\n  HintInputContainerProps,\n} from './components/molecules/HintInputContainer';\nexport {\n  IconComponent,\n  IconPositionOptions,\n  IconTextButtonProps,\n} from './components/molecules/IconTextButton';\nexport { InputPasswordIcon } from './components/molecules/InputPassword';\nexport {\n  LabeledSwitchProps,\n  LabelPositionOptions,\n} from './components/molecules/LabeledSwitch';\nexport { Snackbar, SnackbarProps } from './components/molecules/Snackbar';\nexport {\n  TextArea,\n  TextAreaInputBase,\n  TextAreaProps,\n} from './components/molecules/TextArea';\nexport * from './hooks';\nexport * from './styles/definitions';\nexport * from './styles/light';\nexport { default as ThemeProvider } from './styles/ThemeProvider';\nexport * from './types/defaults';\nexport * from './utils';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;;;;AAUA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;;;;;;;;;;;;;;AAiBA;;;;;AACA;;;;;AAIA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;AAIA;;;;;;AAKA;;;;;;;;;;;;;AAYA;;;;;AAIA;;;;;;AAKA;;;;AACA;;;;;AAIA;;;;;AACA;;;;;;AAKA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/styles/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/ThemeProvider.tsx"],"names":["ThemeProvider","theme","children"],"mappings":";;;;;AAAA;;AACA;;;;AAGA,MAAMA,aAAqC,GAAG,CAAC;AAC7CC,EAAAA,KAD6C;AAE7CC,EAAAA;AAF6C,CAAD,KAG3B;AACjB,SAAO,6BAAC,qBAAD;AAAiB,IAAA,KAAK,EAAED;AAAxB,KAAgCC,QAAhC,CAAP;AACD,CALD;;eAOeF,a","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"],"file":"ThemeProvider.js"}
+{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","theme","children"],"sources":["../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n  theme,\n  children,\n}): JSX.Element => {\n  return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAGA,MAAMA,aAAqC,GAAG,CAAC;EAC7CC,KAD6C;EAE7CC;AAF6C,CAAD,KAG3B;EACjB,OAAO,6BAAC,qBAAD;IAAiB,KAAK,EAAED;EAAxB,GAAgCC,QAAhC,CAAP;AACD,CALD;;eAOeF,a"}

package/dist/styles/definitions.d.ts

@@ -1,4 +1,4 @@
-import { BorderRadius, BorderWidth, FontColor, FontStack, FontWeight, IconSize, Miscellaneous, Spacing, TypographyVariation, ZIndex } from '../types/defaults';
+import { BorderRadius, BorderWidth, Breakpoints, FontColor, FontStack, FontWeight, IconSize, Miscellaneous, Spacing, TypographyVariation, ZIndex } from '../types/defaults';
 export declare const statusColor: {
     error: {
         xlight: string;
@@ -42,3 +42,4 @@ export declare const fontFiles: FontWeight;
 export declare const fontColor: FontColor;
 export declare const zIndex: ZIndex;
 export declare type IconType = 'material' | 'material-community' | 'simple-line-icon' | 'zocial' | 'font-awesome' | 'octicon' | 'ionicon' | 'foundation' | 'evilicon' | 'entypo' | 'antdesign' | 'font-awesome-5' | string;
+export declare const breakpoints: Breakpoints;

package/dist/styles/definitions.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.zIndex = exports.fontColor = exports.fontFiles = exports.fontWeight = exports.fontStack = exports.typography = exports.borderWidth = exports.borderRadius = exports.iconSize = exports.spacing = exports.miscellaneous = exports.hex2rgba = exports.statusColor = void 0;
+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;
 
 var _utils = require("../utils");
 
@@ -160,4 +160,10 @@ const zIndex = {
   modal: 1000
 };
 exports.zIndex = zIndex;
+const breakpoints = {
+  sm: 480,
+  md: 768,
+  lg: 1366
+};
+exports.breakpoints = breakpoints;
 //# sourceMappingURL=definitions.js.map

package/dist/styles/definitions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/definitions.ts"],"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","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"],"mappings":";;;;;AAYA;;AAEO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,SADH;AAELC,IAAAA,KAAK,EAAE,SAFF;AAGLC,IAAAA,MAAM,EAAE,SAHH;AAILC,IAAAA,IAAI,EAAE,SAJD;AAKLC,IAAAA,KAAK,EAAE;AALF,GADkB;AAQzBC,EAAAA,OAAO,EAAE;AACPL,IAAAA,MAAM,EAAE,SADD;AAEPC,IAAAA,KAAK,EAAE,SAFA;AAGPC,IAAAA,MAAM,EAAE,SAHD;AAIPC,IAAAA,IAAI,EAAE,SAJC;AAKPC,IAAAA,KAAK,EAAE;AALA,GARgB;AAezBE,EAAAA,OAAO,EAAE;AACPN,IAAAA,MAAM,EAAE,SADD;AAEPC,IAAAA,KAAK,EAAE,SAFA;AAGPC,IAAAA,MAAM,EAAE,SAHD;AAIPC,IAAAA,IAAI,EAAE,SAJC;AAKPC,IAAAA,KAAK,EAAE;AALA,GAfgB;AAsBzBG,EAAAA,IAAI,EAAE;AACJP,IAAAA,MAAM,EAAE,SADJ;AAEJC,IAAAA,KAAK,EAAE,SAFH;AAGJC,IAAAA,MAAM,EAAE,SAHJ;AAIJC,IAAAA,IAAI,EAAE,SAJF;AAKJC,IAAAA,KAAK,EAAE;AALH;AAtBmB,CAApB;;;AA+BA,MAAMI,QAAyC,GAAG,CAACC,GAAD,EAAMC,KAAK,GAAG,CAAd,KAAoB;AAC3E,QAAM,CAACC,CAAD,EAAIC,CAAJ,EAAOC,CAAP,IAAYJ,GAAG,CAACK,KAAJ,CAAU,OAAV,EAAmBC,GAAnB,CAAuBC,CAAC,IAAIC,QAAQ,CAACD,CAAD,EAAI,EAAJ,CAApC,CAAlB;AACA,SAAQ,QAAOL,CAAE,IAAGC,CAAE,IAAGC,CAAE,IAAGH,KAAM,GAApC;AACD,CAHM;;;AAKA,MAAMQ,aAA4B,GAAG;AAC1CC,EAAAA,MAAM,EAAE,SADkC;AAE1CC,EAAAA,OAAO,EAAE,SAFiC;AAG1CC,EAAAA,SAAS,EAAE,SAH+B;AAI1CC,EAAAA,YAAY,EAAE;AAJ4B,CAArC;;AAOA,MAAMC,OAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,uBAAW,KAAX,CADwB;AAE9BC,EAAAA,KAAK,EAAE,uBAAW,KAAX,CAFuB;AAG9BC,EAAAA,IAAI,EAAE,uBAAW,KAAX,CAHwB;AAI9BC,EAAAA,KAAK,EAAE,uBAAW,MAAX,CAJuB;AAK9BC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CALwB;AAM9BC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CANwB;AAO9BC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CAPwB;AAQ9BC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CARwB;AAS9BC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CATwB;AAU9BC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CAVwB;AAW9BC,EAAAA,IAAI,EAAE,uBAAW,MAAX;AAXwB,CAAzB;;AAcA,MAAMC,QAAkB,GAAG;AAChCV,EAAAA,KAAK,EAAE,uBAAW,MAAX,CADyB;AAEhCC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CAF0B;AAGhCC,EAAAA,KAAK,EAAE,uBAAW,MAAX,CAHyB;AAIhCC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CAJ0B;AAKhCC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CAL0B;AAMhCC,EAAAA,IAAI,EAAE,uBAAW,MAAX;AAN0B,CAA3B;;AASA,MAAMM,YAA0B,GAAG;AACxCZ,EAAAA,IAAI,EAAE,uBAAW,KAAX,CADkC;AAExCC,EAAAA,KAAK,EAAE,uBAAW,KAAX,CAFiC;AAGxCC,EAAAA,IAAI,EAAE,uBAAW,KAAX,CAHkC;AAIxCC,EAAAA,KAAK,EAAE,uBAAW,MAAX,CAJiC;AAKxCC,EAAAA,IAAI,EAAE,uBAAW,MAAX,CALkC;AAMxCS,EAAAA,IAAI,EAAE,uBAAW,UAAX;AANkC,CAAnC;;AASA,MAAMC,WAAwB,GAAG;AACtCC,EAAAA,IAAI,EAAE,uBAAW,KAAX,CADgC;AAEtCf,EAAAA,IAAI,EAAE,uBAAW,KAAX;AAFgC,CAAjC;;AAKA,MAAMgB,UAA+B,GAAG;AAC7CC,EAAAA,EAAE,EAAE;AACFC,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADR;AAEFC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFV,GADyC;AAK7CC,EAAAA,EAAE,EAAE;AACFF,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADR;AAEFC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFV,GALyC;AAS7CE,EAAAA,EAAE,EAAE;AACFH,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADR;AAEFC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFV,GATyC;AAa7CG,EAAAA,EAAE,EAAE;AACFJ,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADR;AAEFC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFV,GAbyC;AAiB7CI,EAAAA,EAAE,EAAE;AACFL,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADR;AAEFC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFV,GAjByC;AAqB7CK,EAAAA,IAAI,EAAE;AACJN,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADN;AAEJC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFR,GArBuC;AAyB7CM,EAAAA,GAAG,EAAE;AACHP,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADP;AAEHC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFT,GAzBwC;AA6B7CO,EAAAA,KAAK,EAAE;AACLR,IAAAA,QAAQ,EAAE,uBAAW,MAAX,CADL;AAELC,IAAAA,UAAU,EAAE,uBAAW,MAAX;AAFP;AA7BsC,CAAxC;;AAmCA,MAAMQ,SAAoB,GAAG;AAClCC,EAAAA,OAAO,EAAE,MADyB;AAElCC,EAAAA,IAAI,EAAE;AAF4B,CAA7B;;AAKA,MAAMC,UAAsB,GAAG;AACpCC,EAAAA,OAAO,EAAE,KAD2B;AAEpCC,EAAAA,IAAI,EAAE,KAF8B;AAGpCC,EAAAA,KAAK,EAAE;AAH6B,CAA/B;;AAMA,MAAMC,SAAqB,GAAG;AACnCD,EAAAA,KAAK,EAAE,WAD4B;AAEnCD,EAAAA,IAAI,EAAE,UAF6B;AAGnCD,EAAAA,OAAO,EAAE;AAH0B,CAA9B;;AAMA,MAAMI,SAAoB,GAAG;AAClC1D,EAAAA,KAAK,EAAE,MAD2B;AAElCC,EAAAA,MAAM,EAAE,SAF0B;AAGlCC,EAAAA,IAAI,EAAE,SAH4B;AAIlCyD,EAAAA,MAAM,EAAE;AAJ0B,CAA7B;;AAOA,MAAMC,MAAc,GAAG;AAC5BT,EAAAA,OAAO,EAAE,CADmB;AAE5BU,EAAAA,QAAQ,EAAE,CAFkB;AAG5BC,EAAAA,MAAM,EAAE,EAHoB;AAI5BC,EAAAA,KAAK,EAAE,EAJqB;AAK5BC,EAAAA,OAAO,EAAE,EALmB;AAM5BC,EAAAA,OAAO,EAAE,EANmB;AAO5BC,EAAAA,MAAM,EAAE,GAPoB;AAQ5BC,EAAAA,QAAQ,EAAE,GARkB;AAS5BC,EAAAA,MAAM,EAAE,GAToB;AAU5BC,EAAAA,OAAO,EAAE,GAVmB;AAW5BC,EAAAA,KAAK,EAAE;AAXqB,CAAvB","sourcesContent":["import {\n  BorderRadius,\n  BorderWidth,\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"],"file":"definitions.js"}
+{"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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"}

package/dist/styles/light.js

@@ -39,7 +39,8 @@ const lightTheme = {
     weight: _definitions.fontWeight,
     files: _definitions.fontFiles
   },
-  zIndex: _definitions.zIndex
+  zIndex: _definitions.zIndex,
+  breakpoints: _definitions.breakpoints
 };
 exports.lightTheme = lightTheme;
 //# sourceMappingURL=light.js.map

package/dist/styles/light.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/light.ts"],"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"],"mappings":";;;;;AACA;;AAeA,MAAMA,gBAAgB,GAAG;AACvBC,EAAAA,MAAM,EAAE,SADe;AAEvBC,EAAAA,KAAK,EAAE,SAFgB;AAGvBC,EAAAA,MAAM,EAAE,SAHe;AAIvBC,EAAAA,IAAI,EAAE,SAJiB;AAKvBC,EAAAA,KAAK,EAAE;AALgB,CAAzB;AAQA,MAAMC,kBAAkB,GAAG;AACzBL,EAAAA,MAAM,EAAE,SADiB;AAEzBC,EAAAA,KAAK,EAAE,SAFkB;AAGzBC,EAAAA,MAAM,EAAE,SAHiB;AAIzBC,EAAAA,IAAI,EAAE,SAJmB;AAKzBC,EAAAA,KAAK,EAAE;AALkB,CAA3B;AAQO,MAAME,UAAqB,GAAG;AACnCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,EACP,GAAGT;AADI,KADJ;AAILU,IAAAA,SAAS,EAAE,EAAE,GAAGJ;AAAL,KAJN;AAKL,OAAGK;AALE,GAD4B;AAQnCC,EAAAA,aAAa,EAAbA,0BARmC;AASnCC,EAAAA,OAAO,EAAPA,oBATmC;AAUnCC,EAAAA,QAAQ,EAARA,qBAVmC;AAWnCC,EAAAA,YAAY,EAAZA,yBAXmC;AAYnCC,EAAAA,WAAW,EAAXA,wBAZmC;AAanCC,EAAAA,UAAU,EAAVA,uBAbmC;AAcnCC,EAAAA,IAAI,EAAE;AACJV,IAAAA,KAAK,EAAEW,sBADH;AAEJC,IAAAA,KAAK,EAAEC,sBAFH;AAGJC,IAAAA,MAAM,EAAEC,uBAHJ;AAIJC,IAAAA,KAAK,EAAEC;AAJH,GAd6B;AAoBnCC,EAAAA,MAAM,EAANA;AApBmC,CAA9B","sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n  borderRadius,\n  borderWidth,\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};\n"],"file":"light.js"}
+{"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"}

package/dist/types/defaults.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export declare type Color = {
     primary: ColorGradation;
     secondary: ColorGradation;
@@ -95,6 +95,11 @@ export declare type FontWeight = {
     bold: string;
     black: string;
 };
+export declare type Breakpoints = {
+    sm: number;
+    md: number;
+    lg: number;
+};
 export declare type ThemeProp = {
     color: Color;
     miscellaneous: Miscellaneous;
@@ -110,9 +115,10 @@ export declare type ThemeProp = {
         files: FontWeight;
     };
     zIndex: ZIndex;
+    breakpoints: Breakpoints;
 };
 export interface ThemeProviderProps {
-    children?: React.ReactNode;
+    children?: ReactNode;
     theme: ThemeProp;
 }
 export declare type StyleProps = ThemeProviderProps;

package/dist/types/defaults.js.map

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

package/dist/utils/IPhoneXHelper.js

@@ -1,10 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.isIphoneX = isIphoneX;
-exports.ifIphoneX = ifIphoneX;
-exports.getStatusBarHeight = getStatusBarHeight;
 exports.getBottomSpace = getBottomSpace;
+exports.getStatusBarHeight = getStatusBarHeight;
+exports.ifIphoneX = ifIphoneX;
+exports.isIphoneX = isIphoneX;
 
 var _reactNative = require("react-native");
 

package/dist/utils/IPhoneXHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/IPhoneXHelper.ts"],"names":["isIphoneX","dimen","Dimensions","get","Platform","OS","isPad","isTVOS","height","width","ifIphoneX","iphoneXStyle","regularStyle","getStatusBarHeight","safe","select","ios","android","StatusBar","currentHeight","default","getBottomSpace"],"mappings":";;;;;;;;AAAA;;AAEO,SAASA,SAAT,GAAqB;AACxB,QAAMC,KAAK,GAAGC,wBAAWC,GAAX,CAAe,QAAf,CAAd;;AACA,SACIC,sBAASC,EAAT,KAAgB,KAAhB,IACA,CAACD,sBAASE,KADV,IAEA,CAACF,sBAASG,MAFV,KAGEN,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAAzC,IACKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAD7C,IAEKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAF7C,IAGKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAH7C,IAIKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAP9C,CADJ;AAUH;;AAEM,SAASC,SAAT,CAAmBC,YAAnB,EAAiCC,YAAjC,EAA+C;AAClD,MAAIZ,SAAS,EAAb,EAAiB;AACb,WAAOW,YAAP;AACH;;AACD,SAAOC,YAAP;AACH;;AAEM,SAASC,kBAAT,CAA4BC,IAA5B,EAAkC;AACrC,SAAOV,sBAASW,MAAT,CAAgB;AACnBC,IAAAA,GAAG,EAAEN,SAAS,CAACI,IAAI,GAAG,EAAH,GAAQ,EAAb,EAAiB,EAAjB,CADK;AAEnBG,IAAAA,OAAO,EAAEC,uBAAUC,aAFA;AAGnBC,IAAAA,OAAO,EAAE;AAHU,GAAhB,CAAP;AAKH;;AAEM,SAASC,cAAT,GAA0B;AAC7B,SAAOrB,SAAS,KAAK,EAAL,GAAU,CAA1B;AACH","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 || dimen.width === 780)\n          || (dimen.height === 812 || dimen.width === 812)\n          || (dimen.height === 844 || dimen.width === 844)\n          || (dimen.height === 896 || dimen.width === 896)\n          || (dimen.height === 926 || 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}"],"file":"IPhoneXHelper.js"}
+{"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"}

package/dist/utils/ResponsiveFontSize.js

@@ -17,11 +17,11 @@ const RFPercentage = percent => {
   const {
     height,
     width
-  } = _reactNative.Dimensions.get("window");
+  } = _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 = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === 'android' ? standardLength - offset : standardLength;
   const heightPercent = percent * deviceHeight / 100;
   return Math.round(heightPercent);
 };
@@ -34,11 +34,11 @@ const RFValue = (fontSize, standardScreenHeight = STANDARD_SCREEN_HEIGHT) => {
   const {
     height,
     width
-  } = _reactNative.Dimensions.get("window");
+  } = _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 = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === 'android' ? standardLength - offset : standardLength;
   const heightPercent = fontSize * deviceHeight / standardScreenHeight;
   return Math.round(heightPercent);
 };

package/dist/utils/ResponsiveFontSize.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/ResponsiveFontSize.ts"],"names":["STANDARD_SCREEN_HEIGHT","RFPercentage","percent","Platform","OS","height","width","Dimensions","get","standardLength","offset","StatusBar","currentHeight","deviceHeight","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA,MAAMA,sBAAsB,GAAG,GAA/B;;AASO,MAAMC,YAAY,GAAIC,OAAD,IAAqB;AAC7C,MAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOF,OAAP;;AAC3B,QAAM;AAAEG,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAoBC,wBAAWC,GAAX,CAAe,QAAf,CAA1B;;AACA,QAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;AACA,QAAMK,MAAM,GAAGJ,KAAK,GAAGD,MAAR,GAAiB,CAAjB,GAAqBF,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,EAAxB,GAA6BO,uBAAUC,aAAV,IAA2B,CAA5F;AACA,QAAMC,YAAY,GAAG,mCAAeV,sBAASC,EAAT,KAAgB,SAA/B,GAA2CK,cAAc,GAAGC,MAA5D,GAAqED,cAA1F;AACA,QAAMK,aAAa,GAAIZ,OAAO,GAAGW,YAAX,GAA2B,GAAjD;AACA,SAAOE,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACH,CARM;;;;AAkBA,MAAMG,OAAO,GAAG,CAACC,QAAD,EAAmBC,oBAA4B,GAAGnB,sBAAlD,KAA6E;AAChG,MAAIG,sBAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOc,QAAP;;AAC3B,QAAM;AAAEb,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAoBC,wBAAWC,GAAX,CAAe,QAAf,CAA1B;;AACA,QAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;AACA,QAAMK,MAAM,GAAGJ,KAAK,GAAGD,MAAR,GAAiB,CAAjB,GAAqBF,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,EAAxB,GAA6BO,uBAAUC,aAAV,IAA2B,CAA5F;AACA,QAAMC,YAAY,GAAG,mCAAeV,sBAASC,EAAT,KAAgB,SAA/B,GAA2CK,cAAc,GAAGC,MAA5D,GAAqED,cAA1F;AACA,QAAMK,aAAa,GAAII,QAAQ,GAAGL,YAAZ,GAA4BM,oBAAlD;AACA,SAAOJ,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACH,CARM;;;;AAiBA,MAAMM,UAAU,GAAG,CAACF,QAAD,EAAmBC,oBAAnB,KAAqD;AAC3E,QAAME,SAAS,GAAG,wDAAyBH,QAAzB,CAAlB;;AACA,SAAQ,GAAED,OAAO,CAACI,SAAD,EAAYF,oBAAZ,CAAkC,IAAnD;AACH,CAHM","sourcesContent":["import { Dimensions, Platform, StatusBar } from \"react-native\";\nimport { extractNumbersFromString } from \"./extractNumbersFromString\";\nimport { isIphoneX } from \"./IPhoneXHelper\";\n\nconst STANDARD_SCREEN_HEIGHT = 680\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n * \n * @param percent \n * @returns \n */\nexport const RFPercentage = (percent: number) => {\n    if (Platform.OS === 'web') return percent\n    const { height, width } = Dimensions.get(\"window\");\n    const standardLength = width > height ? width : height;\n    const offset = width > height ? 0 : Platform.OS === \"ios\" ? 78 : StatusBar.currentHeight || 0 // iPhone X style SafeAreaView size in portrait\n    const deviceHeight = isIphoneX() || Platform.OS === \"android\" ? standardLength - offset : standardLength;\n    const heightPercent = (percent * deviceHeight) / 100;\n    return Math.round(heightPercent);\n}\n\n/**\n * Use this function when you want to scale a font size based on pixel unit \n * to a reasonable value that will fit better on most of devices.\n * \n * @param fontSize \n * @param standardScreenHeight \n * @returns \n */\nexport const RFValue = (fontSize: number, standardScreenHeight: number = STANDARD_SCREEN_HEIGHT) => {\n    if (Platform.OS === 'web') return fontSize\n    const { height, width } = Dimensions.get(\"window\");\n    const standardLength = width > height ? width : height;\n    const offset = width > height ? 0 : Platform.OS === \"ios\" ? 78 : StatusBar.currentHeight || 0 // iPhone X style SafeAreaView size in portrait\n    const deviceHeight = isIphoneX() || Platform.OS === \"android\" ? standardLength - offset : standardLength;\n    const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n    return Math.round(heightPercent);\n}\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n * \n * @param fontSize \n * @param standardScreenHeight \n * @returns \n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n    const _fontSize = extractNumbersFromString(fontSize)\n    return `${RFValue(_fontSize, standardScreenHeight)}px`\n}"],"file":"ResponsiveFontSize.js"}
+{"version":3,"file":"ResponsiveFontSize.js","names":["STANDARD_SCREEN_HEIGHT","RFPercentage","percent","Platform","OS","height","width","Dimensions","get","standardLength","offset","StatusBar","currentHeight","deviceHeight","isIphoneX","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize","extractNumbersFromString"],"sources":["../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n  if (Platform.OS === 'web') return percent;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (percent * deviceHeight) / 100;\n  return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n  fontSize: number,\n  standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n  if (Platform.OS === 'web') return fontSize;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n  return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n  const _fontSize = extractNumbersFromString(fontSize);\n  return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA,MAAMA,sBAAsB,GAAG,GAA/B;;AASO,MAAMC,YAAY,GAAIC,OAAD,IAAqB;EAC/C,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOF,OAAP;;EAC3B,MAAM;IAAEG,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAIb,OAAO,GAAGW,YAAX,GAA2B,GAAjD;EACA,OAAOG,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAhBM;;;;AA0BA,MAAMG,OAAO,GAAG,CACrBC,QADqB,EAErBC,oBAA4B,GAAGpB,sBAFV,KAGlB;EACH,IAAIG,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOe,QAAP;;EAC3B,MAAM;IAAEd,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAII,QAAQ,GAAGN,YAAZ,GAA4BO,oBAAlD;EACA,OAAOJ,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAnBM;;;;AA4BA,MAAMM,UAAU,GAAG,CAACF,QAAD,EAAmBC,oBAAnB,KAAqD;EAC7E,MAAME,SAAS,GAAG,IAAAC,kDAAA,EAAyBJ,QAAzB,CAAlB;;EACA,OAAQ,GAAED,OAAO,CAACI,SAAD,EAAYF,oBAAZ,CAAkC,IAAnD;AACD,CAHM"}

package/dist/utils/extractNumbersFromString.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.extractDigitsFromString = exports.extractNumbersFromString = void 0;
+exports.extractNumbersFromString = exports.extractDigitsFromString = void 0;
 
 const extractNumbersFromString = value => Number(extractDigitsFromString(value));
 

package/dist/utils/extractNumbersFromString.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/extractNumbersFromString.ts"],"names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"mappings":";;;;;AAAO,MAAMA,wBAAwB,GAAIC,KAAD,IACtCC,MAAM,CAACC,uBAAuB,CAACF,KAAD,CAAxB,CADD;;;;AAGA,MAAME,uBAAuB,GAAIF,KAAD,IACrCA,KAAK,CAACG,OAAN,CAAc,SAAd,EAAyB,EAAzB,CADK","sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"file":"extractNumbersFromString.js"}
+{"version":3,"file":"extractNumbersFromString.js","names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"sources":["../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"mappings":";;;;;AAAO,MAAMA,wBAAwB,GAAIC,KAAD,IACtCC,MAAM,CAACC,uBAAuB,CAACF,KAAD,CAAxB,CADD;;;;AAGA,MAAME,uBAAuB,GAAIF,KAAD,IACrCA,KAAK,CAACG,OAAN,CAAc,SAAd,EAAyB,EAAzB,CADK"}

package/dist/utils/formatWithMask.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/formatWithMask.ts"],"names":["formatWithMask","mask","value","Array","isArray","selectedMask","String","formatted","internalNumber","mergedOptions","format"],"mappings":";;;;;AAAA;;AAOA;;;;AAEO,MAAMA,cAAc,GAAG,CAC5BC,IAD4B,EAE5BC,KAF4B,KAGR;AACpB,MAAIC,KAAK,CAACC,OAAN,CAAcH,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;AACrD,UAAMI,YAAY,GAAG,oBAAQJ,IAAR,EAAcK,MAAM,CAACJ,KAAD,CAApB,CAArB;AACA,UAAM;AAAEK,MAAAA;AAAF,QAAgB,sBAAUD,MAAM,CAACJ,KAAD,CAAhB,EAAyBG,YAAzB,CAAtB;AACA,WAAOE,SAAS,IAAI,EAApB;AACD,GAJD,MAIO;AACL,UAAM;AAAEC,MAAAA,cAAF;AAAkBC,MAAAA;AAAlB,QAAoC,qCACxCP,KADwC,EAExCD,IAFwC,CAA1C;AAIA,WAAO,uBAASO,cAAT,EAAyBE,MAAzB,CAAgCD,aAAhC,CAAP;AACD;AACF,CAfM","sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"file":"formatWithMask.js"}
+{"version":3,"file":"formatWithMask.js","names":["formatWithMask","mask","value","Array","isArray","selectedMask","getMask","String","formatted","mergeMask","internalNumber","mergedOptions","getInternalNumberAndMask","currency","format"],"sources":["../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"mappings":";;;;;AAAA;;AAOA;;;;AAEO,MAAMA,cAAc,GAAG,CAC5BC,IAD4B,EAE5BC,KAF4B,KAGR;EACpB,IAAIC,KAAK,CAACC,OAAN,CAAcH,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;IACrD,MAAMI,YAAY,GAAG,IAAAC,cAAA,EAAQL,IAAR,EAAcM,MAAM,CAACL,KAAD,CAApB,CAArB;IACA,MAAM;MAAEM;IAAF,IAAgB,IAAAC,gBAAA,EAAUF,MAAM,CAACL,KAAD,CAAhB,EAAyBG,YAAzB,CAAtB;IACA,OAAOG,SAAS,IAAI,EAApB;EACD,CAJD,MAIO;IACL,MAAM;MAAEE,cAAF;MAAkBC;IAAlB,IAAoC,IAAAC,+BAAA,EACxCV,KADwC,EAExCD,IAFwC,CAA1C;IAIA,OAAO,IAAAY,iBAAA,EAASH,cAAT,EAAyBI,MAAzB,CAAgCH,aAAhC,CAAP;EACD;AACF,CAfM"}

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

@@ -2,20 +2,25 @@
 
 exports.__esModule = true;
 var _exportNames = {
-  lightenDarkenColor: true,
+  extractDigitsFromString: true,
   extractNumbersFromString: true,
-  extractDigitsFromString: true
+  lightenDarkenColor: true
 };
-exports.extractDigitsFromString = exports.extractNumbersFromString = exports.lightenDarkenColor = void 0;
-
-var _lightenDarkenColor = require("./lightenDarkenColor");
-
-exports.lightenDarkenColor = _lightenDarkenColor.lightenDarkenColor;
+exports.lightenDarkenColor = exports.extractNumbersFromString = exports.extractDigitsFromString = void 0;
 
 var _extractNumbersFromString = require("./extractNumbersFromString");
 
-exports.extractNumbersFromString = _extractNumbersFromString.extractNumbersFromString;
 exports.extractDigitsFromString = _extractNumbersFromString.extractDigitsFromString;
+exports.extractNumbersFromString = _extractNumbersFromString.extractNumbersFromString;
+
+var _formatWithMask = require("./formatWithMask");
+
+Object.keys(_formatWithMask).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _formatWithMask[key]) return;
+  exports[key] = _formatWithMask[key];
+});
 
 var _IPhoneXHelper = require("./IPhoneXHelper");
 
@@ -26,14 +31,9 @@ Object.keys(_IPhoneXHelper).forEach(function (key) {
   exports[key] = _IPhoneXHelper[key];
 });
 
-var _ResponsiveFontSize = require("./ResponsiveFontSize");
+var _lightenDarkenColor = require("./lightenDarkenColor");
 
-Object.keys(_ResponsiveFontSize).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ResponsiveFontSize[key]) return;
-  exports[key] = _ResponsiveFontSize[key];
-});
+exports.lightenDarkenColor = _lightenDarkenColor.lightenDarkenColor;
 
 var _masks = require("./masks");
 
@@ -44,12 +44,21 @@ Object.keys(_masks).forEach(function (key) {
   exports[key] = _masks[key];
 });
 
-var _formatWithMask = require("./formatWithMask");
+var _ResponsiveFontSize = require("./ResponsiveFontSize");
 
-Object.keys(_formatWithMask).forEach(function (key) {
+Object.keys(_ResponsiveFontSize).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _formatWithMask[key]) return;
-  exports[key] = _formatWithMask[key];
+  if (key in exports && exports[key] === _ResponsiveFontSize[key]) return;
+  exports[key] = _ResponsiveFontSize[key];
+});
+
+var _variantComplement = require("./variantComplement");
+
+Object.keys(_variantComplement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _variantComplement[key]) return;
+  exports[key] = _variantComplement[key];
 });
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;AACA;;;;;AAIA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { lightenDarkenColor } from './lightenDarkenColor';\nexport {\n  extractNumbersFromString,\n  extractDigitsFromString,\n} from './extractNumbersFromString';\nexport * from './IPhoneXHelper';\nexport * from './ResponsiveFontSize';\nexport * from './masks';\nexport * from './formatWithMask';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  extractDigitsFromString,\n  extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"mappings":";;;;;;;;;;AAAA;;;;;AAIA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/utils/lightenDarkenColor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/lightenDarkenColor.ts"],"names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"mappings":";;;;;AAAO,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAgBC,SAAhB,KAAsC;AACtE,MAAIC,QAAQ,GAAG,KAAf;;AAEA,MAAIF,KAAK,CAAC,CAAD,CAAL,IAAY,GAAhB,EAAqB;AACnBA,IAAAA,KAAK,GAAGA,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAR;AACAD,IAAAA,QAAQ,GAAG,IAAX;AACD;;AAED,QAAME,GAAG,GAAGC,QAAQ,CAACL,KAAD,EAAQ,EAAR,CAApB;AAEA,MAAIM,CAAC,GAAG,CAACF,GAAG,IAAI,EAAR,IAAcH,SAAtB;AACA,MAAIK,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;AAEhB,MAAIC,CAAC,GAAG,CAAEH,GAAG,IAAI,CAAR,GAAa,MAAd,IAAwBH,SAAhC;AACA,MAAIM,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;AAEhB,MAAIC,CAAC,GAAG,CAACJ,GAAG,GAAG,QAAP,IAAmBH,SAA3B;AACA,MAAIO,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;AAEhB,SAAO,CAACN,QAAQ,GAAG,GAAH,GAAS,EAAlB,IAAwB,CAACM,CAAC,GAAID,CAAC,IAAI,CAAV,GAAgBD,CAAC,IAAI,EAAtB,EAA2BG,QAA3B,CAAoC,EAApC,CAA/B;AACD,CAvBM","sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"file":"lightenDarkenColor.js"}
+{"version":3,"file":"lightenDarkenColor.js","names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"sources":["../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"mappings":";;;;;AAAO,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAgBC,SAAhB,KAAsC;EACtE,IAAIC,QAAQ,GAAG,KAAf;;EAEA,IAAIF,KAAK,CAAC,CAAD,CAAL,IAAY,GAAhB,EAAqB;IACnBA,KAAK,GAAGA,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAR;IACAD,QAAQ,GAAG,IAAX;EACD;;EAED,MAAME,GAAG,GAAGC,QAAQ,CAACL,KAAD,EAAQ,EAAR,CAApB;EAEA,IAAIM,CAAC,GAAG,CAACF,GAAG,IAAI,EAAR,IAAcH,SAAtB;EACA,IAAIK,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAAEH,GAAG,IAAI,CAAR,GAAa,MAAd,IAAwBH,SAAhC;EACA,IAAIM,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAACJ,GAAG,GAAG,QAAP,IAAmBH,SAA3B;EACA,IAAIO,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,OAAO,CAACN,QAAQ,GAAG,GAAH,GAAS,EAAlB,IAAwB,CAACM,CAAC,GAAID,CAAC,IAAI,CAAV,GAAgBD,CAAC,IAAI,EAAtB,EAA2BG,QAA3B,CAAoC,EAApC,CAA/B;AACD,CAvBM"}

package/dist/utils/masks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/masks.ts"],"names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"mappings":";;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,CAAC,gBAAD,CADc;AAEnBC,EAAAA,IAAI,EAAE,CAAC,oBAAD,CAFa;AAGnBC,EAAAA,IAAI,EAAE,CAAC,YAAD,CAHa;AAInBC,EAAAA,UAAU,EAAE,CAAC,SAAD,CAJO;AAKnBC,EAAAA,GAAG,EAAE,CAAC,WAAD,CALc;AAMnBC,EAAAA,KAAK,EAAE,CAAC,gBAAD,CANY;AAOnBC,EAAAA,cAAc,EAAE,CAAC,iBAAD,CAPG;AAQnBC,EAAAA,cAAc,EAAGC,KAAD,IAAmB;AACjC,UAAMC,WAAW,GAAG,uDAAwBD,KAAxB,CAApB;AAEA,UAAME,mBAAmB,GAAGD,WAAW,CAACE,MAAZ,KAAuB,EAAnD;AAGA,WAAO,CAAAH,KAAK,QAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHX,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;AAGD,GAjBkB;AAkBnBM,EAAAA,iBAAiB,EAAGJ,KAAD,IACjB,CAAAA,KAAK,QAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,GAAsBZ,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE;AAnBvB,CAAd","sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"file":"masks.js"}
+{"version":3,"file":"masks.js","names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","extractDigitsFromString","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"sources":["../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"mappings":";;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;EACnBC,GAAG,EAAE,CAAC,gBAAD,CADc;EAEnBC,IAAI,EAAE,CAAC,oBAAD,CAFa;EAGnBC,IAAI,EAAE,CAAC,YAAD,CAHa;EAInBC,UAAU,EAAE,CAAC,SAAD,CAJO;EAKnBC,GAAG,EAAE,CAAC,WAAD,CALc;EAMnBC,KAAK,EAAE,CAAC,gBAAD,CANY;EAOnBC,cAAc,EAAE,CAAC,iBAAD,CAPG;EAQnBC,cAAc,EAAGC,KAAD,IAAmB;IACjC,MAAMC,WAAW,GAAG,IAAAC,iDAAA,EAAwBF,KAAxB,CAApB;IAEA,MAAMG,mBAAmB,GAAGF,WAAW,CAACG,MAAZ,KAAuB,EAAnD;IAGA,OAAO,CAAAJ,KAAK,QAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHZ,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;EAGD,CAjBkB;EAkBnBO,iBAAiB,EAAGL,KAAD,IACjB,CAAAA,KAAK,QAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,GAAsBb,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE;AAnBvB,CAAd"}

package/dist/utils/variantComplement.d.ts

@@ -0,0 +1,6 @@
+import { ColorGradationType, ColorType, FontColorType, VariantType } from '../types/defaults';
+export declare const fontColorVC: Record<VariantType, FontColorType>;
+export declare const colorVC: Record<VariantType, ColorType>;
+export declare const colorGradationVC: Record<VariantType, ColorGradationType>;
+export declare const borderColorVC: Record<VariantType, ColorType>;
+export declare const borderColorGradationVC: Record<VariantType, ColorGradationType>;