ferns-ui 0.47.10 → 1.0.0-beta.0

package/dist/SegmentedControl.js

@@ -1,71 +1,39 @@
-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 { Box } from "./Box";
+import { Pressable, View } from "react-native";
 import { Text } from "./Text";
-export const SegmentedControl = (_a) => {
-    var { items, onChange = () => { }, multiselect = false, selectLimit = 1 } = _a, props = __rest(_a, ["items", "onChange", "multiselect", "selectLimit"]);
-    const selectedItemIndex = props.selectedItemIndex;
-    const selectedItemIndexes = props.selectedItemIndexes;
-    const renderItem = (item) => {
-        return (React.createElement(Text, { align: "center", weight: "bold" }, item));
-        // if (typeof item === "string") {
-        //   return <Text weight="bold">{item}</Text>;
-        // } else {
-        //   return item;
-        // }
-    };
-    if (selectedItemIndex === undefined && selectedItemIndexes === undefined) {
-        console.warn("One of the following must be defined: selectedItemIndex, selectedItemIndexes");
-        return null;
-    }
-    if (!multiselect && (selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.length) && (selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.length) > 1) {
-        console.warn("Multiple selections not allowed without multiselect flag");
-        return null;
-    }
-    if ((selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.length) && (selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.length) > selectLimit) {
-        console.warn("The number of selected items exceeds the limit");
-        return null;
-    }
-    const isTabActive = (index) => {
-        return selectedItemIndex === index || (selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.includes(index))
-            ? "white"
-            : "lightGray";
-    };
-    return (React.createElement(Box, { color: "lightGray", direction: "row", display: "flex", height: 40, justifyContent: "between", 
-        // padding={1}
-        rounding: 3, width: "100%" }, items.map((item, index) => (React.createElement(Box, { key: index, color: isTabActive(index), height: "100%", 
-        // paddingX={2}
-        rounding: 3, width: `${100 / items.length}%` },
-        React.createElement(Box, { alignItems: "center", display: "flex", height: "100%", justifyContent: "center", paddingX: 1, width: "100%", onClick: () => {
-                if ((selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.length) === selectLimit &&
-                    !(selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.includes(index))) {
-                    return;
-                }
-                if (multiselect) {
-                    const typedOnChange = onChange;
-                    if (selectedItemIndexes === null || selectedItemIndexes === void 0 ? void 0 : selectedItemIndexes.includes(index)) {
-                        typedOnChange({ activeIndex: selectedItemIndexes.filter((i) => i !== index) });
-                    }
-                    else {
-                        const currentIndexes = [...selectedItemIndexes];
-                        currentIndexes === null || currentIndexes === void 0 ? void 0 : currentIndexes.push(index);
-                        typedOnChange({ activeIndex: currentIndexes === null || currentIndexes === void 0 ? void 0 : currentIndexes.sort() });
-                    }
-                }
-                else {
-                    const typedOnChange = onChange;
-                    typedOnChange({ activeIndex: index });
-                }
-            } }, renderItem(item)))))));
+import { useTheme } from "./Theme";
+export const SegmentedControl = ({ items, onChange = () => { }, size = "md", selectedIndex, }) => {
+    const height = size === "md" ? 36 : 44;
+    const { theme } = useTheme();
+    return (React.createElement(View, { style: {
+            display: "flex",
+            flexGrow: 1,
+            flexDirection: "row",
+            flexShrink: 1,
+            alignItems: "center",
+            gap: 4,
+            height,
+            borderRadius: theme.primitives.radius3xl,
+            borderColor: theme.primitives.neutral300,
+            borderWidth: 3,
+            backgroundColor: theme.primitives.neutral300,
+        } }, items.map((item, index) => (React.createElement(Pressable, { key: index, accessibilityRole: "button", style: {
+            display: "flex",
+            paddingTop: theme.spacing.sm,
+            paddingBottom: theme.spacing.sm,
+            paddingLeft: theme.spacing.md,
+            paddingRight: theme.spacing.md,
+            justifyContent: "center",
+            alignItems: "center",
+            height: "100%",
+            flexBasis: 0,
+            gap: 12,
+            flexGrow: 1,
+            flexShrink: 0,
+            borderRadius: theme.primitives.radius3xl,
+            backgroundColor: index === selectedIndex ? theme.surface.base : undefined,
+            overflow: "hidden",
+        }, onPress: () => onChange(index) },
+        React.createElement(Text, null, item))))));
 };
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,IAAI,GAAG,IAAI,EACX,aAAa,GACS,EAAE,EAAE;IAC1B,MAAM,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,CAAC;YACX,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,CAAC;YACb,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,MAAM;YACN,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS;YACxC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;YACxC,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;SAC7C,IAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,SAAS,IACR,GAAG,EAAE,KAAK,EACV,iBAAiB,EAAC,QAAQ,EAC1B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YAC9B,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,CAAC;YACZ,GAAG,EAAE,EAAE;YACP,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,CAAC;YACb,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS;YACxC,eAAe,EAAE,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YACzE,QAAQ,EAAE,QAAQ;SACnB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QAE9B,oBAAC,IAAI,QAAE,IAAI,CAAQ,CACT,CACb,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/SelectField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { SelectFieldProps } from "./Common";
+export declare const SelectField: FC<SelectFieldProps>;

package/dist/SelectField.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { View } from "react-native";
+import { FieldError, FieldHelperText, FieldTitle } from "./fieldElements";
+import { RNPickerSelect } from "./PickerSelect";
+export const SelectField = ({ disabled = false, errorText, helperText, options, requireValue = false, placeholder = "Please select an option.", title, value, onChange, }) => {
+    const clearOption = { label: placeholder !== null && placeholder !== void 0 ? placeholder : "---", value: "" };
+    return (React.createElement(View, null,
+        title && React.createElement(FieldTitle, { text: title }),
+        Boolean(errorText) && React.createElement(FieldError, { text: errorText }),
+        React.createElement(RNPickerSelect, { disabled: disabled, items: options, placeholder: !requireValue ? clearOption : {}, value: value !== null && value !== void 0 ? value : "", onValueChange: (v) => {
+                if (v === "" && !requireValue) {
+                    onChange(undefined);
+                }
+                else {
+                    onChange(v);
+                }
+            } }),
+        helperText && React.createElement(FieldHelperText, { text: helperText })));
+};
+//# sourceMappingURL=SelectField.js.map

package/dist/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,UAAU,EACV,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,0BAA0B,EACxC,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,EAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;IAE7D,OAAO,CACL,oBAAC,IAAI;QACF,KAAK,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,KAAK,GAAI;QACpC,OAAO,CAAC,SAAS,CAAC,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,SAAU,GAAI;QACvD,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACnB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;oBAC7B,QAA8C,CAAC,SAAS,CAAC,CAAC;gBAC7D,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC;YACH,CAAC,GACD;QACD,UAAU,IAAI,oBAAC,eAAe,IAAC,IAAI,EAAE,UAAU,GAAI,CAC/C,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/SideDrawer.js

@@ -1,10 +1,10 @@
 import React, { useCallback } from "react";
 import { Platform, SafeAreaView } from "react-native";
 import { Drawer } from "react-native-drawer-layout";
+import { useTheme } from "./Theme";
 const DEFAULT_STYLES = {
     width: Platform.OS === "web" ? "40%" : "95%",
     height: "100%",
-    backgroundColor: "lightgray",
     borderWidth: 1,
     borderColor: "gray",
 };
@@ -17,9 +17,15 @@ const addWebScroll = (isOpen) => {
     }
 };
 export const SideDrawer = ({ position = "left", isOpen, renderContent, onClose = () => { }, onOpen = () => { }, drawerType = "front", children, drawerStyles = {}, }) => {
+    const { theme } = useTheme();
     const renderDrawerContent = useCallback(() => {
         return React.createElement(SafeAreaView, null, renderContent());
     }, [renderContent]);
-    return (React.createElement(Drawer, { drawerPosition: position, drawerStyle: [DEFAULT_STYLES, drawerStyles, addWebScroll(isOpen)], drawerType: drawerType, open: isOpen, renderDrawerContent: renderDrawerContent, onClose: onClose, onOpen: onOpen }, children));
+    return (React.createElement(Drawer, { drawerPosition: position, drawerStyle: [
+            DEFAULT_STYLES,
+            { backgroundColor: theme.surface.neutralLight },
+            drawerStyles,
+            addWebScroll(isOpen),
+        ], drawerType: drawerType, open: isOpen, renderDrawerContent: renderDrawerContent, onClose: onClose, onOpen: onOpen }, children));
 };
 //# sourceMappingURL=SideDrawer.js.map

package/dist/SideDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideDrawer.js","sourceRoot":"","sources":["../src/SideDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,WAAW,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAuB,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAIlD,MAAM,cAAc,GAAyB;IAC3C,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;IAC5C,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,WAAW;IAC5B,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,MAAe,EAAa,EAAE;IAClD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACN,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,GAAG,MAAM,EACjB,MAAM,EACN,aAAa,EACb,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,UAAU,GAAG,OAAO,EACpB,QAAQ,EACR,YAAY,GAAG,EAAE,GACD,EAAgB,EAAE;IAClC,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAiB,EAAE;QACzD,OAAO,oBAAC,YAAY,QAAE,aAAa,EAAE,CAAgB,CAAC;IACxD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,MAAM,IACL,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,EACjE,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,MAAM,EACZ,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SideDrawer.js","sourceRoot":"","sources":["../src/SideDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,WAAW,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAuB,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAGlD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,cAAc,GAAyB;IAC3C,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;IAC5C,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,MAAe,EAAa,EAAE;IAClD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACN,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,GAAG,MAAM,EACjB,MAAM,EACN,aAAa,EACb,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,UAAU,GAAG,OAAO,EACpB,QAAQ,EACR,YAAY,GAAG,EAAE,GACD,EAAgB,EAAE;IAClC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAiB,EAAE;QACzD,OAAO,oBAAC,YAAY,QAAE,aAAa,EAAE,CAAgB,CAAC;IACxD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,MAAM,IACL,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE;YACX,cAAc;YACd,EAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAAC;YAC7C,YAAY;YACZ,YAAY,CAAC,MAAM,CAAC;SACrB,EACD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,MAAM,EACZ,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/Signature.d.ts

@@ -3,5 +3,6 @@ export interface SignatureProps {
     onChange: (signature: string) => void;
     onStart?: () => void;
     onEnd?: () => void;
+    value?: string;
 }
 export declare const Signature: ({ onChange }: SignatureProps) => ReactElement | null;

package/dist/Signature.js

@@ -1,9 +1,10 @@
 import React, { useRef } from "react";
+import { Text, View } from "react-native";
 import SignatureCanvas from "react-signature-canvas";
-import { Box } from "./Box";
-import { Button } from "./Button";
+import { useTheme } from "./Theme";
 export const Signature = ({ onChange }) => {
     const ref = useRef(null);
+    const { theme } = useTheme();
     const onClear = () => {
         var _a;
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.clear();
@@ -14,10 +15,10 @@ export const Signature = ({ onChange }) => {
             onChange(ref.current.toDataURL());
         }
     };
-    return (React.createElement(Box, { width: 300 },
-        React.createElement(Box, { border: "black" },
-            React.createElement(SignatureCanvas, { ref: ref, backgroundColor: "white", onEnd: onUpdatedSignature })),
-        React.createElement(Box, { direction: "row" },
-            React.createElement(Button, { color: "gray", text: "Clear", onClick: onClear }))));
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { borderColor: theme.border.dark, borderWidth: 1, width: "100%", maxWidth: 300 } },
+            React.createElement(SignatureCanvas, { ref: ref, backgroundColor: theme.surface.base, penColor: theme.text.secondaryDark, onEnd: onUpdatedSignature })),
+        React.createElement(View, null,
+            React.createElement(Text, { style: { color: theme.text.link, textDecorationLine: "underline" }, onPress: onClear }, "Clear"))));
 };
 //# sourceMappingURL=Signature.js.map

package/dist/Signature.js.map

@@ -1 +1 @@
-{"version":3,"file":"Signature.js","sourceRoot":"","sources":["../src/Signature.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,MAAM,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAQhC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAiB,EAAuB,EAAE;IAC3E,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAE1C,MAAM,OAAO,GAAG,GAAG,EAAE;;QACnB,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC9B,IAAI,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,EAAE,EAAE,CAAC;YAC7B,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAE,GAAG;QACb,oBAAC,GAAG,IAAC,MAAM,EAAC,OAAO;YACjB,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG,EAAE,eAAe,EAAC,OAAO,EAAC,KAAK,EAAE,kBAAkB,GAAI,CAC5E;QACN,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK;YAClB,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CAClD,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Signature.js","sourceRoot":"","sources":["../src/Signature.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,MAAM,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AASjC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAiB,EAAuB,EAAE;IAC3E,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,MAAM,OAAO,GAAG,GAAG,EAAE;;QACnB,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC9B,IAAI,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,EAAE,EAAE,CAAC;YAC7B,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAC;YACzF,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACnC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,EAClC,KAAK,EAAE,kBAAkB,GACzB,CACG;QACP,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAC,EAAE,OAAO,EAAE,OAAO,YAEjF,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/Signature.native.js

@@ -1,10 +1,11 @@
 import React, { useRef } from "react";
+import { Text, View } from "react-native";
 import SignatureScreen from "react-native-signature-canvas";
-import { Box } from "./Box";
-import { Button } from "./Button";
+import { useTheme } from "./Theme";
 const style = `.m-signature-pad--footer {display: none; margin: 0px;}`;
 export const Signature = ({ onChange, onStart, onEnd }) => {
     const ref = useRef(null);
+    const { theme } = useTheme();
     const handleClear = () => {
         var _a;
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.clearSignature();
@@ -19,10 +20,10 @@ export const Signature = ({ onChange, onStart, onEnd }) => {
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.readSignature();
         onEnd && onEnd();
     };
-    return (React.createElement(Box, null,
-        React.createElement(Box, { border: "black", height: 100 },
-            React.createElement(SignatureScreen, { ref: ref, trimWhitespace: true, webStyle: style, onBegin: onBegin, onEnd: handleEnd, onOK: (img) => onChange(img) })),
-        React.createElement(Box, { direction: "row" },
-            React.createElement(Button, { text: "Clear", onClick: handleClear }))));
+    return (React.createElement(View, { style: { minWidth: 220 } },
+        React.createElement(View, { style: { borderColor: theme.border.dark, borderWidth: 1, minHeight: 90 } },
+            React.createElement(SignatureScreen, { ref: ref, backgroundColor: theme.surface.base, trimWhitespace: true, webStyle: style, onBegin: onBegin, onEnd: handleEnd, onOK: (img) => onChange(img) })),
+        React.createElement(View, { style: { flexDirection: "row" } },
+            React.createElement(Text, { style: { color: theme.text.link, textDecorationLine: "underline" }, onPress: handleClear }, "Clear"))));
 };
 //# sourceMappingURL=Signature.native.js.map

package/dist/Signature.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Signature.native.js","sourceRoot":"","sources":["../src/Signature.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,MAAM,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,eAAmC,MAAM,+BAA+B,CAAC;AAEhF,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAQhC,MAAM,KAAK,GAAG,wDAAwD,CAAC;AAEvE,MAAM,CAAC,MAAM,SAAS,GAAoB,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAQ,EAAE,EAAE;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;;QACvB,MAAA,GAAG,CAAC,OAAO,0CAAE,cAAc,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,2DAA2D;IAC3D,4FAA4F;IAC5F,MAAM,SAAS,GAAG,GAAG,EAAE;;QACrB,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,EAAE,CAAC;QAC7B,KAAK,IAAI,KAAK,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG;QACF,oBAAC,GAAG,IAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAE,GAAG;YAC7B,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,cAAc,QACd,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,GAC5B,CACE;QACN,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK;YAClB,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,WAAW,GAAI,CACzC,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Signature.native.js","sourceRoot":"","sources":["../src/Signature.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,MAAM,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,eAAmC,MAAM,+BAA+B,CAAC;AAEhF,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAQjC,MAAM,KAAK,GAAG,wDAAwD,CAAC;AAEvE,MAAM,CAAC,MAAM,SAAS,GAAoB,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAQ,EAAE,EAAE;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,MAAM,WAAW,GAAG,GAAG,EAAE;;QACvB,MAAA,GAAG,CAAC,OAAO,0CAAE,cAAc,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,2DAA2D;IAC3D,4FAA4F;IAC5F,MAAM,SAAS,GAAG,GAAG,EAAE;;QACrB,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,EAAE,CAAC;QAC7B,KAAK,IAAI,KAAK,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAC;QAC1B,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAC;YAC1E,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACnC,cAAc,QACd,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,GAC5B,CACG;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC;YACjC,oBAAC,IAAI,IACH,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAC,EAChE,OAAO,EAAE,WAAW,YAGf,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/SignatureField.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { SignatureFieldProps } from "./Common";
+export declare const SignatureField: ({ disabled, title, value, onChange, onStart, onEnd, disabledText, errorText, }: SignatureFieldProps) => ReactElement;

package/dist/SignatureField.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { Image, View } from "react-native";
+import { Heading } from "./Heading";
+import { Icon } from "./Icon";
+import { Signature } from "./Signature";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+// NOTE: When using this inside a ScrollView, you must set the scrollEnabled prop to false on the
+// ScrollView onStart and to true onEnd or it will try to scroll the whole view around this
+// component.
+export const SignatureField = ({ disabled = false, title = "Signature", value, onChange, onStart, onEnd, disabledText, errorText, }) => {
+    const { theme } = useTheme();
+    if (disabled) {
+        if (value) {
+            return (React.createElement(View, null,
+                React.createElement(Heading, { size: "sm" }, title),
+                React.createElement(View, { style: { marginVertical: 8 } }, SignatureImage(value)),
+                React.createElement(Text, { size: "sm" }, disabledText)));
+        }
+        else {
+            // we don't have a value so should show a grayed out signature field as a box
+            // there is no disabled state for the Signature components
+            return (React.createElement(View, null,
+                React.createElement(View, { style: {
+                        height: 90,
+                        width: 300,
+                        backgroundColor: theme.surface.neutralLight,
+                        marginVertical: 8,
+                    } }),
+                React.createElement(Text, { size: "sm" }, disabledText)));
+        }
+    }
+    return (React.createElement(View, null,
+        React.createElement(Heading, { size: "sm" }, title),
+        Boolean(errorText) && (React.createElement(View, { style: { flexDirection: "row" } },
+            React.createElement(Icon, { color: "error", iconName: "triangle-exclamation" }),
+            React.createElement(View, { style: { marginLeft: 4 } },
+                React.createElement(Text, { color: "error" }, errorText)))),
+        React.createElement(View, { style: { marginVertical: 8 } },
+            React.createElement(Signature, { onChange: onChange, onEnd: () => {
+                    onEnd && onEnd();
+                }, onStart: () => {
+                    onStart && onStart();
+                } }))));
+};
+const SignatureImage = (image) => {
+    return (React.createElement(Image, { accessibilityIgnoresInvertColors: false, resizeMode: "contain", source: { uri: image }, style: {
+            width: 300,
+            height: 80,
+            borderWidth: 1,
+            borderColor: "black",
+        } }));
+};
+//# sourceMappingURL=SignatureField.js.map

package/dist/SignatureField.js.map

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

package/dist/Spinner.js

@@ -1,7 +1,22 @@
 import React, { useEffect, useState } from "react";
 import { ActivityIndicator } from "react-native";
-export const Spinner = ({ size, color }) => {
+import { useTheme } from "./Theme";
+export const Spinner = ({ size = "md", color = "light" }) => {
     const [show, setShow] = useState(false);
+    const { theme } = useTheme();
+    let computedColor = "";
+    if (color === "light") {
+        computedColor = theme.primitives.neutral400;
+    }
+    else if (color === "dark") {
+        computedColor = theme.primitives.neutral000;
+    }
+    else if (color === "accent") {
+        computedColor = theme.primitives.accent700;
+    }
+    else if (color === "secondary") {
+        computedColor = theme.primitives.secondary600;
+    }
     // The delay is for perceived performance. You don't want to show a spinner when you're doing a
     // quick action.
     useEffect(() => {
@@ -12,6 +27,6 @@ export const Spinner = ({ size, color }) => {
         return null;
     }
     const spinnerSize = size === "sm" ? "small" : "large";
-    return React.createElement(ActivityIndicator, { color: color !== null && color !== void 0 ? color : "darkGray", size: spinnerSize });
+    return React.createElement(ActivityIndicator, { color: computedColor, size: spinnerSize });
 };
 //# sourceMappingURL=Spinner.js.map

package/dist/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAI/C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAe,EAAuB,EAAE;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,+FAA+F;IAC/F,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,WAAW,GAAsB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,UAAU,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;AAC9E,CAAC,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,OAAO,EAAe,EAAuB,EAAE;IAC3F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACtB,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC;IAC9C,CAAC;SAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC5B,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC;IAC9C,CAAC;SAAM,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;IAC7C,CAAC;SAAM,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;QACjC,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC;IAChD,CAAC;IAED,+FAA+F;IAC/F,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAsB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;AACxE,CAAC,CAAC"}

package/dist/SplitPage.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { SplitPageProps } from "./Common";
-export declare const SplitPage: ({ children, tabs, loading, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange, listViewData, listViewExtraData, listViewWidth, bottomNavBarHeight, showItemList, selectLimit, }: SplitPageProps) => React.JSX.Element | null;
+export declare const SplitPage: ({ children, tabs, loading, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange, listViewData, listViewExtraData, listViewWidth, bottomNavBarHeight, showItemList, }: SplitPageProps) => React.JSX.Element | null;

package/dist/SplitPage.js

@@ -1,4 +1,4 @@
-import React, { Children, useCallback, useContext, useEffect, useState } from "react";
+import React, { Children, useCallback, useEffect, useState } from "react";
 import { Dimensions, ScrollView, View } from "react-native";
 import { SwiperFlatList } from "react-native-swiper-flatlist";
 import { Box } from "./Box";
@@ -7,11 +7,11 @@ import { IconButton } from "./IconButton";
 import { mediaQueryLargerThan } from "./MediaQuery";
 import { SegmentedControl } from "./SegmentedControl";
 import { Spinner } from "./Spinner";
-import { ThemeContext } from "./Theme";
+import { useTheme } from "./Theme";
 // A component for rendering a list on one side and a details view on the right for large screens,
 // and a scrollable list where clicking an item takes you the details view.
-export const SplitPage = ({ children, tabs = [], loading = false, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange = () => { }, listViewData, listViewExtraData, listViewWidth, bottomNavBarHeight, showItemList, selectLimit, }) => {
-    const { theme } = useContext(ThemeContext);
+export const SplitPage = ({ children, tabs = [], loading = false, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange = () => { }, listViewData, listViewExtraData, listViewWidth, bottomNavBarHeight, showItemList, }) => {
+    const { theme } = useTheme();
     const [selectedId, setSelectedId] = useState(undefined);
     const [activeTabs, setActiveTabs] = useState([0, 1]);
     const { width } = Dimensions.get("window");
@@ -40,7 +40,7 @@ export const SplitPage = ({ children, tabs = [], loading = false, color, keyboar
         return null;
     }
     const renderItem = (itemInfo) => {
-        return (React.createElement(Box, { onClick: async () => {
+        return (React.createElement(Box, { accessibilityHint: "", accessibilityLabel: "Select", onClick: async () => {
                 await onItemSelect(itemInfo);
             } }, renderListViewItem(itemInfo)));
     };
@@ -68,8 +68,8 @@ export const SplitPage = ({ children, tabs = [], loading = false, color, keyboar
                     alignItems: "center",
                 } },
                 React.createElement(Box, { marginBottom: 4, paddingX: 4, width: "100%" },
-                    React.createElement(SegmentedControl, { items: tabs, multiselect: true, selectLimit: selectLimit || tabs.length, selectedItemIndexes: activeTabs, onChange: (index) => {
-                            setActiveTabs([...index.activeIndex]);
+                    React.createElement(SegmentedControl, { items: tabs, selectedIndex: activeTabs[0], onChange: (index) => {
+                            setActiveTabs([...[index]]);
                         } })),
                 React.createElement(Box, { direction: "row", flex: "grow", height: "100%", paddingX: 4, width: activeTabs.length > 1 ? "100%" : "60%" }, activeTabs.map((tabIndex, i) => {
                     return (React.createElement(ScrollView, { key: tabIndex, contentContainerStyle: {
@@ -117,7 +117,7 @@ export const SplitPage = ({ children, tabs = [], loading = false, color, keyboar
         }
         return (React.createElement(Box, { flex: "grow", padding: 2 },
             isMobileDevice && (React.createElement(Box, { width: "100%" },
-                React.createElement(IconButton, { accessibilityLabel: "close", icon: "times", iconColor: "darkGray", onClick: () => onItemDeselect() }))),
+                React.createElement(IconButton, { accessibilityHint: "close split page", accessibilityLabel: "close", iconName: "xmark", onClick: () => onItemDeselect() }))),
             renderContent && renderContent(selectedId)));
     };
     const renderMobileChildrenContent = () => {
@@ -144,8 +144,8 @@ export const SplitPage = ({ children, tabs = [], loading = false, color, keyboar
             : renderMobileChildrenContent();
         return selectedId === undefined ? renderMobileList() : renderMainContent;
     };
-    return (React.createElement(Box, { avoidKeyboard: true, color: color || "lightGray", direction: "row", display: "flex", height: "100%", keyboardOffset: keyboardOffset, padding: 2, width: "100%" },
-        loading === true && React.createElement(Spinner, { color: theme.darkGray, size: "md" }),
+    return (React.createElement(Box, { avoidKeyboard: true, color: color || "neutralLight", direction: "row", display: "flex", height: "100%", keyboardOffset: keyboardOffset, padding: 2, width: "100%" },
+        loading === true && React.createElement(Spinner, { color: theme.text.primary, size: "md" }),
         Boolean(isMobileDevice) ? renderMobileSplitPage() : renderSplitPage()));
 };
 //# sourceMappingURL=SplitPage.js.map

package/dist/SplitPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitPage.js","sourceRoot":"","sources":["../src/SplitPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAC,UAAU,EAAsB,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,kGAAkG;AAClG,2EAA2E;AAC3E,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,KAAK,EACf,KAAK,EACL,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC5B,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACI,EAAE,EAAE;IACnB,MAAM,EAAC,KAAK,EAAC,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC5E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC/D,MAAM,EAAC,KAAK,EAAC,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IAE1E,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,IAA6B,EAAiB,EAAE;QACrD,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC5C,aAAa,CAAC,SAAS,CAAC,CAAC;QACzB,MAAM,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,CAAC;YACjB,KAAK,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,CAAC;QAChC,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;QACnE,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,CAAC,QAAiC,EAAE,EAAE;QACvD,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,MAAM,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC/B,CAAC,IAEA,kBAAkB,CAAC,QAAQ,CAAC,CACzB,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,KAAK,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,GAAG;gBAC3B,QAAQ,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,GAAG;gBAC9B,QAAQ,EAAE,CAAC;gBACX,UAAU,EAAE,CAAC;gBACb,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;aACxB;YAEA,oBAAoB,IAAI,oBAAoB,EAAE;YAC/C,oBAAC,QAAQ,IACP,IAAI,EAAE,YAAY,EAClB,SAAS,EAAE,iBAAiB,EAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAC/B,UAAU,EAAE,UAAU,GACtB,CACG,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,IACxB,aAAa,IAAI,aAAa,CAAC,UAAU,CAAC,CACvC,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,QAAQ;iBACrB;gBAED,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;oBAC7C,oBAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,EACX,WAAW,QACX,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,MAAM,EACvC,mBAAmB,EAAE,UAAU,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,aAAa,CAAC,CAAC,GAAI,KAAK,CAAC,WAAwB,CAAC,CAAC,CAAC;wBACtD,CAAC,GACD,CACE;gBACN,oBAAC,GAAG,IACF,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAE5C,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;oBAC9B,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,QAAQ,EACb,qBAAqB,EAAE;4BACrB,IAAI,EAAE,CAAC;yBACR,EACD,KAAK,EAAE;4BACL,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,MAAM;4BACd,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;4BACxB,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;yBACxB,IAEA,YAAY,CAAC,QAAQ,CAAC,CACZ,CACd,CAAC;gBACJ,CAAC,CAAC,CACE,CACD,CACR,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,oBAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,IACrF,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,KAAK,EACV,qBAAqB,EAAE;wBACrB,IAAI,EAAE,CAAC;qBACR,EACD,KAAK,EAAE;wBACL,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,MAAM;qBACf,IAEA,OAAO,CACG,CACd,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC/C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,MAAM;gBAChB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,CAAC;gBACX,UAAU,EAAE,CAAC;gBACb,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;aACxB;YAEA,oBAAoB,IAAI,oBAAoB,EAAE;YAC/C,oBAAC,QAAQ,IACP,IAAI,EAAE,YAAY,EAClB,SAAS,EAAE,iBAAiB,EAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAC/B,mBAAmB,QACnB,UAAU,EAAE,UAAU,GACtB,CACG,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,IAAI,cAAc,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC/C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC;YACxB,cAAc,IAAI,CACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;gBACf,oBAAC,UAAU,IACT,kBAAkB,EAAC,OAAO,EAC1B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,GAC/B,CACE,CACP;YACA,aAAa,IAAI,aAAa,CAAC,UAAU,CAAC,CACvC,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,CACL,oBAAC,cAAc,IACb,mBAAmB,QACnB,eAAe,EAAE,EAAC,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,EACzD,SAAS,QACT,cAAc,QACd,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,IAErB,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YAC/B,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;oBAChD,aAAa,EAAE,kBAAkB;iBAClC,IAEA,OAAO,CACH,CACR,CAAC;QACJ,CAAC,CAAC,CACa,CAClB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CACL;YACG,UAAU,EAAE;YACZ,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAC7D,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,iBAAiB,GAAG,aAAa;YACrC,CAAC,CAAC,uBAAuB,EAAE;YAC3B,CAAC,CAAC,2BAA2B,EAAE,CAAC;QAClC,OAAO,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC3E,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IACF,aAAa,QACb,KAAK,EAAE,KAAK,IAAI,WAAW,EAC3B,SAAS,EAAC,KAAK,EACf,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,MAAM,EACb,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,MAAM;QAEX,OAAO,KAAK,IAAI,IAAI,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,QAAe,EAAE,IAAI,EAAC,IAAI,GAAG;QACvE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAClE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SplitPage.js","sourceRoot":"","sources":["../src/SplitPage.tsx"],"names":[],"mappings":"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"}

package/dist/SplitPage.native.js

@@ -1,5 +1,5 @@
 // TODO: Update SplitPage native to have desktop UX for tablet sized screens
-import React, { useCallback, useContext, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import flattenChildren from "react-keyed-flatten-children";
 import { Dimensions, View } from "react-native";
 import { SwiperFlatList } from "react-native-swiper-flatlist";
@@ -7,10 +7,10 @@ import { Box } from "./Box";
 import { FlatList } from "./FlatList";
 import { IconButton } from "./IconButton";
 import { Spinner } from "./Spinner";
-import { ThemeContext } from "./Theme";
+import { useTheme } from "./Theme";
 import { Unifier } from "./Unifier";
 export const SplitPage = ({ children, loading = false, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange = () => { }, listViewData, listViewExtraData, bottomNavBarHeight, showItemList, }) => {
-    const { theme } = useContext(ThemeContext);
+    const { theme } = useTheme();
     const [selectedId, setSelectedId] = useState(undefined);
     // flattenChildren is necessary to pull children from a React Fragment. Without this,
     // splitPage would only recognize the fragment container instead stripping it to render
@@ -36,7 +36,7 @@ export const SplitPage = ({ children, loading = false, color, keyboardOffset, re
         return null;
     }
     const renderItem = (itemInfo) => {
-        return (React.createElement(Box, { onClick: async () => {
+        return (React.createElement(Box, { accessibilityHint: "", accessibilityLabel: "Edit", onClick: async () => {
                 await Unifier.utils.haptic();
                 await onItemSelect(itemInfo);
             } }, renderListViewItem(itemInfo)));
@@ -63,7 +63,7 @@ export const SplitPage = ({ children, loading = false, color, keyboardOffset, re
         }
         return (React.createElement(Box, { flex: "grow", padding: 2 },
             React.createElement(Box, { width: "100%" },
-                React.createElement(IconButton, { accessibilityLabel: "close", icon: "times", iconColor: "darkGray", onClick: () => onItemDeselect() })),
+                React.createElement(IconButton, { accessibilityHint: "close split page", accessibilityLabel: "close", iconName: "xmark", onClick: () => onItemDeselect() })),
             renderContent && renderContent(selectedId)));
     };
     const renderChildrenContent = () => {
@@ -75,8 +75,8 @@ export const SplitPage = ({ children, loading = false, color, keyboardOffset, re
         })));
     };
     const renderMainContent = renderContent ? renderListContent() : renderChildrenContent();
-    return (React.createElement(Box, { avoidKeyboard: true, color: color || "lightGray", flex: "grow", height: "100%", keyboardOffset: keyboardOffset, width: "100%" },
-        loading === true && React.createElement(Spinner, { color: theme.darkGray, size: "md" }),
+    return (React.createElement(Box, { avoidKeyboard: true, color: color || "neutralLight", flex: "grow", height: "100%", keyboardOffset: keyboardOffset, width: "100%" },
+        loading === true && React.createElement(Spinner, { color: "light", size: "md" }),
         selectedId === undefined ? renderList() : renderMainContent));
 };
 //# sourceMappingURL=SplitPage.native.js.map

package/dist/SplitPage.native.js.map

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

package/dist/TapToEdit.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from "react";
-import { TapToEditProps } from "./Common";
-export declare function formatAddress(address: any, asString?: boolean): string;
-export declare const TapToEdit: ({ value, setValue, placeholder, title, onSave, editable, isEditing, rowBoxProps, transform, fieldComponent, withConfirmation, confirmationText, confirmationHeading, description: propsDescription, showDescriptionAsTooltip, onlyShowDescriptionWhileEditing, ...fieldProps }: TapToEditProps) => ReactElement;
+import { AddressInterface, TapToEditProps } from "./Common";
+export declare function formatAddress(address: AddressInterface, asString?: boolean): string;
+export declare const TapToEdit: ({ value, setValue, title, onSave, editable, isEditing, rowBoxProps, transform, fieldComponent, withConfirmation, confirmationText, confirmationHeading, description: propsDescription, showDescriptionAsTooltip, onlyShowDescriptionWhileEditing, ...fieldProps }: TapToEditProps) => ReactElement;