@estuary-solutions/rn-core-ui 0.0.3

package/dist/hooks/DraggableFlatList/useCellTranslate.js

@@ -0,0 +1,72 @@
+import { useDerivedValue, withSpring } from "react-native-reanimated";
+import { useRefs } from "../../context/DraggableFlatList/refContext";
+import { useDraggableFlatListContext } from "../../context/DraggableFlatList/draggableFlatListContext";
+import { useAnimatedValues } from "../../context/DraggableFlatList/animatedValueContext";
+export function useCellTranslate({ cellIndex, cellSize, cellOffset }) {
+    const { activeIndexAnim, activeCellSize, hoverOffset, spacerIndexAnim, placeholderOffset, hoverAnim, viewableIndexMin, viewableIndexMax, } = useAnimatedValues();
+    const { activeKey } = useDraggableFlatListContext();
+    const { animationConfigRef } = useRefs();
+    const translate = useDerivedValue(() => {
+        const isActiveCell = cellIndex === activeIndexAnim.value;
+        const isOutsideViewableRange = !isActiveCell &&
+            (cellIndex < viewableIndexMin.value ||
+                cellIndex > viewableIndexMax.value);
+        if (!activeKey || activeIndexAnim.value < 0 || isOutsideViewableRange) {
+            return 0;
+        }
+        // Determining spacer index is hard to visualize. See diagram: https://i.imgur.com/jRPf5t3.jpg
+        const isBeforeActive = cellIndex < activeIndexAnim.value;
+        const isAfterActive = cellIndex > activeIndexAnim.value;
+        const hoverPlusActiveSize = hoverOffset.value + activeCellSize.value;
+        const offsetPlusHalfSize = cellOffset.value + cellSize.value / 2;
+        const offsetPlusSize = cellOffset.value + cellSize.value;
+        let result = -1;
+        if (isAfterActive) {
+            if (hoverPlusActiveSize >= cellOffset.value &&
+                hoverPlusActiveSize < offsetPlusHalfSize) {
+                // bottom edge of active cell overlaps top half of current cell
+                result = cellIndex - 1;
+            }
+            else if (hoverPlusActiveSize >= offsetPlusHalfSize &&
+                hoverPlusActiveSize < offsetPlusSize) {
+                // bottom edge of active cell overlaps bottom half of current cell
+                result = cellIndex;
+            }
+        }
+        else if (isBeforeActive) {
+            if (hoverOffset.value < offsetPlusSize &&
+                hoverOffset.value >= offsetPlusHalfSize) {
+                // top edge of active cell overlaps bottom half of current cell
+                result = cellIndex + 1;
+            }
+            else if (hoverOffset.value >= cellOffset.value &&
+                hoverOffset.value < offsetPlusHalfSize) {
+                // top edge of active cell overlaps top half of current cell
+                result = cellIndex;
+            }
+        }
+        if (result !== -1 && result !== spacerIndexAnim.value) {
+            spacerIndexAnim.value = result;
+        }
+        if (spacerIndexAnim.value === cellIndex) {
+            const newPlaceholderOffset = isAfterActive
+                ? cellSize.value + (cellOffset.value - activeCellSize.value)
+                : cellOffset.value;
+            placeholderOffset.value = newPlaceholderOffset;
+        }
+        // Active cell follows touch
+        if (isActiveCell) {
+            return hoverAnim.value;
+        }
+        // Translate cell down if it is before active index and active cell has passed it.
+        // Translate cell up if it is after the active index and active cell has passed it.
+        const shouldTranslate = isAfterActive
+            ? cellIndex <= spacerIndexAnim.value
+            : cellIndex >= spacerIndexAnim.value;
+        const translationAmt = shouldTranslate
+            ? activeCellSize.value * (isAfterActive ? -1 : 1)
+            : 0;
+        return withSpring(translationAmt, animationConfigRef.value);
+    }, [activeKey, cellIndex]);
+    return translate;
+}

package/dist/hooks/DraggableFlatList/useNestedAutoScroll.d.ts

@@ -0,0 +1,12 @@
+import Animated from "react-native-reanimated";
+import { State as GestureState } from "react-native-gesture-handler";
+export declare function useNestedAutoScroll(params: {
+    activeCellSize?: Animated.SharedValue<number>;
+    autoscrollSpeed?: number;
+    autoscrollThreshold?: number;
+    hoverOffset?: Animated.SharedValue<number>;
+    isDraggingCell?: Animated.SharedValue<number>;
+    isTouchActiveNative?: Animated.SharedValue<number>;
+    panGestureState?: Animated.SharedValue<GestureState | number>;
+}): null;
+//# sourceMappingURL=useNestedAutoScroll.d.ts.map

package/dist/hooks/DraggableFlatList/useNestedAutoScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNestedAutoScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/DraggableFlatList/useNestedAutoScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,QAKN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAYrE,wBAAgB,mBAAmB,CAAC,MAAM,EAAE;IAC1C,cAAc,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC;CAC/D,QAsGA"}

package/dist/hooks/DraggableFlatList/useNestedAutoScroll.js

@@ -0,0 +1,77 @@
+import { runOnJS, useAnimatedReaction, useDerivedValue, useSharedValue, } from "react-native-reanimated";
+import { SCROLL_POSITION_TOLERANCE } from "../../constants/DraggableFlatList/constants";
+import { useSafeNestableScrollContainerContext } from "../../context/DraggableFlatList/nestableScrollContainerContext";
+// This is mostly copied over from the main react-native-draggable-flatlist
+// useAutoScroll hook with a few notable exceptions:
+// - Since animated values are now coming in via a callback,
+//   we won't guarantee they exist (and default them if not).
+// - Outer scrollable is a ScrollView, not a FlatList
+// TODO: see if we can combine into a single shared `useAutoScroll()` hook
+export function useNestedAutoScroll(params) {
+    const { outerScrollOffset, containerSize, scrollableRef, scrollViewSize, } = useSafeNestableScrollContainerContext();
+    const DUMMY_VAL = useSharedValue(0);
+    const { hoverOffset = DUMMY_VAL, activeCellSize = DUMMY_VAL, autoscrollSpeed = 100, autoscrollThreshold = 30, isDraggingCell = DUMMY_VAL, isTouchActiveNative = DUMMY_VAL, } = params;
+    const hoverScreenOffset = useDerivedValue(() => {
+        return hoverOffset.value - outerScrollOffset.value;
+    }, []);
+    const isScrolledUp = useDerivedValue(() => {
+        return outerScrollOffset.value - SCROLL_POSITION_TOLERANCE <= 0;
+    }, []);
+    const isScrolledDown = useDerivedValue(() => {
+        return (outerScrollOffset.value + containerSize.value + SCROLL_POSITION_TOLERANCE >=
+            scrollViewSize.value);
+    }, []);
+    const distToTopEdge = useDerivedValue(() => {
+        return Math.max(0, hoverScreenOffset.value);
+    }, [hoverScreenOffset]);
+    const distToBottomEdge = useDerivedValue(() => {
+        const dist = containerSize.value - (hoverScreenOffset.value + activeCellSize.value);
+        return Math.max(0, dist);
+    }, [hoverScreenOffset, activeCellSize, containerSize]);
+    const isAtTopEdge = useDerivedValue(() => {
+        return distToTopEdge.value <= autoscrollThreshold;
+    }, []);
+    const isAtBottomEdge = useDerivedValue(() => {
+        return distToBottomEdge.value <= autoscrollThreshold;
+    });
+    const scrollTarget = useSharedValue(0);
+    useAnimatedReaction(() => {
+        return isDraggingCell.value;
+    }, (cur, prev) => {
+        if (cur && !prev) {
+            scrollTarget.value = outerScrollOffset.value;
+        }
+    }, [activeCellSize]);
+    function scrollToInternal(y) {
+        var _a;
+        (_a = scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ y, animated: true });
+    }
+    useDerivedValue(() => {
+        const isAtEdge = isAtTopEdge.value || isAtBottomEdge.value;
+        const topDisabled = isAtTopEdge.value && isScrolledUp.value;
+        const bottomDisabled = isAtBottomEdge.value && isScrolledDown.value;
+        const isEdgeDisabled = topDisabled || bottomDisabled;
+        const scrollTargetDiff = Math.abs(scrollTarget.value - outerScrollOffset.value);
+        const scrollInProgress = scrollTargetDiff > SCROLL_POSITION_TOLERANCE;
+        const shouldScroll = isAtEdge &&
+            !isEdgeDisabled &&
+            isDraggingCell.value &&
+            isTouchActiveNative.value &&
+            !scrollInProgress;
+        const distFromEdge = isAtTopEdge.value
+            ? distToTopEdge.value
+            : distToBottomEdge.value;
+        const speedPct = 1 - distFromEdge / autoscrollThreshold;
+        const offset = speedPct * autoscrollSpeed;
+        const targetOffset = isAtTopEdge.value
+            ? Math.max(0, outerScrollOffset.value - offset)
+            : outerScrollOffset.value + offset;
+        if (shouldScroll) {
+            scrollTarget.value = targetOffset;
+            // Reanimated scrollTo is crashing on android. use 'regular' scrollTo until figured out.
+            // scrollTo(scrollViewRef, 0, scrollTarget.value, true)
+            runOnJS(scrollToInternal)(targetOffset);
+        }
+    }, [autoscrollSpeed, autoscrollThreshold, isDraggingCell]);
+    return null;
+}

package/dist/hooks/DraggableFlatList/useOnCellActiveAnimation.d.ts

@@ -0,0 +1,15 @@
+import { WithSpringConfig } from "react-native-reanimated";
+type Params = {
+    animationConfig: Partial<WithSpringConfig>;
+};
+export declare function useOnCellActiveAnimation({ animationConfig }?: Params): {
+    isActive: boolean;
+    onActiveAnim: {
+        value: number;
+    };
+} | {
+    isActive: boolean;
+    onActiveAnim: import("react-native-reanimated").DerivedValue<0 | 1>;
+};
+export {};
+//# sourceMappingURL=useOnCellActiveAnimation.d.ts.map

package/dist/hooks/DraggableFlatList/useOnCellActiveAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnCellActiveAnimation.d.ts","sourceRoot":"","sources":["../../../src/hooks/DraggableFlatList/useOnCellActiveAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAOjC,KAAK,MAAM,GAAG;IACZ,eAAe,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC5C,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,EAAE,eAAe,EAAE,GAAE,MAAgC;;;;;;;;EAgCtD"}

package/dist/hooks/DraggableFlatList/useOnCellActiveAnimation.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { useDerivedValue, useSharedValue, withSpring, } from "react-native-reanimated";
+import { DEFAULT_ANIMATION_CONFIG } from "../../constants/DraggableFlatList/constants";
+import { useAnimatedValues } from "../../context/DraggableFlatList/animatedValueContext";
+import { useIsActive } from "../../context/DraggableFlatList/cellContext";
+import { WEB } from "../../utils/getOS";
+export function useOnCellActiveAnimation({ animationConfig } = { animationConfig: {} }) {
+    const animationConfigRef = useSharedValue(animationConfig);
+    React.useEffect(() => {
+        animationConfigRef.value = animationConfig;
+    }, [animationConfig]);
+    const isActive = useIsActive();
+    // Web version - simplified without Reanimated
+    if (WEB) {
+        return {
+            isActive,
+            onActiveAnim: { value: isActive ? 1 : 0 },
+        };
+    }
+    const { isTouchActiveNative } = useAnimatedValues();
+    const onActiveAnim = useDerivedValue(() => {
+        const toVal = isActive && isTouchActiveNative.value ? 1 : 0;
+        return withSpring(toVal, Object.assign(Object.assign({}, DEFAULT_ANIMATION_CONFIG), animationConfigRef.value));
+    }, [isActive]);
+    return {
+        isActive,
+        onActiveAnim,
+    };
+}

package/dist/hooks/DraggableFlatList/useStableCallback.d.ts

@@ -0,0 +1,2 @@
+export declare function useStableCallback<T extends (arg1?: any, arg2?: any, arg3?: any) => any>(cb: T): T;
+//# sourceMappingURL=useStableCallback.d.ts.map

package/dist/hooks/DraggableFlatList/useStableCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableCallback.d.ts","sourceRoot":"","sources":["../../../src/hooks/DraggableFlatList/useStableCallback.ts"],"names":[],"mappings":"AAOA,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,EACrD,EAAE,EAAE,CAAC,GAOyB,CAAC,CAChC"}

package/dist/hooks/DraggableFlatList/useStableCallback.js

@@ -0,0 +1,11 @@
+import React from "react";
+// Utility hook that returns a function that never has stale dependencies, but
+// without changing identity, as a useCallback with dep array would.
+// Useful for functions that depend on external state, but
+// should not trigger effects when that external state changes.
+export function useStableCallback(cb) {
+    const cbRef = React.useRef(cb);
+    cbRef.current = cb;
+    const identityRetainingCb = React.useCallback((...args) => cbRef.current(...args), []);
+    return identityRetainingCb;
+}

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,17 @@
+export type ThemeMode = 'light' | 'dark';
+export declare function useTheme(): {
+    mode: ThemeMode;
+    colors: {
+        surface: "#FFFFFF";
+        onSurface: "#000000";
+        outline: "rgba(0,0,0,0.12)";
+        shadow: "#000000";
+    } | {
+        surface: "#121212";
+        onSurface: "#FFFFFF";
+        outline: "rgba(255,255,255,0.12)";
+        shadow: "#000000";
+    };
+    isDark: boolean;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,wBAAgB,QAAQ;;;;;;;;;;;;;;EAWvB"}

package/dist/hooks/useTheme.js

@@ -0,0 +1,12 @@
+import { useColorScheme } from 'react-native';
+import { colors } from '../themes';
+export function useTheme() {
+    const scheme = useColorScheme();
+    const mode = scheme === 'dark' ? 'dark' : 'light';
+    const colorsMode = mode === 'dark' ? colors.darkColors : colors.lightColors;
+    return {
+        mode,
+        colors: colorsMode,
+        isDark: mode === 'dark',
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export { default as Text } from './Texts/Text';
+export { default as SvgIcon } from './SvgIcon/SvgIcon';
+export { default as Button } from './Buttons/Button';
+export { default as Paper } from './Cards/Paper';
+export { default as Badge } from './Badges/Badge';
+export { default as CardMedia } from './Cards/CardMedia';
+export { default as CardActions } from './Cards/CardActions';
+export { default as CardContent } from './Cards/CardContent';
+export { default as CardActionArea } from './Cards/CardActionArea';
+export { default as CardHeader } from './Cards/CardHeader';
+export { default as Card } from './Cards/Card';
+export { default as Avatar } from './Avatars/Avatar';
+export { default as Breadcrumb } from './Breadcrumbs/Breadcrumb';
+export { default as Flex } from './Flex';
+export { Accordion, AccordionItem, AccordionGroup, AccordionTree } from './Accordion';
+export { default as DraggableFlatList } from './DraggableFlatList/DraggableFlatList';
+export * from './DraggableFlatList/CellDecorators';
+export * from "./DraggableFlatList/NestableDraggableFlatList";
+export * from "./DraggableFlatList/NestableScrollContainer";
+export * from "./constants/DraggableFlatList/types";
+export { TextField } from './TextFields';
+export * from "./Button";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AACrF,cAAc,oCAAoC,CAAC;AACnD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,22 @@
+export { default as Text } from './Texts/Text';
+export { default as SvgIcon } from './SvgIcon/SvgIcon';
+export { default as Button } from './Buttons/Button';
+export { default as Paper } from './Cards/Paper';
+export { default as Badge } from './Badges/Badge';
+export { default as CardMedia } from './Cards/CardMedia';
+export { default as CardActions } from './Cards/CardActions';
+export { default as CardContent } from './Cards/CardContent';
+export { default as CardActionArea } from './Cards/CardActionArea';
+export { default as CardHeader } from './Cards/CardHeader';
+export { default as Card } from './Cards/Card';
+export { default as Avatar } from './Avatars/Avatar';
+export { default as Breadcrumb } from './Breadcrumbs/Breadcrumb';
+export { default as Flex } from './Flex';
+export { Accordion, AccordionItem, AccordionGroup, AccordionTree } from './Accordion';
+export { default as DraggableFlatList } from './DraggableFlatList/DraggableFlatList';
+export * from './DraggableFlatList/CellDecorators';
+export * from "./DraggableFlatList/NestableDraggableFlatList";
+export * from "./DraggableFlatList/NestableScrollContainer";
+export * from "./constants/DraggableFlatList/types";
+export { TextField } from './TextFields';
+export * from "./Button";

package/dist/themes/colors.d.ts

@@ -0,0 +1,9 @@
+import { Colors } from "./types/colorTypes";
+/**
+ * We provide a variety of palete `colors` and some shadows!
+ *
+ * *Example*: `import  { colors } from '@estuary-solutions/rn-core-ui/themes'`
+ */
+export declare const colors: Colors;
+export default colors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/themes/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/themes/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,MAoNpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/themes/colors.js

@@ -0,0 +1,201 @@
+/**
+ * We provide a variety of palete `colors` and some shadows!
+ *
+ * *Example*: `import  { colors } from '@estuary-solutions/rn-core-ui/themes'`
+ */
+export const colors = {
+    // Primary Colors
+    primary: '#29ABE2',
+    // Disabled Color
+    disabled: '#F1F1F1',
+    // Error Color
+    error: '#D92D20',
+    // white
+    default: '#F1F1F1',
+    white: '#FFFFFF',
+    white_80: 'rgba(255, 255, 255, 0.8)',
+    // black
+    black: '#000000',
+    black_262626: '#262626',
+    // transparent
+    transparent00: 'rgba(0, 0, 0, 0)',
+    transparent10: 'rgba(0, 0, 0, 0.1)',
+    transparent25: 'rgba(0, 0, 0, 0.25)',
+    transparent30: 'rgba(0, 0, 0, 0.3)',
+    transparent40: 'rgba(0, 0, 0, 0.4)',
+    transparent50: 'rgba(0, 0, 0, 0.5)',
+    transparent80: 'rgba(0, 0, 0, 0.8)',
+    // red
+    red_FF6262: '#FF6262',
+    red_E00102: '#E00102',
+    red_E90000: '#E90000',
+    red_FF0303: '#FF0303',
+    red_EB4D3D: '#EB4D3D',
+    red_ED1C1C: '#ED1C1C',
+    red_F26122: '#F26122',
+    red_FF3F30: '#FF3F30',
+    red_FF4D4F: '#FF4D4F',
+    red_FF6E30: '#FF6E30',
+    red_F24822: '#F24822',
+    // green
+    green_32B14A: '#32B14A',
+    green_00A720: '#00A720',
+    green_42A046: '#42A046',
+    green_4CD964: '#4CD964',
+    green_8AAD0B: '#8AAD0B',
+    green_7FBA00: '#7FBA00',
+    green_3CB371: '#3CB371',
+    green_7BC143: '#7BC143',
+    green_387C2B: '#387C2B',
+    green_50A91A: '#50A91A',
+    green_2D880C: '#2D880C',
+    green_389E0D: '#389E0D',
+    green_42A013: '#42A013',
+    green_52C41A: '#52C41A',
+    green_279C2E: '#279C2E',
+    green_266431: '#266431',
+    green_32A702: '#32A702',
+    green_3C7700: '#3C7700',
+    green_3AA015: '#3AA015',
+    green_30C75E: '#30C75E',
+    green_81B214: '#81B214',
+    green_28C76F: '#28C76F',
+    green_6CC149: '#6CC149',
+    green_B2C8B8: '#B2C8B8',
+    green_6AD36E: '#6AD36E',
+    green_6ECA67: '#6ECA67',
+    green_419522: '#419522',
+    green_266432: '#266432',
+    green_386338: '#386338',
+    green_28663B: '#28663B',
+    green_266643: '#266643',
+    green_08674F: '#08674F',
+    green_206A5D: '#206A5D',
+    green_194527: '#194527',
+    green_1A4D2E: '#1A4D2E',
+    green_91C788: '#91C788',
+    green_D0F4C2: '#D0F4C2',
+    green_C7F9CC: '#C7F9CC',
+    green_CBFFDA: '#CBFFDA',
+    green_9AD7AC: '#9AD7AC',
+    green_A7E8B9: '#A7E8B9',
+    green_A0E8AD: '#A0E8AD',
+    green_92E3A973: '#92E3A973',
+    green_7BC1431A: '#7BC1431A',
+    green_0B5270: '#0B5270',
+    green_E0FEE8: '#E0FEE8',
+    green_EBF6E3: '#EBF6E3',
+    greenlightF8ECD2: '#F8ECD2',
+    green_gradient: ['#7BC143', '#387C2B'],
+    green_gradient_2: ['#42A046', '#42A046'],
+    // blue
+    blue: '#00B4F0',
+    blue_29ABE2: '#29ABE2',
+    blue_00A7E1: '#00A7E1',
+    blue_3677BC: '#3677BC',
+    blue_DDF7FF: '#DDF7FF',
+    blue_2B65B2: '#2B65B2',
+    blue_B2E5F6: '#B2E5F6',
+    blue_86D3EE: '#86D3EE',
+    blue_80D3F0: '#80D3F0',
+    blue_1890FF: '#1890FF',
+    // yellow
+    yellow_EDDE5D: '#EDDE5D',
+    yellow_FFCC29: '#FFCC29',
+    yellow_F0BD26: '#F0BD26',
+    yellow_F6BF32: '#F6BF32',
+    // orange
+    orange_EB996E: '#EB996E',
+    orange_F98B0A: '#F98B0A',
+    orange_F58634: '#F58634',
+    orange_FFA500: '#FFA500',
+    orangeFAAE4F: '#FAAE4F',
+    // grey
+    gray: '#6E6E6E',
+    gray_BCBCBC: '#BCBCBC',
+    gray_7E7E7E: '#7E7E7E',
+    gray_E5E0E4: '#E5E0E4',
+    gray_F1F1F1: '#F1F1F1',
+    gray_E7E3E3: '#E7E3E3',
+    gray_3C3C3C: '#3C3C3C',
+    gray_CCCCCC: '#CCCCCC',
+    gray_FAFAFA: '#FAFAFA',
+    gray_FDFDFD: '#FDFDFD',
+    gray_D9D9D9: '#D9D9D9',
+    gray_D9D9D980: '#D9D9D980',
+    gray_E6E6E6: '#E6E6E6',
+    gray_EBEBEB: '#EBEBEB',
+    gray_F5F5F5: '#F5F5F5',
+    gray_EEEEEE: '#EEEEEE',
+    gray_727272: '#727272',
+    gray_9CA3A5: '#9CA3A5',
+    gray_E5E5E5: '#E5E5E5',
+    gray_D1D2D4: '#D1D2D4',
+    gray_A0A0A0: '#A0A0A0',
+    gray_EAEAEA: '#EAEAEA',
+    gray_B3B3B3: '#B3B3B3',
+    gray_8A8A8A: '#8A8A8A',
+    gray_E4E4E4: '#E4E4E4',
+    gray_888888: '#888888',
+    gray_F4F4F4: '#F4F4F4',
+    gray_4F4F4F: '#4F4F4F',
+    gray_DDDDDD: '#DDDDDD',
+    gray_E1E5EA: '#E1E5EA',
+    //purple
+    purple_222C67: '#222C67',
+    purple_9370DB: '#9370DB',
+    //shadow
+    shadow: {
+        elevation: 4,
+        shadowColor: '#000',
+        shadowOpacity: 0.2,
+        shadowRadius: 3.84,
+        shadowOffset: {
+            width: 0,
+            height: -1,
+        },
+    },
+    shadow_btn: {
+        elevation: 4,
+        shadowColor: '#000',
+        shadowOpacity: 0.25,
+        shadowRadius: 2,
+        shadowOffset: {
+            width: 0,
+            height: 4,
+        },
+    },
+    shadow_order: {
+        elevation: 3,
+        shadowColor: '#000',
+        shadowOpacity: 0.15,
+        shadowRadius: 2.84,
+        shadowOffset: {
+            width: 0,
+            height: 1,
+        },
+    },
+    shadow_btn_small: {
+        elevation: 3,
+        shadowColor: '#000',
+        shadowOpacity: 0.25,
+        shadowRadius: 2,
+        shadowOffset: {
+            width: 1,
+            height: 1,
+        },
+    },
+    lightColors: {
+        surface: '#FFFFFF',
+        onSurface: '#000000',
+        outline: 'rgba(0,0,0,0.12)',
+        shadow: '#000000',
+    },
+    darkColors: {
+        surface: '#121212',
+        onSurface: '#FFFFFF',
+        outline: 'rgba(255,255,255,0.12)',
+        shadow: '#000000',
+    }
+};
+export default colors;

package/dist/themes/elevationOverlay.d.ts

@@ -0,0 +1,2 @@
+export declare const elevationOverlay: Record<number, number>;
+//# sourceMappingURL=elevationOverlay.d.ts.map

package/dist/themes/elevationOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevationOverlay.d.ts","sourceRoot":"","sources":["../../src/themes/elevationOverlay.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWnD,CAAC"}

package/dist/themes/elevationOverlay.js

@@ -0,0 +1,12 @@
+export const elevationOverlay = {
+    0: 0,
+    1: 0.05,
+    2: 0.06,
+    3: 0.07,
+    4: 0.08,
+    6: 0.10,
+    8: 0.12,
+    12: 0.14,
+    16: 0.15,
+    24: 0.16,
+};

package/dist/themes/fontSize.d.ts

@@ -0,0 +1,23 @@
+/**
+ * We provide a variety of `fontSize`
+ * *Example*: `import  { fontSize } from '@estuary-solutions/rn-core-ui/themes'`
+ */
+declare const _default: {
+    _8: number;
+    _10: number;
+    _11: number;
+    _12: number;
+    _13: number;
+    _14: number;
+    _16: number;
+    _18: number;
+    _20: number;
+    _22: number;
+    _24: number;
+    _28: number;
+    _30: number;
+    _36: number;
+    _48: number;
+};
+export default _default;
+//# sourceMappingURL=fontSize.d.ts.map

package/dist/themes/fontSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSize.d.ts","sourceRoot":"","sources":["../../src/themes/fontSize.ts"],"names":[],"mappings":"AAEA;;;GAGG;;;;;;;;;;;;;;;;;;AACH,wBAgBC"}

package/dist/themes/fontSize.js

@@ -0,0 +1,22 @@
+import { scaleFont } from "../utils";
+/**
+ * We provide a variety of `fontSize`
+ * *Example*: `import  { fontSize } from '@estuary-solutions/rn-core-ui/themes'`
+ */
+export default {
+    _8: scaleFont(8),
+    _10: scaleFont(10),
+    _11: scaleFont(11),
+    _12: scaleFont(12),
+    _13: scaleFont(13),
+    _14: scaleFont(14),
+    _16: scaleFont(16),
+    _18: scaleFont(18),
+    _20: scaleFont(20),
+    _22: scaleFont(22),
+    _24: scaleFont(24),
+    _28: scaleFont(28),
+    _30: scaleFont(30),
+    _36: scaleFont(36),
+    _48: scaleFont(48),
+};

package/dist/themes/index.d.ts

@@ -0,0 +1,5 @@
+import colors from "./colors";
+import fontSize from "./fontSize";
+import { elevationOverlay } from "./elevationOverlay";
+export { colors, fontSize, elevationOverlay };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/themes/index.js

@@ -0,0 +1,4 @@
+import colors from "./colors";
+import fontSize from "./fontSize";
+import { elevationOverlay } from "./elevationOverlay";
+export { colors, fontSize, elevationOverlay };