ferns-ui 0.2.0

package/dist/dist/Form.stories.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Box } from "./Box";
+import { FormLine } from "./Form";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+export default {
+    title: "FormLine",
+    component: FormLine,
+};
+class Forms extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            name: "",
+            boolean: true,
+            textarea: "",
+            multiboolean: { one: true, two: true, three: true },
+            select: undefined,
+        };
+    }
+    render() {
+        return (React.createElement(StorybookContainer, null, React.createElement(Box, { paddingY: 2 }, React.createElement(FormLine, { name: "name", value: this.state.name, onSave: (name) => this.setState({ name }), kind: "string" })), React.createElement(Box, { paddingY: 2 }, React.createElement(FormLine, { name: "boolean", value: this.state.boolean, onSave: (boolean) => this.setState({ boolean }), kind: "boolean" })), React.createElement(Box, { paddingY: 2 }, React.createElement(FormLine, { name: "textarea", value: this.state.textarea, onSave: (textarea) => this.setState({ textarea }), kind: "textarea" })), React.createElement(Box, { paddingY: 2 }, React.createElement(FormLine, { name: "multiboolean", value: this.state.multiboolean, onSave: (multiboolean) => this.setState({ multiboolean }), kind: "multiboolean" })), React.createElement(Box, { paddingY: 2 }, React.createElement(FormLine, { name: "select", value: this.state.select, onSave: (select) => this.setState({ select }), kind: "select", options: [undefined, "ay", "bee", "see"] }))));
+    }
+}
+storiesOf("Form", module).add("Forms", () => React.createElement(Forms, null));
+//# sourceMappingURL=Form.stories.js.map
+//# sourceMappingURL=Form.stories.js.map

package/dist/dist/Form.stories.js.map

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

package/dist/dist/HeaderButtons.d.ts

@@ -0,0 +1,39 @@
+export class HeaderButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {};
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+export class SearchButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+export class BackButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+export class FilterButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<import("./Common").ButtonProps, Button>;
+}
+export class EditButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<import("./Common").IconButtonProps, IconButton>;
+}
+export class UseButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<import("./Common").ButtonProps, Button>;
+}
+export class AddTabButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { IconButton } from "./IconButton";

package/dist/dist/HeaderButtons.js

@@ -0,0 +1,50 @@
+import { IconButton } from "./IconButton";
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { Text } from "./Text";
+import { Unifier } from "./Unifier";
+export class HeaderButton extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        return (React.createElement(Box, { marginRight: 2 }, React.createElement(Button, { text: this.props.text, type: "ghost", color: "primary", onClick: this.props.onClick })));
+    }
+}
+export class SearchButton extends React.Component {
+    render() {
+        return (React.createElement(Box, null, React.createElement(IconButton, { icon: "search", prefix: "fas", onClick: this.props.onClick, accessibilityLabel: "search", iconColor: this.props.color || "white" })));
+    }
+}
+export class BackButton extends React.Component {
+    render() {
+        return (React.createElement(Box, { width: 50, paddingX: 3, justifyContent: "center", alignItems: "center" }, React.createElement(IconButton, { prefix: "fas", icon: "chevron-left", size: "md", onClick: () => this.props.onBack && this.props.onBack(), accessibilityLabel: "", iconColor: "white" })));
+    }
+}
+export class FilterButton extends React.Component {
+    render() {
+        return React.createElement(Button, { type: "ghost", color: "white", text: "Filter", onClick: this.props.onClick });
+    }
+}
+export class EditButton extends React.Component {
+    render() {
+        return (React.createElement(IconButton, { icon: "pen", prefix: "fas", onClick: this.props.onClick, accessibilityLabel: "edit", iconColor: this.props.color }));
+    }
+}
+export class UseButton extends React.Component {
+    render() {
+        return (React.createElement(Button, { onClick: () => {
+                Unifier.utils.haptic();
+                this.props.onClick();
+            }, text: "Use" }));
+    }
+}
+export class AddTabButton extends React.Component {
+    render() {
+        return (React.createElement(Box, { width: 62, height: 62, color: "blue", onClick: this.props.onClick }, React.createElement(Text, { color: "darkGray" }, "Add")));
+    }
+}
+//# sourceMappingURL=HeaderButtons.js.map
+//# sourceMappingURL=HeaderButtons.js.map

package/dist/dist/HeaderButtons.js.map

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

package/dist/dist/HeaderButtons.stories.d.ts

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

package/dist/dist/HeaderButtons.stories.js

@@ -0,0 +1,7 @@
+import { HeaderButton } from ".";
+export default {
+    title: "HeaderButtons",
+    component: HeaderButton,
+};
+//# sourceMappingURL=HeaderButtons.stories.js.map
+//# sourceMappingURL=HeaderButtons.stories.js.map

package/dist/dist/HeaderButtons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButtons.stories.js","sourceRoot":"","sources":["../../src/dist/HeaderButtons.stories.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AACjC,eAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,YAAY;CAC1B,CAAC;AACF,iDAAiD"}

package/dist/dist/Heading.d.ts

@@ -0,0 +1,32 @@
+export class Heading extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    fontSizes: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    propsToStyle(): {
+        fontFamily: string;
+        fontSize: any;
+        textAlign: any;
+        color: any;
+    };
+    render(): React.CElement<{
+        numberOfLines: number;
+        style: {
+            fontFamily: string;
+            fontSize: any;
+            textAlign: any;
+            color: any;
+        };
+    }, React.Component<{
+        numberOfLines: number;
+        style: {
+            fontFamily: string;
+            fontSize: any;
+            textAlign: any;
+            color: any;
+        };
+    }, any, any>>;
+}
+import React from "react";

package/dist/dist/Heading.js

@@ -0,0 +1,47 @@
+import React from "react";
+import { Text as NativeText } from "react-native";
+import { Unifier } from "./Unifier";
+export class Heading extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.fontSizes = {
+            sm: 20,
+            md: 28,
+            lg: 36,
+        };
+    }
+    propsToStyle() {
+        const style = {};
+        // let font = this.props.font || "primary";
+        // if (this.props.bold) {
+        //   font += "Bold";
+        // }
+        style.fontFamily = Unifier.theme.primaryBoldFont;
+        style.fontSize = this.fontSizes[this.props.size || "md"];
+        if (this.props.align) {
+            style.textAlign = this.props.align;
+        }
+        if (this.props.color) {
+            style.color = Unifier.theme[this.props.color];
+        }
+        else {
+            style.color = Unifier.theme.darkGray;
+        }
+        // TODO: might be useful for wrapping/truncating
+        // if (this.props.numberOfLines !== 1 && !this.props.inline) {
+        //   style.flexWrap = "wrap";
+        // }
+        return style;
+    }
+    render() {
+        let lines = 0;
+        // if (this.props.numberOfLines) {
+        //   lines = this.props.numberOfLines;
+        // } else if (this.props.inline) {
+        //   lines = 1;
+        // }
+        return (React.createElement(NativeText, { numberOfLines: lines, style: this.propsToStyle() }, this.props.children));
+    }
+}
+//# sourceMappingURL=Heading.js.map
+//# sourceMappingURL=Heading.js.map

package/dist/dist/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/dist/Heading.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS;IACxC;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG;YACb,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;SACT,CAAC;IACN,CAAC;IACD,YAAY;QACR,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,2CAA2C;QAC3C,yBAAyB;QACzB,oBAAoB;QACpB,IAAI;QACJ,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC;QACjD,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YAClB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;SACtC;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YAClB,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACjD;aACI;YACD,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;SACxC;QACD,gDAAgD;QAChD,8DAA8D;QAC9D,6BAA6B;QAC7B,IAAI;QACJ,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,MAAM;QACF,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,kCAAkC;QAClC,sCAAsC;QACtC,kCAAkC;QAClC,eAAe;QACf,IAAI;QACJ,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxH,CAAC;CACJ;AACD,mCAAmC"}

package/dist/dist/Heading.stories.d.ts

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

package/dist/dist/Heading.stories.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { Box } from "./Box";
+import { Heading } from "./Heading";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+function renderText(text, props) {
+    return (React.createElement(Box, { width: "100%", paddingY: 1 }, React.createElement(Heading, Object.assign({}, props), text)));
+}
+storiesOf("Headings", module).add("Headings", () => (React.createElement(StorybookContainer, null, renderText("Default Heading - h1", {}), renderText("medium - h2", { size: "md" }), renderText("small - h3", { size: "sm" }), renderText("gray", { color: "gray" }), renderText("lightGray", { color: "lightGray" }), renderText("primary", { color: "primary" }), renderText("secondary", { color: "secondary" }), renderText("tertiary", { color: "tertiary" }), renderText("accent", { color: "accent" }), renderText("red", { color: "red" }), renderText("center", { align: "center" }))));
+//# sourceMappingURL=Heading.stories.js.map
+//# sourceMappingURL=Heading.stories.js.map

package/dist/dist/Heading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../src/dist/Heading.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,SAAS,UAAU,CAAC,IAAI,EAAE,KAAK;IAC3B,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,EAC3D,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AACvE,CAAC;AACD,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAC7F,UAAU,CAAC,sBAAsB,EAAE,EAAE,CAAC,EACtC,UAAU,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACzC,UAAU,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACxC,UAAU,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EACrC,UAAU,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAC/C,UAAU,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAC3C,UAAU,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAC/C,UAAU,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAC7C,UAAU,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EACzC,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACnC,UAAU,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,2CAA2C"}

package/dist/dist/HeightActionSheet.d.ts

@@ -0,0 +1,9 @@
+export class HeightActionSheet extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        feet: string;
+        inches: string;
+    };
+    render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+}
+import React from "react";

package/dist/dist/HeightActionSheet.js

@@ -0,0 +1,50 @@
+import range from "lodash/range";
+import React from "react";
+import { ActionSheet } from "./ActionSheet";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { Picker } from "@react-native-picker/picker";
+const PICKER_HEIGHT = 104;
+export class HeightActionSheet extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            feet: String(Math.floor(Number(props.value) / 12)),
+            inches: String(Number(props.value) % 12),
+        };
+    }
+    render() {
+        return (React.createElement(ActionSheet, { ref: this.props.actionSheetRef, gestureEnabled: true, bounceOnOpen: true }, React.createElement(Box, { width: "100%", paddingX: 4, marginBottom: 8 }, React.createElement(Box, { width: "100%", display: "flex", alignItems: "end" }, React.createElement(Box, { width: "33%" }, React.createElement(Button, { type: "ghost", text: "Close", color: "blue", size: "lg", onClick: () => {
+                var _a, _b;
+                (_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
+            } }))), React.createElement(Box, { width: "100%", direction: "row" }, React.createElement(Box, { width: "50%" }, React.createElement(Picker, { style: {
+                height: PICKER_HEIGHT,
+                backgroundColor: "#FFFFFF",
+            }, itemStyle: {
+                height: PICKER_HEIGHT,
+            }, selectedValue: this.state.feet, onValueChange: (feet) => {
+                this.setState({ feet: String(feet) });
+                this.props.onChange({
+                    value: String(Number(feet) * 12 + Number(this.state.inches)),
+                });
+            } }, range(4, 8).map((n) => {
+            // console.log("FIRST", String(n));
+            return React.createElement(Picker.Item, { key: String(n), label: String(n) + "ft", value: String(n) });
+        }))), React.createElement(Box, { width: "50%" }, React.createElement(Picker, { style: {
+                height: PICKER_HEIGHT,
+                backgroundColor: "#FFFFFF",
+            }, itemStyle: {
+                height: PICKER_HEIGHT,
+            }, selectedValue: this.state.inches, onValueChange: (inches) => {
+                this.setState({ inches: String(inches) });
+                this.props.onChange({
+                    value: String(Number(this.state.feet) * 12 + Number(inches)),
+                });
+            } }, range(0, 12).map((n) => {
+            // console.log("N", n);
+            return React.createElement(Picker.Item, { key: String(n), label: String(n) + "in", value: String(n) });
+        })))))));
+    }
+}
+//# sourceMappingURL=HeightActionSheet.js.map
+//# sourceMappingURL=HeightActionSheet.js.map

package/dist/dist/HeightActionSheet.js.map

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

package/dist/dist/Icon.d.ts

@@ -0,0 +1,12 @@
+export function initIcons(): void;
+export class Icon extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+}
+export class IconExpo 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/Icon.js

@@ -0,0 +1,126 @@
+import { FontAwesome } from "@expo/vector-icons";
+import React from "react";
+import { iconNumberToSize, iconSizeToNumber } from "./Common";
+// import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+// // import {library} from "@fortawesome/fontawesome-svg-core";
+// import {library} from "@fortawesome/fontawesome-svg-core";
+// // import {fal as proFal} from "@fortawesome/pro-light-svg-icons";
+// import {
+//   faHeart as farHeart,
+//   // faPlus as farPlus,
+//   faEdit as farEdit,
+//   faNewspaper as farNewspaper,
+// } from "@fortawesome/free-regular-svg-icons";
+// import {
+//   faChevronLeft,
+//   faEnvelopeOpen,
+//   faCarrot,
+//   faComment,
+//   faUserCircle,
+//   faSearch,
+//   faChevronRight,
+//   faEllipsisV,
+//   faPaperPlane,
+//   faExclamationCircle,
+//   faMailBulk,
+//   faTrashAlt,
+//   faTrashRestoreAlt,
+//   faEnvelope,
+//   faSpinner,
+// } from "@fortawesome/free-solid-svg-icons";
+import { Unifier } from "./Unifier";
+// library.add(
+//   farHeart,
+//   // farPlus,
+//   farEdit,
+//   farNewspaper,
+//   faChevronLeft,
+//   faCarrot,
+//   faComment,
+//   faUserCircle,
+//   faEnvelopeOpen,
+//   faSearch,
+//   faChevronRight,
+//   faEllipsisV,
+//   faPaperPlane,
+//   faExclamationCircle,
+//   faMailBulk,
+//   faTrashAlt,
+//   faTrashRestoreAlt,
+//   faEnvelope,
+//   faSpinner
+// );
+export function initIcons() {
+    console.log("Initializing icons");
+}
+let iconSet = new Set();
+function addIcon(icon, prefix = "far") {
+    let prev = new Set(iconSet);
+    iconSet.add(`${prefix}-${icon}`);
+    if (prev.size !== iconSet.size &&
+        (!process.env.NODE_ENV || process.env.NODE_ENV === "development")) {
+        console.debug("[Icon] current icon set:", iconSet);
+    }
+}
+export class Icon extends React.Component {
+    render() {
+        addIcon(this.props.name, this.props.prefix);
+        const color = Unifier.theme[this.props.color || "primary"];
+        let size = iconNumberToSize(this.props.size);
+        if (size === "xl") {
+            size = "2x";
+        }
+        else if (size === "md") {
+            size = "1x";
+        }
+        return React.createElement(FontAwesome, { icon: this.props.name, color: color, size: size });
+    }
+}
+export class IconExpo extends React.Component {
+    render() {
+        const color = Unifier.theme[this.props.color || "primary"];
+        // Standardize the size (pretty hacky..)
+        let size = iconSizeToNumber(iconNumberToSize(this.props.size));
+        return (React.createElement(FontAwesome, { icon: [this.props.prefix || "far", this.props.name], color: color, size: size }));
+        // const {name, prefix} = this.props;
+        // const color = Unifier.theme[this.props.color || "primary"];
+        // const size = this.props.size;
+        // const map = {
+        //   fapro: FAPro,
+        //   fas: FAIcon,
+        //   fa: FAIcon,
+        //   fal: FAIcon,
+        //   "fa-brand": FAIcon,
+        //   ant: AntDesignIcon,
+        //   entypo: EntypoIcon,
+        //   evil: EvilIcons,
+        //   material: MaterialIcons,
+        //   "material-community": MaterialCommunityIcons,
+        //   ionicon: Ionicons,
+        //   octicon: Octicons,
+        //   zocial: Zocial,
+        //   "simple-line": SimpleLineIcons,
+        //   feather: Feather,
+        // };
+        // const Component: any = map[prefix];
+        // if (!Component) {
+        //   console.warn(`[icons] could not find icon: ${prefix}:${name}`);
+        //   return null;
+        // }
+        // if (["fapro", "fal", "fa", "fas", "fa-brand"].indexOf(this.props.prefix) > -1) {
+        //   return (
+        //     <Component
+        //       solid={this.props.prefix === "fas"}
+        //       light={this.props.prefix === "fal"}
+        //       brand={this.props.prefix === "fa-brand"}
+        //       name={name}
+        //       color={color}
+        //       size={size}
+        //     />
+        //   );
+        // }
+        // return <Component name={name} color={color} size={size} />;
+    }
+}
+//# sourceMappingURL=Icon.js.map
+//# sourceMappingURL=Icon.js.map

package/dist/dist/Icon.js.map

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

package/dist/dist/Icon.stories.d.ts

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

package/dist/dist/Icon.stories.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { Box } from "./Box";
+import { Icon, IconExpo } from "./Icon";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+storiesOf("Icon", module)
+    .add("Solid Icons", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "row", justifyContent: "between" }, React.createElement(IconExpo, { prefix: "fas", name: "heart" }), React.createElement(Icon, { prefix: "fas", name: "plus" }), React.createElement(Icon, { prefix: "fas", name: "edit" })))))
+    .add("Regular Icons", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "row", justifyContent: "between" }, React.createElement(Icon, { prefix: "far", name: "heart" }), React.createElement(Icon, { prefix: "far", name: "plus" }), React.createElement(Icon, { prefix: "far", name: "edit" }), React.createElement(Icon, { prefix: "far", name: "heart" })))))
+    .add("Icon Sizes", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "row", justifyContent: "between" }, React.createElement(Icon, { prefix: "fas", name: "heart", size: 8 }), React.createElement(Icon, { prefix: "far", name: "heart", size: 8 }), React.createElement(Icon, { prefix: "fas", name: "heart", size: 12 }), React.createElement(Icon, { prefix: "far", name: "heart", size: 12 }), React.createElement(Icon, { prefix: "fas", name: "heart", size: 15 }), React.createElement(Icon, { prefix: "far", name: "heart", size: 15 }), React.createElement(Icon, { prefix: "fas", name: "heart", size: 22 }), React.createElement(Icon, { prefix: "far", name: "heart", size: 22 }), React.createElement(Icon, { prefix: "fas", name: "heart", size: 28 }), React.createElement(Icon, { prefix: "far", name: "heart", size: 28 })))));
+//# sourceMappingURL=Icon.stories.js.map
+//# sourceMappingURL=Icon.stories.js.map

package/dist/dist/Icon.stories.js.map

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

package/dist/dist/IconButton.d.ts

@@ -0,0 +1,42 @@
+export class IconButton extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<{
+        onPress: () => void;
+        style: {
+            opacity: number;
+            backgroundColor: any;
+            borderRadius: number;
+            width: number;
+            height: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+        };
+        hitSlop: {
+            top: number;
+            left: number;
+            bottom: number;
+            right: number;
+        };
+    }, React.Component<{
+        onPress: () => void;
+        style: {
+            opacity: number;
+            backgroundColor: any;
+            borderRadius: number;
+            width: number;
+            height: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+        };
+        hitSlop: {
+            top: number;
+            left: number;
+            bottom: number;
+            right: number;
+        };
+    }, any, any>>;
+}
+import React from "react";

package/dist/dist/IconButton.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { TouchableOpacity } from "react-native";
+import { Icon } from "./Icon";
+import { iconSizeToNumber } from "./Common";
+import { Unifier } from "./Unifier";
+export class IconButton extends React.Component {
+    render() {
+        let opacity = 1;
+        let color;
+        if (this.props.bgColor === "transparentDarkGray") {
+            opacity = 0.8;
+            color = Unifier.theme["darkGray"];
+        }
+        else if (this.props.bgColor === "transparent" || !this.props.bgColor) {
+            opacity = 0.0;
+            color = Unifier.theme.white;
+        }
+        else {
+            color = Unifier.theme[this.props.bgColor];
+        }
+        return (React.createElement(TouchableOpacity, { onPress: () => {
+                Unifier.utils.haptic();
+                this.props.onClick();
+            }, style: {
+                opacity: opacity,
+                backgroundColor: color,
+                borderRadius: 100,
+                // paddingBottom: iconSizeToNumber(this.props.size) / 4,
+                // paddingTop: iconSizeToNumber(this.props.size) / 4,
+                // paddingLeft: iconSizeToNumber(this.props.size) / 2,
+                // paddingRight: iconSizeToNumber(this.props.size) / 2,
+                width: iconSizeToNumber(this.props.size) * 2.5,
+                height: iconSizeToNumber(this.props.size) * 2.5,
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+            }, hitSlop: { top: 10, left: 10, bottom: 10, right: 10 } }, React.createElement(Icon, { prefix: this.props.prefix || "fas", size: iconSizeToNumber(this.props.size), name: this.props.icon, color: this.props.iconColor })));
+    }
+}
+//# sourceMappingURL=IconButton.js.map
+//# sourceMappingURL=IconButton.js.map

package/dist/dist/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/dist/IconButton.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS;IAC3C,MAAM;QACF,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,qBAAqB,EAAE;YAC9C,OAAO,GAAG,GAAG,CAAC;YACd,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;SACrC;aACI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,aAAa,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClE,OAAO,GAAG,GAAG,CAAC;YACd,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;SAC/B;aACI;YACD,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC7C;QACD,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;gBACtD,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACzB,CAAC,EAAE,KAAK,EAAE;gBACN,OAAO,EAAE,OAAO;gBAChB,eAAe,EAAE,KAAK;gBACtB,YAAY,EAAE,GAAG;gBACjB,wDAAwD;gBACxD,qDAAqD;gBACrD,sDAAsD;gBACtD,uDAAuD;gBACvD,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG;gBAC9C,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG;gBAC/C,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;aACvB,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAC1D,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,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,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACzK,CAAC;CACJ;AACD,sCAAsC"}

package/dist/dist/IconButton.stories.d.ts

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

package/dist/dist/IconButton.stories.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { Box } from "./Box";
+import { IconButton } from "./IconButton";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+storiesOf("IconButton", module).add("Icon Buttons", () => (React.createElement(StorybookContainer, null, React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { } }), React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "secondary", onClick: () => { } }), React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { } }), React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, size: "xl" }), React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "lightGray" }), React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "gray" }), React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "transparentDarkGray" }), React.createElement(Box, { padding: 4, color: "darkGray" }, React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "white" })))));
+//# sourceMappingURL=IconButton.stories.js.map
+//# sourceMappingURL=IconButton.stories.js.map

package/dist/dist/IconButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../../src/dist/IconButton.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACnG,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,EACvI,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,EACzI,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,EACvI,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACnJ,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAC7J,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EACxJ,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,EACvK,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EACtD,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACtK,8CAA8C"}

package/dist/dist/Image.d.ts

@@ -0,0 +1,9 @@
+export class Image extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    resizeMode: (fit: any) => any;
+    width: () => any;
+    height: () => any;
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+import React from "react";
+import { Box } from "./Box";