@artsy/palette-mobile 14.0.7 → 14.0.9

package/dist/elements/Button/Button.js

@@ -89,7 +89,7 @@ export const Button = ({ children, disabled, haptic, icon, iconPosition = "left"
                                                 textDecorationLine: springProps.textDecorationLine,
                                             },
                                             textStyle,
-                                        ], textAlign: "center", children: children }), iconPosition === "right" && !!icon && (_jsxs(_Fragment, { children: [_jsx(Spacer, { x: 0.5 }), icon] }))] }), displayState === DisplayState.Loading && (_jsx(SpinnerContainer, { children: _jsx(Spinner, { size: size, color: to.loaderColor, testID: "button-loading-spinner" }) }))] }) }) }) })) }));
+                                        ], textAlign: "center", children: children }), iconPosition === "right" && !!icon && (_jsxs(_Fragment, { children: [_jsx(Spacer, { x: 0.5 }), icon] }))] }), displayState === DisplayState.Loading && (_jsx(SpinnerContainer, { children: _jsx(Spinner, { size: size, color: to.loaderColor }) }))] }) }) }) })) }));
 };
 const useStyleForVariantAndState = (variant, state) => {
     const color = useColor();

package/dist/elements/SearchInput/RoundSearchInput.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import isArray from "lodash/isArray";
 import isString from "lodash/isString";
-import { useCallback, useRef, useState } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { TextInput } from "react-native";
 import { DEFAULT_HIT_SLOP } from "../../constants";
 import { ArrowLeftIcon, MagnifyingGlassIcon } from "../../svgs";
@@ -41,12 +41,15 @@ export const RoundSearchInput = ({ value, placeholder, onLeftIconPress, ...rest
     if (value && __DEV__) {
         throw new Error("Avoid controlled inputs and use the defaultValue prop instead");
     }
-    const inputStyles = {
-        flex: 1,
-        height: SEARCH_INPUT_CONTAINER_HEIGHT,
-        fontFamily: theme.theme.fonts.sans.regular,
-        fontSize: 16,
-    };
+    const inputStyles = useMemo(() => {
+        return {
+            flex: 1,
+            height: SEARCH_INPUT_CONTAINER_HEIGHT,
+            fontFamily: theme.theme.fonts.sans.regular,
+            fontSize: 16,
+            lineHeight: 20,
+        };
+    }, []);
     const renderAndroidPlaceholderMeasuringHack = useCallback(() => {
         if (!isArray(placeholder)) {
             return null;
@@ -84,13 +87,7 @@ export const RoundSearchInput = ({ value, placeholder, onLeftIconPress, ...rest
                         ref.current?.blur();
                         setIsFocused(false);
                         onLeftIconPress?.();
-                    }, hitSlop: DEFAULT_HIT_SLOP, haptic: "impactLight", children: !isFocused ? (_jsx(MagnifyingGlassIcon, { fill: "black60", width: ICON_SIZE, height: ICON_SIZE, style: {
-                            transform: [
-                                {
-                                    scaleX: -1,
-                                },
-                            ],
-                        } })) : (_jsx(ArrowLeftIcon, { long: true, fill: "black60", width: ICON_SIZE, height: ICON_SIZE })) }) })] }));
+                    }, hitSlop: DEFAULT_HIT_SLOP, haptic: "impactLight", children: !isFocused ? (_jsx(MagnifyingGlassIcon, { fill: "black60", width: ICON_SIZE, height: ICON_SIZE })) : (_jsx(ArrowLeftIcon, { long: true, fill: "black60", width: ICON_SIZE, height: ICON_SIZE })) }) })] }));
 };
 export const SEARCH_INPUT_CONTAINER_HEIGHT = 48;
 const CONTAINER_HORIZONTAL_PADDING = 16;

package/dist/svgs/MagnifyingGlassIcon.js

@@ -3,5 +3,5 @@ import { Icon, Path } from "./Icon";
 import { useColor } from "../utils/hooks";
 export const MagnifyingGlassIcon = ({ fill, ...restProps }) => {
     const color = useColor();
-    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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" }) }));
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 24 24", children: _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", fill: color(fill ?? "onBackgroundHigh"), d: "M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "14.0.7",
+  "version": "14.0.9",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082 --terminal terminal",