@artsy/palette-mobile 13.2.33 → 13.2.35

package/dist/Theme.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._test_THEMES = exports.Theme = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const native_1 = require("styled-components/native");
-const tokens_1 = require("./tokens");
-const Theme = ({ children, theme = "v3light" }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from "styled-components/native";
+import { THEMES } from "./tokens";
+export const Theme = ({ children, theme = "v3light" }) => {
     const currentTheme = getTheme(theme);
-    return (0, jsx_runtime_1.jsx)(native_1.ThemeProvider, { theme: currentTheme, children: children });
+    return _jsx(ThemeProvider, { theme: currentTheme, children: children });
 };
-exports.Theme = Theme;
 const getTheme = (theme) => {
     if (theme === "v3light") {
-        return tokens_1.THEMES.v3light;
+        return THEMES.v3light;
     }
     if (theme === "v3dark") {
-        return tokens_1.THEMES.v3dark;
+        return THEMES.v3dark;
     }
-    return tokens_1.THEMES.v3light;
+    return THEMES.v3light;
 };
 /**
  * Only use this if it's are absolutely neccessary, and only in tests.
  */
-exports._test_THEMES = tokens_1.THEMES;
+export const _test_THEMES = THEMES;

package/dist/animation/CssTransition.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CssTransition = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-class CssTransition extends react_1.Component {
-    animatedValue = new react_native_1.Animated.Value(0);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { Animated } from "react-native";
+export class CssTransition extends Component {
+    animatedValue = new Animated.Value(0);
     // @ts-expect-error STRICTNESS_MIGRATION --- 🚨 Unsafe legacy code 🚨 Please delete this and fix any type errors if you have time 🙏
     constructor(props) {
         super(props);
@@ -17,8 +14,8 @@ class CssTransition extends react_1.Component {
         this.setState({
             previousStyle: this.props.style,
         });
-        this.animatedValue = new react_native_1.Animated.Value(0);
-        react_native_1.Animated.timing(this.animatedValue, {
+        this.animatedValue = new Animated.Value(0);
+        Animated.timing(this.animatedValue, {
             toValue: 1,
             duration: nextProps.duration,
             // not all style properties are animatable with the native driver
@@ -38,7 +35,7 @@ class CssTransition extends react_1.Component {
             });
             return acc;
         }, {});
-        return (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [style, animateCheckboxStyle], ...props });
+        return _jsx(Animated.View, { style: [style, animateCheckboxStyle], ...props });
     }
     // @ts-expect-error STRICTNESS_MIGRATION --- 🚨 Unsafe legacy code 🚨 Please delete this and fix any type errors if you have time 🙏
     mergeStyles(style) {
@@ -49,4 +46,3 @@ class CssTransition extends react_1.Component {
         }, {});
     }
 }
-exports.CssTransition = CssTransition;

package/dist/animation/index.js

@@ -1,17 +1 @@
-"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("./CssTransition"), exports);
+export * from "./CssTransition";

package/dist/constants.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setGlobalActiveOpacity = exports.DEFAULT_ACTIVE_OPACITY = exports.DEFAULT_HIT_SLOP = void 0;
 /**
  * Touch area box for UI elements
  */
-exports.DEFAULT_HIT_SLOP = { top: 20, bottom: 20, left: 20, right: 20 };
+export const DEFAULT_HIT_SLOP = { top: 20, bottom: 20, left: 20, right: 20 };
 /**
  * Default active opacity for elements that use Palette's <Touchable />
  */
-exports.DEFAULT_ACTIVE_OPACITY = 0.8;
+export let DEFAULT_ACTIVE_OPACITY = 0.8;
 // Set things globally
-const setGlobalActiveOpacity = (opacity) => {
-    exports.DEFAULT_ACTIVE_OPACITY = opacity;
+export const setGlobalActiveOpacity = (opacity) => {
+    DEFAULT_ACTIVE_OPACITY = opacity;
 };
-exports.setGlobalActiveOpacity = setGlobalActiveOpacity;

package/dist/elements/ArtsyKeyboardAvoidingView/ArtsyKeyboardAvoidingView.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArtsyKeyboardAvoidingView = exports.ArtsyKeyboardAvoidingViewContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-exports.ArtsyKeyboardAvoidingViewContext = (0, react_1.createContext)({
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component, createRef, useContext, createContext } from "react";
+import { Dimensions, Keyboard, LayoutAnimation, StatusBar, Platform, StyleSheet, View, } from "react-native";
+export const ArtsyKeyboardAvoidingViewContext = createContext({
     isPresentedModally: false,
     isVisible: true,
     /**
@@ -13,11 +10,10 @@ exports.ArtsyKeyboardAvoidingViewContext = (0, react_1.createContext)({
      */
     bottomOffset: 0,
 });
-const ArtsyKeyboardAvoidingView = ({ children }) => {
-    const { isPresentedModally, isVisible, bottomOffset } = (0, react_1.useContext)(exports.ArtsyKeyboardAvoidingViewContext);
-    return ((0, jsx_runtime_1.jsx)(KeyboardAvoidingView, { enabled: isVisible, mode: isPresentedModally ? "bottom-based" : "top-based", bottomOffset: bottomOffset, style: { flex: 1 }, children: children }));
+export const ArtsyKeyboardAvoidingView = ({ children }) => {
+    const { isPresentedModally, isVisible, bottomOffset } = useContext(ArtsyKeyboardAvoidingViewContext);
+    return (_jsx(KeyboardAvoidingView, { enabled: isVisible, mode: isPresentedModally ? "bottom-based" : "top-based", bottomOffset: bottomOffset, style: { flex: 1 }, children: children }));
 };
-exports.ArtsyKeyboardAvoidingView = ArtsyKeyboardAvoidingView;
 /**
  * This code was mostly copied directly from 'react-native'
  *
@@ -30,11 +26,11 @@ exports.ArtsyKeyboardAvoidingView = ArtsyKeyboardAvoidingView;
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of https://github.com/facebook/react-native
  */
-class KeyboardAvoidingView extends react_1.Component {
+class KeyboardAvoidingView extends Component {
     _frame = null;
     _subscriptions = [];
     _initialFrameHeight = 0;
-    viewRef = (0, react_1.createRef)();
+    viewRef = createRef();
     constructor(props) {
         super(props);
         this.state = { bottom: 0 };
@@ -49,15 +45,15 @@ class KeyboardAvoidingView extends react_1.Component {
                 let keyboardY = keyboardFrame.screenY;
                 // on android the View layout frame coords start at -statusBarHeight but the
                 // keyboard screenY starts at 0 so we need to offset it to match the View frame
-                if (react_native_1.Platform.OS === "android") {
-                    keyboardY -= react_native_1.StatusBar.currentHeight ?? 0;
+                if (Platform.OS === "android") {
+                    keyboardY -= StatusBar.currentHeight ?? 0;
                 }
                 // Calculate the displacement needed for the view such that it
                 // no longer overlaps with the keyboard
                 return Math.max(frame.y + frame.height - keyboardY, 0);
             }
             case "bottom-based": {
-                let keyboardHeight = react_native_1.Dimensions.get("screen").height - keyboardFrame.screenY;
+                let keyboardHeight = Dimensions.get("screen").height - keyboardFrame.screenY;
                 keyboardHeight -= this.props.bottomOffset;
                 return Math.max(keyboardHeight, 0);
             }
@@ -74,12 +70,12 @@ class KeyboardAvoidingView extends react_1.Component {
             return;
         }
         if (duration && easing) {
-            react_native_1.LayoutAnimation.configureNext({
+            LayoutAnimation.configureNext({
                 // We have to pass the duration equal to minimal accepted duration defined here: RCTLayoutAnimation.m
                 duration: duration > 10 ? duration : 10,
                 update: {
                     duration: duration > 10 ? duration : 10,
-                    type: react_native_1.LayoutAnimation.Types[easing] || "keyboard",
+                    type: LayoutAnimation.Types[easing] || "keyboard",
                 },
             });
         }
@@ -97,15 +93,15 @@ class KeyboardAvoidingView extends react_1.Component {
         }
     };
     componentDidMount() {
-        if (react_native_1.Platform.OS === "ios") {
+        if (Platform.OS === "ios") {
             this._subscriptions = [
-                react_native_1.Keyboard.addListener("keyboardWillChangeFrame", this._onKeyboardChange),
+                Keyboard.addListener("keyboardWillChangeFrame", this._onKeyboardChange),
             ];
         }
         else {
             this._subscriptions = [
-                react_native_1.Keyboard.addListener("keyboardDidHide", this._onKeyboardChange),
-                react_native_1.Keyboard.addListener("keyboardDidShow", this._onKeyboardChange),
+                Keyboard.addListener("keyboardDidHide", this._onKeyboardChange),
+                Keyboard.addListener("keyboardDidShow", this._onKeyboardChange),
             ];
         }
     }
@@ -117,6 +113,6 @@ class KeyboardAvoidingView extends react_1.Component {
     render() {
         const { children, mode, enabled, style, ...props } = this.props;
         const bottomHeight = enabled ? this.state.bottom : 0;
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: this.viewRef, style: react_native_1.StyleSheet.compose(style, { paddingBottom: bottomHeight }), onLayout: this._onLayout, ...props, children: children }));
+        return (_jsx(View, { ref: this.viewRef, style: StyleSheet.compose(style, { paddingBottom: bottomHeight }), onLayout: this._onLayout, ...props, children: children }));
     }
 }

package/dist/elements/ArtsyKeyboardAvoidingView/index.js

@@ -1,17 +1 @@
-"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("./ArtsyKeyboardAvoidingView"), exports);
+export * from './ArtsyKeyboardAvoidingView';

package/dist/elements/Autocomplete/Autocomplete.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-const normalizeText_1 = require("../../utils/normalizeText");
-class Autocomplete {
+import { normalizeText } from "../../utils/normalizeText";
+export class Autocomplete {
     entries;
     maxCacheItems;
     cache = {};
@@ -11,7 +8,7 @@ class Autocomplete {
         this.entries = entries;
         this.maxCacheItems = maxCacheItems;
         for (const entry of entries) {
-            entry.searchTerms = entry.searchTerms.map(normalizeText_1.normalizeText);
+            entry.searchTerms = entry.searchTerms.map(normalizeText);
             for (const searchTerm of entry.searchTerms.slice(0)) {
                 const parts = searchTerm.split(/\s+/).filter((s) => !stopWords.includes(s));
                 if (parts.length > 1) {
@@ -21,7 +18,7 @@ class Autocomplete {
         }
     }
     getSuggestions(searchString) {
-        searchString = (0, normalizeText_1.normalizeText)(searchString);
+        searchString = normalizeText(searchString);
         if (this.cache[searchString]) {
             return this.cache[searchString].map((e) => e.key);
         }
@@ -50,4 +47,3 @@ class Autocomplete {
         return results.map((e) => e.key);
     }
 }
-exports.Autocomplete = Autocomplete;

package/dist/elements/Autocomplete/Autocomplete.tests.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Autocomplete_1 = require("./Autocomplete");
+import { Autocomplete } from "./Autocomplete";
 const artists = [
     {
         key: "Pablo Picasso",
@@ -23,17 +21,17 @@ const artists = [
         searchTerms: ["JB", "The King of Funk"],
     },
 ];
-describe(Autocomplete_1.Autocomplete, () => {
+describe(Autocomplete, () => {
     it(`lets you search for individual words in search terms`, async () => {
-        const auto = new Autocomplete_1.Autocomplete(artists);
+        const auto = new Autocomplete(artists);
         expect(auto.getSuggestions("formerly")).toEqual(["Prince"]);
     });
     it(`doesn't care about capitalization`, async () => {
-        const auto = new Autocomplete_1.Autocomplete(artists);
+        const auto = new Autocomplete(artists);
         expect(auto.getSuggestions("fOrMerly")).toEqual(["Prince"]);
     });
     it(`doesn't care about punctuation`, async () => {
-        const auto = new Autocomplete_1.Autocomplete([
+        const auto = new Autocomplete([
             ...artists,
             {
                 key: "Dog",
@@ -45,7 +43,7 @@ describe(Autocomplete_1.Autocomplete, () => {
         expect(auto.getSuggestions("santas")).toEqual(["Dog"]);
     });
     it(`doesn't care about diacritics`, async () => {
-        const auto = new Autocomplete_1.Autocomplete([
+        const auto = new Autocomplete([
             ...artists,
             {
                 key: "Nordic",
@@ -57,15 +55,15 @@ describe(Autocomplete_1.Autocomplete, () => {
         expect(auto.getSuggestions("Jonsson")).toEqual(["Nordic"]);
     });
     it(`orders results according to importance`, async () => {
-        const auto = new Autocomplete_1.Autocomplete(artists);
+        const auto = new Autocomplete(artists);
         expect(auto.getSuggestions("p")).toEqual(["Pablo Picasso", "Prince", "Grayson Perry"]);
     });
     it(`returns nothing when there are no matches`, async () => {
-        const auto = new Autocomplete_1.Autocomplete(artists);
+        const auto = new Autocomplete(artists);
         expect(auto.getSuggestions("z")).toEqual([]);
     });
     it(`ignores stop words which don't appear at the beginning of a search term`, async () => {
-        const auto = new Autocomplete_1.Autocomplete([
+        const auto = new Autocomplete([
             ...artists,
             {
                 key: "PaRappa the Rapper",

package/dist/elements/Autocomplete/index.js

@@ -1,17 +1 @@
-"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("./Autocomplete"), exports);
+export * from "./Autocomplete";

package/dist/elements/Avatar/Avatar.js

@@ -1,37 +1,11 @@
-"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.Avatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const hooks_1 = require("../../utils/hooks");
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Image } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming, Easing, withDelay, } from "react-native-reanimated";
+import { useColor } from "../../utils/hooks";
+import { Box } from "../Box";
+import { Flex } from "../Flex";
+import { Text } from "../Text";
 const DEFAULT_SIZE = "md";
 const VARIANTS = {
     xxs: {
@@ -52,26 +26,25 @@ const VARIANTS = {
     },
 };
 /** A circular Avatar component containing an image or initials */
-const Avatar = ({ src, initials, size = DEFAULT_SIZE }) => {
-    const color = (0, hooks_1.useColor)();
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const opacity = (0, react_native_reanimated_1.useSharedValue)(0);
-    opacity.value = (0, react_native_reanimated_1.withDelay)(100, (0, react_native_reanimated_1.withTiming)(1, {
+export const Avatar = ({ src, initials, size = DEFAULT_SIZE }) => {
+    const color = useColor();
+    const [loading, setLoading] = useState(true);
+    const opacity = useSharedValue(0);
+    opacity.value = withDelay(100, withTiming(1, {
         duration: 200,
-        easing: react_native_reanimated_1.Easing.sin,
+        easing: Easing.sin,
     }));
-    const style = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+    const style = useAnimatedStyle(() => {
         return {
             opacity: loading ? 0 : opacity.value,
         };
     }, [loading]);
     const { diameter, textSize } = VARIANTS[size];
     if (src) {
-        return ((0, jsx_runtime_1.jsx)(Box_1.Box, { width: diameter, height: diameter, borderRadius: diameter / 2, overflow: "hidden", borderColor: color("white100"), borderWidth: 1, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: style, children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { onLoadStart: () => setLoading(true), onLoadEnd: () => setLoading(false), resizeMode: "cover", source: { uri: src }, accessibilityLabel: "AvatarImage", style: {
+        return (_jsx(Box, { width: diameter, height: diameter, borderRadius: diameter / 2, overflow: "hidden", borderColor: color("white100"), borderWidth: 1, children: _jsx(Animated.View, { style: style, children: _jsx(Image, { onLoadStart: () => setLoading(true), onLoadEnd: () => setLoading(false), resizeMode: "cover", source: { uri: src }, accessibilityLabel: "AvatarImage", style: {
                         width: diameter,
                         height: diameter,
                     } }) }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { width: diameter, height: diameter, borderColor: "black10", borderWidth: 1, borderRadius: diameter, overflow: "hidden", alignItems: "center", justifyContent: "center", accessibilityLabel: "Avatar", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: textSize, children: initials }) }));
+    return (_jsx(Flex, { width: diameter, height: diameter, borderColor: "black10", borderWidth: 1, borderRadius: diameter, overflow: "hidden", alignItems: "center", justifyContent: "center", accessibilityLabel: "Avatar", children: _jsx(Text, { variant: textSize, children: initials }) }));
 };
-exports.Avatar = Avatar;

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

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Variants = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Avatar_1 = require("./Avatar");
-const helpers_1 = require("../../storybook/helpers");
-exports.default = {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar } from "./Avatar";
+import { List, Row } from "../../storybook/helpers";
+export default {
     title: "Avatar",
-    component: Avatar_1.Avatar,
+    component: Avatar,
 };
 const sizes = ["md", "sm", "xs", "xxs"];
-function Variants() {
-    return ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(helpers_1.Row, { children: sizes.map((s) => ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { initials: "A", size: s }, s))) }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: sizes.map((s) => ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { initials: "AA", size: s }, s))) }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: sizes.map((s) => ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: "https://placekitten.com/300/300", size: s }, s))) })] }));
+export function Variants() {
+    return (_jsxs(List, { children: [_jsx(Row, { children: sizes.map((s) => (_jsx(Avatar, { initials: "A", size: s }, s))) }), _jsx(Row, { children: sizes.map((s) => (_jsx(Avatar, { initials: "AA", size: s }, s))) }), _jsx(Row, { children: sizes.map((s) => (_jsx(Avatar, { src: "https://placekitten.com/300/300", size: s }, s))) })] }));
 }
-exports.Variants = Variants;

package/dist/elements/Avatar/Avatar.tests.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("@testing-library/react-native");
-const react_native_2 = require("react-native");
-const Avatar_1 = require("./Avatar");
-const renderWithWrappers_1 = require("../../utils/tests/renderWithWrappers");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen } from "@testing-library/react-native";
+import { Image } from "react-native";
+import { Avatar } from "./Avatar";
+import { renderWithWrappers } from "../../utils/tests/renderWithWrappers";
 describe("Avatar", () => {
     it("renders initials if no image url and initials provided", () => {
-        (0, renderWithWrappers_1.renderWithWrappers)((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { initials: "AB" }));
-        expect(react_native_1.screen.UNSAFE_queryByType(react_native_2.Image)).not.toBeTruthy();
-        expect(react_native_1.screen.getByText("AB")).toBeTruthy();
+        renderWithWrappers(_jsx(Avatar, { initials: "AB" }));
+        expect(screen.UNSAFE_queryByType(Image)).not.toBeTruthy();
+        expect(screen.getByText("AB")).toBeTruthy();
     });
 });

package/dist/elements/Avatar/index.js

@@ -1,17 +1 @@
-"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("./Avatar"), exports);
+export * from "./Avatar";

package/dist/elements/BackButton/BackButton.js

@@ -1,16 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackButtonWithBackground = exports.BackButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const constants_1 = require("../../constants");
-const svgs_1 = require("../../svgs");
-const Flex_1 = require("../Flex");
-const BackButton = ({ color = "onBackgroundHigh", hitSlop = constants_1.DEFAULT_HIT_SLOP, onPress, showX = false, style, iconSize = 18, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: onPress, hitSlop: hitSlop, accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? ((0, jsx_runtime_1.jsx)(svgs_1.CloseIcon, { fill: color, width: iconSize, height: iconSize })) : ((0, jsx_runtime_1.jsx)(svgs_1.ChevronIcon, { direction: "left", fill: color, height: iconSize, width: iconSize })) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TouchableOpacity } from "react-native";
+import { DEFAULT_HIT_SLOP } from "../../constants";
+import { ChevronIcon, CloseIcon } from "../../svgs";
+import { Flex } from "../Flex";
+export const BackButton = ({ color = "onBackgroundHigh", hitSlop = DEFAULT_HIT_SLOP, onPress, showX = false, style, iconSize = 18, }) => {
+    return (_jsx(TouchableOpacity, { onPress: onPress, hitSlop: hitSlop, accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? (_jsx(CloseIcon, { fill: color, width: iconSize, height: iconSize })) : (_jsx(ChevronIcon, { direction: "left", fill: color, height: iconSize, width: iconSize })) }));
 };
-exports.BackButton = BackButton;
-const BackButtonWithBackground = ({ color = "onBackgroundHigh", hitSlop = constants_1.DEFAULT_HIT_SLOP, onPress, showX = false, style, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: onPress, hitSlop: hitSlop, children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { backgroundColor: "background", width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center", accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? ((0, jsx_runtime_1.jsx)(svgs_1.CloseIcon, { fill: color, width: 26, height: 26 })) : ((0, jsx_runtime_1.jsx)(svgs_1.ChevronIcon, { fill: color, direction: "left" })) }) }));
+export const BackButtonWithBackground = ({ color = "onBackgroundHigh", hitSlop = DEFAULT_HIT_SLOP, onPress, showX = false, style, }) => {
+    return (_jsx(TouchableOpacity, { onPress: onPress, hitSlop: hitSlop, children: _jsx(Flex, { backgroundColor: "background", width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center", accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? (_jsx(CloseIcon, { fill: color, width: 26, height: 26 })) : (_jsx(ChevronIcon, { fill: color, direction: "left" })) }) }));
 };
-exports.BackButtonWithBackground = BackButtonWithBackground;

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

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Styled = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BackButton_1 = require("./BackButton");
-const Text_1 = require("../../elements/Text");
-const helpers_1 = require("../../storybook/helpers");
-const Flex_1 = require("../Flex");
-exports.default = {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BackButton, BackButtonWithBackground } from "./BackButton";
+import { Text } from "../../elements/Text";
+import { List } from "../../storybook/helpers";
+import { Flex } from "../Flex";
+export default {
     title: "BackButton",
-    component: BackButton_1.BackButton,
+    component: BackButton,
 };
-const Styled = () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { style: { marginLeft: 50 }, contentContainerStyle: { alignItems: "flex-start" }, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Back button" }), (0, jsx_runtime_1.jsx)(BackButton_1.BackButton, {}), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Back button with background" }), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { backgroundColor: "red", width: 50, height: 50, position: "absolute" }), (0, jsx_runtime_1.jsx)(BackButton_1.BackButtonWithBackground, {})] })] }));
-exports.Styled = Styled;
+export const Styled = () => (_jsxs(List, { style: { marginLeft: 50 }, contentContainerStyle: { alignItems: "flex-start" }, children: [_jsx(Text, { children: "Back button" }), _jsx(BackButton, {}), _jsx(Text, { children: "Back button with background" }), _jsxs(Flex, { children: [_jsx(Flex, { backgroundColor: "red", width: 50, height: 50, position: "absolute" }), _jsx(BackButtonWithBackground, {})] })] }));

package/dist/elements/BackButton/index.js

@@ -1,17 +1 @@
-"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("./BackButton"), exports);
+export * from "./BackButton";