@sparrowengg/twigs-mobile 0.0.1 → 0.0.3

package/dist/module/config/theme.js

@@ -0,0 +1,197 @@
+"use strict";
+
+export const defaultTheme = {
+  colors: {
+    primary: "#2E666D",
+    secondary: "#363A43",
+    accent50: "#F3F3FF",
+    accent100: "#EAE9FE",
+    accent200: "#D7D6FE",
+    accent300: "#B9B5FD",
+    accent400: "#978CF9",
+    accent500: "#7158F5",
+    accent600: "#623BEC",
+    accent700: "#5329D8",
+    accent800: "#4622B5",
+    accent900: "#3B1E94",
+    primary50: "#F3F9FA",
+    primary100: "#E6F3F4",
+    primary200: "#CEE7EA",
+    primary300: "#9CCFD6",
+    primary400: "#56B0BB",
+    primary500: "#4A9CA6",
+    primary600: "#448E97",
+    primary700: "#3B8088",
+    primary800: "#36737A",
+    primary900: "#2E666D",
+    warning50: "#FFF6EF",
+    warning100: "#FEEAC7",
+    warning200: "#FDD28A",
+    warning300: "#FCBD4F",
+    warning400: "#FBAB24",
+    warning500: "#F59E0B",
+    warning600: "#DB8D06",
+    warning700: "#B47409",
+    warning800: "#92610E",
+    warning900: "#78510F",
+    highlight50: "#FFFCDA",
+    highlight100: "#FFF7AD",
+    highlight200: "#FFF27D",
+    highlight300: "#FFED4B",
+    highlight400: "#FFE81A",
+    highlight500: "#E6CF00",
+    highlight600: "#B3A100",
+    highlight700: "#807300",
+    highlight800: "#786B03",
+    highlight900: "#6A5F00",
+    positive50: "#F4FAF1",
+    positive100: "#E8F4E3",
+    positive200: "#D4E8CA",
+    positive300: "#A8D291",
+    positive400: "#67B034",
+    positive500: "#5EA130",
+    positive600: "#55932A",
+    positive700: "#4C8425",
+    positive800: "#437720",
+    positive900: "#3C691C",
+    secondary50: "#F4F6F7",
+    secondary100: "#E2E6EB",
+    secondary200: "#C9CFD8",
+    secondary300: "#A3AEBD",
+    secondary400: "#76859A",
+    secondary500: "#64748B",
+    secondary600: "#4E596C",
+    secondary700: "#444B5A",
+    secondary800: "#3D424D",
+    secondary900: "#363A43",
+    negative50: "#FFF6F3",
+    negative100: "#FDEDE8",
+    negative200: "#FFDAD0",
+    negative300: "#FFB4A1",
+    negative400: "#FA7659",
+    negative500: "#F65633",
+    negative600: "#E75030",
+    negative700: "#D14729",
+    negative800: "#BC4024",
+    negative900: "#A9371E",
+    neutral50: "#F8F8F8",
+    neutral100: "#F1F1F1",
+    neutral200: "#E2E2E2",
+    neutral300: "#C6C6C6",
+    neutral400: "#9E9E9E",
+    neutral500: "#919191",
+    neutral600: "#848484",
+    neutral700: "#767676",
+    neutral800: "#6A6A6A",
+    neutral900: "#2B2B2B",
+    black50: "#0000000A",
+    black100: "#00000014",
+    black200: "#0000001A",
+    black300: "#00000026",
+    black400: "#00000033",
+    black500: "#0000004D",
+    black600: "#00000080",
+    black700: "#000000B2",
+    black800: "#000000CC",
+    black900: "#000000",
+    white50: "#FFFFFF0D",
+    white100: "#FFFFFF14",
+    white200: "#FFFFFF1A",
+    white300: "#FFFFFF26",
+    white400: "#FFFFFF33",
+    white500: "#FFFFFF4D",
+    white600: "#FFFFFF80",
+    white700: "#FFFFFFB2",
+    white800: "#FFFFFFCC",
+    white900: "#FFFFFF"
+  },
+  space: {
+    $1: 2,
+    $2: 4,
+    $3: 6,
+    $4: 8,
+    $5: 10,
+    $6: 12,
+    $7: 14,
+    $8: 16,
+    $9: 18,
+    $10: 20,
+    $11: 22,
+    $12: 24,
+    $13: 26,
+    $14: 28,
+    $15: 30,
+    $16: 32,
+    $17: 34,
+    $18: 36,
+    $19: 38,
+    $20: 40,
+    $21: 42,
+    $22: 44,
+    $23: 46,
+    $24: 48,
+    $25: 50,
+    $26: 52,
+    $27: 54,
+    $28: 56,
+    $29: 58,
+    $30: 60,
+    $31: 62,
+    $32: 64,
+    $33: 66,
+    $34: 68,
+    $35: 70,
+    $36: 72,
+    $37: 74,
+    $38: 76,
+    $39: 78,
+    $40: 80,
+    $41: 82,
+    $42: 84,
+    $43: 86,
+    $44: 88,
+    $45: 90,
+    $46: 92,
+    $47: 94,
+    $48: 96,
+    $49: 98,
+    $50: 100
+  },
+  sizes: {
+    $1: 4,
+    $2: 8,
+    $3: 12,
+    $4: 16,
+    $5: 20,
+    $6: 24,
+    $7: 28,
+    $8: 32,
+    $9: 36,
+    $10: 40,
+    $11: 44,
+    $12: 48,
+    $13: 52,
+    $14: 56,
+    $15: 60,
+    $16: 64,
+    $17: 68,
+    $18: 72,
+    $19: 76,
+    $20: 80,
+    $21: 84,
+    $22: 88,
+    $23: 92,
+    $24: 96,
+    $25: 100,
+    $26: 104,
+    $27: 108,
+    $28: 112,
+    $29: 116,
+    $30: 120,
+    $31: 124,
+    $32: 128,
+    $33: 132,
+    $34: 136
+  }
+};
+//# sourceMappingURL=theme.js.map

package/dist/module/config/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTheme","colors","primary","secondary","accent50","accent100","accent200","accent300","accent400","accent500","accent600","accent700","accent800","accent900","primary50","primary100","primary200","primary300","primary400","primary500","primary600","primary700","primary800","primary900","warning50","warning100","warning200","warning300","warning400","warning500","warning600","warning700","warning800","warning900","highlight50","highlight100","highlight200","highlight300","highlight400","highlight500","highlight600","highlight700","highlight800","highlight900","positive50","positive100","positive200","positive300","positive400","positive500","positive600","positive700","positive800","positive900","secondary50","secondary100","secondary200","secondary300","secondary400","secondary500","secondary600","secondary700","secondary800","secondary900","negative50","negative100","negative200","negative300","negative400","negative500","negative600","negative700","negative800","negative900","neutral50","neutral100","neutral200","neutral300","neutral400","neutral500","neutral600","neutral700","neutral800","neutral900","black50","black100","black200","black300","black400","black500","black600","black700","black800","black900","white50","white100","white200","white300","white400","white500","white600","white700","white800","white900","space","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$50","sizes"],"sourceRoot":"../../../src","sources":["config/theme.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 export * from "./Box";
+export * from "./ThemeProvider";
 //# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,OAAO","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,OAAO;AACrB,cAAc,iBAAiB","ignoreList":[]}

package/dist/module/utils/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/module/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"","ignoreList":[]}

package/dist/types/Box/box.d.ts

@@ -1,2 +1,23 @@
-export declare const Box: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+import React, { ReactNode } from "react";
+import { ViewStyle, ViewProps } from "react-native";
+type BoxProps = ViewProps & {
+    style?: ViewStyle;
+    children?: ReactNode;
+    padding?: number;
+    margin?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingHorizontal?: number;
+    paddingVertical?: number;
+    marginLeft?: number;
+    marginRight?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    marginHorizontal?: number;
+    marginVertical?: number;
+};
+export declare const Box: React.FC<BoxProps>;
+export {};
 //# sourceMappingURL=box.d.ts.map

package/dist/types/Box/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,gKAAgB,CAAC"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAmCpD,KAAK,QAAQ,GAAG,SAAS,GAAG;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAwBF,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAIlC,CAAC"}

package/dist/types/ThemeProvider/TwigsThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+type TwigsThemeProviderProps = {
+    children: ReactNode;
+    theme?: object;
+};
+export declare const TwigsThemeProvider: React.FC<TwigsThemeProviderProps>;
+export {};
+//# sourceMappingURL=TwigsThemeProvider.d.ts.map

package/dist/types/ThemeProvider/TwigsThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwigsThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/ThemeProvider/TwigsThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,KAAK,uBAAuB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAEhE,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './TwigsThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/types/config/theme.d.ts

@@ -0,0 +1,195 @@
+export declare const defaultTheme: {
+    colors: {
+        primary: string;
+        secondary: string;
+        accent50: string;
+        accent100: string;
+        accent200: string;
+        accent300: string;
+        accent400: string;
+        accent500: string;
+        accent600: string;
+        accent700: string;
+        accent800: string;
+        accent900: string;
+        primary50: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        warning50: string;
+        warning100: string;
+        warning200: string;
+        warning300: string;
+        warning400: string;
+        warning500: string;
+        warning600: string;
+        warning700: string;
+        warning800: string;
+        warning900: string;
+        highlight50: string;
+        highlight100: string;
+        highlight200: string;
+        highlight300: string;
+        highlight400: string;
+        highlight500: string;
+        highlight600: string;
+        highlight700: string;
+        highlight800: string;
+        highlight900: string;
+        positive50: string;
+        positive100: string;
+        positive200: string;
+        positive300: string;
+        positive400: string;
+        positive500: string;
+        positive600: string;
+        positive700: string;
+        positive800: string;
+        positive900: string;
+        secondary50: string;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
+        negative50: string;
+        negative100: string;
+        negative200: string;
+        negative300: string;
+        negative400: string;
+        negative500: string;
+        negative600: string;
+        negative700: string;
+        negative800: string;
+        negative900: string;
+        neutral50: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        black50: string;
+        black100: string;
+        black200: string;
+        black300: string;
+        black400: string;
+        black500: string;
+        black600: string;
+        black700: string;
+        black800: string;
+        black900: string;
+        white50: string;
+        white100: string;
+        white200: string;
+        white300: string;
+        white400: string;
+        white500: string;
+        white600: string;
+        white700: string;
+        white800: string;
+        white900: string;
+    };
+    space: {
+        $1: number;
+        $2: number;
+        $3: number;
+        $4: number;
+        $5: number;
+        $6: number;
+        $7: number;
+        $8: number;
+        $9: number;
+        $10: number;
+        $11: number;
+        $12: number;
+        $13: number;
+        $14: number;
+        $15: number;
+        $16: number;
+        $17: number;
+        $18: number;
+        $19: number;
+        $20: number;
+        $21: number;
+        $22: number;
+        $23: number;
+        $24: number;
+        $25: number;
+        $26: number;
+        $27: number;
+        $28: number;
+        $29: number;
+        $30: number;
+        $31: number;
+        $32: number;
+        $33: number;
+        $34: number;
+        $35: number;
+        $36: number;
+        $37: number;
+        $38: number;
+        $39: number;
+        $40: number;
+        $41: number;
+        $42: number;
+        $43: number;
+        $44: number;
+        $45: number;
+        $46: number;
+        $47: number;
+        $48: number;
+        $49: number;
+        $50: number;
+    };
+    sizes: {
+        $1: number;
+        $2: number;
+        $3: number;
+        $4: number;
+        $5: number;
+        $6: number;
+        $7: number;
+        $8: number;
+        $9: number;
+        $10: number;
+        $11: number;
+        $12: number;
+        $13: number;
+        $14: number;
+        $15: number;
+        $16: number;
+        $17: number;
+        $18: number;
+        $19: number;
+        $20: number;
+        $21: number;
+        $22: number;
+        $23: number;
+        $24: number;
+        $25: number;
+        $26: number;
+        $27: number;
+        $28: number;
+        $29: number;
+        $30: number;
+        $31: number;
+        $32: number;
+        $33: number;
+        $34: number;
+    };
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/types/config/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/config/theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiMxB,CAAC"}

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Box";
+export * from "./ThemeProvider";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparrowengg/twigs-mobile",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "dist/commonjs/index.js",
   "module": "dist/module/index.js",
   "types": "dist/types/index.d.ts",

package/src/Box/box.tsx

@@ -1,4 +1,82 @@
-import React from "react";
+import React, { ReactNode } from "react";
+import { ViewStyle, ViewProps } from "react-native";
 import styled from "styled-components/native";
 
-export const Box = styled.View``;
+const DEFAULT_SPACING = 0;
+
+const resolveMargin = ({
+  margin,
+  marginHorizontal,
+  marginVertical,
+  marginTop,
+  marginBottom,
+  marginLeft,
+  marginRight,
+}: Partial<BoxProps>) => ({
+  top: marginTop ?? marginVertical ?? margin ?? DEFAULT_SPACING,
+  bottom: marginBottom ?? marginVertical ?? margin ?? DEFAULT_SPACING,
+  left: marginLeft ?? marginHorizontal ?? margin ?? DEFAULT_SPACING,
+  right: marginRight ?? marginHorizontal ?? margin ?? DEFAULT_SPACING,
+});
+
+const resolvePadding = ({
+  padding,
+  paddingHorizontal,
+  paddingVertical,
+  paddingTop,
+  paddingBottom,
+  paddingLeft,
+  paddingRight,
+}: Partial<BoxProps>) => ({
+  top: paddingTop ?? paddingVertical ?? padding ?? DEFAULT_SPACING,
+  bottom: paddingBottom ?? paddingVertical ?? padding ?? DEFAULT_SPACING,
+  left: paddingLeft ?? paddingHorizontal ?? padding ?? DEFAULT_SPACING,
+  right: paddingRight ?? paddingHorizontal ?? padding ?? DEFAULT_SPACING,
+});
+
+type BoxProps = ViewProps & {
+  style?: ViewStyle;
+  children?: ReactNode;
+  padding?: number;
+  margin?: number;
+  paddingLeft?: number;
+  paddingRight?: number;
+  paddingTop?: number;
+  paddingBottom?: number;
+  paddingHorizontal?: number;
+  paddingVertical?: number;
+  marginLeft?: number;
+  marginRight?: number;
+  marginTop?: number;
+  marginBottom?: number;
+  marginHorizontal?: number;
+  marginVertical?: number;
+};
+
+const StyledBox = styled.View<BoxProps>`
+  ${({ margin = 0, ...rest }) => {
+    const resolvedMargin = resolveMargin({ margin, ...rest });
+    return `
+      margin-top: ${resolvedMargin.top}px;
+      margin-bottom: ${resolvedMargin.bottom}px;
+      margin-left: ${resolvedMargin.left}px;
+      margin-right: ${resolvedMargin.right}px;
+    `;
+  }}
+
+  ${({ padding = 0, ...rest }) => {
+    const resolvedPadding = resolvePadding({ padding, ...rest });
+    return `
+      padding-top: ${resolvedPadding.top}px;
+      padding-bottom: ${resolvedPadding.bottom}px;
+      padding-left: ${resolvedPadding.left}px;
+      padding-right: ${resolvedPadding.right}px;
+    `;
+  }}
+`;
+
+export const Box: React.FC<BoxProps> = ({ style, children, ...rest }) => (
+  <StyledBox style={style} {...rest}>
+    {children}
+  </StyledBox>
+);

package/src/ThemeProvider/TwigsThemeProvider.tsx

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { ThemeProvider } from "styled-components/native";
+import { defaultTheme } from "../config/theme";
+
+
+type TwigsThemeProviderProps = {
+    children: ReactNode;
+    theme?: object;
+  };
+  
+  export const TwigsThemeProvider: React.FC<TwigsThemeProviderProps> = ({ children, theme = defaultTheme }) => (
+    <ThemeProvider theme={theme}>{children}</ThemeProvider>
+  );

package/src/ThemeProvider/index.ts

@@ -0,0 +1 @@
+export * from './TwigsThemeProvider';