ferns-ui 0.47.10 → 1.0.0-beta.0

package/dist/Box.js

@@ -10,10 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 /* eslint-disable react/prop-types */
-import React, { useContext, useImperativeHandle } from "react";
+import React, { useImperativeHandle } from "react";
 import { KeyboardAvoidingView, Platform, Pressable, SafeAreaView, ScrollView, View, } from "react-native";
-import { ThemeContext } from ".";
-import { SPACING } from "./Common";
+import { getRounding, getSpacing, useTheme } from ".";
 import { mediaQueryLargerThan } from "./MediaQuery";
 import { Unifier } from "./Unifier";
 const ALIGN_CONTENT = {
@@ -45,38 +44,68 @@ const BORDER_WIDTH = 1;
 // eslint-disable-next-line react/display-name
 export const Box = React.forwardRef((props, ref) => {
     var _a;
-    const { theme } = useContext(ThemeContext);
+    const { theme } = useTheme();
     useImperativeHandle(ref, () => ({
         scrollToEnd: () => {
-            if (scrollRef && scrollRef.current) {
+            if (scrollRef === null || scrollRef === void 0 ? void 0 : 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(() => {
-                    scrollRef && scrollRef.current && scrollRef.current.scrollToEnd();
+                    var _a;
+                    (_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollToEnd();
                 }, 50);
             }
         },
         scrollTo: (y) => {
-            if (scrollRef && scrollRef.current) {
+            if (scrollRef === null || scrollRef === void 0 ? void 0 : 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(() => {
-                    scrollRef && scrollRef.current && scrollRef.current.scrollTo({ y });
+                    var _a;
+                    (_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ y });
                 }, 50);
             }
         },
     }));
     const BOX_STYLE_MAP = {
-        alignItems: (value) => ({ alignItems: ALIGN_ITEMS[value] }),
         alignContent: (value) => ({ alignContent: ALIGN_CONTENT[value] }),
+        alignItems: (value) => ({ alignItems: ALIGN_ITEMS[value] }),
         alignSelf: (value) => ({ alignSelf: ALIGN_SELF[value] }),
-        color: (value) => ({ backgroundColor: theme[value] }),
+        border: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderColor: theme.border[value], borderWidth: BORDER_WIDTH };
+        },
+        borderBottom: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderBottomColor: theme.border[value], borderBottomWidth: BORDER_WIDTH };
+        },
+        borderLeft: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderLeftColor: theme.border[value], borderLeftWidth: BORDER_WIDTH };
+        },
+        borderRight: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderRightColor: theme.border[value], borderRightWidth: BORDER_WIDTH };
+        },
+        borderTop: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderTopColor: theme.border[value], borderTopWidth: BORDER_WIDTH };
+        },
+        bottom: (bottom) => ({ bottom: bottom ? 0 : undefined }),
+        color: (value) => ({ backgroundColor: theme.surface[value] }),
         direction: (value) => ({ flexDirection: value, display: "flex" }),
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         smDirection: (value) => mediaQueryLargerThan("sm") ? { flexDirection: value, display: "flex" } : {},
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         mdDirection: (value) => mediaQueryLargerThan("md") ? { flexDirection: value, display: "flex" } : {},
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         lgDirection: (value) => mediaQueryLargerThan("lg") ? { flexDirection: value, display: "flex" } : {},
         display: (value) => {
             return value === "flex" ? { flex: undefined } : { flex: 0, flexDirection: "row" };
@@ -92,7 +121,7 @@ export const Box = React.forwardRef((props, ref) => {
                 return { flex: 0, display: "flex" };
             }
         },
-        justifyContent: (value) => ({ justifyContent: ALIGN_CONTENT[value] }),
+        gap: (value) => ({ gap: getSpacing(value) }),
         height: (value) => {
             if (props.border && !isNaN(Number(value))) {
                 return { height: Number(value) + 2 * 2 };
@@ -101,20 +130,24 @@ export const Box = React.forwardRef((props, ref) => {
                 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 }),
-        zIndex: (value) => ({ zIndex: value ? value : undefined }),
+        justifyContent: (value) => ({ justifyContent: ALIGN_CONTENT[value] }),
+        left: (left) => ({ left: left ? 0 : undefined }),
+        margin: (value) => ({ margin: getSpacing(value) }),
+        marginBottom: (value) => ({ marginBottom: getSpacing(value) }),
+        marginLeft: (value) => ({ marginLeft: getSpacing(value) }),
+        marginRight: (value) => ({ marginRight: getSpacing(value) }),
+        marginTop: (value) => ({ marginTop: getSpacing(value) }),
+        overflow: (value) => {
+            if (value === "scrollY" || value === "scroll") {
+                return { overflow: "scroll" };
+            }
+            return { overflow: value };
+        },
+        padding: (value) => ({ padding: getSpacing(value) }),
+        paddingX: (value) => ({ paddingLeft: getSpacing(value), paddingRight: getSpacing(value) }),
+        paddingY: (value) => ({ paddingTop: getSpacing(value), paddingBottom: getSpacing(value) }),
         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) {
@@ -123,78 +156,43 @@ export const Box = React.forwardRef((props, ref) => {
                 }
                 return { borderRadius: allProps.height || allProps.width };
             }
-            if (rounding === "pill") {
-                return { borderRadius: 999 };
-            }
-            if (typeof rounding === "number") {
-                return { borderRadius: rounding * 4 };
+            if (rounding) {
+                return { borderRadius: getRounding(rounding) };
             }
             return { borderRadius: undefined };
         },
-        overflow: (value) => {
-            if (value === "scrollY" || value === "scroll") {
-                return { overflow: "scroll" };
-            }
-            return { overflow: value };
-        },
-        width: (value) => {
-            if (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,
+                    boxShadow: {
+                        shadowColor: "#999",
+                        shadowOffset: {
+                            width: 2,
+                            height: 2,
+                        },
+                        shadowRadius: 2,
+                        shadowOpacity: 1.0,
                     },
-                    shadowRadius: 2,
-                    shadowOpacity: 1.0,
                 };
             }
             else {
                 return { elevation: 4 };
             }
         },
-        border: (value) => {
-            if (!value) {
-                return {};
-            }
-            return { borderColor: theme[value], borderWidth: BORDER_WIDTH };
-        },
-        borderBottom: (value) => {
-            if (!value) {
-                return {};
-            }
-            return { borderBottomColor: theme[value], borderBottomWidth: BORDER_WIDTH };
-        },
-        borderTop: (value) => {
-            if (!value) {
-                return {};
-            }
-            return { borderTopColor: theme[value], borderTopWidth: BORDER_WIDTH };
-        },
-        borderRight: (value) => {
-            if (!value) {
-                return {};
+        top: (top) => ({ top: top ? 0 : undefined }),
+        width: (value) => {
+            if (props.border && !isNaN(Number(value))) {
+                return { width: Number(value) + 2 * 2 };
             }
-            return { borderRightColor: theme[value], borderRightWidth: BORDER_WIDTH };
-        },
-        borderLeft: (value) => {
-            if (!value) {
-                return {};
+            else {
+                return { width: value };
             }
-            return { borderLeftColor: theme[value], borderLeftWidth: BORDER_WIDTH };
         },
+        wrap: (value) => ({ flexWrap: value ? "wrap" : "nowrap", alignItems: "flex-start" }),
+        zIndex: (value) => ({ zIndex: value ? value : undefined }),
     };
     const scrollRef = (_a = props.scrollRef) !== null && _a !== void 0 ? _a : React.createRef();
     const propsToStyle = () => {
@@ -227,8 +225,10 @@ export const Box = React.forwardRef((props, ref) => {
         await ((_a = props.onHoverEnd) === null || _a === void 0 ? void 0 : _a.call(props));
     };
     let box;
+    // Adding the accessibilityRole of button throws a warning in React Native since we nest buttons
+    // within Box and RN does not support nested buttons
     if (props.onClick) {
-        box = (React.createElement(Pressable, { style: propsToStyle(), testID: props.testID ? `${props.testID}-clickable` : undefined, onLayout: props.onLayout, onPointerEnter: onHoverIn, onPointerLeave: onHoverOut, onPress: async () => {
+        box = (React.createElement(Pressable, { accessibilityHint: props.accessibilityHint, accessibilityLabel: props.accessibilityLabel, accessibilityRole: "button", style: propsToStyle(), testID: props.testID ? `${props.testID}-clickable` : undefined, onLayout: props.onLayout, onPointerEnter: onHoverIn, onPointerLeave: onHoverOut, onPress: async () => {
                 await Unifier.utils.haptic();
                 await props.onClick();
             } }, props.children));

package/dist/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,mBAAmB,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,IAAI,GACL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,YAAY,EAAe,MAAM,GAAG,CAAC;AAC7C,OAAO,EAAgE,OAAO,EAAC,MAAM,UAAU,CAAC;AAChG,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,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;CACnB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,8CAA8C;AAC9C,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAe,EAAE,GAAG,EAAE,EAAE;;IAC3D,MAAM,EAAC,KAAK,EAAC,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACnC,0FAA0F;gBAC1F,2CAA2C;gBAC3C,UAAU,CAAC,GAAG,EAAE;oBACd,SAAS,IAAI,SAAS,CAAC,OAAO,IAAK,SAAS,CAAC,OAAe,CAAC,WAAW,EAAE,CAAC;gBAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;QACH,CAAC;QAED,QAAQ,EAAE,CAAC,CAAS,EAAE,EAAE;YACtB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACnC,0FAA0F;gBAC1F,2CAA2C;gBAC3C,UAAU,CAAC,GAAG,EAAE;oBACd,SAAS,IAAI,SAAS,CAAC,OAAO,IAAK,SAAS,CAAC,OAAe,CAAC,QAAQ,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC;gBAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;QACH,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,aAAa,GAKf;QACF,UAAU,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAAC,CAAC;QACrE,YAAY,EAAE,CAAC,KAAmB,EAAE,EAAE,CAAC,CAAC,EAAC,YAAY,EAAE,aAAa,CAAC,KAAK,CAAC,EAAC,CAAC;QAC7E,SAAS,EAAE,CAAC,KAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QACjE,KAAK,EAAE,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC,EAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,EAAC,CAAC;QACvE,SAAS,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC;QACpE,6DAA6D;QAC7D,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1B,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,EAAE;QAC3E,6DAA6D;QAC7D,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1B,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,EAAE;QAC3E,6DAA6D;QAC7D,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1B,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,EAAE;QAC3E,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE;YACtB,OAAO,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAC,CAAC;QAChF,CAAC;QACD,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE;YACtB,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;gBACrB,OAAO,EAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC;YACvD,CAAC;iBAAM,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,EAAC,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC;YACpC,CAAC;QACH,CAAC;QACD,cAAc,EAAE,CAAC,KAAqB,EAAE,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,EAAC,CAAC;QACnF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;gBAC1C,OAAO,EAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAC,CAAC;YACzC,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC;YACzB,CAAC;QACH,CAAC;QACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QAC9C,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,WAAW,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QACxD,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QACtD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QACpD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,YAAY,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,WAAW,EAAE,KAAK,GAAG,OAAO,EAAE,YAAY,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QACpF,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,KAAK,GAAG,OAAO,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QACpF,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,KAAK,GAAG,OAAO,EAAC,CAAC;QAChD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;QACxC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QAC1C,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QACtD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QAClD,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QAC9C,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YAC/B,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1B,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;oBACxC,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;oBAC1E,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,CAAC;gBACnC,CAAC;gBACD,OAAO,EAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,EAAC,CAAC;YAC3D,CAAC;YAED,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;gBACxB,OAAO,EAAC,YAAY,EAAE,GAAG,EAAC,CAAC;YAC7B,CAAC;YAED,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACjC,OAAO,EAAC,YAAY,EAAE,QAAQ,GAAG,CAAC,EAAC,CAAC;YACtC,CAAC;YAED,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,CAAC;QACnC,CAAC;QACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9C,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;YAC9B,CAAC;YACD,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;QAC3B,CAAC;QACD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;gBAC1C,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC;YACxB,CAAC;QACH,CAAC;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAC,CAAC;QAClF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;gBACnD,OAAO;oBACL,WAAW,EAAE,MAAM;oBACnB,YAAY,EAAE;wBACZ,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;qBACV;oBACD,YAAY,EAAE,CAAC;oBACf,aAAa,EAAE,GAAG;iBACnB,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,CAAC;YACxB,CAAC;QACH,CAAC;QACD,MAAM,EAAE,CAAC,KAAyB,EAAE,EAAE;YACpC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,YAAY,EAAC,CAAC;QAChE,CAAC;QACD,YAAY,EAAE,CAAC,KAAyB,EAAE,EAAE;YAC1C,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,iBAAiB,EAAE,YAAY,EAAC,CAAC;QAC5E,CAAC;QACD,SAAS,EAAE,CAAC,KAAyB,EAAE,EAAE;YACvC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,cAAc,EAAE,YAAY,EAAC,CAAC;QACtE,CAAC;QACD,WAAW,EAAE,CAAC,KAAyB,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,YAAY,EAAC,CAAC;QAC1E,CAAC;QACD,UAAU,EAAE,CAAC,KAAyB,EAAE,EAAE;YACxC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,EAAC,CAAC;QACxE,CAAC;KACF,CAAC;IAEF,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC,SAAS,EAAE,CAAC;IAEvD,MAAM,YAAY,GAAG,GAAQ,EAAE;QAC7B,IAAI,KAAK,GAAQ,EAAE,CAAC;QACpB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACtC,MAAM,KAAK,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;gBACxB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;YAC1D,CAAC;iBAAM,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACrD,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACpB,iDAAiD;YACnD,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACnC,OAAO,CAAC,IAAI,CAAC,4DAA4D,CAAC,CAAC;QAC7E,CAAC;QAED,sCAAsC;QACtC,IAAI,KAAK,CAAC,yBAAyB,EAAE,CAAC;YACpC,KAAK,mCAAO,KAAK,GAAK,KAAK,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;QACjE,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;;QAC3B,MAAM,CAAA,MAAA,KAAK,CAAC,YAAY,qDAAI,CAAA,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;;QAC5B,MAAM,CAAA,MAAA,KAAK,CAAC,UAAU,qDAAI,CAAA,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAI,GAAG,CAAC;IAER,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,GAAG,GAAG,CACJ,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9D,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,SAAS,EACzB,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC7B,MAAM,KAAK,CAAC,OAAQ,EAAE,CAAC;YACzB,CAAC,IAEA,KAAK,CAAC,QAAQ,CACL,CACb,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,CACJ,oBAAC,IAAI,IACH,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,SAAS,EACzB,cAAc,EAAE,UAAU,IAEzB,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,MAAM,KAA6D,YAAY,EAAE,EAA3E,EAAC,cAAc,EAAE,YAAY,EAAE,UAAU,OAAkC,EAA7B,WAAW,cAAzD,gDAA0D,CAAiB,CAAC;QAElF,GAAG,GAAG,CACJ,oBAAC,UAAU,IACT,GAAG,EAAE,KAAK,CAAC,SAAS,IAAI,SAAS,EACjC,qBAAqB,EAAE,EAAC,cAAc,EAAE,YAAY,EAAE,UAAU,EAAC,EACjE,UAAU,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,EACxC,yBAAyB,EAAC,SAAS,EACnC,mBAAmB,QACnB,mBAAmB,EAAE,EAAE,EACvB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;oBAC5B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBACpD,CAAC;YACH,CAAC,IAEA,GAAG,CACO,CACd,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,GAAG,GAAG,CACJ,oBAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACtD,sBAAsB,EAAE,KAAK,CAAC,cAAc,EAC5C,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAC;YAEjC,oBAAC,YAAY,IAAC,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAC,IAAG,GAAG,CAAgB,CAChD,CACxB,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":"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"}

package/dist/Button.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { FC } from "react";
 import { ButtonProps } from "./Common";
-export declare const Button: ({ alignSelf, disabled, type, loading: propsLoading, text, inline, icon, iconPrefix, size, onClick, color, withConfirmation, confirmationText, confirmationHeading, shape, testID, tooltip, }: ButtonProps) => React.JSX.Element;
+export declare const Button: FC<ButtonProps>;

package/dist/Button.js

@@ -1,122 +1,100 @@
+import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
 import debounce from "lodash/debounce";
-import React, { useContext, useState } from "react";
-import { ActivityIndicator, Pressable, View } from "react-native";
+import React, { useState } from "react";
+import { ActivityIndicator, Pressable, Text, View } from "react-native";
 import { Box } from "./Box";
-import { Icon } from "./Icon";
+import { isMobileDevice } from "./MediaQuery";
 import { Modal } from "./Modal";
-import { Text } from "./Text";
-import { ThemeContext } from "./Theme";
+import { useTheme } from "./Theme";
 import { Tooltip } from "./Tooltip";
 import { Unifier } from "./Unifier";
-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",
+import { isNative } from "./Utilities";
+const ConfirmationModal = ({ visible, title, subTitle, text, onConfirm, onCancel }) => {
+    return (React.createElement(Modal, { primaryButtonOnClick: onConfirm, primaryButtonText: "Confirm", secondaryButtonOnClick: onCancel, secondaryButtonText: "Cancel", subTitle: subTitle, title: title, visible: visible, onDismiss: onCancel },
+        React.createElement(Text, null, text)));
 };
-const HEIGHTS = {
-    xs: 30,
-    sm: 36,
-    md: 40,
-    lg: 48,
-};
-export const Button = ({ alignSelf, disabled = false, type = "solid", loading: propsLoading, text, inline = false, icon, iconPrefix, size = "md", onClick, color = "gray", withConfirmation = false, confirmationText = "Are you sure you want to continue?", confirmationHeading = "Confirm", shape = "rounded", testID, tooltip, }) => {
+const ButtonComponent = ({ confirmationText = "Are you sure you want to continue?", disabled = false, fullWidth = false, iconName, iconPosition = "left", loading: propsLoading, modalTitle = "Confirm", modalSubTitle, testID, text, variant = "primary", withConfirmation = false, onClick, }) => {
     const [loading, setLoading] = useState(propsLoading);
     const [showConfirmation, setShowConfirmation] = useState(false);
-    const { theme } = useContext(ThemeContext);
-    const getBackgroundColor = (backgroundColor) => {
-        if (type === "ghost" || type === "outline") {
-            return "transparent";
-        }
-        else {
-            return theme[backgroundColor];
-        }
-    };
-    const getTextColor = (textColor) => {
-        if (type === "ghost" || type === "outline") {
-            return textColor;
-        }
-        else if (textColor === undefined) {
-            return "darkGray";
-        }
-        else {
-            return buttonTextColor[textColor] || "white";
-        }
-    };
-    const getBorderColor = (borderColor) => {
-        if (type === "outline") {
-            return theme[getTextColor(borderColor)];
-        }
-        else {
-            return "transparent";
-        }
-    };
-    if (color === "gray") {
-        color = "lightGray";
+    const { theme } = useTheme();
+    if (!theme) {
+        return null;
     }
-    const renderConfirmation = () => {
-        return (React.createElement(Modal, { heading: confirmationHeading, primaryButtonOnClick: () => {
-                onClick();
-                setShowConfirmation(false);
-            }, primaryButtonText: "Confirm", secondaryButtonOnClick: () => setShowConfirmation(false), secondaryButtonText: "Cancel", size: "sm", visible: showConfirmation, onDismiss: () => {
-                setShowConfirmation(false);
-            } },
-            React.createElement(Text, null, confirmationText)));
-    };
-    const renderButton = () => {
-        return (React.createElement(View, { style: { alignSelf: inline === true ? undefined : alignSelf } },
-            React.createElement(Pressable, { disabled: disabled || loading, style: {
-                    alignSelf: inline === true ? undefined : "stretch",
-                    height: HEIGHTS[size || "md"],
-                    backgroundColor: getBackgroundColor(color),
-                    // width: inline === true ? undefined : "100%",
-                    flexShrink: inline ? 1 : 0,
-                    // flexGrow: inline ? 0 : 1,
-                    alignItems: "center",
-                    justifyContent: "center",
-                    borderRadius: shape === "pill" ? 999 : 5,
-                    borderColor: getBorderColor(color),
-                    borderWidth: type === "outline" ? 2 : 0,
-                    opacity: disabled ? 0.4 : 1,
-                    flexDirection: "row",
-                    paddingHorizontal: size === "xs" ? 6 : size === "sm" ? 12 : 8 * 2,
-                }, testID: testID, onPress: debounce(async () => {
-                    await Unifier.utils.haptic();
-                    setLoading(true);
-                    try {
-                        if (withConfirmation && !showConfirmation) {
-                            setShowConfirmation(true);
-                        }
-                        else if (onClick) {
-                            await onClick();
-                        }
-                    }
-                    catch (error) {
-                        setLoading(false);
-                        throw error;
-                    }
-                    setLoading(false);
-                }, 500, { leading: true }) },
-                icon !== undefined && (React.createElement(Box, { marginRight: 2 },
-                    React.createElement(Icon, { color: getTextColor(color), name: icon, prefix: iconPrefix || "far", size: size === "xs" ? "sm" : size }))),
-                Boolean(text) && (React.createElement(Text, { align: "center", color: getTextColor(color), font: "button", inline: inline, size: size === "xs" ? "sm" : size, skipLinking: true, weight: "bold" }, text)),
-                Boolean(loading) && (React.createElement(Box, { marginLeft: 2 },
-                    React.createElement(ActivityIndicator, { color: getTextColor(color), size: "small" })))),
-            Boolean(withConfirmation) && renderConfirmation()));
-    };
-    if (tooltip) {
-        return (React.createElement(Tooltip, { idealDirection: tooltip.idealDirection, text: tooltip.text }, renderButton()));
+    let backgroundColor = theme.surface.primary;
+    let borderColor;
+    let borderWidth;
+    let color = theme.text.inverted;
+    if (variant === "secondary") {
+        backgroundColor = theme.surface.secondaryDark;
+    }
+    else if (variant === "muted") {
+        backgroundColor = theme.surface.secondaryLight;
+        color = theme.surface.neutralDark;
+    }
+    else if (variant === "outline") {
+        backgroundColor = theme.surface.base;
+        borderColor = theme.text.secondaryDark;
+        borderWidth = 2;
+        color = theme.text.secondaryDark;
     }
-    else {
-        return renderButton();
+    else if (variant === "destructive") {
+        backgroundColor = theme.surface.error;
+    }
+    else if (disabled) {
+        backgroundColor = theme.surface.disabled;
+    }
+    return (React.createElement(Pressable, { accessibilityHint: withConfirmation ? "Opens a confirmation dialog" : "Press to perform action", accessibilityLabel: text, accessibilityRole: "button", disabled: disabled || loading, style: {
+            alignItems: "center",
+            alignSelf: fullWidth ? "stretch" : undefined,
+            backgroundColor,
+            borderColor,
+            borderRadius: theme.radius.rounded,
+            borderWidth,
+            flexDirection: "column",
+            justifyContent: "center",
+            paddingHorizontal: 20,
+            paddingVertical: 8,
+            width: fullWidth ? "100%" : "auto",
+        }, testID: testID, onPress: debounce(async () => {
+            await Unifier.utils.haptic();
+            setLoading(true);
+            try {
+                if (withConfirmation && !showConfirmation) {
+                    setShowConfirmation(true);
+                }
+                else if (onClick) {
+                    await onClick();
+                }
+            }
+            catch (error) {
+                setLoading(false);
+                throw error;
+            }
+            setLoading(false);
+        }, 500, { leading: true }) },
+        React.createElement(View, { style: { flexDirection: "row" } },
+            React.createElement(View, { style: { flexDirection: iconPosition === "left" ? "row" : "row-reverse" } },
+                Boolean(iconName) && (React.createElement(View, { style: {
+                        alignSelf: "center",
+                        marginRight: iconPosition === "left" ? 8 : 0,
+                        marginLeft: iconPosition === "right" ? 8 : 0,
+                    } },
+                    React.createElement(FontAwesome6, { color: color, name: iconName, size: 16, solid: true }))),
+                React.createElement(Text, { style: { color, fontWeight: "700", fontSize: 16 } }, text)),
+            Boolean(loading) && (React.createElement(Box, { marginLeft: 2 },
+                React.createElement(ActivityIndicator, { color: color, size: "small" })))),
+        withConfirmation && (React.createElement(ConfirmationModal, { subTitle: modalSubTitle, text: confirmationText, title: modalTitle, visible: showConfirmation, onCancel: () => setShowConfirmation(false), onConfirm: async () => {
+                await onClick();
+                setShowConfirmation(false);
+            } }))));
+};
+export const Button = (props) => {
+    const { tooltipText, tooltipIdealPosition, tooltipIncludeArrow = false } = props;
+    const isMobileOrNative = isMobileDevice() || isNative();
+    if (tooltipText && !isMobileOrNative) {
+        return (React.createElement(Tooltip, { idealPosition: tooltipIdealPosition, includeArrow: tooltipIncludeArrow, text: tooltipText },
+            React.createElement(ButtonComponent, Object.assign({}, props))));
     }
+    return React.createElement(ButtonComponent, Object.assign({}, props));
 };
 //# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAK,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAErC,MAAM,iBAAiB,GAOlB,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,KAAK,IACJ,oBAAoB,EAAE,SAAS,EAC/B,iBAAiB,EAAC,SAAS,EAC3B,sBAAsB,EAAE,QAAQ,EAChC,mBAAmB,EAAC,QAAQ,EAC5B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,QAAQ;QAEnB,oBAAC,IAAI,QAAE,IAAI,CAAQ,CACb,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAoB,CAAC,EACxC,gBAAgB,GAAG,oCAAoC,EACvD,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,YAAY,GAAG,MAAM,EACrB,OAAO,EAAE,YAAY,EACrB,UAAU,GAAG,SAAS,EACtB,aAAa,EACb,MAAM,EACN,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,gBAAgB,GAAG,KAAK,EACxB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;IAC5C,IAAI,WAA+B,CAAC;IACpC,IAAI,WAA+B,CAAC;IACpC,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;IAEhC,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;QAC5B,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;IAChD,CAAC;SAAM,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QAC/B,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;QAC/C,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;IACpC,CAAC;SAAM,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACjC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACrC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;QACvC,WAAW,GAAG,CAAC,CAAC;QAChB,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;IACnC,CAAC;SAAM,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;QACrC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IACxC,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC3C,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,IACR,iBAAiB,EACf,gBAAgB,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,yBAAyB,EAE9E,kBAAkB,EAAE,IAAI,EACxB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YAC5C,eAAe;YACf,WAAW;YACX,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YAClC,WAAW;YACX,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,CAAC;YAClB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACnC,EACD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,QAAQ,CACf,KAAK,IAAI,EAAE;YACT,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC7B,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,CAAC;gBACH,IAAI,gBAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC1C,mBAAmB,CAAC,IAAI,CAAC,CAAC;gBAC5B,CAAC;qBAAM,IAAI,OAAO,EAAE,CAAC;oBACnB,MAAM,OAAO,EAAE,CAAC;gBAClB,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,MAAM,KAAK,CAAC;YACd,CAAC;YACD,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,EACD,GAAG,EACH,EAAC,OAAO,EAAE,IAAI,EAAC,CAChB;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC;YACjC,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAAC;gBAC1E,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,SAAS,EAAE,QAAQ;wBACnB,WAAW,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC5C,UAAU,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC7C;oBAED,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,SAAG,CACzD,CACR;gBACD,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAC,IAAG,IAAI,CAAQ,CAC/D;YACN,OAAO,CAAC,OAAO,CAAC,IAAI,CACnB,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC;gBAChB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5C,CACP,CACI;QACN,gBAAgB,IAAI,CACnB,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAE,KAAK,IAAI,EAAE;gBACpB,MAAM,OAAO,EAAE,CAAC;gBAChB,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC,GACD,CACH,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,EAAC,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,GAAG,KAAK,EAAC,GAAG,KAAK,CAAC;IAC/E,MAAM,gBAAgB,GAAG,cAAc,EAAE,IAAI,QAAQ,EAAE,CAAC;IAExD,IAAI,WAAW,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,OAAO,CACL,oBAAC,OAAO,IACN,aAAa,EAAE,oBAAoB,EACnC,YAAY,EAAE,mBAAmB,EACjC,IAAI,EAAE,WAAW;YAEjB,oBAAC,eAAe,oBAAK,KAAK,EAAI,CACtB,CACX,CAAC;IACJ,CAAC;IAED,OAAO,oBAAC,eAAe,oBAAK,KAAK,EAAI,CAAC;AACxC,CAAC,CAAC"}

package/dist/Card.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from "react";
 import { Box } from "./Box";
 export const Card = (_a) => {
-    var { children, color = "white", padding = 4, width } = _a, rest = __rest(_a, ["children", "color", "padding", "width"]);
-    return (React.createElement(Box, Object.assign({ color: color, direction: "column", display: "flex", padding: padding, rounding: 3, shadow: true, width: width }, rest), children));
+    var { children, color = "base", padding = 4, width } = _a, rest = __rest(_a, ["children", "color", "padding", "width"]);
+    return (React.createElement(Box, Object.assign({ color: color, direction: "column", display: "flex", padding: padding, rounding: "md", shadow: true, width: width }, rest), children));
 };
 //# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAkE,EAAE,EAAE;QAAtE,EAAC,QAAQ,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,OAAoB,EAAf,IAAI,cAAvD,yCAAwD,CAAD;IAC1E,OAAO,CACL,oBAAC,GAAG,kBACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,MAAM,QACN,KAAK,EAAE,KAAK,IACR,IAAI,GAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAiE,EAAE,EAAE;QAArE,EAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,OAAoB,EAAf,IAAI,cAAtD,yCAAuD,CAAD;IACzE,OAAO,CACL,oBAAC,GAAG,kBACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,IAAI,EACb,MAAM,QACN,KAAK,EAAE,KAAK,IACR,IAAI,GAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/CheckBox.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { FC } from "react";
 import { CheckBoxProps } from "./Common";
-export declare const CheckBox: ({ color, checked, size, radio, label, labelColor, subLabel, disabled, onChange, onClick, indeterminate, testID, }: CheckBoxProps) => React.ReactElement;
+export declare const CheckBox: FC<CheckBoxProps>;