@artsy/palette-mobile 20.3.0 → 20.5.0

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

@@ -8,6 +8,4 @@ export interface BorderBoxProps extends FlexProps, SpaceProps<SpacingUnitsTheme>
  * 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/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<Omit<import("..").BoxProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
-    ref?: import("react").Ref<import("react-native").View>;
-}, BorderBoxProps>>;
+export declare const BorderBox: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("..").BoxProps & import("react").RefAttributes<import("react-native").View>, BorderBoxProps>>;

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

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

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from "events";
+import { JSX } from "react";
 import { TextInput, TextInputProps } from "react-native";
 export declare const inputEvents: EventEmitter<[never]>;
 export declare const emitInputClearEvent: () => void;

package/dist/elements/Input/Input.js

@@ -41,7 +41,7 @@ export const Input = forwardRef(({ addClearListener = false, defaultValue, disab
     const [inputWidth, setInputWidth] = useState(0);
     const placeholderWidths = useRef([]);
     const rightComponentRef = useRef(null);
-    const inputRef = useRef();
+    const inputRef = useRef(null);
     const variant = getInputVariant({
         hasError: !!props.error,
         disabled: disabled,

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { JSX } from "react";
 import { FlexProps } from "../Flex";
 export interface HeaderProps {
     animated?: boolean;

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

@@ -1,3 +1 @@
-export declare const ShadowSeparator: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>, import("./Separator").SeparatorProps>, keyof import("./Separator").SeparatorProps> & import("./Separator").SeparatorProps, "ref"> & {
-    ref?: import("react").Ref<import("react-native").View>;
-}, never>>;
+export declare const ShadowSeparator: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>, import("./Separator").SeparatorProps>, keyof import("./Separator").SeparatorProps> & import("./Separator").SeparatorProps, never>>;

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

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

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

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

package/dist/utils/tests/flattenChildren.tests.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from "react-native";
+import { flattenChildren } from "../flattenChildren";
+describe("flattenChildren", () => {
+    it("flattens the children", () => {
+        const flattened = flattenChildren(_jsxs(_Fragment, { children: [_jsx(View, { children: "one" }), _jsx(View, { children: "two" }), _jsxs(_Fragment, { children: [_jsx(View, { children: "three" }), _jsx(_Fragment, { children: _jsx(View, { children: "four" }) })] })] }));
+        expect(flattened).toHaveLength(4);
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "20.3.0",
+  "version": "20.5.0",
   "description": "Artsy's design system for React Native",
   "workspaces": [
     "Example"
@@ -129,9 +129,6 @@
     "styled-components": "6.1.19",
     "typescript": "5.8.3"
   },
-  "resolutions": {
-    "@types/react": "18.3.12"
-  },
   "engines": {
     "yarn": "4.x"
   },