@artsy/palette-mobile 19.11.0 → 19.13.0--canary.392.4616.0

package/dist/Theme.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeType, ThemeWithDarkModeType, THEMES } from "./tokens";
 type ThemeOptions = keyof typeof THEMES;
 interface ThemeProps {

package/dist/elements/ArtsyKeyboardAvoidingView/ArtsyKeyboardAvoidingView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ArtsyKeyboardAvoidingViewContext: import("react").Context<{
     isPresentedModally: boolean;
     isVisible: boolean;

package/dist/elements/BackButton/BackButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TouchableOpacityProps, ViewProps } from "react-native";
 import { Color } from "../../types";
 export interface BackButtonProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import("react").FC<import("./BackButton").BackButtonProps>;

package/dist/elements/Banner/Banner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "styled-system";
 export type BannerVariant = keyof typeof BANNER_VARIANTS;
 export interface CommonBannerProps extends FlexProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BorderProps, SpaceProps } from "styled-system";
 import { SpacingUnitsTheme } from "../../tokens";
 import { FlexProps } from "../Flex";
@@ -9,4 +8,4 @@ export interface BorderBoxProps extends FlexProps, BorderProps, SpaceProps<Spaci
  * A `View` or `div` (depending on the platform) that has a common border
  * and padding set by default
  */
-export declare const BorderBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").BoxProps & import("react").RefAttributes<import("react-native/types").View>>, any, BorderBoxProps, never>;
+export declare const BorderBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").BoxProps & import("react").RefAttributes<import("react-native").View>>, any, BorderBoxProps, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
 import { PressableProps } from "react-native";
 import { HapticFeedbackTypes } from "react-native-haptic-feedback";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "./Button";
 declare const _default: {
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PressableProps } from "react-native";
 import { HapticFeedbackTypes } from "react-native-haptic-feedback";
 import { BoxProps } from "../Box";

package/dist/elements/Checkbox/Check.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CHECK_SIZE = 22;
 export interface CheckProps {
     disabled?: boolean;

package/dist/elements/Checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Insets, TouchableWithoutFeedbackProps } from "react-native";
 import { FlexProps } from "../Flex";
 type CheckboxProps = Omit<TouchableWithoutFeedbackProps, "hitSlop"> & Omit<FlexProps, "hitSlop"> & {

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").FC<Omit<import("react-native/types").TouchableWithoutFeedbackProps, "hitSlop"> & Omit<import("..").BoxProps, "hitSlop"> & {
-        hitSlop?: import("react-native/types").Insets;
+    component: import("react").FC<Omit<import("react-native").TouchableWithoutFeedbackProps, "hitSlop"> & Omit<import("..").BoxProps, "hitSlop"> & {
+        hitSlop?: import("react-native").Insets;
         checked?: boolean;
         disabled?: boolean;
         error?: boolean;
-        text?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-        subtitle?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-        children?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        text?: React.ReactElement | string;
+        subtitle?: React.ReactElement | string;
+        children?: React.ReactElement | string;
         accessibilityLabel?: string;
         accessibilityHint?: string;
     }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import("react").FC<import("./Chip").ChipProps>;

package/dist/elements/ClassTheme/ClassTheme.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { useTheme } from "../../";
 export declare const ClassTheme: ({ theme, children, }: {
     theme?: "v3";
-    children: import("react").ReactNode | ((helpers: ReturnType<typeof useTheme>) => React.ReactNode);
+    children: React.ReactNode | ((helpers: ReturnType<typeof useTheme>) => React.ReactNode);
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import("react").FC<import("./Collapse").CollapseProps>;

package/dist/elements/CollapsibleMenuItem/CollapsibleMenuItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface CollapsableMenuItemProps {
     overtitle?: string;
     title: string;
@@ -15,6 +14,6 @@ export interface CollapsibleMenuItem {
     offsetTop: () => Promise<number>;
 }
 export declare const CollapsibleMenuItem: import("react").ForwardRefExoticComponent<CollapsableMenuItemProps & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<CollapsibleMenuItem>>;
 export {};

package/dist/elements/EntityHeader/EntityHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AvatarSize } from "../Avatar";
 import { FlexProps } from "../Flex";
 export interface EntityHeaderProps extends FlexProps {

package/dist/elements/Flex/Flex.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { View } from "react-native";
 import { BoxProps } from "../Box";
 export type FlexProps = BoxProps;

package/dist/elements/Image/Image.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FastImageProps } from "@d11/react-native-fast-image";
 import { StyleProp, ViewStyle } from "react-native";
 import { GeminiResizeMode } from "../../utils/createGeminiUrl";

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

@@ -1,5 +1,3 @@
-/// <reference types="node" />
-/// <reference types="react" />
 import { EventEmitter } from "events";
 import { TextInput, TextInputProps } from "react-native";
 export declare const inputEvents: EventEmitter<[never]>;

package/dist/elements/Input/Input.js

@@ -344,8 +344,8 @@ export const Input = forwardRef(({ addClearListener = false, defaultValue, disab
         }
         return (_jsx(Flex, { style: {
                 position: "absolute",
-                top: -10000,
-                width: 10000,
+                top: -10000, // make sure its off the screen
+                width: 10000, // make sure Texts can take as much space as they need
                 alignItems: "baseline", // this is to make Texts get the smallest width they can get to fit the text
             }, children: placeholder.map((placeholderString, index) => (_jsx(Text, { onLayout: (event) => {
                     placeholderWidths.current[index] = event.nativeEvent.layout.width;

package/dist/elements/Input/Input.tests.js

@@ -10,7 +10,7 @@ describe("Input", () => {
     });
     it("uses correct font family", () => {
         renderWithWrappers(_jsx(Input, { testID: testID, placeholder: "input" }));
-        expect(screen.getByPlaceholderText("input")).toHaveStyle({ fontFamily: "Unica77LL-Regular" });
+        expect(screen.getByPlaceholderText("input").props.style[0].fontFamily).toEqual("Unica77LL-Regular");
     });
     it("mutates given text as value", () => {
         renderWithWrappers(_jsx(Input, { testID: testID }));

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const InputTitle: React.FC<{
     children: React.ReactNode;
     optional?: boolean;

package/dist/elements/Join/Join.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface JoinProps {
     children: React.ReactNode;
     separator: React.ReactElement;

package/dist/elements/LegacyScreen/LegacyScreen.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 interface HeaderProps {
     onBack?: () => void;
@@ -24,10 +23,10 @@ export declare const LegacyScreen: (({ children }: {
     Header: import("react").FC<HeaderProps>;
     FloatingHeader: import("react").FC<HeaderProps>;
     Background: import("react").FC<{
-        children?: import("react").ReactNode;
+        children?: import("react").ReactNode | undefined;
     }>;
     BottomView: import("react").FC<{
-        children?: import("react").ReactNode;
+        children?: import("react").ReactNode | undefined;
     }>;
     BodyXPadding: import("react").FC<import("..").BoxProps>;
     SafeBottomPadding: () => import("react/jsx-runtime").JSX.Element;

package/dist/elements/LegacyTabs/StepTabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TabsProps } from "../LegacyTabs";
 /**
  * Renders a list of tabs. Evenly-spaces them across the screen with

package/dist/elements/LegacyTabs/TabBarContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Animated, LayoutRectangle } from "react-native";
 export declare const TAB_BAR_HEIGHT = 48;
 export interface TabBarContainerProps {

package/dist/elements/List/BulletedItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 interface BulletedItemProps extends FlexProps {
     children: React.ReactNode;

package/dist/elements/MeasuredView/MeasuredView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewStyle } from "react-native";
 export interface ViewMeasurements {
     width: number;

package/dist/elements/MenuItem/MenuItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MenuItemProps {
     disabled?: boolean;
     title: React.ReactNode;

package/dist/elements/Message/Message.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 import { TextProps } from "../Text";
 type MessageVariant = "default" | "info" | "success" | "alert" | "warning" | "error" | "dark";

package/dist/elements/Pill/Pill.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from "@artsy/icons/native";
 import { MotiPressableProps } from "moti/interactions";
 import { FlattenInterpolation } from "styled-components";

package/dist/elements/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import RNPopover from "react-native-popover-view";
 import { PopoverProps as RNPopoverProps } from "react-native-popover-view/dist/Types";
 interface PopoverProps extends Omit<RNPopoverProps, "placement"> {

package/dist/elements/Radio/RadioButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
 import { Insets, TouchableWithoutFeedbackProps } from "react-native";
 import { FlexProps } from "../Flex";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Background: React.FC<{
     children: React.ReactNode;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ScrollViewProps } from "react-native";
 import { FlexProps } from "../Flex";
 interface BodyBaseProps extends FlexProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BottomViewProps {
     children: React.ReactNode;
     darkMode?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 export interface FloatingHeaderProps extends FlexProps {
     onBack?: () => void;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 export declare const FullWidthDivider: React.FC<FlexProps>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 export declare const FullWidthItem: React.FC<FlexProps>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 export interface ScreenBaseProps extends FlexProps {
     children: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlatList, FlatListProps } from "react-native";
 export type ScreenFlatListProps<T> = Omit<FlatListProps<T>, "CellRendererComponent"> & {
     innerRef?: React.ForwardedRef<FlatList<T>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SharedValue } from "react-native-reanimated";
 export interface ScreenScrollContextProps {
     currentScrollYAnimated: SharedValue<number>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface StickySubHeaderProps extends React.PropsWithChildren<{}> {
     title: string;
     /**

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { ScreenFlatList } from "./ScreenFlatList";
 export * from "./constants";
 export declare const Screen: import("react").FC<import("./ScreenBase").ScreenBaseProps> & {
     AnimatedHeader: import("react").FC<import("./Header").HeaderProps>;
     Background: import("react").FC<{
-        children: import("react").ReactNode;
+        children: React.ReactNode;
     }>;
     Body: import("react").FC<import("./Body").BodyProps>;
     BottomView: import("react").FC<import("./BottomView").BottomViewProps>;
@@ -14,9 +13,9 @@ export declare const Screen: import("react").FC<import("./ScreenBase").ScreenBas
     FullWidthItem: import("react").FC<import("..").BoxProps>;
     Header: import("react").FC<import("./Header").HeaderProps>;
     ScreenScrollContextProvider: import("react").FC<{
-        children?: import("react").ReactNode;
+        children?: import("react").ReactNode | undefined;
     }>;
-    ScrollView: import("react").FC<import("react-native/types").ScrollViewProps>;
+    ScrollView: import("react").FC<import("react-native").ScrollViewProps>;
     StickySubHeader: import("react").FC<import("./StickySubHeader").StickySubHeaderProps>;
     useListenForScreenScroll: () => {
         scrollHandler: import("react-native-reanimated").ScrollHandlerProcessed<Record<string, unknown>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextInputProps } from "react-native";
 interface RoundSearchInputProps extends Omit<TextInputProps, "placeholder"> {
     onLeftIconPress?: () => void;

package/dist/elements/SearchInput/RoundSearchInput.js

@@ -61,8 +61,8 @@ export const RoundSearchInput = ({ value, placeholder, onLeftIconPress, ...rest
         }
         return (_jsx(Flex, { style: {
                 position: "absolute",
-                top: -10000,
-                width: 10000,
+                top: -10000, // make sure its off the screen
+                width: 10000, // make sure Texts can take as much space as they need
                 alignItems: "baseline", // this is to make Texts get the smallest width they can get to fit the text
             }, children: placeholder.map((placeholderString, index) => (_jsx(Text, { onLayout: (event) => {
                     placeholderWidths.current[index] = event.nativeEvent.layout.width;

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 import { TextProps } from "../Text";
 interface SimpleMessageProps extends FlexProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import("react").FC<{

package/dist/elements/Spinner/Spinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps } from "react-native";
 import { Color } from "../../types";
 export interface SpinnerProps extends ViewProps {

package/dist/elements/Tabs/SubTabBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Use to position content directly below the tab bar, and for it to stick while
  * scrolling in the subview.

package/dist/elements/Tabs/TabScrollView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ScrollViewProps } from "react-native";
 export declare const TabScrollView: React.FC<ScrollViewProps>;

package/dist/elements/Tabs/Tabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { useAnimatedTabIndex, useCurrentTabScrollY, useFocusedTab, useHeaderMeasurements } from "react-native-collapsible-tab-view";
 import { TabFlashList } from "./TabFlashList";
 import { TabFlatList } from "./TabFlatList";
@@ -11,14 +10,14 @@ export declare const Tabs: import("react").FC<import("./TabsContainer").TabsCont
         cancelLazyFadeIn?: boolean;
         mountDelayMs?: number;
         startMounted?: boolean;
-        children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        children: React.ReactElement;
     }>;
-    ScrollView: import("react").FC<import("react-native/types").ScrollViewProps>;
-    SectionList: <T>(p: import("react-native/types").SectionListProps<T, import("react-native/types").DefaultSectionT> & {
-        ref?: import("react").Ref<import("react-native/types").SectionList<T, import("react-native/types").DefaultSectionT>>;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    ScrollView: import("react").FC<import("react-native").ScrollViewProps>;
+    SectionList: <T>(p: import("react-native").SectionListProps<T> & {
+        ref?: React.Ref<import("react-native").SectionList<T>>;
+    }) => React.ReactElement;
     SubTabBar: import("react").FC<{
-        children?: import("react").ReactNode;
+        children?: import("react").ReactNode | undefined;
     }>;
     Tab: typeof import("react-native-collapsible-tab-view").Tab;
     TabsWithHeader: import("react").FC<import("./TabsWithHeader").TabsWithHeaderProps>;

package/dist/elements/Tabs/TabsContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapsibleProps, TabItemProps } from "react-native-collapsible-tab-view";
 interface Indicator {
     tabName: string;

package/dist/elements/Tabs/TabsWithHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapsibleProps } from "react-native-collapsible-tab-view";
 import { TabsContainerProps } from "./TabsContainer";
 import { HeaderProps } from "../Screen/Header";

package/dist/elements/Text/Text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
 import { Text as RNText, TextProps as RNTextProps } from "react-native";
 import { ColorProps, LineHeightProps, SpaceProps, TypographyProps } from "styled-system";

package/dist/elements/Text/Text.js

@@ -11,7 +11,7 @@ export const Text = forwardRef(({ variant = "sm", italic = false, color = "onBac
     const nativeTextStyle = [caps ? { textTransform: "uppercase" } : {}];
     return (_jsx(InnerStyledText, { ref: ref, selectable: selectable, style: [
             ...nativeTextStyle,
-            { textAlignVertical: "center" },
+            { textAlignVertical: "center" }, // android renders text higher by default, so we bring it down to be consistent with ios
             { textDecorationLine: !!underline ? "underline" : "none" },
             !!maxWidth ? { width: "100%", maxWidth: 600, alignSelf: "center" } : {},
             style, // keep last so we can override

package/dist/elements/ToolTip/ToolTip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ToolTipContextValues {
     dismissToolTip: () => void;
     setToolTip: (toolTip: string) => void;

package/dist/elements/ToolTip/ToolTipFlyout.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewStyle } from "react-native";
 interface Props {
     containerStyle?: ViewStyle;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import("react").FC<import("./Touchable").TouchableProps>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TouchableProps } from "./Touchable";
 import { Color } from "../../types";
 interface TouchableHighlightState {

package/dist/elements/VisualClue/VisualClueDot.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 import { Color } from "../../types";
 interface VisualClueDotProps {

package/dist/elements/VisualClue/VisualClueText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 export declare const VisualClueText: React.FC<{
     style?: StyleProp<ViewStyle>;

package/dist/setupJest.js

@@ -6,4 +6,4 @@ jest.mock("react-native-blurhash", () => {
         Blurhash: ReactNative.View,
     };
 });
-require("react-native-reanimated").setUpTests();
+jest.mock("react-native-reanimated", () => require("react-native-reanimated/mock"));

package/dist/storybook/decorators.js

@@ -13,7 +13,8 @@ export const withTheme = (story) => (_jsxs(Theme, { theme: "v3light", children:
 const atomStorage = createJSONStorage(() => AsyncStorage);
 const atomWithAsyncStorage = (key, initialValue) => atomWithStorage(key, initialValue, {
     ...atomStorage,
-    delayInit: true,
+}, {
+    getOnInit: false,
 });
 const modeAtom = atomWithAsyncStorage("dark-mode-mode", "system");
 export const useDarkModeSwitcher = (story) => {

package/dist/tokens.js

@@ -16,12 +16,12 @@ export const COLOR_LAYER_ROLE = [
     // onName: Anything small, texts, icons, etc.
     // onNameContrast: Anything small, texts, icons, etc based on contrast.
     "background",
-    "onBackground",
+    "onBackground", // same as onBackgroundHigh
     "onBackgroundHigh",
     "onBackgroundMedium",
     "onBackgroundLow",
     "surface",
-    "onSurface",
+    "onSurface", // same as onSurfaceHigh
     "onSurfaceHigh",
     "onSurfaceMedium",
     "onSurfaceLow",

package/dist/types.d.ts

@@ -12,5 +12,5 @@ export type ColorLayerRole = typeof COLOR_LAYER_ROLE[number];
 export type ColorCSS = string & {};
 export type ColorDSValue = ColorLayerName | ColorLayerRole;
 export type Color = ColorLayerName | ColorLayerRole | ColorCSS;
-export declare const isRoleLayer: (name: Color) => name is "background" | "onBackground" | "onBackgroundHigh" | "onBackgroundMedium" | "onBackgroundLow" | "surface" | "onSurface" | "onSurfaceHigh" | "onSurfaceMedium" | "onSurfaceLow" | "primary" | "onPrimaryHigh" | "onPrimaryMedium" | "onPrimaryLow" | "secondary" | "onSecondaryHigh" | "onSecondaryMedium" | "onSecondaryLow" | "brand" | "onBrand";
-export declare const isNameLayer: (name: Color) => name is "brand" | "devpurple" | "mono100" | "mono60" | "mono30" | "mono15" | "mono10" | "mono5" | "mono0" | "blue200" | "blue150" | "blue100" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10";
+export declare const isRoleLayer: (name: Color) => name is ColorLayerRole;
+export declare const isNameLayer: (name: Color) => name is ColorLayerName;

package/dist/utils/Wrap.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface WrapProps {
     if: boolean;
     children?: React.ReactNode;

package/dist/utils/hooks/useSpace.d.ts

@@ -1 +1 @@
-export declare const useSpace: () => (spaceName: 2 | 0.5 | 1 | 4 | 6 | 12) => number;
+export declare const useSpace: () => (spaceName: import("@artsy/palette-tokens").SpacingUnit) => number;

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

@@ -1,5 +1,5 @@
 import { SpacingUnit } from "@artsy/palette-tokens/dist/themes/v3";
-import { AllThemesType, ThemeType, ThemeWithDarkModeType } from "../../tokens";
+import { ThemeType, ThemeWithDarkModeType } from "../../tokens";
 import { Color, ColorDSValue } from "../../types";
 export declare const useTheme: () => {
     theme: ThemeType | ThemeWithDarkModeType;
@@ -7,11 +7,9 @@ export declare const useTheme: () => {
     color: ColorFn;
 };
 type SpaceFn = (spaceName: SpacingUnit) => number;
-declare const space: (theme: AllThemesType) => SpaceFn;
 export interface ColorFn {
     (colorNumber: undefined): undefined;
     (colorNumber: ColorDSValue | Color): string;
     (colorNumber: ColorDSValue | Color | undefined): string | undefined;
 }
-declare const color: (theme: AllThemesType) => ColorFn;
 export {};

package/dist/utils/types.js

@@ -1 +0,0 @@
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "19.11.0",
+  "version": "19.13.0--canary.392.4616.0",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "expo run:android --port 8082",
@@ -14,6 +14,7 @@
     "lint": "eslint --cache --cache-location '.cache/eslint/' --ext .ts,.tsx --fix",
     "local-palette-dev": "./scripts/sync-after-change",
     "open-xcode": "open ios/PaletteMobile.xcworkspace",
+    "postinstall": "yarn patch-package",
     "prebuild": "npx expo prebuild",
     "prepare": "patch-package && husky install",
     "prepublishOnly": "yarn clean && yarn compile",
@@ -45,7 +46,7 @@
     "react-nanny": "^2.15.0",
     "react-native-blurhash": "2.1.1",
     "react-native-collapsible-tab-view": "^8.0.1",
-    "react-native-pager-view": "6.5.0",
+    "react-native-pager-view": "6.7.1",
     "react-native-popover-view": "^6.1.0",
     "react-spring": "8.0.23",
     "styled-system": "^5.1.5"
@@ -76,15 +77,15 @@
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
     "@babel/runtime": "^7.25.0",
-    "@react-native-async-storage/async-storage": "2.0.0",
+    "@react-native-async-storage/async-storage": "2.2.0",
     "@react-native/eslint-config": "0.76.9",
     "@storybook/react-native": "7.6.20",
     "@testing-library/react-native": "13.2.0",
     "@types/events": "^3.0.0",
     "@types/jest": "29.4.0",
     "@types/lodash": "4.14.191",
-    "@types/react": "18.3.12",
-    "@types/react-test-renderer": "18.3.0",
+    "@types/react": "~19.0.10",
+    "@types/react-test-renderer": "19.0.0",
     "@types/styled-components": "^5.1.26",
     "@types/styled-components-react-native": "^5.2.1",
     "@types/styled-system": "^5.1.16",
@@ -106,33 +107,33 @@
     "eslint-plugin-react-native-a11y": "^3.5.1",
     "eslint-plugin-storybook": "0.6.10",
     "eslint-plugin-testing-library": "6.4.0",
-    "expo": "~52.0.0",
-    "expo-dev-client": "~5.0.20",
+    "expo": "^53.0.0",
+    "expo-dev-client": "~5.2.4",
     "husky": "^8.0.3",
-    "jest": "29.6.3",
+    "jest": "~29.7.0",
     "jest-environment-jsdom": "29.4.2",
     "jest-extended": "3.2.3",
     "jest-watch-typeahead": "2.2.2",
-    "jotai": "1.12.1",
+    "jotai": "^2.15.0",
     "lint-staged": "13.1.2",
     "nodemon": "^2.0.20",
     "patch-package": "^8.0.0",
     "postinstall-prepare": "^2.0.0",
     "prettier": "^2.8.8",
     "pull-lock": "1.0.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.76.9",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-native": "0.79.6",
     "react-native-device-info": "14.0.4",
     "react-native-haptic-feedback": "1.14.0",
     "react-native-linear-gradient": "2.6.2",
-    "react-native-reanimated": "3.16.7",
+    "react-native-reanimated": "3.17.5",
     "react-native-safe-area-context": "5.4.1",
-    "react-native-svg": "15.10.1",
-    "react-test-renderer": "18.3.1",
+    "react-native-svg": "15.12.0",
+    "react-test-renderer": "19.0.0",
     "rimraf": "4.1.2",
-    "styled-components": "^5.3.6",
-    "typescript": "5.0.4"
+    "styled-components": "5.3.6",
+    "typescript": "5.8.3"
   },
   "resolutions": {
     "@types/react": "18.3.12"