ferns-ui 0.2.0

package/dist/dist/Box.js

@@ -0,0 +1,229 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { KeyboardAvoidingView, Platform, SafeAreaView, ScrollView, TouchableOpacity, View, } from "react-native";
+import { SPACING } from "./Common";
+import { mediaQueryLargerThan } from "./MediaQuery";
+import { Unifier } from "./Unifier";
+const ALIGN_CONTENT = {
+    start: "flex-start",
+    end: "flex-end",
+    center: "center",
+    between: "space-between",
+    around: "space-around",
+    stretch: "stretch",
+};
+const ALIGN_ITEMS = {
+    start: "flex-start",
+    end: "flex-end",
+    center: "center",
+    baseline: "baseline",
+    stretch: "stretch",
+};
+const ALIGN_SELF = {
+    auto: "auto",
+    baseline: "baseline",
+    start: "flex-start",
+    end: "flex-end",
+    center: "center",
+    between: "space-between",
+    around: "space-around",
+    stretch: "stretch",
+};
+export class Box extends React.Component {
+    constructor(props) {
+        super(props);
+        this.BOX_STYLE_MAP = {
+            alignItems: (value) => ({ alignItems: ALIGN_ITEMS[value] }),
+            alignContent: (value) => ({ alignContent: ALIGN_CONTENT[value] }),
+            alignSelf: (value) => ({ alignSelf: ALIGN_SELF[value] }),
+            color: (value) => ({ backgroundColor: Unifier.theme[value] }),
+            direction: (value) => ({ flexDirection: value, display: "flex" }),
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            smDirection: (value, all) => mediaQueryLargerThan("sm") ? { flexDirection: value, display: "flex" } : {},
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            mdDirection: (value, all) => mediaQueryLargerThan("md") ? { flexDirection: value, display: "flex" } : {},
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            lgDirection: (value, all) => mediaQueryLargerThan("lg") ? { flexDirection: value, display: "flex" } : {},
+            display: (value) => {
+                return value === "flex" ? { flex: undefined } : { flex: 0, flexDirection: "row" };
+            },
+            flex: (value) => {
+                if (value === "grow") {
+                    return { flexGrow: 1, flexShrink: 1, display: "flex" };
+                }
+                else if (value === "shrink") {
+                    return { flexShrink: 1, display: "flex" };
+                }
+                else {
+                    return { flex: 0, display: "flex" };
+                }
+            },
+            justifyContent: (value) => ({ justifyContent: ALIGN_CONTENT[value] }),
+            height: (value) => {
+                if (this.props.border && !isNaN(Number(value))) {
+                    return { height: Number(value) + 2 * 2 };
+                }
+                else {
+                    return { height: value };
+                }
+            },
+            margin: (value) => ({ margin: value * SPACING }),
+            marginRight: (value) => ({ marginRight: value * SPACING }),
+            marginLeft: (value) => ({ marginLeft: value * SPACING }),
+            marginTop: (value) => ({ marginTop: value * SPACING }),
+            marginBottom: (value) => ({ marginBottom: value * SPACING }),
+            paddingX: (value) => ({ paddingLeft: value * SPACING, paddingRight: value * SPACING }),
+            paddingY: (value) => ({ paddingTop: value * SPACING, paddingBottom: value * SPACING }),
+            padding: (value) => ({ padding: value * SPACING }),
+            position: (value) => ({ position: value }),
+            top: (top) => ({ top: top ? 0 : undefined }),
+            bottom: (bottom) => ({ bottom: bottom ? 0 : undefined }),
+            right: (right) => ({ right: right ? 0 : undefined }),
+            left: (left) => ({ left: left ? 0 : undefined }),
+            rounding: (rounding, allProps) => {
+                if (rounding === "circle") {
+                    if (!allProps.height && !allProps.width) {
+                        console.warn("Cannot use Box rounding='circle' without height or width.");
+                        return { borderRadius: undefined };
+                    }
+                    return { borderRadius: allProps.height || allProps.width };
+                }
+                if (rounding === "pill") {
+                    return { borderRadius: 999 };
+                }
+                if (typeof rounding === "number") {
+                    return { borderRadius: rounding * 4 };
+                }
+                return { borderRadius: undefined };
+            },
+            overflow: (value) => {
+                if (value === "scrollY" || value === "scroll") {
+                    return { overflow: "scroll" };
+                }
+                else if (value === "scollX") {
+                    return { overflow: "scrollX" };
+                }
+                return {};
+            },
+            width: (value) => {
+                if (this.props.border && !isNaN(Number(value))) {
+                    return { width: Number(value) + 2 * 2 };
+                }
+                else {
+                    return { width: value };
+                }
+            },
+            wrap: (value) => ({ flexWrap: value ? "wrap" : "nowrap", alignItems: "flex-start" }),
+            shadow: (value) => {
+                if (!value) {
+                    return {};
+                }
+                if (Platform.OS === "ios" || Platform.OS === "web") {
+                    return {
+                        shadowColor: "#999",
+                        shadowOffset: {
+                            width: 2,
+                            height: 2,
+                        },
+                        shadowRadius: 2,
+                        shadowOpacity: 1.0,
+                    };
+                }
+                else {
+                    return { elevation: 4 };
+                }
+            },
+            border: (value) => {
+                if (!value) {
+                    return {};
+                }
+                return { borderColor: Unifier.theme[value], borderWidth: 2 };
+            },
+        };
+        this.scrollRef = React.createRef();
+        this.scrollToEnd = () => {
+            if (this.scrollRef && this.scrollRef.current) {
+                // HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout to
+                // avoid this, but it works well enough.
+                setTimeout(() => {
+                    this.scrollRef && this.scrollRef.current && this.scrollRef.current.scrollToEnd();
+                }, 50);
+            }
+        };
+        this.scrollTo = (y) => {
+            if (this.scrollRef && this.scrollRef.current) {
+                // HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout to
+                // avoid this, but it works well enough.
+                setTimeout(() => {
+                    this.scrollRef && this.scrollRef.current && this.scrollRef.current.scrollTo({ y });
+                }, 50);
+            }
+        };
+        if (props.scrollRef) {
+            this.scrollRef = props.scrollRef;
+        }
+    }
+    propsToStyle() {
+        let style = {};
+        for (const prop of Object.keys(this.props)) {
+            const value = this.props[prop];
+            if (this.BOX_STYLE_MAP[prop]) {
+                Object.assign(style, this.BOX_STYLE_MAP[prop](value, this.props));
+            }
+            else if (prop !== "children" && prop !== "onClick") {
+                style[prop] = value;
+                // console.warn(`Box: unknown property ${prop}`);
+            }
+        }
+        if (this.props.wrap && this.props.alignItems) {
+            console.warn("React Native doesn't support wrap and alignItems together.");
+        }
+        // Finally, dangerously set overrides.
+        if (this.props.dangerouslySetInlineStyle) {
+            style = Object.assign(Object.assign({}, style), this.props.dangerouslySetInlineStyle.__style);
+        }
+        return style;
+    }
+    renderBox() {
+        return (React.createElement(View, { style: !this.props.scroll && !this.props.overflow && this.propsToStyle() }, this.props.children));
+    }
+    render() {
+        let box;
+        if (this.props.onClick) {
+            box = (React.createElement(TouchableOpacity, { style: this.propsToStyle(),
+                // TODO: refactor this better..
+                onLayout: this.props.onLayout, onPress: () => {
+                    Unifier.utils.haptic();
+                    this.props.onClick();
+                } }, this.props.children));
+        }
+        else {
+            box = React.createElement(View, { style: this.propsToStyle() }, this.props.children);
+        }
+        if (this.props.scroll) {
+            const _a = this.propsToStyle(), { justifyContent, alignContent, alignItems } = _a, scrollStyle = __rest(_a, ["justifyContent", "alignContent", "alignItems"]);
+            box = (React.createElement(ScrollView, { horizontal: this.props.overflow === "scrollX", style: scrollStyle, contentContainerStyle: { justifyContent, alignContent, alignItems }, keyboardShouldPersistTaps: "handled", ref: this.props.scrollRef || this.scrollRef, onScroll: (event) => {
+                    if (this.props.onScroll && event) {
+                        this.props.onScroll(event.nativeEvent.contentOffset.y);
+                    }
+                }, scrollEventThrottle: 50 }, box));
+        }
+        if (this.props.avoidKeyboard) {
+            box = (React.createElement(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : "height", style: { flex: 1, display: "flex" }, keyboardVerticalOffset: this.props.keyboardOffset }, React.createElement(SafeAreaView, { style: { flex: 1, display: "flex" } }, box)));
+        }
+        return box;
+    }
+}
+//# sourceMappingURL=Box.js.map
+//# sourceMappingURL=Box.js.map

package/dist/dist/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/dist/Box.js"],"names":[],"mappings":"AAAA,IAAI,MAAM,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,EAAE,CAAC;IAChD,IAAI,CAAC,GAAG,EAAE,CAAC;IACX,KAAK,IAAI,CAAC,IAAI,CAAC;QAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;YAC/E,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAChB,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,UAAU;QAC/D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACpE,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1E,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzB;IACL,OAAO,CAAC,CAAC;AACb,CAAC,CAAC;AACF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,GAAG,MAAM,cAAc,CAAC;AACjH,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,aAAa,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACrB,CAAC;AACF,MAAM,WAAW,GAAG;IAChB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACrB,CAAC;AACF,MAAM,UAAU,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACrB,CAAC;AACF,MAAM,OAAO,GAAI,SAAQ,KAAK,CAAC,SAAS;IACpC,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,aAAa,GAAG;YACjB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3D,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACjE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YACjE,6DAA6D;YAC7D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACxG,6DAA6D;YAC7D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACxG,6DAA6D;YAC7D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACxG,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACf,OAAO,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;YACtF,CAAC;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;gBACZ,IAAI,KAAK,KAAK,MAAM,EAAE;oBAClB,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;iBAC1D;qBACI,IAAI,KAAK,KAAK,QAAQ,EAAE;oBACzB,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;iBAC7C;qBACI;oBACD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;iBACvC;YACL,CAAC;YACD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACrE,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;oBAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;iBAC5C;qBACI;oBACD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;iBAC5B;YACL,CAAC;YACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAChD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAC1D,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACxD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACtD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,OAAO,EAAE,YAAY,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,GAAG,OAAO,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACtF,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;YAC1C,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YAC5C,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YACxD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YACpD,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;gBAC7B,IAAI,QAAQ,KAAK,QAAQ,EAAE;oBACvB,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;wBACrC,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;wBAC1E,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;qBACtC;oBACD,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;iBAC9D;gBACD,IAAI,QAAQ,KAAK,MAAM,EAAE;oBACrB,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;iBAChC;gBACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;oBAC9B,OAAO,EAAE,YAAY,EAAE,QAAQ,GAAG,CAAC,EAAE,CAAC;iBACzC;gBACD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;YACvC,CAAC;YACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,EAAE;oBAC3C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;iBACjC;qBACI,IAAI,KAAK,KAAK,QAAQ,EAAE;oBACzB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;iBAClC;gBACD,OAAO,EAAE,CAAC;YACd,CAAC;YACD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACb,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;oBAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;iBAC3C;qBACI;oBACD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;iBAC3B;YACL,CAAC;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;YACpF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,CAAC,KAAK,EAAE;oBACR,OAAO,EAAE,CAAC;iBACb;gBACD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;oBAChD,OAAO;wBACH,WAAW,EAAE,MAAM;wBACnB,YAAY,EAAE;4BACV,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;yBACZ;wBACD,YAAY,EAAE,CAAC;wBACf,aAAa,EAAE,GAAG;qBACrB,CAAC;iBACL;qBACI;oBACD,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;iBAC3B;YACL,CAAC;YACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,CAAC,KAAK,EAAE;oBACR,OAAO,EAAE,CAAC;iBACb;gBACD,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;YACjE,CAAC;SACJ,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;gBAC1C,6FAA6F;gBAC7F,wCAAwC;gBACxC,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACrF,CAAC,EAAE,EAAE,CAAC,CAAC;aACV;QACL,CAAC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;gBAC1C,6FAA6F;gBAC7F,wCAAwC;gBACxC,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBACvF,CAAC,EAAE,EAAE,CAAC,CAAC;aACV;QACL,CAAC,CAAC;QACF,IAAI,KAAK,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;SACpC;IACL,CAAC;IACD,YAAY;QACR,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;gBAC1B,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;aACrE;iBACI,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,SAAS,EAAE;gBAChD,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACpB,iDAAiD;aACpD;SACJ;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YAC1C,OAAO,CAAC,IAAI,CAAC,4DAA4D,CAAC,CAAC;SAC9E;QACD,sCAAsC;QACtC,IAAI,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE;YACtC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;SACjG;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,SAAS;QACL,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1I,CAAC;IACD,MAAM;QACF,IAAI,GAAG,CAAC;QACR,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACpB,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;gBACrE,+BAA+B;gBAC/B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE;oBACzC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;oBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACzB,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SAClC;aACI;YACD,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACxF;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACnB,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,WAAW,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC;YAC9J,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChR,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,EAAE;wBAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;qBAC1D;gBACL,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;SAC3C;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC1B,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,EAC/L,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;SACzF;QACD,OAAO,GAAG,CAAC;IACf,CAAC;CACJ;AACD,+BAA+B"}

package/dist/dist/Box.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dist/Box.stories.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { Box } from "./Box";
+import { storiesOf } from "@storybook/react-native";
+import { Text } from "./Text";
+import { StorybookContainer } from "./StorybookContainer";
+const colors = [
+    "primary",
+    "secondary",
+    "tertiary",
+    "accent",
+    "blue",
+    "darkGray",
+    "eggplant",
+    "gray",
+    "green",
+    "lightGray",
+    "maroon",
+    "midnight",
+    "navy",
+    "olive",
+    "orange",
+    "orchid",
+    "pine",
+    "purple",
+    "red",
+    "watermelon",
+    "white",
+    "neutral900",
+    "neutral200",
+    "neutral70",
+    "neutral10",
+];
+storiesOf("Box", module)
+    .add("FlexBox", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", width: 50, height: 50, rounding: "circle", color: "blue", marginRight: 2 }, React.createElement(Text, { size: "lg" }, "JG")), React.createElement(Box, { paddingX: 2, direction: "column" }, React.createElement(Text, { weight: "bold" }, "Josh Gachnang"), React.createElement(Text, null, "joined 2 years ago")))))
+    .add("Box Colors", () => (React.createElement(StorybookContainer, null, colors.map((c) => (React.createElement(Box, { key: c, display: "flex", direction: "column" }, React.createElement(Box, { marginBottom: 2 }, React.createElement(Text, { align: "center" }, c)), React.createElement(Box, { key: c, color: c, rounding: "circle", height: 50, width: 50 }, React.createElement(Text, null, " "))))))));
+//# sourceMappingURL=Box.stories.js.map
+//# sourceMappingURL=Box.stories.js.map

package/dist/dist/Box.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/dist/Box.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,MAAM,GAAG;IACX,SAAS;IACT,WAAW;IACX,UAAU;IACV,QAAQ;IACR,MAAM;IACN,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,WAAW;IACX,QAAQ;IACR,UAAU;IACV,MAAM;IACN,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,KAAK;IACL,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,WAAW;CACd,CAAC;AACF,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC;KACnB,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACnE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,EAClK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,EACpD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EACzD,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC,EAC9D,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5D,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EACpK,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EACxC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EACtD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACpF,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,uCAAuC"}

package/dist/dist/Button.d.ts

@@ -0,0 +1,16 @@
+export class Button extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    state: {
+        loading: boolean;
+    };
+    HEIGHTS: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    getBackgroundColor(color: any): any;
+    getTextColor(color: any): any;
+    getBorderColor(color: any): any;
+    render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+}
+import React from "react";

package/dist/dist/Button.js

@@ -0,0 +1,98 @@
+import debounce from "lodash/debounce";
+import React from "react";
+import { ActivityIndicator, TouchableOpacity } from "react-native";
+import { Box } from "./Box";
+import { iconSizeToNumber } from "./Common";
+// import {Icon} from "./Icon";
+import { Text } from "./Text";
+import { Unifier } from "./Unifier";
+import { Icon } from "./Icon";
+const buttonTextColor = {
+    blue: "white",
+    lightGray: "darkGray",
+    red: "white",
+    transparent: "white",
+    white: "darkGray",
+    primary: "white",
+    secondary: "white",
+    accent: "white",
+    tertiary: "white",
+    facebook: "white",
+    twitter: "white",
+    google: "white",
+};
+export class Button extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { loading: false };
+        this.HEIGHTS = {
+            sm: 36,
+            md: 40,
+            lg: 48,
+        };
+    }
+    getBackgroundColor(color) {
+        if (this.props.type === "ghost" || this.props.type === "outline") {
+            return "transparent";
+        }
+        else {
+            return Unifier.theme[color];
+        }
+    }
+    getTextColor(color) {
+        if (this.props.type === "ghost" || this.props.type === "outline") {
+            return color;
+        }
+        else if (color === undefined) {
+            return "darkGray";
+        }
+        else {
+            return buttonTextColor[color] || "white";
+        }
+    }
+    getBorderColor(color) {
+        if (this.props.type === "outline") {
+            return Unifier.theme[this.getTextColor(color)];
+        }
+        else {
+            return "transparent";
+        }
+    }
+    render() {
+        let color = this.props.color || "lightGray";
+        if (color === "gray") {
+            color = "lightGray";
+        }
+        return (React.createElement(TouchableOpacity, { style: {
+                alignSelf: this.props.inline === true ? undefined : "stretch",
+                height: this.HEIGHTS[this.props.size || "md"],
+                backgroundColor: this.getBackgroundColor(color),
+                // width: this.props.inline === true ? undefined : "100%",
+                flexShrink: this.props.inline ? 1 : 0,
+                // flexGrow: this.props.inline ? 0 : 1,
+                alignItems: "center",
+                justifyContent: "center",
+                borderRadius: 5,
+                borderColor: this.getBorderColor(color),
+                borderWidth: this.props.type === "outline" ? 2 : 0,
+                opacity: this.props.disabled ? 0.4 : 1,
+                flexDirection: "row",
+                paddingHorizontal: 4 * 2,
+            }, disabled: this.props.disabled || this.props.loading, onPress: debounce(async () => {
+                Unifier.utils.haptic();
+                this.setState({ loading: true });
+                try {
+                    if (this.props.onClick) {
+                        await this.props.onClick();
+                    }
+                }
+                catch (e) {
+                    this.setState({ loading: false });
+                    throw e;
+                }
+                this.setState({ loading: false });
+            }, 500, { leading: true }) }, this.props.icon !== undefined && (React.createElement(Box, { paddingX: 2 }, React.createElement(Icon, { prefix: this.props.iconPrefix || "far", size: iconSizeToNumber(this.props.size), name: this.props.icon, color: this.getTextColor(this.props.color) }))), Boolean(this.props.children) && this.props.children, Boolean(this.props.text) && (React.createElement(Text, { weight: "bold", color: this.getTextColor(color), size: this.props.size, skipLinking: true, inline: this.props.inline }, this.props.text)), (this.state.loading || this.props.loading) && (React.createElement(Box, { marginLeft: 2 }, React.createElement(ActivityIndicator, { color: this.getTextColor(color), size: "small" })))));
+    }
+}
+//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=Button.js.map

package/dist/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/dist/Button.js"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,+BAA+B;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,UAAU;IACrB,GAAG,EAAE,OAAO;IACZ,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;CAClB,CAAC;AACF,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS;IACvC;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAChC,IAAI,CAAC,OAAO,GAAG;YACX,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;SACT,CAAC;IACN,CAAC;IACD,kBAAkB,CAAC,KAAK;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;YAC9D,OAAO,aAAa,CAAC;SACxB;aACI;YACD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC/B;IACL,CAAC;IACD,YAAY,CAAC,KAAK;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;YAC9D,OAAO,KAAK,CAAC;SAChB;aACI,IAAI,KAAK,KAAK,SAAS,EAAE;YAC1B,OAAO,UAAU,CAAC;SACrB;aACI;YACD,OAAO,eAAe,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC;SAC5C;IACL,CAAC;IACD,cAAc,CAAC,KAAK;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;YAC/B,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;SAClD;aACI;YACD,OAAO,aAAa,CAAC;SACxB;IACL,CAAC;IACD,MAAM;QACF,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC;QAC5C,IAAI,KAAK,KAAK,MAAM,EAAE;YAClB,KAAK,GAAG,WAAW,CAAC;SACvB;QACD,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE;gBAC/C,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gBAC7D,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC;gBAC7C,eAAe,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;gBAC/C,0DAA0D;gBAC1D,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrC,uCAAuC;gBACvC,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,YAAY,EAAE,CAAC;gBACf,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;gBACvC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtC,aAAa,EAAE,KAAK;gBACpB,iBAAiB,EAAE,CAAC,GAAG,CAAC;aAC3B,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE;gBACjF,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACvB,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACjC,IAAI;oBACA,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;wBACpB,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;qBAC9B;iBACJ;gBACD,OAAO,CAAC,EAAE;oBACN,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;oBAClC,MAAM,CAAC,CAAC;iBACX;gBACD,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EACtE,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,EAAE,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EACvL,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnD,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAClM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,EACrF,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3G,CAAC;CACJ;AACD,kCAAkC"}

package/dist/dist/Button.stories.d.ts

@@ -0,0 +1,13 @@
+export function Primary(args: any): React.CElement<import("./Common").ButtonProps, Button>;
+export namespace Primary {
+    namespace args {
+        const size: string;
+        const color: string;
+        const text: string;
+        const type: string;
+        const inline: boolean;
+        const disabled: boolean;
+    }
+}
+import { Button } from "./Button";
+import React from "react";

package/dist/dist/Button.stories.js

@@ -0,0 +1,26 @@
+import { action } from "@storybook/addon-actions";
+import React from "react";
+import { Button } from "./Button";
+import { storiesOf } from "@storybook/react-native";
+import { Box } from "./Box";
+import { StorybookContainer } from "./StorybookContainer";
+function allColorButtons(props) {
+    return (React.createElement(StorybookContainer, null, React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Default" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Primary", color: "primary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Secondary", color: "secondary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Tertiary", color: "tertiary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Accent", color: "accent" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Red", color: "red" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Dark Gray", color: "darkGray" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Gray", color: "gray" }, props)))));
+}
+storiesOf("Button", module)
+    .add("Colors", () => allColorButtons({}))
+    .add("Loading", () => allColorButtons({ loading: true }))
+    .add("Ghost", () => allColorButtons({ type: "ghost" }))
+    .add("Outline", () => allColorButtons({ type: "outline" }));
+const Template = (args) => React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Button" }, args));
+export const Primary = Template.bind({});
+Primary.args = {
+    size: "md",
+    color: "primary",
+    text: "PRIMARY",
+    type: "solid",
+    inline: false,
+    disabled: false,
+};
+//# sourceMappingURL=Button.stories.js.map
+//# sourceMappingURL=Button.stories.js.map

package/dist/dist/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/dist/Button.stories.js"],"names":[],"mappings":"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"}

package/dist/dist/Card.d.ts

@@ -0,0 +1,6 @@
+export class Card extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+}
+import React from "react";

package/dist/dist/Card.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Box } from "./Box";
+export class Card extends React.Component {
+    render() {
+        return (React.createElement(Box, Object.assign({ direction: "column", display: "flex", color: this.props.color || "white", rounding: 3, shadow: true, padding: this.props.padding || 4, width: this.props.width }, this.props), this.props.children));
+    }
+}
+//# sourceMappingURL=Card.js.map
+//# sourceMappingURL=Card.js.map

package/dist/dist/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/dist/Card.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS;IACrC,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1P,CAAC;CACJ;AACD,gCAAgC"}

package/dist/dist/Card.stories.d.ts

@@ -0,0 +1,6 @@
+declare namespace _default {
+    export const title: string;
+    export { Card as component };
+}
+export default _default;
+import { Card } from "./Card";

package/dist/dist/Card.stories.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { Box } from "./Box";
+import { Card } from "./Card";
+import { storiesOf } from "@storybook/react-native";
+export default {
+    title: "Card",
+    component: Card,
+};
+storiesOf("Card", module).add("Plain", () => (React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "column", color: "lightGray", padding: 12 }, React.createElement(Card, null, React.createElement(Box, { display: "flex", direction: "row", alignItems: "center" }, React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", width: 50, height: 50, rounding: "circle", color: "blue", marginRight: 2 }, React.createElement("h2", null, "JG")), React.createElement(Box, { paddingX: 2, direction: "column" }, React.createElement("div", null, React.createElement("b", null, "Josh Gachnang")), React.createElement("div", null, "joined 2 years ago")))))));
+//# sourceMappingURL=Card.stories.js.map
+//# sourceMappingURL=Card.stories.js.map

package/dist/dist/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../src/dist/Card.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,eAAe;IACX,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAClB,CAAC;AACF,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,EAC3K,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAC1B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAChF,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,EAClK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAC1C,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EACzD,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAC3B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,EACpD,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7E,wCAAwC"}

package/dist/dist/CheckBox.d.ts

@@ -0,0 +1,8 @@
+export class CheckBox extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    renderCheckBox(): React.CElement<import("./Common").BoxProps, Box>;
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+import React from "react";
+import { Box } from "./Box";

package/dist/dist/CheckBox.js

@@ -0,0 +1,23 @@
+// import {library} from "@fortawesome/fontawesome-svg-core";
+// import {faCheck} from "@fortawesome/free-solid-svg-icons";
+import React from "react";
+import { Box } from "./Box";
+import { Icon } from "./Icon";
+import { Text } from "./Text";
+// library.add(faCheck);
+export class CheckBox extends React.Component {
+    renderCheckBox() {
+        return (React.createElement(Box, { rounding: this.props.radio ? "circle" : 3, border: this.props.color || "darkGray", height: this.props.size === "sm" ? 16 : 24, width: this.props.size === "sm" ? 16 : 24, color: this.props.checked ? this.props.color || "darkGray" : "white", onClick: () => {
+                this.props.onChange({ value: !this.props.checked });
+                this.props.onClick && this.props.onClick();
+            } }, React.createElement(Box, { display: "flex", direction: "column", justifyContent: "center", alignItems: "center", height: "100%", width: "100%" }, this.props.checked && (React.createElement(Icon, { prefix: "fas", size: this.props.size === "sm" ? 7 : 10, name: "check", color: "white" })))));
+    }
+    render() {
+        return (React.createElement(Box, { paddingY: 1, display: "flex", direction: "row", maxHeight: 60, width: "100%", alignItems: "center" }, React.createElement(Box, { display: "flex", justifyContent: "center", width: this.props.size === "sm" ? 14 : 20, maxWidth: this.props.size === "sm" ? 14 : 20 }, this.renderCheckBox()), React.createElement(Box, { onClick: () => {
+                this.props.onChange({ value: !this.props.checked });
+                this.props.onClick && this.props.onClick();
+            }, marginLeft: 4, height: "100%", display: "flex", direction: "column", justifyContent: "center" }, React.createElement(Text, { numberOfLines: this.props.subLabel ? 1 : 2, color: this.props.labelColor || "darkGray", weight: "bold", size: this.props.size }, this.props.label), Boolean(this.props.subLabel) && (React.createElement(Text, { size: "sm", color: this.props.labelColor || "darkGray", weight: "bold" }, this.props.subLabel)))));
+    }
+}
+//# sourceMappingURL=CheckBox.js.map
+//# sourceMappingURL=CheckBox.js.map

package/dist/dist/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/dist/CheckBox.js"],"names":[],"mappings":"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"}

package/dist/dist/CheckBox.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dist/CheckBox.stories.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { CheckBox } from "./CheckBox";
+import { WithLabel } from "./WithLabel";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+class Forms extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            boolean: false,
+            withLabel: false,
+            primary: false,
+            small: false,
+        };
+    }
+    render() {
+        return (React.createElement(StorybookContainer, null, React.createElement(CheckBox, { id: "check", checked: this.state.boolean, onChange: (result) => this.setState({ boolean: result.value }) }), React.createElement(WithLabel, { label: "With A Label" }, React.createElement(CheckBox, { id: "withLabel", checked: this.state.withLabel, onChange: (result) => this.setState({ withLabel: result.value }) })), React.createElement(WithLabel, { label: "Primary Color" }, React.createElement(CheckBox, { id: "primary", checked: this.state.primary, label: "Primary Color", color: "primary", labelColor: "primary", onChange: (result) => this.setState({ primary: result.value }) })), React.createElement(WithLabel, { label: "Small" }, React.createElement(CheckBox, { id: "small", checked: this.state.small, label: "Small", size: "sm", onChange: (result) => this.setState({ small: result.value }) }))));
+    }
+}
+storiesOf("Check Box", module).add("Plain", () => React.createElement(Forms, null));
+//# sourceMappingURL=CheckBox.stories.js.map
+//# sourceMappingURL=CheckBox.stories.js.map

package/dist/dist/CheckBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../src/dist/CheckBox.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,KAAM,SAAQ,KAAK,CAAC,SAAS;IAC/B,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;SACf,CAAC;IACN,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAC3I,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EACpD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EACxJ,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EACrD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EACnN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7C,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACnL,CAAC;CACJ;AACD,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;AACpF,4CAA4C"}

package/dist/dist/Common.d.ts

@@ -0,0 +1,5 @@
+export function getSectionColor(section: any): any;
+export function isTestUser(profile: any): any;
+export const SPACING: 4;
+export function iconSizeToNumber(size: any): any;
+export function iconNumberToSize(size?: number): string;