@artsy/palette-mobile 16.0.0 → 17.1.0

package/dist/svgs/ChevronIcon.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
 import { IconProps } from "./Icon";
 type Direction = "left" | "right" | "up" | "down";
+export declare const ChevronRightIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const ChevronUpIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const ChevronLeftIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
+export declare const ChevronDownIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;
 interface ChevronProps extends IconProps {
     direction?: Direction;
 }

package/dist/svgs/ChevronIcon.js

@@ -1,13 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ArrowDownIcon } from "./ArrowDownIcon";
-import { ArrowLeftIcon } from "./ArrowLeftIcon";
-import { ArrowRightIcon } from "./ArrowRightIcon";
-import { ArrowUpIcon } from "./ArrowUpIcon";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ChevronRightIcon = ({ fill = "mono100", ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M6.62132 3L12.5 9L6.62132 15L5.5 13.8555L10.2574 9L5.5 4.14446L6.62132 3Z", fill: color(fill), fillRule: "nonzero" }) }));
+};
+export const ChevronUpIcon = ({ fill = "mono100", ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M3 11.3787L9 5.5L15 11.3787L13.8555 12.5L9 7.74264L4.14446 12.5L3 11.3787Z", fill: color(fill), fillRule: "nonzero" }) }));
+};
+export const ChevronLeftIcon = ({ fill = "mono100", ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M11.3787 15L5.5 9L11.3787 3L12.5 4.14446L7.74264 9L12.5 13.8555L11.3787 15Z", fill: color(fill), fillRule: "nonzero" }) }));
+};
+export const ChevronDownIcon = ({ fill = "mono100", ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M15 6.62132L9 12.5L3 6.62132L4.14446 5.5L9 10.2574L13.8555 5.5L15 6.62132Z", fill: color(fill), fillRule: "nonzero" }) }));
+};
 const directionMap = {
-    left: ArrowLeftIcon,
-    right: ArrowRightIcon,
-    up: ArrowUpIcon,
-    down: ArrowDownIcon,
+    left: ChevronLeftIcon,
+    right: ChevronRightIcon,
+    up: ChevronUpIcon,
+    down: ChevronDownIcon,
 };
 export const ChevronIcon = ({ direction = "right", ...restProps }) => {
     const Arrow = directionMap[direction];

package/package.json

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