@artsy/palette-mobile 17.32.0 → 17.33.0

package/dist/svgs/MagnifyingGlassIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MagnifyingGlassIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MagnifyingGlassIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MapPinIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MapPinIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MapPinIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MenuIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MenuIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MenuIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MessageIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MessageIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MessageIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MessagesAppIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MessagesAppIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MessagesAppIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MoneyCircleIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MoneyCircleIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MoneyCircleIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MoneyFillIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MoneyFillIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MoneyFillIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MoreIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MoreIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MoreIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/MultiplePersonsIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const MultiplePersonsIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const MultiplePersonsIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/NewFillHeartIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const NewFillHeartIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const NewFillHeartIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/NewHeartIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const NewHeartIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const NewHeartIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/NoArtworkIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const NoArtworkIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const NoArtworkIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/NoImageIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const NoImageIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const NoImageIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/PageIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const PageIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const PageIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/Payment2Icon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const Payment2Icon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const Payment2Icon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/PaymentIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const PaymentIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const PaymentIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/PersonIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const PersonIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const PersonIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/PublicationIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const PublicationIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const PublicationIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/QuestionCircleIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const QuestionCircleIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const QuestionCircleIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/ReloadIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const ReloadIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const ReloadIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/SecureLockIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const SecureLockIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const SecureLockIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/SettingsIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const SettingsIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const SettingsIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/ShareIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const ShareIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const ShareIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/ShieldFilledIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const ShieldFilledIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const ShieldFilledIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/ShieldIcon.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
 import { Color } from "../types";
 type ShieldIconProps = IconProps & {
     checkColor?: Color;
     shieldColor?: Color;
 };
-export declare const ShieldIcon: ({ checkColor, shieldColor, width, height, fill, ...restProps }: ShieldIconProps) => JSX.Element;
+export declare const ShieldIcon: ({ checkColor, shieldColor, width, height, fill, ...restProps }: ShieldIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/svgs/SortIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const SortIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const SortIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/StarCircleFill.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const StarCircleFill: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const StarCircleFill: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/StarCircleIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const StarCircleIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const StarCircleIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/Stopwatch.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const Stopwatch: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const Stopwatch: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/Tag2Icon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const Tag2Icon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const Tag2Icon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/TagIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const TagIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const TagIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/TimerIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const TimerIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const TimerIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/TopEmergingIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const TopEmergingIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const TopEmergingIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/TrashIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const TrashIcon: ({ fill, ...restprops }: IconProps) => JSX.Element;
+export declare const TrashIcon: ({ fill, ...restprops }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/TrendingIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const TrendingIcon: ({ fill, ...restprops }: IconProps) => JSX.Element;
+export declare const TrendingIcon: ({ fill, ...restprops }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/TriangleDown.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const TriangleDown: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const TriangleDown: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/TwitterIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const TwitterIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const TwitterIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/UserMultiIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const UserMultiIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const UserMultiIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/UserSingleIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const UserSingleIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const UserSingleIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/VerifiedIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const VerifiedIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const VerifiedIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/VerifiedPersonIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const VerifiedPersonIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const VerifiedPersonIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/WhatsAppAppIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const WhatsAppAppIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const WhatsAppAppIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/WorldGlobeCircleIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const WorldGlobeCircleIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const WorldGlobeCircleIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/XCircleIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./Icon";
-export declare const XCircleIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const XCircleIcon: ({ fill, ...restProps }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svgs/icons.stories.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<({ width, height, ...restProps }: import("react-native-svg").SvgProps) => JSX.Element, any, import("./Icon").IconProps, never>;
+    component: import("styled-components").StyledComponent<({ width, height, ...restProps }: import("react-native-svg").SvgProps) => import("react/jsx-runtime").JSX.Element, any, import("./Icon").IconProps, never>;
 };
 export default _default;
-export declare const AllIcons: () => JSX.Element;
+export declare const AllIcons: () => import("react/jsx-runtime").JSX.Element;

package/dist/utils/Wrap.d.ts

@@ -4,9 +4,9 @@ interface WrapProps {
     children?: React.ReactNode;
 }
 export declare const Wrap: {
-    ({ if: condition, children }: WrapProps): JSX.Element;
+    ({ if: condition, children }: WrapProps): import("react/jsx-runtime").JSX.Element;
     Content({ children }: {
         children?: React.ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/utils/colors.stories.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const All: () => JSX.Element;
+export declare const All: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScaledSize } from "react-native";
 import { EdgeInsets } from "react-native-safe-area-context";
 export type ScreenOrientation = "landscape" | "portrait";
@@ -11,7 +10,7 @@ export interface ScreenDimensions extends ScaledSize {
 }
 export declare const ScreenDimensionsProvider: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare function useScreenDimensions(): ScreenDimensions;
 /**
  * The following components have slightly different sizing dimensions based on the iPhone model

package/dist/utils/space.stories.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const SpacingUnits: () => JSX.Element;
+export declare const SpacingUnits: () => import("react/jsx-runtime").JSX.Element;

package/dist/utils/tests/renderWithWrappers.d.ts

@@ -7,4 +7,4 @@ import { ReactElement } from "react";
 export declare const renderWithWrappers: (component: ReactElement) => any;
 export declare const Providers: ({ children }: {
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "17.32.0",
+  "version": "17.33.0",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082 --terminal terminal",
@@ -88,7 +88,7 @@
     "@types/events": "^3.0.0",
     "@types/jest": "29.4.0",
     "@types/lodash": "4.14.191",
-    "@types/react": "^17.0.39",
+    "@types/react": "18.3.12",
     "@types/react-test-renderer": "18.3.0",
     "@types/styled-components": "^5.1.26",
     "@types/styled-components-react-native": "^5.2.1",
@@ -125,7 +125,7 @@
     "prettier": "^2.8.8",
     "pull-lock": "1.0.0",
     "react": "18.3.1",
-    "react-dom": "18.2.0",
+    "react-dom": "18.3.1",
     "react-native": "0.76.9",
     "react-native-device-info": "14.0.4",
     "react-native-haptic-feedback": "1.14.0",
@@ -139,7 +139,7 @@
     "typescript": "5.0.4"
   },
   "resolutions": {
-    "@types/react": "^17.0.39"
+    "@types/react": "18.3.12"
   },
   "engines": {
     "yarn": "1.x"