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

package/esm/components/molecules/TextArea/TextArea.js

@@ -1,76 +0,0 @@
-import React__default from 'react';
-import { View } from 'react-native';
-import Hint from '../../atoms/Input/Hint.js';
-import 'currency.js';
-import Text from '../../atoms/Text/Text.js';
-import '../../atoms/Input/styled.js';
-import '../../atoms/Input/InputElement/InputElement.js';
-import '../../atoms/Input/InputMaskElement/InputMaskElement.js';
-import '../../atoms/Input/PressableInputContainer/styled.js';
-import { StyledInputContainer } from './styled.js';
-
-const TextArea = ({
-  label,
-  labelColor,
-  labelColorVariant,
-  labelColorTone,
-  labelTypography,
-  labelStack,
-  labelWeight,
-  leftComponent,
-  rightComponent,
-  disabled,
-  style,
-  borderColor,
-  borderColorGradation,
-  inputContainerStyle,
-  variant = "default",
-  hintComponent,
-  hint,
-  TextComponent = Text,
-  focused,
-  children,
-  maxLength: _maxLenght,
-  value: _value
-}) => {
-  let length = _value.length;
-  const maxLength = _maxLenght;
-  if (maxLength && length > maxLength) {
-    length = maxLength;
-  }
-  const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, {
-    TextComponent,
-    text: hint,
-    variant
-  });
-  return /* @__PURE__ */ React__default.createElement(View, {
-    style
-  }, /* @__PURE__ */ React__default.createElement(StyledInputContainer, {
-    label,
-    labelColor,
-    labelColorVariant,
-    labelColorTone,
-    labelTypography,
-    labelStack,
-    labelWeight,
-    LabelComponent: TextComponent,
-    leftComponent,
-    rightComponent,
-    borderColor,
-    borderColorGradation,
-    inputContainerStyle,
-    focused,
-    disabled,
-    variant
-  }, children, maxLength && /* @__PURE__ */ React__default.createElement(TextComponent, {
-    colorVariant: "secondary",
-    colorTone: "medium",
-    typography: "label",
-    fontStack: "default",
-    fontWeight: "bold",
-    style: { textAlign: "right" }
-  }, `${length}/${maxLength}`)), hint && _hint);
-};
-
-export { TextArea as default };
-//# sourceMappingURL=TextArea.js.map

package/esm/components/molecules/TextArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n  extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n  maxCharCount?: number;\n  value: string;\n  // Omit below\n  TextComponent?: FC<TextProps>;\n  focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  TextComponent = Text,\n  focused,\n  children,\n  maxLength: _maxLenght,\n  value: _value,\n}) => {\n  let length = _value.length;\n  const maxLength = _maxLenght;\n  if (maxLength && length > maxLength) {\n    length = maxLength;\n  }\n\n  const _hint = hintComponent || (\n    <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={style}>\n      <StyledInputContainer\n        label={label}\n        labelColor={labelColor}\n        labelColorVariant={labelColorVariant}\n        labelColorTone={labelColorTone}\n        labelTypography={labelTypography}\n        labelStack={labelStack}\n        labelWeight={labelWeight}\n        LabelComponent={TextComponent}\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n        borderColor={borderColor}\n        borderColorGradation={borderColorGradation}\n        inputContainerStyle={inputContainerStyle}\n        focused={focused}\n        disabled={disabled}\n        variant={variant}\n      >\n        {children}\n        {maxLength && (\n          <TextComponent\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n            typography={'label'}\n            fontStack={'default'}\n            fontWeight={'bold'}\n            style={{ textAlign: 'right' }}\n          >\n            {`${length}/${maxLength}`}\n          </TextComponent>\n        )}\n      </StyledInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default TextArea;\n"],"names":["React"],"mappings":";;;;;;;;;;;AAuBA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,UAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAM,KAAA;AACJ,EAAA,IAAI,SAAS,MAAO,CAAA,MAAA,CAAA;AACpB,EAAA,MAAM,SAAY,GAAA,UAAA,CAAA;AAClB,EAAI,IAAA,SAAA,IAAa,SAAS,SAAW,EAAA;AACnC,IAAS,MAAA,GAAA,SAAA,CAAA;AAAA,GACX;AAEA,EAAM,MAAA,KAAA,GAAQ,iCACXA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,aAAA;AAAA,IAA8B,IAAM,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAkB,CAAA,CAAA;AAGpE,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,KAAA;AAAA,GAAA,kBACHA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,aAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,GAEC,EAAA,QAAA,EACA,6BACEA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,YAAc,EAAA,WAAA;AAAA,IACd,SAAW,EAAA,QAAA;AAAA,IACX,UAAY,EAAA,OAAA;AAAA,IACZ,SAAW,EAAA,SAAA;AAAA,IACX,UAAY,EAAA,MAAA;AAAA,IACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,GAAA,EAE3B,GAAG,MAAU,CAAA,CAAA,EAAA,SAAA,CAAA,CAChB,CAEJ,CAAA,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/TextArea/index.d.ts

@@ -1,3 +0,0 @@
-export { default as TextArea } from './TextArea';
-export type { TextAreaProps } from './TextArea';
-export { TextAreaInputBase } from './styled';

package/esm/components/molecules/TextArea/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledInputContainer: import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<any, {}, {}>;

package/esm/components/molecules/TextArea/styled.js

@@ -1,27 +0,0 @@
-import styled from '@emotion/native';
-import { extractNumbersFromString } from '../../../utils/extractNumbersFromString.js';
-import 'react';
-import '../../atoms/Text/styled.js';
-import '../../atoms/Input/styled.js';
-import 'currency.js';
-import InputContainer from '../../atoms/Input/InputContainer/InputContainer.js';
-import InputElement from '../../atoms/Input/InputElement/InputElement.js';
-import '../../atoms/Input/InputMaskElement/InputMaskElement.js';
-import '../../atoms/Input/PressableInputContainer/styled.js';
-import 'react-native';
-import { RFValueStr, RFValue } from '../../../utils/ResponsiveFontSize.js';
-
-const StyledInputContainer = styled(InputContainer)`
-  min-height: ${RFValueStr("50px")};
-`;
-const TextAreaInputBase = styled(InputElement)`
-  max-height: ${({ theme, numberOfLines }) => `${RFValue(
-  extractNumbersFromString(theme.typography.h5.lineHeight) * (numberOfLines || 1)
-)}px`};
-  width: 100%;
-  padding: 0;
-  margin: ${RFValueStr("3px")} 0;
-`;
-
-export { StyledInputContainer, TextAreaInputBase };
-//# sourceMappingURL=styled.js.map

package/esm/components/molecules/TextArea/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n  Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  max-height: ${({ theme, numberOfLines }) =>\n    `${RFValue(\n      extractNumbersFromString(theme.typography.h5.lineHeight) *\n        (numberOfLines || 1)\n    )}px`};\n  width: 100%;\n  padding: 0;\n  margin: ${RFValueStr('3px')} 0;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cAAA,EACzC,WAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGpB,MAAA,iBAAA,GAAoB,OAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAA,OAAA;AAAA,EACD,yBAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,UAAA,EAGQ,WAAW,KAAK,CAAA,CAAA;AAAA;;;;"}

package/esm/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export { useDebouncedState } from './useDebouncedState';
-export { useTheme } from './useTheme';

package/esm/hooks/useDebouncedState.d.ts

@@ -1,2 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export declare function useDebouncedState<S>(initialState: S | (() => S), timeoutCallback?: (state: S) => void, timeoutMs?: number): [S, Dispatch<SetStateAction<S>>];

package/esm/hooks/useDebouncedState.js

@@ -1,16 +0,0 @@
-import { useRef, useState, useEffect } from 'react';
-
-function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
-  const timeoutId = useRef();
-  const [state, setState] = useState(initialState);
-  useEffect(() => {
-    if (timeoutId.current)
-      clearTimeout(timeoutId.current);
-    if (timeoutCallback)
-      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);
-  }, [state]);
-  return [state, setState];
-}
-
-export { useDebouncedState };
-//# sourceMappingURL=useDebouncedState.js.map

package/esm/hooks/useDebouncedState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebouncedState.js","sources":["../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<number>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state]);\n\n  return [state, setState];\n}\n"],"names":[],"mappings":";;AAOO,SAAS,iBACd,CAAA,YAAA,EACA,eACA,EAAA,SAAA,GAAY,GACsB,EAAA;AAClC,EAAA,MAAM,YAAY,MAAe,EAAA,CAAA;AAEjC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAY,YAAY,CAAA,CAAA;AAElD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAU,CAAA,OAAA;AAAS,MAAA,YAAA,CAAa,UAAU,OAAO,CAAA,CAAA;AACrD,IAAI,IAAA,eAAA;AACF,MAAA,SAAA,CAAU,UAAU,UAAW,CAAA,MAAM,eAAgB,CAAA,KAAK,GAAG,SAAS,CAAA,CAAA;AAAA,GAC1E,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;"}

package/esm/hooks/useTheme.d.ts

@@ -1,2 +0,0 @@
-import { ThemeProp } from '../types/defaults';
-export declare const useTheme: () => ThemeProp;

package/esm/hooks/useTheme.js

@@ -1,6 +0,0 @@
-import { useTheme as useTheme$1 } from '@emotion/react';
-
-const useTheme = () => useTheme$1();
-
-export { useTheme };
-//# sourceMappingURL=useTheme.js.map

package/esm/hooks/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"names":["useEmotionTheme"],"mappings":";;AAGa,MAAA,QAAA,GAAW,MAAiBA,UAAgB;;;;"}

package/esm/index.d.ts

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

package/esm/index.js

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

package/esm/index.js.map

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

package/esm/styles/ThemeProvider.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { ThemeProviderProps } from '../types/defaults';
-declare const ThemeProvider: FC<ThemeProviderProps>;
-export default ThemeProvider;

package/esm/styles/ThemeProvider.js

@@ -1,14 +0,0 @@
-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.js.map

package/esm/styles/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","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/esm/styles/definitions.d.ts

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

package/esm/styles/definitions.js

@@ -1,158 +0,0 @@
-import 'react';
-import '../components/atoms/Text/styled.js';
-import '../components/atoms/Input/styled.js';
-import 'currency.js';
-import '../components/atoms/Input/InputElement/InputElement.js';
-import '../components/atoms/Input/InputMaskElement/InputMaskElement.js';
-import '../components/atoms/Input/PressableInputContainer/styled.js';
-import 'react-native';
-import { RFValueStr } from '../utils/ResponsiveFontSize.js';
-
-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.js.map

package/esm/styles/definitions.js.map

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

package/esm/styles/light.d.ts

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

package/esm/styles/light.js

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

package/esm/styles/light.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"light.js","sources":["../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n  borderRadius,\n  borderWidth,\n  breakpoints,\n  fontColor,\n  fontFiles,\n  fontStack,\n  fontWeight,\n  iconSize,\n  miscellaneous,\n  spacing,\n  statusColor,\n  typography,\n  zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n  xlight: '#fef9f0',\n  light: '#fccb83',\n  medium: '#f89907',\n  dark: '#ae6b05',\n  xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n  xlight: '#f8f7f7',\n  light: '#c2bfbc',\n  medium: '#85807a',\n  dark: '#5d5955',\n  xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n  color: {\n    primary: {\n      ...primaryGradation,\n    },\n    secondary: { ...secondaryGradation },\n    ...statusColor,\n  },\n  miscellaneous,\n  spacing,\n  iconSize,\n  borderRadius,\n  borderWidth,\n  typography,\n  font: {\n    color: fontColor,\n    stack: fontStack,\n    weight: fontWeight,\n    files: fontFiles,\n  },\n  zIndex,\n  breakpoints,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA,cAAA,CAAA;AAAA,IACL,SAAS,cACJ,CAAA,EAAA,EAAA,gBAAA,CAAA;AAAA,IAEL,WAAW,cAAK,CAAA,EAAA,EAAA,kBAAA,CAAA;AAAA,GACb,EAAA,WAAA,CAAA;AAAA,EAEL,aAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,UAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AACF;;;;"}