@artsy/palette-mobile 11.0.1 → 11.0.2

package/dist/elements/Avatar/Avatar.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
-const Flex_1 = require("../Flex");
 const hooks_1 = require("../../utils/hooks");
+const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
 const DEFAULT_SIZE = "md";
 const VARIANTS = {

package/dist/elements/Avatar/Avatar.stories.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Variants = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("../../storybook/helpers");
 const Avatar_1 = require("./Avatar");
+const helpers_1 = require("../../storybook/helpers");
 exports.default = {
     title: "Avatar",
     component: Avatar_1.Avatar,

package/dist/elements/BackButton/BackButton.stories.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Styled = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("../Flex");
+const BackButton_1 = require("./BackButton");
 const Text_1 = require("../../elements/Text");
 const helpers_1 = require("../../storybook/helpers");
-const BackButton_1 = require("./BackButton");
+const Flex_1 = require("../Flex");
 exports.default = {
     title: "BackButton",
     component: BackButton_1.BackButton,

package/dist/elements/Banner/Banner.js

@@ -4,9 +4,9 @@ exports.Banner = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const Flex_1 = require("../Flex");
-const hooks_1 = require("../../utils/hooks");
 const svgs_1 = require("../../svgs");
+const hooks_1 = require("../../utils/hooks");
+const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
 const Banner = ({ title, text, onClose, showCloseButton = false, containerStyle, titleStyle, bodyTextStyle, }) => {
     const color = (0, hooks_1.useColor)();

package/dist/elements/BorderBox/BorderBox.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BorderProps, SpaceProps } from "styled-system";
-import { FlexProps } from "../Flex";
 import { SpacingUnitsTheme } from "../../tokens";
+import { FlexProps } from "../Flex";
 export interface BorderBoxProps extends FlexProps, BorderProps, SpaceProps<SpacingUnitsTheme> {
     hover?: boolean;
 }

package/dist/elements/Button/Button.js

@@ -32,13 +32,13 @@ const react_1 = require("react");
 const react_native_1 = require("react-native");
 const react_native_haptic_feedback_1 = __importDefault(require("react-native-haptic-feedback"));
 const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const Spacer_1 = require("../Spacer");
+const colors_1 = require("./colors");
+const MeasuredView_1 = require("../../elements/MeasuredView");
 const Box_1 = require("../Box");
 const Flex_1 = require("../Flex");
-const MeasuredView_1 = require("../../elements/MeasuredView");
-const Text_1 = require("../Text");
-const colors_1 = require("./colors");
+const Spacer_1 = require("../Spacer");
 const Spinner_1 = require("../Spinner");
+const Text_1 = require("../Text");
 const ANIMATION_DURATION = 150;
 const Button = ({ children, disabled: disabledProp, haptic, icon, iconPosition = "left", loading: loadingProp, block, longestText, onPress, size = "large", variant = "fillDark", testOnly_pressed, testID, hitSlop, ...restProps }) => {
     const [disabled, setDisabled, disabledV] = useStateWithProp(!!disabledProp);

package/dist/elements/Button/Button.stories.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SpacingAround = exports.Playground = exports.Miscellaneous = exports.TheLinkButton = exports.TheCTAButton = exports.TheFollowButton = exports.VariantsDisabled = exports.VariantsLoading = exports.Variants = exports.States = exports.Sizes = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
+const lodash_1 = require("lodash");
 const react_1 = require("react");
+const react_native_1 = require("react-native");
 const _1 = require(".");
-const __1 = require("../../");
+const __1 = require("..");
+const __2 = require("../../");
 const helpers_1 = require("../../storybook/helpers");
 const svgs_1 = require("../../svgs");
 const Wrap_1 = require("../../utils/Wrap");
-const lodash_1 = require("lodash");
-const __2 = require("..");
 const sizes = ["small", "large"];
 const variants = [
     "fillDark",
@@ -30,14 +30,14 @@ const Sizes = () => ((0, jsx_runtime_1.jsx)(helpers_1.DataList, { data: sizes, r
 exports.Sizes = Sizes;
 const States = () => {
     const [variant, setVariant] = (0, react_1.useState)("fillDark");
-    return ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(__1.Flex, { flexDirection: "row", flexWrap: "wrap", px: 2, children: variants.map((variant) => ((0, jsx_runtime_1.jsx)(__2.LinkText, { color: "orange", onPress: () => setVariant(variant), mr: "2", children: variant }))) }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), longestText: "Regular YEA", children: "Regular" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), disabled: true, children: "Disabled" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), loading: true, children: "Loading" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), testOnly_pressed: true, children: "Pressed" })] }));
+    return ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(__2.Flex, { flexDirection: "row", flexWrap: "wrap", px: 2, children: variants.map((variant) => ((0, jsx_runtime_1.jsx)(__1.LinkText, { color: "orange", onPress: () => setVariant(variant), mr: "2", children: variant }))) }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), longestText: "Regular YEA", children: "Regular" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), disabled: true, children: "Disabled" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), loading: true, children: "Loading" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped`), testOnly_pressed: true, children: "Pressed" })] }));
 };
 exports.States = States;
-const Variants = () => ((0, jsx_runtime_1.jsx)(helpers_1.DataList, { data: variants, renderItem: ({ item: variant }) => ((0, jsx_runtime_1.jsx)(Wrap_1.Wrap, { if: variant === "outlineLight" || variant === "fillLight", children: (0, jsx_runtime_1.jsx)(__1.Flex, { backgroundColor: "pink", p: 1, children: (0, jsx_runtime_1.jsx)(Wrap_1.Wrap.Content, { children: (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped ${variant}`), children: variant }) }) }) })) }));
+const Variants = () => ((0, jsx_runtime_1.jsx)(helpers_1.DataList, { data: variants, renderItem: ({ item: variant }) => ((0, jsx_runtime_1.jsx)(Wrap_1.Wrap, { if: variant === "outlineLight" || variant === "fillLight", children: (0, jsx_runtime_1.jsx)(__2.Flex, { backgroundColor: "pink", p: 1, children: (0, jsx_runtime_1.jsx)(Wrap_1.Wrap.Content, { children: (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, onPress: () => console.log(`tapped ${variant}`), children: variant }) }) }) })) }));
 exports.Variants = Variants;
 const VariantsLoading = () => ((0, jsx_runtime_1.jsx)(helpers_1.DataList, { data: variants, renderItem: ({ item: variant }) => ((0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, loading: true, onPress: () => console.log(`tapped ${variant}`), children: variant })) }));
 exports.VariantsLoading = VariantsLoading;
-const VariantsDisabled = () => ((0, jsx_runtime_1.jsx)(helpers_1.DataList, { data: variants, renderItem: ({ item: variant }) => ((0, jsx_runtime_1.jsx)(Wrap_1.Wrap, { if: variant === "outlineLight", children: (0, jsx_runtime_1.jsx)(__1.Flex, { backgroundColor: "black100", p: 1, children: (0, jsx_runtime_1.jsx)(Wrap_1.Wrap.Content, { children: (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, disabled: true, onPress: () => console.log(`tapped ${variant}`), children: variant }) }) }) })) }));
+const VariantsDisabled = () => ((0, jsx_runtime_1.jsx)(helpers_1.DataList, { data: variants, renderItem: ({ item: variant }) => ((0, jsx_runtime_1.jsx)(Wrap_1.Wrap, { if: variant === "outlineLight", children: (0, jsx_runtime_1.jsx)(__2.Flex, { backgroundColor: "black100", p: 1, children: (0, jsx_runtime_1.jsx)(Wrap_1.Wrap.Content, { children: (0, jsx_runtime_1.jsx)(_1.Button, { variant: variant, disabled: true, onPress: () => console.log(`tapped ${variant}`), children: variant }) }) }) })) }));
 exports.VariantsDisabled = VariantsDisabled;
 const TheFollowButton = () => {
     const [follow, setFollow] = (0, react_1.useState)(true);
@@ -48,7 +48,7 @@ const TheCTAButton = () => ((0, jsx_runtime_1.jsx)(helpers_1.List, { children: (
 exports.TheCTAButton = TheCTAButton;
 const TheLinkButton = () => ((0, jsx_runtime_1.jsx)(helpers_1.List, { children: (0, jsx_runtime_1.jsx)(_1.LinkButton, { onPress: () => console.log("pressed"), children: "LinkButton" }) }));
 exports.TheLinkButton = TheLinkButton;
-const Miscellaneous = () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(_1.Button, { loading: true, disabled: true, children: "loading and disabled" }), (0, jsx_runtime_1.jsx)(_1.Button, { loading: true, disabled: true, icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, {}), children: "loading and disabled with icon" }), (0, jsx_runtime_1.jsx)(_1.Button, { block: true, children: "block" }), (0, jsx_runtime_1.jsx)(__1.Flex, { backgroundColor: "orange", width: 400, height: 80, alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(_1.Button, { variant: "fillLight", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, {}), children: "left icon" }) }), (0, jsx_runtime_1.jsx)(_1.Button, { icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", children: "right icon" }), (0, jsx_runtime_1.jsx)(_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", children: "Right Icon Small" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: "fillDark", size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.BellIcon, { fill: "white100", width: "16px", height: "16px" }), children: "Create Alert" }), (0, jsx_runtime_1.jsxs)(__1.Box, { flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(__1.Box, { width: 2, height: "100%", backgroundColor: "green100" }), (0, jsx_runtime_1.jsxs)(__1.Box, { children: [(0, jsx_runtime_1.jsx)(_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", longestText: "this is a very long text", children: "shortest text" }), (0, jsx_runtime_1.jsx)(__1.Spacer, { y: 1 }), (0, jsx_runtime_1.jsx)(_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", longestText: "this is a very long text", children: "this is a very long text" })] }), (0, jsx_runtime_1.jsx)(__1.Box, { width: 2, height: "100%", backgroundColor: "green100" })] }), (0, jsx_runtime_1.jsx)(_1.Button, { icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), block: true, iconPosition: "left-start", children: "left-start aligned icon" })] }));
+const Miscellaneous = () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(_1.Button, { loading: true, disabled: true, children: "loading and disabled" }), (0, jsx_runtime_1.jsx)(_1.Button, { loading: true, disabled: true, icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, {}), children: "loading and disabled with icon" }), (0, jsx_runtime_1.jsx)(_1.Button, { block: true, children: "block" }), (0, jsx_runtime_1.jsx)(__2.Flex, { backgroundColor: "orange", width: 400, height: 80, alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(_1.Button, { variant: "fillLight", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, {}), children: "left icon" }) }), (0, jsx_runtime_1.jsx)(_1.Button, { icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", children: "right icon" }), (0, jsx_runtime_1.jsx)(_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", children: "Right Icon Small" }), (0, jsx_runtime_1.jsx)(_1.Button, { variant: "fillDark", size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.BellIcon, { fill: "white100", width: "16px", height: "16px" }), children: "Create Alert" }), (0, jsx_runtime_1.jsxs)(__2.Box, { flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(__2.Box, { width: 2, height: "100%", backgroundColor: "green100" }), (0, jsx_runtime_1.jsxs)(__2.Box, { children: [(0, jsx_runtime_1.jsx)(_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", longestText: "this is a very long text", children: "shortest text" }), (0, jsx_runtime_1.jsx)(__2.Spacer, { y: 1 }), (0, jsx_runtime_1.jsx)(_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), iconPosition: "right", longestText: "this is a very long text", children: "this is a very long text" })] }), (0, jsx_runtime_1.jsx)(__2.Box, { width: 2, height: "100%", backgroundColor: "green100" })] }), (0, jsx_runtime_1.jsx)(_1.Button, { icon: (0, jsx_runtime_1.jsx)(svgs_1.LinkIcon, { fill: "white100" }), block: true, iconPosition: "left-start", children: "left-start aligned icon" })] }));
 exports.Miscellaneous = Miscellaneous;
 const Playground = () => {
     const [loading, setLoading] = (0, react_1.useState)(false);
@@ -57,5 +57,5 @@ const Playground = () => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Button, { title: "loading", onPress: () => setLoading((v) => !v) }), (0, jsx_runtime_1.jsx)(react_native_1.Button, { title: "disabled", onPress: () => setDisabled((v) => !v) }), (0, jsx_runtime_1.jsx)(react_native_1.Button, { title: "block", onPress: () => setBlock((v) => !v) }), (0, jsx_runtime_1.jsx)(helpers_1.List, { children: (0, jsx_runtime_1.jsxs)(_1.Button, { loading: loading, disabled: disabled, block: block, longestText: "loading false, disabled false, block false", children: ["loading ", loading ? "true" : "false", ", disabled ", disabled ? "true" : "false", ", block", " ", block ? "true" : "false"] }) })] }));
 };
 exports.Playground = Playground;
-const SpacingAround = () => ((0, jsx_runtime_1.jsxs)(__1.Box, { children: [(0, jsx_runtime_1.jsx)(_1.Button, { m: 2, children: "wow 1" }), (0, jsx_runtime_1.jsx)(_1.Button, { children: "wow 2" })] }));
+const SpacingAround = () => ((0, jsx_runtime_1.jsxs)(__2.Box, { children: [(0, jsx_runtime_1.jsx)(_1.Button, { m: 2, children: "wow 1" }), (0, jsx_runtime_1.jsx)(_1.Button, { children: "wow 2" })] }));
 exports.SpacingAround = SpacingAround;

package/dist/elements/Button/colors.d.ts

@@ -1,5 +1,5 @@
-import { NoUndefined } from "../../utils/types";
 import { ButtonProps } from "./Button";
+import { NoUndefined } from "../../utils/types";
 type State = "disabled" | "pressed" | "active";
 export declare const useColorsForVariantAndState: () => Record<NoUndefined<ButtonProps["variant"]>, Record<State, {
     bg: string;

package/dist/elements/Checkbox/Checkbox.js

@@ -25,17 +25,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const elements_1 = require("../../elements");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const Flex_1 = require("../Flex");
 const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 const __1 = require("../..");
-const Text_1 = require("../Text");
+const elements_1 = require("../../elements");
 const hooks_1 = require("../../utils/hooks");
+const Flex_1 = require("../Flex");
+const Text_1 = require("../Text");
 const CHECKBOX_SIZEx1 = 20;
 const ANIMATION_DURATION = 250;
-const Checkbox = ({ checked: checkedProp, disabled, error, onPress, text, subtitle, testOnly_state, }) => {
+const Checkbox = ({ checked: checkedProp, disabled = false, error = false, onPress, text, subtitle, testOnly_state, }) => {
     const { color, space } = (0, __1.useTheme)();
     const fontScale = react_native_1.PixelRatio.getFontScale();
     const checkboxSize = CHECKBOX_SIZEx1 * fontScale;
@@ -87,7 +87,7 @@ const Checkbox = ({ checked: checkedProp, disabled, error, onPress, text, subtit
                                     borderWidth: 1,
                                 },
                                 toggleAnim,
-                            ], children: checked && (0, jsx_runtime_1.jsx)(Checkmark, { size: checkboxSize }) }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: 1, flex: 1, children: !!text && ((0, jsx_runtime_1.jsxs)(AText, { variant: "sm-display", color: textColor, numberOfLines: 2, underline: displayState === "pressed", style: pressAnim, children: [text, " ", displayState] })) })] }), !!subtitle && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: `${(checkboxSize + space(1)) * fontScale}px`, mt: 0.5, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "xs", color: subtitleColor, children: subtitle }) }))] }) }));
+                            ], children: checked && (0, jsx_runtime_1.jsx)(Checkmark, { size: checkboxSize }) }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: 1, flex: 1, children: text !== undefined && ((0, jsx_runtime_1.jsxs)(AText, { variant: "sm-display", color: textColor, numberOfLines: 2, underline: displayState === "pressed", style: pressAnim, children: [text, " ", displayState] })) })] }), subtitle !== undefined && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: `${(checkboxSize + space(1)) * fontScale}px`, mt: 0.5, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "xs", color: subtitleColor, children: subtitle }) }))] }) }));
 };
 exports.Checkbox = Checkbox;
 const AText = react_native_reanimated_1.default.createAnimatedComponent(Text_1.Text);

package/dist/elements/Checkbox/Checkbox.stories.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Variants = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("../../storybook/helpers");
 const Checkbox_1 = require("./Checkbox");
+const helpers_1 = require("../../storybook/helpers");
 exports.default = {
     title: "Checkbox",
     component: Checkbox_1.Checkbox,

package/dist/elements/CollapsibleMenuItem/CollapsibleMenuItem.js

@@ -4,9 +4,9 @@ exports.CollapsibleMenuItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const Flex_1 = require("../Flex");
 const svgs_1 = require("../../svgs");
 const Collapse_1 = require("../Collapse");
+const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
 const Touchable_1 = require("../Touchable");
 exports.CollapsibleMenuItem = (0, react_1.forwardRef)(({ children, overtitle, title, isExpanded = false, disabled = false, onExpand, onCollapse }, ref) => {

package/dist/elements/EntityHeader/EntityHeader.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("../Flex");
 const text_1 = require("../../utils/text");
 const Avatar_1 = require("../Avatar");
+const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
-const EntityHeader = ({ smallVariant, href, imageUrl, initials, name, meta, FollowButton, ...restProps }) => {
+const EntityHeader = ({ smallVariant = false, href, imageUrl, initials, name, meta, FollowButton, ...restProps }) => {
     const followButton = FollowButton && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: smallVariant ? 0.5 : 1, flexDirection: "row", alignItems: "center", justifyContent: "flex-end", children: FollowButton }));
     const headerName = ((0, jsx_runtime_1.jsx)(Text_1.Text, { ellipsizeMode: "tail", numberOfLines: 1, variant: "sm", style: { flexShrink: 1 }, children: name }));
     const headerMeta = !!meta && ((0, jsx_runtime_1.jsx)(Text_1.Text, { ellipsizeMode: "tail", numberOfLines: 1, variant: "xs", color: "black60", style: { flexShrink: 1 }, children: meta }));

package/dist/elements/Input/Input.d.ts

@@ -2,8 +2,8 @@
 /// <reference types="react" />
 import { EventEmitter } from "events";
 import { TextInput, TextInputProps, TextStyle } from "react-native";
-import { Flex } from "../Flex";
 import { Color } from "../../types";
+import { Flex } from "../Flex";
 export declare const INPUT_HEIGHT = 50;
 export declare const INPUT_HEIGHT_MULTILINE = 100;
 export declare const inputEvents: EventEmitter;

package/dist/elements/Input/Input.js

@@ -7,18 +7,18 @@ exports.computeBorderColor = exports.Input = exports.emitInputClearEvent = expor
 const jsx_runtime_1 = require("react/jsx-runtime");
 const events_1 = require("events");
 const theme_get_1 = require("@styled-system/theme-get");
+const lodash_1 = require("lodash");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const native_1 = __importDefault(require("styled-components/native"));
-const EyeClosedIcon_1 = require("../../svgs/EyeClosedIcon");
 const InputTitle_1 = require("./InputTitle");
-const Flex_1 = require("../Flex");
 const __1 = require("../..");
+const MeasuredView_1 = require("../../elements/MeasuredView");
 const svgs_1 = require("../../svgs");
-const Text_1 = require("../Text");
+const EyeClosedIcon_1 = require("../../svgs/EyeClosedIcon");
+const Flex_1 = require("../Flex");
 const Spinner_1 = require("../Spinner");
-const MeasuredView_1 = require("../../elements/MeasuredView");
-const lodash_1 = require("lodash");
+const Text_1 = require("../Text");
 const DEFAULT_FONT_SIZE = 16;
 exports.INPUT_HEIGHT = 50;
 exports.INPUT_HEIGHT_MULTILINE = 100;

package/dist/elements/Input/Input.stories.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Styled = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const Input_1 = require("./Input");
+const helpers_1 = require("../../storybook/helpers");
 const svgs_1 = require("../../svgs");
 const Flex_1 = require("../Flex");
-const helpers_1 = require("../../storybook/helpers");
-const Input_1 = require("./Input");
 exports.default = {
     title: "Input",
     component: Input_1.Input,

package/dist/elements/MenuItem/MenuItem.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const svgs_1 = require("../../svgs");
+const hooks_1 = require("../../utils/hooks");
 const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
-const svgs_1 = require("../../svgs");
 const Touchable_1 = require("../Touchable");
-const hooks_1 = require("../../utils/hooks");
 const MenuItem = ({ title, text, value, onPress, disabled = false, chevron = (0, jsx_runtime_1.jsx)(svgs_1.ChevronIcon, { direction: "right", fill: "black60" }), }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { onPress: onPress, underlayColor: color("black5"), disabled: disabled, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", alignItems: "center", justifyContent: "space-between", py: 2, px: 2, pr: "15px", children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "row", mr: 2, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", color: "onBackgroundHigh", children: title }) }), !!value && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", color: "black60", numberOfLines: 1, textAlign: "right", children: value }) })), !!(onPress && chevron) && (0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: 1, children: chevron }), !!text && ((0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", color: color("black60"), children: text }))] }) }));

package/dist/elements/Radio/RadioButton.js

@@ -8,9 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const theme_get_1 = require("@styled-system/theme-get");
 const react_native_1 = require("react-native");
 const native_1 = __importDefault(require("styled-components/native"));
+const __1 = require("../..");
 const animation_1 = require("../../animation");
 const Flex_1 = require("../Flex");
-const __1 = require("../..");
 const Text_1 = require("../Text");
 const RADIOBUTTON_SIZE = 20;
 const DURATION = 150;

package/dist/elements/Radio/RadioDot.js

@@ -53,20 +53,20 @@ exports.RADIO_DOT_MODES = {
 };
 const RadioDot = (props) => ((0, jsx_runtime_1.jsx)(Container, { ...props, children: (0, jsx_runtime_1.jsx)(Dot, { ...props }) }));
 exports.RadioDot = RadioDot;
-const Container = (props) => {
+const Container = ({ selected = false, hover = false, error = false, disabled = false, }) => {
     const mode = (() => {
         switch (true) {
-            case props.disabled:
+            case disabled:
                 return exports.RADIO_DOT_MODES.disabled;
-            case props.hover:
+            case hover:
                 return exports.RADIO_DOT_MODES.hover;
-            case props.error:
+            case error:
                 return exports.RADIO_DOT_MODES.error;
             default:
                 return exports.RADIO_DOT_MODES.default;
         }
     })();
-    const moreProps = props.selected ? mode.selected : mode.resting;
+    const moreProps = selected ? mode.selected : mode.resting;
     return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { width: 20, height: 20, borderRadius: 50, alignItems: "center", justifyContent: "center", flexShrink: 0, ...moreProps }));
 };
-const Dot = (props) => ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { width: 10, height: 10, borderRadius: 50, alignItems: "center", justifyContent: "center", flexShrink: 0, backgroundColor: props.disabled && !props.selected ? "transparent" : "white100" }));
+const Dot = ({ selected = false, disabled = false }) => ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { width: 10, height: 10, borderRadius: 50, alignItems: "center", justifyContent: "center", flexShrink: 0, backgroundColor: disabled && !selected ? "transparent" : "white100" }));

package/dist/elements/SearchInput/SearchInput.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Input_1 = require("../Input");
 const svgs_1 = require("../../svgs");
 const Flex_1 = require("../Flex");
+const Input_1 = require("../Input");
 const SearchInput = ({ enableCancelButton, onChangeText, onClear, onCancelPress, ...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: true, returnKeyType: "search", onClear: () => {
                 onClear?.();

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Styled = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("../..");
 const Separator_1 = require("./Separator");
+const __1 = require("../..");
 exports.default = {
     title: "Separator",
     component: Separator_1.Separator,

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

@@ -1,6 +1,6 @@
+import { FC, ReactNode } from "react";
 import { FlexProps } from "../Flex";
 import { TextProps } from "../Text";
-import { FC, ReactNode } from "react";
 /**
  * Creates a skeleton animation for a component.
  *

package/dist/elements/Skeleton/Skeleton.js

@@ -25,10 +25,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 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");
-const hooks_1 = require("../../utils/hooks");
-const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 /**
  * Creates a skeleton animation for a component.
  *

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

@@ -2,11 +2,11 @@
 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 __1 = require("../..");
 const helpers_1 = require("../../storybook/helpers");
-const Skeleton_1 = require("./Skeleton");
 const Join_1 = require("../Join");
-const lodash_1 = require("lodash");
 exports.default = {
     title: "Skeleton",
     component: Skeleton_1.Skeleton,

package/dist/elements/Spacer/Spacer.stories.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Vertical = exports.Horizontal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const Spacer_1 = require("./Spacer");
 const elements_1 = require("../../elements");
-const text_1 = require("../../utils/text");
-const hooks_1 = require("../../utils/hooks");
 const helpers_1 = require("../../storybook/helpers");
+const hooks_1 = require("../../utils/hooks");
+const text_1 = require("../../utils/text");
 const Box_1 = require("../Box");
-const Spacer_1 = require("./Spacer");
 exports.default = {
     title: "Spacer",
     component: Spacer_1.Spacer,

package/dist/elements/Tabs/NavigationalTabs.js

@@ -4,9 +4,9 @@ exports.NavigationalTabs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const _1 = require(".");
+const TabBarContainer_1 = require("./TabBarContainer");
 const __1 = require("../..");
 const useScreenDimensions_1 = require("../../utils/hooks/useScreenDimensions");
-const TabBarContainer_1 = require("./TabBarContainer");
 /**
  * Renders a list of tabs. Evenly-spaces them across the screen with
  * each tab label centered on the tab

package/dist/elements/Tabs/StepTabs.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const _1 = require(".");
+const TabBarContainer_1 = require("./TabBarContainer");
 const __1 = require("../..");
 const svgs_1 = require("../../svgs");
 const useScreenDimensions_1 = require("../../utils/hooks/useScreenDimensions");
-const TabBarContainer_1 = require("./TabBarContainer");
 /**
  * Renders a list of tabs. Evenly-spaces them across the screen with
  * each tab label and chevron evenly spaced

package/dist/elements/Tabs/TabBarContainer.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveTabBorder = exports.spring = exports.TabBarContainer = exports.TAB_BAR_HEIGHT = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const lodash_1 = require("lodash");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const lodash_1 = require("lodash");
 const __1 = require("../..");
 const hooks_1 = require("../../utils/hooks");
 const useScreenDimensions_1 = require("../../utils/hooks/useScreenDimensions");

package/dist/elements/Text/Text.js

@@ -9,9 +9,9 @@ const react_1 = require("react");
 const react_native_1 = require("react-native");
 const native_1 = __importDefault(require("styled-components/native"));
 const styled_system_1 = require("styled-system");
-const __1 = require("../..");
 const helpers_1 = require("./helpers");
-exports.Text = (0, react_1.forwardRef)(({ variant = "sm", italic = false, color = "onBackgroundHigh", caps, weight = "regular", underline = false, maxWidth, style, children, ...restProps }, ref) => {
+const __1 = require("../..");
+exports.Text = (0, react_1.forwardRef)(({ variant = "sm", italic = false, color = "onBackgroundHigh", caps = false, weight = "regular", underline = false, maxWidth = false, style, children, ...restProps }, ref) => {
     const { theme } = (0, __1.useTheme)();
     const fontFamily = (0, helpers_1.useFontFamilyFor)({ italic, weight });
     const nativeTextStyle = [caps ? { textTransform: "uppercase" } : {}];

package/dist/elements/Touchable/Touchable.js

@@ -8,8 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const react_native_haptic_feedback_1 = __importDefault(require("react-native-haptic-feedback"));
-const Flex_1 = require("../Flex");
 const hooks_1 = require("../../utils/hooks");
+const Flex_1 = require("../Flex");
 const Touchable = ({ children, flex, haptic, noFeedback = false, onPress, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     const inner = react_1.Children.count(children) === 1 ? children : (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: flex, children: children });

package/dist/elements/Touchable/Touchable.stories.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Examples = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("../Flex");
+const Touchable_1 = require("./Touchable");
 const helpers_1 = require("../../storybook/helpers");
 const svgs_1 = require("../../svgs");
+const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
-const Touchable_1 = require("./Touchable");
 exports.default = {
     title: "Touchable",
     component: Touchable_1.Touchable,

package/dist/elements/Touchable/TouchableHighlightColor.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Color } from "../../types";
 import { TouchableProps } from "./Touchable";
+import { Color } from "../../types";
 interface TouchableHighlightState {
     color: Color;
     highlighted: boolean;

package/dist/elements/VisualClue/VisualClueDot.js

@@ -4,8 +4,8 @@ exports.VisualClueDot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const Flex_1 = require("../Flex");
 const hooks_1 = require("../../utils/hooks");
+const Flex_1 = require("../Flex");
 const DOT_DIAMETER = 6;
 const ANIMATION_DURATION = 1600;
 const VisualClueDot = () => {

package/dist/elements/VisualClue/VisualClueText.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VisualClueText = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("../Flex");
 const hooks_1 = require("../../utils/hooks");
+const Flex_1 = require("../Flex");
 const PopIn_1 = require("../PopIn");
 const Text_1 = require("../Text");
 const WRAPPER_WIDTH = 56;

package/dist/storybook/decorators.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withDarkModeSwitcher = exports.withTheme = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("jotai/utils");
 const async_storage_1 = __importDefault(require("@react-native-async-storage/async-storage"));
 const jotai_1 = require("jotai");
+const utils_1 = require("jotai/utils");
+const react_1 = require("react");
 const react_native_1 = require("react-native");
 const __1 = require("..");
 const withTheme = (story) => ((0, jsx_runtime_1.jsxs)(__1.Theme, { theme: "v3light", children: [(0, jsx_runtime_1.jsx)(__1.Text, { color: "red", children: "aaww" }), story()] }));

package/dist/svgs/AddCircleFillIcon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AddCircleFillIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const AddCircleFillIcon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1zm.551 7.449H13V9.55H9.551V13H8.45V9.551H5V8.45h3.449V5H9.55v3.449z", fill: color(fill), fillRule: "nonzero" }) }));

package/dist/svgs/ArrowCircleFillIcons.js

@@ -6,7 +6,7 @@ const Icon_1 = require("./Icon");
 const hooks_1 = require("../utils/hooks");
 const FilledArrowCircle = ({ fill, rotate, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, style: rotate ? { transform: [{ rotate }] } : {}, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M16 9.5C16 13.366 12.866 16.5 9 16.5C5.13401 16.5 2 13.366 2 9.5C2 5.63401 5.13401 2.5 9 2.5C12.866 2.5 16 5.63401 16 9.5Z M9 6.5002L6 11.7002L12 11.7002L9 6.5002Z", fill: color(fill) }) }));
+    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, style: rotate !== undefined ? { transform: [{ rotate }] } : {}, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M16 9.5C16 13.366 12.866 16.5 9 16.5C5.13401 16.5 2 13.366 2 9.5C2 5.63401 5.13401 2.5 9 2.5C12.866 2.5 16 5.63401 16 9.5Z M9 6.5002L6 11.7002L12 11.7002L9 6.5002Z", fill: color(fill) }) }));
 };
 const ArrowUpCircleFillIcon = (props) => (0, jsx_runtime_1.jsx)(FilledArrowCircle, { ...props });
 exports.ArrowUpCircleFillIcon = ArrowUpCircleFillIcon;

package/dist/svgs/BoltCircleFill.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BoltCircleFill = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const BoltCircleFill = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 20 20", children: [(0, jsx_runtime_1.jsxs)(Icon_1.Mask, { id: "path-1-outside-1", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", fill: "black", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { fill: color("white100"), width: "20", height: "20" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z" })] }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z", fill: color("blue100") }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9.65332 10.6357L11.5296 11.3283L12.5235 8.63569H9.65332V10.6357ZM6.96826 10.0556L5.40652 8.80622L5.396 8.81938L5.38569 8.83271L6.96826 10.0556ZM10.9585 5.06782L12.5202 6.31721L12.5202 6.31721L10.9585 5.06782ZM11.5562 5.38862L13.4324 6.08121L13.4325 6.08087L11.5562 5.38862ZM10.2422 8.94819L8.36594 8.2556L7.372 10.9482H10.2422V8.94819ZM12.9272 9.52827L11.3727 8.26984L11.365 8.27955L12.9272 9.52827ZM8.93701 14.5205L10.4915 15.7789L10.4993 15.7692L8.93701 14.5205ZM8.33936 14.1953L10.2098 14.9035L10.2127 14.8957L10.2156 14.8878L8.33936 14.1953ZM16 10C16 13.3137 13.3137 16 10 16V20C15.5228 20 20 15.5228 20 10H16ZM10 4C13.3137 4 16 6.68629 16 10H20C20 4.47715 15.5228 0 10 0V4ZM4 10C4 6.68629 6.68629 4 10 4V0C4.47715 0 0 4.47715 0 10H4ZM10 16C6.68629 16 4 13.3137 4 10H0C0 15.5228 4.47715 20 10 20V16ZM7.16602 12.6357H9.65332V8.63569H7.16602V12.6357ZM4.84961 10.3369C4.84961 11.7063 5.97279 12.6357 7.16602 12.6357V8.63569C7.54143 8.63569 7.96949 8.77093 8.31684 9.10125C8.6687 9.43586 8.84961 9.88988 8.84961 10.3369H4.84961ZM5.38569 8.83271C5.20692 9.06406 4.84961 9.58615 4.84961 10.3369H8.84961C8.84961 10.8942 8.58019 11.2405 8.55083 11.2785L5.38569 8.83271ZM9.39676 3.81843L5.40652 8.80622L8.53 11.305L12.5202 6.31721L9.39676 3.81843ZM13.4325 6.08087C13.7791 5.14144 13.5841 3.79417 12.3671 3.15047C11.2 2.53314 10.0047 3.05853 9.39676 3.81843L12.5202 6.31721C12.2111 6.70357 11.3982 7.16304 10.4969 6.68633C9.54577 6.18326 9.50018 5.18315 9.67978 4.69636L13.4325 6.08087ZM12.1184 9.64078L13.4324 6.08121L9.6799 4.69603L8.36594 8.2556L12.1184 9.64078ZM12.7295 6.94819H10.2422V10.9482H12.7295V6.94819ZM15.0415 9.24702C15.0415 7.93755 13.9803 6.94819 12.7295 6.94819V10.9482C12.332 10.9482 11.8971 10.7988 11.5549 10.4634C11.2148 10.1302 11.0415 9.68521 11.0415 9.24702H15.0415ZM14.4817 10.7867C14.7402 10.4674 15.0415 9.9485 15.0415 9.24702H11.0415C11.0415 9.02309 11.088 8.80951 11.1662 8.62171C11.2396 8.44574 11.326 8.32758 11.3728 8.26987L14.4817 10.7867ZM10.4993 15.7692L14.4895 10.777L11.365 8.27955L7.37474 13.2717L10.4993 15.7692ZM6.46895 13.487C6.10916 14.4372 6.3091 15.7875 7.52407 16.4325C8.67558 17.0438 9.87203 16.5441 10.4915 15.7788L7.38252 13.2621C7.70317 12.866 8.5151 12.4299 9.39963 12.8995C10.3476 13.4028 10.3982 14.4059 10.2098 14.9035L6.46895 13.487ZM7.77707 9.9431L6.4631 13.5027L10.2156 14.8878L11.5296 11.3283L7.77707 9.9431Z", fill: color("white100"), mask: "url(#path-1-outside-1)" })] }));

package/dist/svgs/CloseCircleFillIcon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CloseCircleFillIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const CloseCircleFillIcon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17ZM12.502 6.28005L9.78199 9.00005L12.502 11.72L11.72 12.502L8.99999 9.78205L6.27999 12.502L5.49799 11.72L8.21799 9.00005L5.49799 6.28005L6.27999 5.49805L8.99999 8.21805L11.72 5.49805L12.502 6.28005Z", fillRule: "evenodd", clipRule: "evenodd", fill: color(fill) }) }));

package/dist/svgs/GuaranteeIcon.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GuaranteeIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const react_native_svg_1 = require("react-native-svg");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const GuaranteeIcon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsxs)(react_native_svg_1.G, { clipPath: "url(#clip0_2759_41684)", fillRule: "evenodd", clipRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M6.745 17.505a27.925 27.925 0 003.948 3.102 2.287 2.287 0 002.564 0 29.072 29.072 0 003.729-3.142 11.347 11.347 0 003.11-4.934.814.814 0 00-.611-.976.814.814 0 00-.977.602 9.826 9.826 0 01-2.678 4.168 26.87 26.87 0 01-3.517 2.947.635.635 0 01-.725 0 26.254 26.254 0 01-3.72-2.923 9.508 9.508 0 01-2.84-4.208 13.84 13.84 0 01-.18-3.143c0-.716.073-1.383.122-1.88.31 0 .692.065 1.1.081a7.97 7.97 0 002.441-.22 8.14 8.14 0 002.394-1.286c.407-.3.765-.594 1.042-.814.276.236.635.538 1.042.814A7.88 7.88 0 0015.43 6.98a.814.814 0 10.431-1.572 6.34 6.34 0 01-1.872-1.025 14.385 14.385 0 01-1.335-1.116.977.977 0 00-1.343 0c-.428.396-.876.768-1.344 1.116A6.643 6.643 0 018.08 5.417a6.325 6.325 0 01-1.954.154 15.212 15.212 0 01-1.628-.146.977.977 0 00-1.09.87c-.042.408-.147 1.474-.18 2.67-.074 1.188 0 2.38.22 3.55a11.095 11.095 0 003.297 4.99z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M11.89 8.893a.82.82 0 00-1.083 1.229l2.442 2.173a.969.969 0 001.351.09l5.96-5.593a.815.815 0 00-1.116-1.188l-5.438 5.128-2.116-1.84z", fill: color(fill) })] }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.ClipPath, { id: "clip0_2759_41684", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { fill: color(fill), d: "M0 0H24V24H0z" }) }) })] }));

package/dist/svgs/ImageIcon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const ImageIcon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M16 2H2c-.265 0-.52.098-.707.272A.896.896 0 001 2.929V14.07c0 .247.105.483.293.657.187.174.442.272.707.272h14c.265 0 .52-.098.707-.272a.896.896 0 00.293-.657V2.93a.896.896 0 00-.293-.657A1.04 1.04 0 0016 2zM2 14.071V2.93h14V14.07H2z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M4.46 6.643c.298 0 .588-.082.834-.235a1.42 1.42 0 00.553-.625 1.3 1.3 0 00.085-.805c-.058-.27-.2-.518-.41-.713a1.539 1.539 0 00-.768-.381 1.608 1.608 0 00-.867.08 1.482 1.482 0 00-.673.512 1.323 1.323 0 00-.253.774c0 .37.158.724.44.985a1.56 1.56 0 001.06.408zm0-2.136c.16 0 .315.042.447.123a.759.759 0 01.297.333.694.694 0 01.047.43.728.728 0 01-.218.38.82.82 0 01-.41.205.857.857 0 01-.462-.041.79.79 0 01-.36-.274.706.706 0 01-.135-.413.717.717 0 01.234-.52.832.832 0 01.56-.218v-.005zM11.39 7.279l-2.7 2.507-2-1.857a.52.52 0 00-.352-.135.52.52 0 00-.352.135L2.96 10.775v1.314l3.395-3.153L8 10.441l-1.875 1.74H7.5l4.225-3.923L15 11.286v-1.31L12.096 7.28a.52.52 0 00-.353-.135.52.52 0 00-.352.135z", fill: color(fill) })] }));

package/dist/svgs/MagnifyingGlassIcon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MagnifyingGlassIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const MagnifyingGlassIcon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M11.5 3a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm0-1A4.5 4.5 0 1 0 16 6.5 4.49 4.49 0 0 0 11.5 2zM9.442 9.525l-.88-.88L2.06 15.06l.88.88 6.502-6.415z", fill: color(fill ?? "onBackgroundHigh"), fillRule: "nonzero" }) }));

package/dist/svgs/Payment2Icon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Payment2Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const Payment2Icon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 3a.5.5 0 00-.5.5v11a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-11a.5.5 0 00-.5-.5h-15zM2 14V7h14v7H2zm0-8h14V4H2v2zm5 3H3v1h4V9z", fill: color(fill) }) }));

package/dist/svgs/SecureLockIcon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecureLockIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const SecureLockIcon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { viewBox: "0 0 24 24", ...restProps, children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { fill: color(fill), fillRule: "evenodd", d: "M8.928 5.29c-.49.608-.678 1.514-.678 2.71v1.5a.75.75 0 01-1.5 0V8c0-1.286.187-2.63 1.01-3.651C8.61 3.292 9.997 2.75 12 2.75s3.39.542 4.24 1.599c.823 1.02 1.01 2.365 1.01 3.651v1.5a.75.75 0 01-1.5 0V8c0-1.196-.188-2.102-.678-2.71-.462-.574-1.325-1.04-3.072-1.04s-2.61.466-3.072 1.04z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fill: color(fill), fillRule: "evenodd", d: "M5.78 10.78c-.324.324-.53.965-.53 2.47v1.5c0 1.505.206 2.146.53 2.47.324.324.965.53 2.47.53h7.5c1.505 0 2.146-.206 2.47-.53.324-.324.53-.965.53-2.47v-1.5c0-1.505-.206-2.146-.53-2.47-.324-.324-.965-.53-2.47-.53h-7.5c-1.505 0-2.146.206-2.47.53zM4.72 9.72c.8-.801 2.035-.97 3.53-.97h7.5c1.495 0 2.73.169 3.53.97.801.8.97 2.035.97 3.53v1.5c0 1.495-.169 2.73-.97 3.53-.8.801-2.035.97-3.53.97h-7.5c-1.495 0-2.73-.169-3.53-.97-.801-.8-.97-2.035-.97-3.53v-1.5c0-1.495.169-2.73.97-3.53z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fill: color(fill), fillRule: "evenodd", d: "M11.95 11.5c-.992 0-1.75.751-1.75 1.733 0 .751.525 1.387 1.225 1.618V16.122c0 .347.233.578.583.578s.584-.231.584-.578V14.851a1.71 1.71 0 001.108-1.618c0-.982-.758-1.733-1.75-1.733zm0 1.156c.35 0 .583.23.583.577s-.233.578-.583.578-.583-.231-.583-.578c0-.346.291-.577.583-.577z", clipRule: "evenodd" })] }));

package/dist/svgs/ShieldIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Color } from "../types";
 import { IconProps } from "./Icon";
+import { Color } from "../types";
 type ShieldIconProps = IconProps & {
     checkColor?: Color;
     shieldColor?: Color;

package/dist/svgs/ShieldIcon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShieldIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const ShieldIcon = ({ checkColor = "blue100", shieldColor = "onBackground", width = 22, height = 22, fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", width: width, height: height, children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M 5.058594 13.128906 C 5.972656 13.992188 6.964844 14.769531 8.019531 15.457031 C 8.304688 15.648438 8.636719 15.75 8.980469 15.75 C 9.324219 15.75 9.660156 15.648438 9.941406 15.457031 C 10.9375 14.75 11.875 13.960938 12.738281 13.097656 C 13.824219 12.089844 14.628906 10.8125 15.070312 9.398438 C 15.089844 9.320312 15.09375 9.238281 15.078125 9.160156 C 15.066406 9.082031 15.035156 9.003906 14.996094 8.9375 C 14.953125 8.871094 14.894531 8.808594 14.832031 8.765625 C 14.765625 8.71875 14.691406 8.683594 14.613281 8.664062 C 14.457031 8.628906 14.292969 8.65625 14.152344 8.742188 C 14.015625 8.824219 13.917969 8.960938 13.878906 9.117188 C 13.488281 10.3125 12.796875 11.390625 11.871094 12.242188 C 11.058594 13.054688 10.175781 13.792969 9.234375 14.453125 C 9.15625 14.507812 9.058594 14.539062 8.960938 14.539062 C 8.867188 14.539062 8.769531 14.507812 8.691406 14.453125 C 7.695312 13.808594 6.761719 13.074219 5.902344 12.261719 C 4.917969 11.421875 4.179688 10.332031 3.769531 9.105469 C 3.636719 8.328125 3.589844 7.535156 3.636719 6.75 C 3.636719 6.210938 3.691406 5.710938 3.726562 5.339844 C 3.960938 5.339844 4.246094 5.386719 4.550781 5.398438 C 5.167969 5.4375 5.785156 5.382812 6.382812 5.234375 C 7.03125 5.015625 7.636719 4.691406 8.179688 4.269531 C 8.484375 4.042969 8.753906 3.824219 8.960938 3.660156 C 9.167969 3.835938 9.4375 4.0625 9.742188 4.269531 C 10.289062 4.695312 10.910156 5.023438 11.574219 5.234375 C 11.730469 5.277344 11.894531 5.257812 12.035156 5.175781 C 12.179688 5.097656 12.28125 4.964844 12.324219 4.808594 C 12.367188 4.652344 12.347656 4.484375 12.265625 4.34375 C 12.1875 4.203125 12.050781 4.097656 11.898438 4.054688 C 11.386719 3.882812 10.914062 3.621094 10.492188 3.285156 C 10.140625 3.027344 9.808594 2.75 9.492188 2.449219 C 9.355469 2.320312 9.175781 2.25 8.988281 2.25 C 8.800781 2.25 8.621094 2.320312 8.484375 2.449219 C 8.164062 2.746094 7.828125 3.027344 7.476562 3.285156 C 7.050781 3.621094 6.570312 3.882812 6.058594 4.0625 C 5.582031 4.175781 5.085938 4.214844 4.59375 4.179688 C 4.1875 4.164062 3.777344 4.128906 3.375 4.070312 C 3.277344 4.058594 3.179688 4.0625 3.085938 4.089844 C 2.992188 4.117188 2.902344 4.164062 2.828125 4.222656 C 2.75 4.285156 2.6875 4.359375 2.640625 4.445312 C 2.59375 4.53125 2.566406 4.625 2.554688 4.722656 C 2.523438 5.027344 2.445312 5.828125 2.421875 6.722656 C 2.367188 7.613281 2.421875 8.507812 2.585938 9.386719 C 3.050781 10.835938 3.90625 12.132812 5.058594 13.128906 Z M 5.058594 13.128906", fill: color(shieldColor), fillRule: "evenodd", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M 8.917969 6.667969 C 8.855469 6.617188 8.785156 6.574219 8.710938 6.550781 C 8.632812 6.523438 8.554688 6.511719 8.472656 6.515625 C 8.390625 6.523438 8.3125 6.542969 8.242188 6.578125 C 8.167969 6.613281 8.105469 6.664062 8.050781 6.722656 C 7.996094 6.785156 7.957031 6.855469 7.929688 6.933594 C 7.902344 7.007812 7.894531 7.089844 7.898438 7.167969 C 7.910156 7.332031 7.984375 7.484375 8.105469 7.589844 L 9.9375 9.222656 C 10.0625 9.363281 10.242188 9.449219 10.429688 9.460938 C 10.621094 9.472656 10.804688 9.414062 10.949219 9.289062 L 15.417969 5.09375 C 15.539062 4.984375 15.605469 4.828125 15.613281 4.667969 C 15.617188 4.507812 15.558594 4.347656 15.445312 4.230469 C 15.335938 4.113281 15.183594 4.042969 15.019531 4.039062 C 14.859375 4.03125 14.703125 4.09375 14.582031 4.203125 L 10.503906 8.050781 Z M 8.917969 6.667969", fill: color(checkColor), fillRule: "evenodd", clipRule: "evenodd" })] }));

package/dist/svgs/StarCircleFill.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StarCircleFill = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const StarCircleFill = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 20 20", children: [(0, jsx_runtime_1.jsxs)(Icon_1.Mask, { id: "path-1-outside-1", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", fill: "black", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { fill: color("white100"), width: "20", height: "20" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z" })] }), (0, jsx_runtime_1.jsx)(Icon_1.Circle, { cx: "10", cy: "10", r: "5", fill: color("white100") }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM7.67083 14.2656C7.39837 14.4634 7.16986 14.5117 6.98968 14.3711C6.8095 14.2349 6.76995 14.0107 6.87982 13.6943L7.79827 10.9565L5.45159 9.27344C5.17913 9.08008 5.06488 8.87354 5.13958 8.6582C5.2099 8.44287 5.41644 8.3374 5.75482 8.3418L8.63323 8.36377L9.50775 5.61279C9.61322 5.29199 9.77142 5.125 9.99554 5.125C10.2241 5.125 10.3823 5.29199 10.4877 5.61279L11.3622 8.36377L14.2407 8.3418C14.579 8.3374 14.7856 8.44287 14.8559 8.6582C14.9262 8.87354 14.8163 9.08008 14.5439 9.27344L12.1972 10.9565L13.1157 13.6943C13.2255 14.0107 13.186 14.2349 13.0058 14.3711C12.8212 14.5117 12.5971 14.4634 12.3246 14.2656L9.99554 12.5562L7.67083 14.2656Z", fill: color("green100") }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M6.98968 14.3711L8.22022 12.7945L8.20813 12.785L8.1959 12.7758L6.98968 14.3711ZM7.67083 14.2656L8.84565 15.8843L8.85567 15.8769L7.67083 14.2656ZM6.87982 13.6943L8.76916 14.3504L8.77262 14.3404L8.77596 14.3304L6.87982 13.6943ZM7.79827 10.9565L9.69442 11.5926L10.1642 10.1922L8.96392 9.33134L7.79827 10.9565ZM5.45159 9.27344L6.61725 7.64822L6.60909 7.64242L5.45159 9.27344ZM5.13958 8.6582L7.0291 9.31375L7.0351 9.29643L7.04079 9.27901L5.13958 8.6582ZM5.75482 8.3418L5.72884 10.3417L5.73955 10.3417L5.75482 8.3418ZM8.63323 8.36377L8.61797 10.3637L10.0925 10.375L10.5392 8.96967L8.63323 8.36377ZM9.50775 5.61279L7.60779 4.98815L7.60472 4.9975L7.60174 5.00689L9.50775 5.61279ZM10.4877 5.61279L12.3937 5.00689L12.3908 4.9975L12.3877 4.98815L10.4877 5.61279ZM11.3622 8.36377L9.45623 8.96967L9.90296 10.375L11.3775 10.3637L11.3622 8.36377ZM14.2407 8.3418L14.2559 10.3418L14.2666 10.3416L14.2407 8.3418ZM14.5439 9.27344L13.3864 7.6424L13.3782 7.64824L14.5439 9.27344ZM12.1972 10.9565L11.0316 9.33134L9.83125 10.1922L10.3011 11.5926L12.1972 10.9565ZM13.1157 13.6943L11.2195 14.3304L11.2229 14.3404L11.2263 14.3504L13.1157 13.6943ZM13.0058 14.3711L11.7996 12.7758L11.7937 12.7802L13.0058 14.3711ZM12.3246 14.2656L11.1412 15.878L11.1499 15.8842L12.3246 14.2656ZM9.99554 12.5562L11.1789 10.9438L9.99442 10.0744L8.8107 10.9449L9.99554 12.5562ZM16 10C16 13.3137 13.3137 16 10 16V20C15.5228 20 20 15.5228 20 10H16ZM10 4C13.3137 4 16 6.68629 16 10H20C20 4.47715 15.5228 0 10 0V4ZM4 10C4 6.68629 6.68629 4 10 4V0C4.47715 0 0 4.47715 0 10H4ZM10 16C6.68629 16 4 13.3137 4 10H0C0 15.5228 4.47715 20 10 20V16ZM5.75914 15.9477C6.32302 16.3878 7.00179 16.5233 7.62908 16.4173C8.17023 16.3258 8.58626 16.0725 8.84562 15.8842L6.49604 12.647C6.50109 12.6434 6.53848 12.6164 6.60657 12.5836C6.67408 12.5511 6.79509 12.5015 6.96222 12.4732C7.1355 12.4439 7.35505 12.4385 7.59728 12.4962C7.84271 12.5547 8.05342 12.6643 8.22022 12.7945L5.75914 15.9477ZM4.99047 13.0383C4.87152 13.3809 4.76065 13.8711 4.85294 14.4275C4.95578 15.0476 5.28661 15.5907 5.78346 15.9664L8.1959 12.7758C8.51258 13.0152 8.73354 13.3782 8.79903 13.773C8.85396 14.1043 8.77825 14.3242 8.76916 14.3504L4.99047 13.0383ZM5.90213 10.3204L4.98367 13.0582L8.77596 14.3304L9.69442 11.5926L5.90213 10.3204ZM4.28595 10.8986L6.63263 12.5817L8.96392 9.33134L6.61724 7.64824L4.28595 10.8986ZM3.25007 8.00266C3.0212 8.66234 3.10049 9.33677 3.39004 9.89497C3.64474 10.386 4.0171 10.7079 4.2941 10.9045L6.60909 7.64242C6.61363 7.64565 6.79263 7.76757 6.94077 8.05315C7.12375 8.4059 7.18326 8.8694 7.0291 9.31375L3.25007 8.00266ZM5.78079 6.34197C5.42668 6.33737 4.93055 6.38308 4.43327 6.63836C3.87423 6.92536 3.44162 7.41496 3.23837 8.0374L7.04079 9.27901C6.90786 9.68611 6.61368 10.0153 6.26008 10.1968C5.96825 10.3467 5.74457 10.3418 5.72885 10.3416L5.78079 6.34197ZM8.6485 6.36383L5.77008 6.34186L5.73955 10.3417L8.61797 10.3637L8.6485 6.36383ZM7.60174 5.00689L6.72722 7.75786L10.5392 8.96967L11.4138 6.2187L7.60174 5.00689ZM9.99554 3.125C9.31828 3.125 8.71832 3.40315 8.28341 3.84397C7.90215 4.23042 7.71113 4.67385 7.60779 4.98815L11.4077 6.23744C11.4049 6.24599 11.3895 6.29157 11.3525 6.35936C11.3156 6.42701 11.2468 6.53573 11.1309 6.65322C11.011 6.77471 10.8452 6.90061 10.6306 6.99303C10.4139 7.08636 10.1948 7.125 9.99554 7.125V3.125ZM12.3877 4.98815C12.2845 4.67422 12.0926 4.22759 11.7067 3.83915C11.2656 3.39505 10.6643 3.125 9.99554 3.125V7.125C9.80256 7.125 9.58709 7.08832 9.37152 6.99667C9.15747 6.90567 8.99059 6.78064 8.86881 6.65804C8.75119 6.53963 8.68132 6.42961 8.64373 6.36089C8.60615 6.29216 8.59056 6.2459 8.58777 6.23744L12.3877 4.98815ZM13.2683 7.75786L12.3937 5.00689L8.58172 6.2187L9.45623 8.96967L13.2683 7.75786ZM14.2254 6.34186L11.347 6.36383L11.3775 10.3637L14.2559 10.3417L14.2254 6.34186ZM16.7571 8.0374C16.5539 7.41496 16.1212 6.92536 15.5622 6.63836C15.0649 6.38308 14.5688 6.33737 14.2147 6.34197L14.2666 10.3416C14.2509 10.3418 14.0272 10.3467 13.7354 10.1968C13.3818 10.0153 13.0876 9.68611 12.9547 9.27901L16.7571 8.0374ZM15.7014 10.9045C15.9847 10.7034 16.3553 10.3791 16.6077 9.88747C16.8919 9.3337 16.9659 8.67696 16.7571 8.0374L12.9547 9.27901C12.8162 8.85478 12.8704 8.40897 13.0492 8.06065C13.1961 7.77444 13.3755 7.65014 13.3864 7.64242L15.7014 10.9045ZM13.3628 12.5817L15.7095 10.8986L13.3782 7.64824L11.0316 9.33134L13.3628 12.5817ZM15.0118 13.0582L14.0933 10.3204L10.3011 11.5926L11.2195 14.3304L15.0118 13.0582ZM14.212 15.9664C14.7089 15.5907 15.0397 15.0476 15.1425 14.4275C15.2348 13.8711 15.1239 13.3809 15.005 13.0383L11.2263 14.3504C11.2172 14.3242 11.1415 14.1043 11.1964 13.773C11.2619 13.3782 11.4829 13.0152 11.7996 12.7758L14.212 15.9664ZM11.1499 15.8842C11.404 16.0687 11.8195 16.3246 12.3632 16.417C12.9981 16.5249 13.6656 16.3827 14.2179 15.962L11.7937 12.7802C11.9524 12.6593 12.1563 12.5531 12.3981 12.4958C12.6379 12.4389 12.8572 12.4436 13.0332 12.4735C13.2023 12.5022 13.3246 12.5527 13.3922 12.5855C13.4601 12.6184 13.4966 12.645 13.4994 12.647L11.1499 15.8842ZM8.81215 14.1685L11.1413 15.878L13.508 12.6533L11.1789 10.9438L8.81215 14.1685ZM8.85567 15.8769L11.1804 14.1674L8.8107 10.9449L6.48599 12.6544L8.85567 15.8769Z", fill: color("white100"), mask: "url(#path-1-outside-1)" })] }));

package/dist/svgs/StarCircleIcon.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StarCircleIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const StarCircleIcon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", preserveAspectRatio: "none", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M16.1114 8.19C16.1114 12.4371 12.6684 15.88 8.4214 15.88C4.17436 15.88 0.731445 12.4371 0.731445 8.19C0.731445 3.94293 4.17436 0.5 8.4214 0.5C12.6684 0.5 16.1114 3.94293 16.1114 8.19Z", fill: color(fill), fillRule: "nonzero" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M16.1114 8.19C16.1114 12.4371 12.6684 15.88 8.4214 15.88C4.17436 15.88 0.731445 12.4371 0.731445 8.19C0.731445 3.94293 4.17436 0.5 8.4214 0.5C12.6684 0.5 16.1114 3.94293 16.1114 8.19Z", fill: "white", fillRule: "nonzero", scale: 0.9, translateX: 0.8, translateY: 0.8 }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M8.39642 4C8.55418 4 8.6984 4.08913 8.76895 4.23023L9.84305 6.37846L12.2048 6.72199C12.3617 6.74481 12.492 6.85469 12.541 7.00545C12.59 7.15621 12.5491 7.32171 12.4356 7.43237L10.7167 9.10834L11.1034 11.4714C11.1289 11.6275 11.0638 11.7847 10.9352 11.877C10.8067 11.9693 10.6369 11.9807 10.4971 11.9065L8.39642 10.7919L6.2957 11.9065C6.15592 11.9807 5.98617 11.9693 5.85761 11.877C5.72906 11.7847 5.6639 11.6275 5.68946 11.4714L6.07613 9.10834L4.3572 7.43237C4.2437 7.32171 4.20286 7.15621 4.25184 7.00545C4.30082 6.85469 4.43114 6.74481 4.588 6.72199L6.94979 6.37846L8.0239 4.23023C8.09445 4.08913 8.23867 4 8.39642 4ZM8.39642 5.34782L7.59755 6.94557C7.5366 7.06748 7.41985 7.15185 7.28498 7.17147L5.54275 7.42488L6.81294 8.66333C6.91027 8.75823 6.95517 8.89465 6.93322 9.0288L6.64714 10.7771L8.2012 9.95246C8.32329 9.88768 8.46956 9.88768 8.59164 9.95246L10.1457 10.7771L9.85963 9.0288C9.83767 8.89465 9.88257 8.75823 9.9799 8.66333L11.2501 7.42488L9.50787 7.17147C9.37299 7.15185 9.25625 7.06748 9.19529 6.94557L8.39642 5.34782Z", fill: color(fill), fillRule: "nonzero" })] }));

package/dist/svgs/Tag2Icon.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag2Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const react_native_svg_1 = require("react-native-svg");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const Tag2Icon = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: [(0, jsx_runtime_1.jsx)(Icon_1.G, { clipPath: "url(#clip0_2381_10824)", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.276 3.759a1 1 0 01.774.29l6.557 6.558a1 1 0 010 1.414l-4.95 4.95a1 1 0 01-1.414 0l-6.557-6.557a1 1 0 01-.291-.774L3.705 5c.004-.067.014-.131.031-.193l-.918-.918a.5.5 0 01.707-.707l.918.918c.062-.017.126-.027.193-.032l4.64-.31zm-4.618 1.97l-.265 3.977 6.557 6.558 4.95-4.95-6.558-6.557-3.977.265L7.12 6.778a1.5 1.5 0 11-.707.707L4.658 5.729zm3.463 2.05a.5.5 0 10-.707.706.5.5 0 00.707-.707z", fill: color(fill) }) }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.ClipPath, { id: "clip0_2381_10824", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { fill: "#fff", d: "M0 0H18V18H0z" }) }) })] }));

package/dist/svgs/TriangleDown.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TriangleDown = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("../utils/hooks");
 const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
 const TriangleDown = ({ fill, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { width: "11", height: "6", ...restProps, viewBox: "0 0 11 6", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", "clip-rule": "evenodd", d: "M5.5 6L0 0L11 0L5.5 6Z", fill: color(fill) ?? "black" }) }));

package/dist/svgs/WhatsAppAppIcon.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WhatsAppAppIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("../elements/Flex");
 const Icon_1 = require("./Icon");
+const Flex_1 = require("../elements/Flex");
 const WhatsAppAppIcon = ({ fill, ...restProps }) => ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { borderRadius: 4, overflow: "hidden", children: (0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 455.731 455.731", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { x: "0", y: "0", fill: "#25D366", width: "455.731", height: "455.731" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M68.494,387.41l22.323-79.284c-14.355-24.387-21.913-52.134-21.913-80.638 c0-87.765,71.402-159.167,159.167-159.167s159.166,71.402,159.166,159.167c0,87.765-71.401,159.167-159.166,159.167 c-27.347,0-54.125-7-77.814-20.292L68.494,387.41z M154.437,337.406l4.872,2.975c20.654,12.609,44.432,19.274,68.762,19.274 c72.877,0,132.166-59.29,132.166-132.167S300.948,95.321,228.071,95.321S95.904,154.611,95.904,227.488 c0,25.393,7.217,50.052,20.869,71.311l3.281,5.109l-12.855,45.658L154.437,337.406z", fill: "#FFFFFF" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M183.359,153.407l-10.328-0.563c-3.244-0.177-6.426,0.907-8.878,3.037 c-5.007,4.348-13.013,12.754-15.472,23.708c-3.667,16.333,2,36.333,16.667,56.333c14.667,20,42,52,90.333,65.667 c15.575,4.404,27.827,1.435,37.28-4.612c7.487-4.789,12.648-12.476,14.508-21.166l1.649-7.702c0.524-2.448-0.719-4.932-2.993-5.98 l-34.905-16.089c-2.266-1.044-4.953-0.384-6.477,1.591l-13.703,17.764c-1.035,1.342-2.807,1.874-4.407,1.312 c-9.384-3.298-40.818-16.463-58.066-49.687c-0.748-1.441-0.562-3.19,0.499-4.419l13.096-15.15 c1.338-1.547,1.676-3.722,0.872-5.602l-15.046-35.201C187.187,154.774,185.392,153.518,183.359,153.407z", fill: "#FFFFFF" })] }) }));
 exports.WhatsAppAppIcon = WhatsAppAppIcon;

package/dist/svgs/icons.stories.js

@@ -25,12 +25,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AllIcons = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("../storybook/helpers");
-const Icon_1 = require("./Icon");
 const Icons = __importStar(require("."));
+const Icon_1 = require("./Icon");
 const Flex_1 = require("../elements/Flex");
 const Spacer_1 = require("../elements/Spacer");
 const Text_1 = require("../elements/Text");
+const helpers_1 = require("../storybook/helpers");
 exports.default = {
     title: "Icons",
     component: Icon_1.Icon,

package/dist/utils/colors.stories.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.All = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("../storybook/helpers");
 const Flex_1 = require("../elements/Flex");
-const hooks_1 = require("../utils/hooks");
 const Text_1 = require("../elements/Text");
-const types_1 = require("../types");
+const helpers_1 = require("../storybook/helpers");
 const tokens_1 = require("../tokens");
+const types_1 = require("../types");
+const hooks_1 = require("../utils/hooks");
 exports.default = {
     title: "Tokens/colors",
 };

package/dist/utils/hooks/useTheme.js

@@ -16,7 +16,7 @@ const useTheme = () => {
     const defaultTheme = tokens_1.THEMES.v3light;
     const theme = maybeTheme ?? defaultTheme;
     return {
-        theme: theme,
+        theme,
         space: space(theme),
         color: color(theme),
     };

package/dist/utils/space.stories.js

@@ -2,15 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SpacingUnits = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const elements_1 = require("../elements");
-const helpers_1 = require("../storybook/helpers");
 const hooks_1 = require("./hooks");
 const text_1 = require("./text");
+const elements_1 = require("../elements");
+const helpers_1 = require("../storybook/helpers");
 const SpaceLine = ({ space: theSpace }) => {
     const space = (0, hooks_1.useSpace)();
-    return ((0, jsx_runtime_1.jsxs)(elements_1.Box, { children: [(0, jsx_runtime_1.jsx)(elements_1.Box, { width: space(theSpace), borderBottomWidth: 1, borderColor: "black", marginBottom: "4px" }), (0, jsx_runtime_1.jsx)(elements_1.Text, { color: "black", children: typeof theSpace === "string"
-                    ? `${theSpace}`
-                    : `${theSpace} ${text_1.bullet} ${space(theSpace)}px` })] }));
+    return ((0, jsx_runtime_1.jsxs)(elements_1.Box, { children: [(0, jsx_runtime_1.jsx)(elements_1.Box, { width: space(theSpace), borderBottomWidth: 1, borderColor: "black", marginBottom: "4px" }), (0, jsx_runtime_1.jsx)(elements_1.Text, { color: "black", children: `${theSpace} ${text_1.bullet} ${space(theSpace)}px` })] }));
 };
 exports.default = {
     title: "space",

package/dist/utils/tests/renderWithWrappers.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Providers = exports.renderWithWrappers = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
 const react_native_1 = require("@testing-library/react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
 const Theme_1 = require("../../Theme");
 /**
  * Renders a React Component with our page wrappers
@@ -15,7 +15,9 @@ const renderWithWrappers = (component) => {
         return (0, react_native_1.render)(component, { wrapper: exports.Providers });
     }
     catch (error) {
-        throw new Error(error.stack);
+        if (error instanceof Error) {
+            throw new Error(error.stack);
+        }
     }
 };
 exports.renderWithWrappers = renderWithWrappers;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "11.0.1",
+  "version": "11.0.2",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "react-native run-android",
@@ -10,7 +10,8 @@
     "clean": "rimraf dist",
     "install:all": "yarn install && yarn bundle-install && yarn pod-install",
     "ios": "react-native run-ios",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "lint": "eslint --cache --cache-location '.cache/eslint/' --ext .ts,.tsx --fix",
+    "lint:all": "yarn lint .",
     "open-xcode": "open ios/PaletteMobile.xcworkspace",
     "pod-install": "cd ios && bundle exec pod install && cd ..",
     "prestart": "sb-rn-get-stories",
@@ -105,7 +106,7 @@
     "react-native-flipper": "0.178.1",
     "react-native-haptic-feedback": "1.14.0",
     "react-native-linear-gradient": "2.6.2",
-    "react-native-reanimated": "2.13.0",
+    "react-native-reanimated": "2.14.4",
     "react-native-safe-area-context": "4.5.0",
     "react-native-svg": "13.7.0",
     "react-test-renderer": "18.2.0",