@artsy/palette-mobile 13.2.33 → 13.2.34

package/dist/elements/Screen/ScreenScrollView.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenScrollView = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lodash_1 = require("lodash");
-const react_native_reanimated_1 = __importDefault(require("react-native-reanimated"));
-const useListenForScreenScroll_1 = require("./hooks/useListenForScreenScroll");
-const ScreenScrollView = (props) => {
-    const { scrollHandler } = (0, useListenForScreenScroll_1.useListenForScreenScroll)();
-    let handleScroll;
-    if (props.onScroll) {
-        handleScroll = (0, lodash_1.flowRight)(scrollHandler, props.onScroll);
-    }
-    else {
-        handleScroll = scrollHandler;
-    }
-    return (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.ScrollView, { ...props, onScroll: handleScroll, scrollEventThrottle: 16 });
-};
-exports.ScreenScrollView = ScreenScrollView;

package/dist/elements/Screen/StickySubHeader.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface StickySubHeaderProps extends React.PropsWithChildren<{}> {
-    title: string;
-    separatorComponent?: React.ReactNode;
-    subTitle?: string;
-}
-export declare const StickySubHeader: React.FC<StickySubHeaderProps>;

package/dist/elements/Screen/StickySubHeader.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StickySubHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const ScreenScrollContext_1 = require("./ScreenScrollContext");
-const constants_1 = require("./constants");
-const hooks_1 = require("../../utils/hooks");
-const Flex_1 = require("../Flex");
-const Separator_1 = require("../Separator");
-const Text_1 = require("../Text");
-const STICKY_BAR_HEIGHT = 42;
-const DEFAULT_SEPARATOR_COMPONENT = (0, jsx_runtime_1.jsx)(Separator_1.Separator, { borderColor: "black5" });
-const StickySubHeader = ({ title, separatorComponent = DEFAULT_SEPARATOR_COMPONENT, subTitle, children, }) => {
-    const { currentScrollY, scrollYOffset = 0 } = (0, ScreenScrollContext_1.useScreenScrollContext)();
-    const space = (0, hooks_1.useSpace)();
-    const [stickyBarHeight, setStickyHeaderHeight] = (0, react_1.useState)(null);
-    const visible = (0, react_native_reanimated_1.useDerivedValue)(() => {
-        if (stickyBarHeight === null) {
-            return true;
-        }
-        return currentScrollY < constants_1.NAVBAR_HEIGHT + scrollYOffset;
-    }, [currentScrollY, scrollYOffset, stickyBarHeight]);
-    const handleLayout = (event) => {
-        setStickyHeaderHeight(event.nativeEvent.layout.height);
-    };
-    // The styles are kept in a variable to make sure they're always in sync with the hidden text component
-    const sharedStyles = {
-        paddingHorizontal: space(2),
-    };
-    const animatedStyles = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        return {
-            height: (0, react_native_reanimated_1.withTiming)(visible.value ? stickyBarHeight || STICKY_BAR_HEIGHT : 0, {
-                duration: 100,
-            }),
-            transform: [
-                {
-                    translateY: (0, react_native_reanimated_1.withTiming)(visible.value ? 0 : -(stickyBarHeight || STICKY_BAR_HEIGHT), {
-                        duration: 100,
-                    }),
-                },
-            ],
-        };
-    });
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [stickyBarHeight === null && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { onLayout: (event) => handleLayout(event), position: "absolute", backgroundColor: "white100", zIndex: -1000, style: sharedStyles, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { mb: 1, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "lg-display", color: "white100", children: title }), !!subTitle && ((0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "xs", mt: 0.5, color: "white100", children: subTitle }))] }) })), (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: [sharedStyles, animatedStyles], children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { style: { height: stickyBarHeight }, mb: 1, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "lg-display", children: title }), subTitle && ((0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "xs", mt: 0.5, children: subTitle }))] }) }), children, children !== undefined && separatorComponent] }));
-};
-exports.StickySubHeader = StickySubHeader;

package/dist/elements/Screen/constants.d.ts

@@ -1,12 +0,0 @@
-import { SpacingUnitDSValueNumber } from "../../types";
-export declare const LARGE_TITLE_HEIGHT = 64;
-export declare const NAVBAR_HEIGHT = 50;
-export declare const SCREEN_HORIZONTAL_PADDING: SpacingUnitDSValueNumber;
-export declare const SCREEN_TRANSITION_TIME = 400;
-export declare const ZINDEX: {
-    artworkContent: number;
-    bottomSheetModalView: number;
-    floatingHeader: number;
-    header: number;
-    selectMode: number;
-};

package/dist/elements/Screen/constants.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZINDEX = exports.SCREEN_TRANSITION_TIME = exports.SCREEN_HORIZONTAL_PADDING = exports.NAVBAR_HEIGHT = exports.LARGE_TITLE_HEIGHT = void 0;
-exports.LARGE_TITLE_HEIGHT = 64;
-exports.NAVBAR_HEIGHT = 50;
-exports.SCREEN_HORIZONTAL_PADDING = 2;
-exports.SCREEN_TRANSITION_TIME = 400;
-exports.ZINDEX = {
-    artworkContent: 10,
-    bottomSheetModalView: 1,
-    floatingHeader: 2,
-    header: 1,
-    selectMode: 1,
-};

package/dist/elements/Screen/hooks/useAnimatedHeaderScrolling.d.ts

@@ -1,2 +0,0 @@
-import { SharedValue } from "react-native-reanimated";
-export declare const useAnimatedHeaderScrolling: (scrollY: SharedValue<number>, scrollYOffset?: number) => number;

package/dist/elements/Screen/hooks/useAnimatedHeaderScrolling.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnimatedHeaderScrolling = void 0;
-const react_1 = require("react");
-const react_native_reanimated_1 = require("react-native-reanimated");
-const constants_1 = require("../constants");
-const useAnimatedHeaderScrolling = (scrollY, scrollYOffset = 0) => {
-    const listenForScroll = (0, react_native_reanimated_1.useSharedValue)(true);
-    const [currScrollY, setCurrScrollY] = (0, react_1.useState)(scrollY.value);
-    const HEADER_HEIGHT = (0, react_1.useMemo)(() => constants_1.NAVBAR_HEIGHT + scrollYOffset, [scrollYOffset]);
-    // Needed to run on JS thread
-    const update = (y) => {
-        setCurrScrollY(y);
-    };
-    (0, react_1.useEffect)(() => {
-        const timer = setTimeout(() => {
-            listenForScroll.value = false;
-        }, 1000);
-        return () => {
-            clearTimeout(timer);
-        };
-    }, [listenForScroll]);
-    (0, react_native_reanimated_1.useAnimatedReaction)(() => {
-        return [scrollY.value, listenForScroll.value];
-    }, ([animatedScrollY, isListeningForScroll], previousScroll) => {
-        const [prevScrollY] = previousScroll ?? [0, false];
-        // Hacky way to avoid some weird header behavior.
-        // look at HACKS.md for more info.
-        const suddenlyScrolled = Math.abs(animatedScrollY - prevScrollY) > HEADER_HEIGHT;
-        if (isListeningForScroll && suddenlyScrolled) {
-            return;
-        }
-        const prevTitleShown = prevScrollY >= HEADER_HEIGHT;
-        const currTitleShown = animatedScrollY >= HEADER_HEIGHT;
-        if (prevTitleShown === currTitleShown) {
-            return;
-        }
-        (0, react_native_reanimated_1.runOnJS)(update)(Math.floor(animatedScrollY));
-    }, [scrollY, HEADER_HEIGHT]);
-    return currScrollY;
-};
-exports.useAnimatedHeaderScrolling = useAnimatedHeaderScrolling;

package/dist/elements/Screen/hooks/useListenForScreenScroll.d.ts

@@ -1,3 +0,0 @@
-export declare const useListenForScreenScroll: () => {
-    scrollHandler: import("react-native-reanimated").ScrollHandlerProcessed<Record<string, unknown>>;
-};

package/dist/elements/Screen/hooks/useListenForScreenScroll.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useListenForScreenScroll = void 0;
-const react_1 = require("react");
-const react_native_reanimated_1 = require("react-native-reanimated");
-const useAnimatedHeaderScrolling_1 = require("./useAnimatedHeaderScrolling");
-const ScreenScrollContext_1 = require("../ScreenScrollContext");
-const useListenForScreenScroll = () => {
-    const { updateCurrentScrollY, scrollYOffset } = (0, ScreenScrollContext_1.useScreenScrollContext)();
-    const animatedScrollY = (0, react_native_reanimated_1.useSharedValue)(0);
-    const scrollY = (0, useAnimatedHeaderScrolling_1.useAnimatedHeaderScrolling)(animatedScrollY, scrollYOffset);
-    const scrollHandler = (0, react_native_reanimated_1.useAnimatedScrollHandler)({
-        onScroll: (event) => {
-            animatedScrollY.value = event.contentOffset.y;
-        },
-    });
-    (0, react_1.useEffect)(() => {
-        updateCurrentScrollY(scrollY);
-    }, [scrollY, updateCurrentScrollY]);
-    return {
-        scrollHandler,
-    };
-};
-exports.useListenForScreenScroll = useListenForScreenScroll;

package/dist/elements/Screen/index.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { ScreenFlatList } from "./ScreenFlatList";
-export * from "./constants";
-export declare const Screen: import("react").FC<import("./ScreenBase").ScreenBaseProps> & {
-    AnimatedHeader: import("react").FC<import("./Header").HeaderProps>;
-    Background: import("react").FC<{
-        children: import("react").ReactNode;
-    }>;
-    Body: import("react").FC<import("./Body").BodyProps>;
-    BottomView: import("react").FC<import("./BottomView").BottomViewProps>;
-    FlatList: typeof ScreenFlatList;
-    FloatingHeader: import("react").FC<import("./FloatingHeader").FloatingHeaderProps>;
-    FullWidthDivider: import("react").FC<import("..").BoxProps>;
-    FullWidthItem: import("react").FC<import("..").BoxProps>;
-    Header: import("react").FC<import("./Header").HeaderProps>;
-    ScreenScrollContextProvider: import("react").FC<{
-        children?: import("react").ReactNode;
-    }>;
-    ScrollView: import("react").FC<import("react-native/types").ScrollViewProps>;
-    StickySubHeader: import("react").FC<import("./StickySubHeader").StickySubHeaderProps>;
-    useListenForScreenScroll: () => {
-        scrollHandler: import("react-native-reanimated").ScrollHandlerProcessed<Record<string, unknown>>;
-    };
-    useScreenScrollContext: () => import("./ScreenScrollContext").ScreenScrollContextProps;
-};

package/dist/elements/Screen/index.js

@@ -1,48 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Screen = void 0;
-const Background_1 = require("./Background");
-const Body_1 = require("./Body");
-const BottomView_1 = require("./BottomView");
-const FloatingHeader_1 = require("./FloatingHeader");
-const FullWidthDivider_1 = require("./FullWidthDivider");
-const FullWidthItem_1 = require("./FullWidthItem");
-const Header_1 = require("./Header");
-const ScreenBase_1 = require("./ScreenBase");
-const ScreenFlatList_1 = require("./ScreenFlatList");
-const ScreenScrollContext_1 = require("./ScreenScrollContext");
-const ScreenScrollView_1 = require("./ScreenScrollView");
-const StickySubHeader_1 = require("./StickySubHeader");
-const useListenForScreenScroll_1 = require("./hooks/useListenForScreenScroll");
-__exportStar(require("./constants"), exports);
-exports.Screen = Object.assign(ScreenBase_1.ScreenBase, {
-    AnimatedHeader: Header_1.AnimatedHeader,
-    Background: Background_1.Background,
-    Body: Body_1.Body,
-    BottomView: BottomView_1.BottomView,
-    FlatList: ScreenFlatList_1.ScreenFlatList,
-    FloatingHeader: FloatingHeader_1.FloatingHeader,
-    FullWidthDivider: FullWidthDivider_1.FullWidthDivider,
-    FullWidthItem: FullWidthItem_1.FullWidthItem,
-    Header: Header_1.Header,
-    ScreenScrollContextProvider: ScreenScrollContext_1.ScreenScrollContextProvider,
-    ScrollView: ScreenScrollView_1.ScreenScrollView,
-    StickySubHeader: StickySubHeader_1.StickySubHeader,
-    // Hooks
-    useListenForScreenScroll: useListenForScreenScroll_1.useListenForScreenScroll,
-    useScreenScrollContext: ScreenScrollContext_1.useScreenScrollContext,
-});

package/dist/elements/SearchInput/SearchInput.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { InputProps } from "../Input";
-export interface SearchInputProps extends InputProps {
-    enableCancelButton?: boolean;
-}
-export declare const SearchInput: ({ enableCancelButton, onChangeText, onClear, ...props }: SearchInputProps) => JSX.Element;

package/dist/elements/SearchInput/SearchInput.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svgs_1 = require("../../svgs");
-const Flex_1 = require("../Flex");
-const Input_1 = require("../Input");
-const SearchInput = ({ enableCancelButton = true, onChangeText, onClear, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "row", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(Input_1.Input, { icon: (0, jsx_runtime_1.jsx)(svgs_1.MagnifyingGlassIcon, { width: 18, height: 18, fill: "onBackgroundHigh" }), autoCorrect: false, enableClearButton: enableCancelButton, returnKeyType: "search", onClear: () => {
-                onClear?.();
-            }, onChangeText: onChangeText, ...props, onFocus: (e) => {
-                props.onFocus?.(e);
-            }, onBlur: (e) => {
-                props.onBlur?.(e);
-            } }) }));
-};
-exports.SearchInput = SearchInput;

package/dist/elements/SearchInput/index.d.ts

@@ -1 +0,0 @@
-export * from "./SearchInput";

package/dist/elements/SearchInput/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SearchInput"), exports);

package/dist/elements/Separator/Separator.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="styled-components-react-native" />
-import { BorderProps, SpaceProps, WidthProps } from "styled-system";
-export interface SeparatorProps extends SpaceProps, WidthProps, BorderProps {
-}
-/**
- * A horizontal divider whose width and spacing can be adjusted
- */
-export declare const Separator: import("styled-components").StyledComponent<typeof import("react-native/types").View, import("styled-components").DefaultTheme, SeparatorProps, never>;

package/dist/elements/Separator/Separator.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Separator = void 0;
-const theme_get_1 = require("@styled-system/theme-get");
-const native_1 = __importDefault(require("styled-components/native"));
-const styled_system_1 = require("styled-system");
-/**
- * A horizontal divider whose width and spacing can be adjusted
- */
-exports.Separator = native_1.default.View `
-  border: 1px solid ${(0, theme_get_1.themeGet)("colors.onBackgroundLow")};
-  border-bottom-width: 0;
-  ${styled_system_1.space};
-  ${styled_system_1.width};
-  ${styled_system_1.border};
-`;
-exports.Separator.defaultProps = {
-    width: "100%",
-};

package/dist/elements/Separator/Separator.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("styled-components").StyledComponent<typeof import("react-native/types").View, import("styled-components").DefaultTheme, import("./Separator").SeparatorProps, never>;
-};
-export default _default;
-export declare const Styled: () => JSX.Element;

package/dist/elements/Separator/Separator.stories.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Styled = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Separator_1 = require("./Separator");
-const Spacer_1 = require("../Spacer");
-exports.default = {
-    title: "Separator",
-    component: Separator_1.Separator,
-};
-const Styled = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Separator_1.Separator, {}), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { y: 2 }), (0, jsx_runtime_1.jsx)(Separator_1.Separator, { borderColor: "red" })] }));
-exports.Styled = Styled;

package/dist/elements/Separator/ShadowSeparator.d.ts

@@ -1 +0,0 @@
-export declare const ShadowSeparator: import("styled-components").StyledComponent<typeof import("react-native/types").View, any, import("./Separator").SeparatorProps, never>;

package/dist/elements/Separator/ShadowSeparator.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShadowSeparator = void 0;
-const native_1 = __importDefault(require("styled-components/native"));
-const Separator_1 = require("./Separator");
-exports.ShadowSeparator = (0, native_1.default)(Separator_1.Separator) `
-  box-shadow: 0 -1px 1px rgba(50, 50, 50, 0.1);
-  width: 100%;
-  height: 0;
-`;

package/dist/elements/Separator/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Separator";
-export * from "./ShadowSeparator";

package/dist/elements/Separator/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Separator"), exports);
-__exportStar(require("./ShadowSeparator"), exports);

package/dist/elements/SimpleMessage/SimpleMessage.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { FlexProps } from "../Flex";
-import { TextProps } from "../Text";
-interface SimpleMessageProps extends FlexProps {
-    children: React.ReactNode | null;
-    textVariant?: TextProps["variant"];
-}
-/**
- * A generic message window for displaying ZeroStates, notices, errors, etc.
- */
-export declare const SimpleMessage: React.FC<SimpleMessageProps>;
-export {};

package/dist/elements/SimpleMessage/SimpleMessage.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleMessage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const theme_get_1 = require("@styled-system/theme-get");
-const native_1 = __importDefault(require("styled-components/native"));
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
-const StyledFlex = (0, native_1.default)(Flex_1.Flex) `
-  background-color: ${(0, theme_get_1.themeGet)("colors.black5")};
-  border-radius: 2px;
-`;
-/**
- * A generic message window for displaying ZeroStates, notices, errors, etc.
- */
-const SimpleMessage = ({ children, textVariant = "sm", ...restProps }) => {
-    return ((0, jsx_runtime_1.jsx)(StyledFlex, { p: 2, ...restProps, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "black60", variant: textVariant, children: children }) }));
-};
-exports.SimpleMessage = SimpleMessage;

package/dist/elements/SimpleMessage/index.d.ts

@@ -1 +0,0 @@
-export * from "./SimpleMessage";

package/dist/elements/SimpleMessage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SimpleMessage"), exports);

package/dist/elements/Skeleton/Skeleton.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from "react";
-import { FlexProps } from "../Flex";
-import { TextProps } from "../Text";
-/**
- * Creates a skeleton animation for a component.
- *
- * @example
- *
- * <Skeleton>
- *   <SkeletonText>Foo</SkeletonText>
- *   <SkeletonBox width={100} height={100} />
- * </Skeleton>
- */
-export declare const Skeleton: FC<{
-    children: ReactNode;
-}>;
-export declare const SkeletonText: FC<TextProps>;
-export declare const SkeletonBox: FC<FlexProps>;

package/dist/elements/Skeleton/Skeleton.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonBox = exports.SkeletonText = exports.Skeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const hooks_1 = require("../../utils/hooks");
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
-/**
- * Creates a skeleton animation for a component.
- *
- * @example
- *
- * <Skeleton>
- *   <SkeletonText>Foo</SkeletonText>
- *   <SkeletonBox width={100} height={100} />
- * </Skeleton>
- */
-const Skeleton = ({ children }) => {
-    const opacity = (0, react_native_reanimated_1.useSharedValue)(0.5);
-    opacity.value = (0, react_native_reanimated_1.withRepeat)((0, react_native_reanimated_1.withTiming)(1, { duration: 1000, easing: react_native_reanimated_1.Easing.ease }), -1, true);
-    const fadeLoopAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        return { opacity: opacity.value };
-    }, []);
-    return (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: fadeLoopAnim, children: children });
-};
-exports.Skeleton = Skeleton;
-const SkeletonText = ({ children, ...rest }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { alignSelf: "flex-start", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { ...rest, bg: color("black10"), color: color("black10"), children: children }) }));
-};
-exports.SkeletonText = SkeletonText;
-const SkeletonBox = ({ children, ...rest }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { ...rest, bg: color("black10"), children: children }));
-};
-exports.SkeletonBox = SkeletonBox;

package/dist/elements/Skeleton/Skeleton.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").FC<{
-        children: import("react").ReactNode;
-    }>;
-};
-export default _default;
-export declare const SkeletonLoaders: () => JSX.Element;

package/dist/elements/Skeleton/Skeleton.stories.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonLoaders = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lodash_1 = require("lodash");
-const Skeleton_1 = require("./Skeleton");
-const helpers_1 = require("../../storybook/helpers");
-const Flex_1 = require("../Flex");
-const Join_1 = require("../Join");
-const Spacer_1 = require("../Spacer");
-exports.default = {
-    title: "Skeleton",
-    component: Skeleton_1.Skeleton,
-};
-const SkeletonLoaders = () => ((0, jsx_runtime_1.jsx)(helpers_1.List, { style: { marginLeft: 50 }, contentContainerStyle: { alignItems: "flex-start" }, children: (0, jsx_runtime_1.jsxs)(Skeleton_1.Skeleton, { children: [(0, jsx_runtime_1.jsxs)(Join_1.Join, { separator: (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { y: 1 }), children: [(0, jsx_runtime_1.jsx)(Skeleton_1.SkeletonText, { variant: "lg", children: "Hi i am loading" }), (0, jsx_runtime_1.jsx)(Skeleton_1.SkeletonText, { variant: "md", children: "Me too" }), (0, jsx_runtime_1.jsx)(Skeleton_1.SkeletonText, { variant: "sm", children: "Also loading" }), (0, jsx_runtime_1.jsx)(Skeleton_1.SkeletonText, { variant: "xs", children: "Also loading" })] }), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { y: 2 }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "row", flexWrap: "wrap", children: (0, lodash_1.range)(1, 100).map((index) => ((0, jsx_runtime_1.jsx)(Skeleton_1.SkeletonBox, { mr: 1, mb: 1, width: 20, height: 20 }, index))) })] }) }));
-exports.SkeletonLoaders = SkeletonLoaders;

package/dist/elements/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export * from "./Skeleton";

package/dist/elements/Skeleton/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Skeleton"), exports);

package/dist/elements/Spacer/Spacer.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { SpacingUnit } from "../../types";
-export interface SpacerProps {
-    x?: SpacingUnit;
-    y?: SpacingUnit;
-}
-/**
- * Used to inject space where it's needed.
- */
-export declare const Spacer: ({ x, y, ...props }: SpacerProps) => JSX.Element;