@tecsinapse/react-core 3.3.7 → 3.4.0

package/dist/types/types/defaults.d.ts

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

package/dist/types/utils/IPhoneXHelper.d.ts

@@ -0,0 +1,4 @@
+export declare function isIphoneX(): boolean;
+export declare function ifIphoneX(iphoneXStyle: any, regularStyle: any): any;
+export declare function getStatusBarHeight(safe: any): any;
+export declare function getBottomSpace(): 0 | 34;

package/dist/types/utils/ResponsiveFontSize.d.ts

@@ -0,0 +1,3 @@
+export declare const RFPercentage: (percent: number) => number;
+export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
+export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;

package/dist/types/utils/extractNumbersFromString.d.ts

@@ -0,0 +1,2 @@
+export declare const extractNumbersFromString: (value: string) => number;
+export declare const extractDigitsFromString: (value: string) => string;

package/dist/types/utils/formatWithMask.d.ts

@@ -0,0 +1,3 @@
+import { MaskType, CurrencyOptions } from '../components/atoms/Input';
+import currency from 'currency.js';
+export declare const formatWithMask: (mask: MaskType[] | currency.Options | ((value: string) => MaskType[]), value: string | number) => string | number;

package/dist/types/utils/index.d.ts

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

package/dist/types/utils/lightenDarkenColor.d.ts

@@ -0,0 +1 @@
+export declare const lightenDarkenColor: (color: string, variation: number) => string;

package/dist/types/utils/masks.d.ts

@@ -0,0 +1,12 @@
+export declare const Masks: {
+    CPF: string[];
+    CNPJ: string[];
+    DATE: string[];
+    HOUR: string[];
+    MONTH_YEAR: string[];
+    CEP: string[];
+    PHONE: string[];
+    PHONE_EXTENDED: string[];
+    COMBINED_PHONE: (value: string) => string[];
+    COMBINED_CPF_CNPJ: (value: string) => string[];
+};

package/dist/types/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>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "3.3.7",
+  "version": "3.4.0",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -10,10 +10,10 @@
     "dist"
   ],
   "scripts": {
-    "dev": "yarn build:es --watch",
-    "build:es": "rollup --config",
-    "build:declaration": "tsc --project tsconfig.build.json",
-    "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
+    "dev": "rollup --config --watch",
+    "dev:dts": "tsc --project tsconfig.build.json --watch",
+    "build:core": "rollup --config",
+    "build:core:dts": "tsc --project tsconfig.build.json",
     "yalc:push": "yalc push --changed",
     "yalc:show": "yalc installations show $npm_package_name"
   },
@@ -37,5 +37,5 @@
     "react-native": "^0.72.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "0f89f7320ecbcee514b03329d97f224171d51933"
+  "gitHead": "68c1b2e4efabf493290234c3d97754f39e82b861"
 }