@ledgerhq/icons-ui 0.2.0 → 0.2.1

package/README.md

@@ -0,0 +1,60 @@
+# `@ledgerhq/icons-ui`
+
+[![npm](https://img.shields.io/npm/v/@ledgerhq/icons-ui)](https://www.npmjs.com/package/@ledgerhq/icons-ui)
+
+### A collection of Ledger-flavoured icons
+
+#### This package contains a collection of React and React Native icon components.
+
+## Reference
+
+[**🔗 Icons list**](https://ledger-live-ui-react.vercel.app/?path=/story/asorted-icons--list)
+
+## Installation
+
+**Note:** Do not install this package directly if your project is using `@ledgerhq/react-ui` or `@ledgerhq/native-ui`. Both packages include `icons-ui` as a depedency and the icon components are re-exported and are accessible from there.
+
+### Package
+
+```sh
+npm i @ledgerhq/icons-ui
+```
+
+## Usage
+
+### Props
+
+```ts
+declare type Props = {
+  /**
+   *  Icon size, defaults to 16.
+   */
+  size?: number | string;
+  /**
+   * Icon color, defaults to currentColor.
+   */
+  color?: string;
+};
+```
+
+### React
+
+```js
+import { AppleRegular, ChristmasMedium } from "@ledgerhq/icons-ui/react"
+
+/* … */
+
+<ChristmasMedium color="green" />
+<Apple size={20} color="red" />
+```
+
+### React Native
+
+```js
+import { AppleRegular, ChristmasMedium } from "@ledgerhq/icons-ui/native"
+
+/* … */
+
+<ChristmasMedium color="green" />
+<Apple size={20} color="red" />
+```

package/native/ActivityLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ActivityLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ActivityLight({ size = 16, color = "palette.neutral.c100" }) {
+function ActivityLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M2.148 12.648H6.42L8.988 4.92l5.976 17.976 3.456-10.248h3.432v-1.272H17.58l-2.592 7.704-6-17.976-3.432 10.272H2.148v1.272z" }));
 }

package/native/ActivityMedium.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ActivityMedium.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ActivityMedium({ size = 16, color = "palette.neutral.c100" }) {
+function ActivityMedium({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M2.64 13.02h4.416l2.136-6.384 5.616 16.824 3.504-10.44h3.048v-2.04h-4.392l-2.16 6.384L9.192.54l-3.48 10.44H2.64v2.04z" }));
 }

package/native/ActivityRegular.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ActivityRegular.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ActivityRegular({ size = 16, color = "palette.neutral.c100" }) {
+function ActivityRegular({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M2.4 12.852h4.344l2.352-7.056 5.808 17.376 3.48-10.32H21.6v-1.656h-4.32l-2.376 7.032L9.096.828 5.64 11.196H2.4v1.656z" }));
 }

package/native/ActivityThin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ActivityThin.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ActivityThin({ size = 16, color = "palette.neutral.c100" }) {
+function ActivityThin({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M1.668 12.252h4.104l3.024-9.048 6.36 19.128 3.384-10.08h3.792v-.48h-4.128l-3.048 9.024-6.36-19.128-3.36 10.104H1.668v.48z" }));
 }

package/native/ActivityUltraLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ActivityUltraLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ActivityUltraLight({ size = 16, color = "palette.neutral.c100" }) {
+function ActivityUltraLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M1.908 12.456h4.176l2.808-8.4 6.168 18.552 3.432-10.152h3.6v-.864h-4.2l-2.832 8.352L8.892 1.392l-3.384 10.2h-3.6v.864z" }));
 }

package/native/AppleLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/AppleLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function AppleLight({ size = 16, color = "palette.neutral.c100" }) {
+function AppleLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9 21.84c.48 0 1.176-.216 1.632-.408.624-.24 1.248-.384 1.8-.384.504 0 1.08.144 1.752.384.624.264 1.152.408 1.608.408.624 0 1.2-.288 1.752-.792.336-.264.792-.84 1.344-1.632.408-.552.768-1.2 1.08-1.896l.336-.912c-1.536-.648-2.688-2.112-2.688-4.008-.048-1.632.696-2.904 2.184-3.792-.864-1.2-2.088-1.848-3.72-1.968-.648-.048-1.392.096-2.256.408-.936.336-1.512.504-1.68.504-.192 0-.72-.144-1.464-.456-.816-.264-1.416-.408-1.896-.408-.864.024-1.656.216-2.4.672-.768.432-1.344 1.032-1.8 1.824-.576.936-.888 2.088-.888 3.408 0 1.128.216 2.328.672 3.576a11.903 11.903 0 001.488 2.976c.6.84 1.056 1.392 1.44 1.704.552.528 1.128.792 1.704.792zm3.024-15.384c0 .12 0 .24.024.36 2.088.192 4.104-2.088 4.104-4.272V2.16a3.9 3.9 0 00-1.608.456c-1.536.768-2.52 2.304-2.52 3.84z" }));
 }

package/native/AppleMedium.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/AppleMedium.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function AppleMedium({ size = 16, color = "palette.neutral.c100" }) {
+function AppleMedium({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9 21.84c.48 0 1.176-.216 1.632-.408.624-.24 1.248-.384 1.8-.384.504 0 1.08.144 1.752.384.624.264 1.152.408 1.608.408.624 0 1.2-.288 1.752-.792.336-.264.792-.84 1.344-1.632.408-.552.768-1.2 1.08-1.896l.336-.912c-1.536-.648-2.688-2.112-2.688-4.008-.048-1.632.696-2.904 2.184-3.792-.864-1.2-2.088-1.848-3.72-1.968-.648-.048-1.392.096-2.256.408-.936.336-1.512.504-1.68.504-.192 0-.72-.144-1.464-.456-.816-.264-1.416-.408-1.896-.408-.864.024-1.656.216-2.4.672-.768.432-1.344 1.032-1.8 1.824-.576.936-.888 2.088-.888 3.408 0 1.128.216 2.328.672 3.576a11.903 11.903 0 001.488 2.976c.6.84 1.056 1.392 1.44 1.704.552.528 1.128.792 1.704.792zm3.024-15.384c0 .12 0 .24.024.36 2.088.192 4.104-2.088 4.104-4.272V2.16a3.9 3.9 0 00-1.608.456c-1.536.768-2.52 2.304-2.52 3.84z" }));
 }

package/native/AppleRegular.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/AppleRegular.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function AppleRegular({ size = 16, color = "palette.neutral.c100" }) {
+function AppleRegular({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9 21.84c.48 0 1.176-.216 1.632-.408.624-.24 1.248-.384 1.8-.384.504 0 1.08.144 1.752.384.624.264 1.152.408 1.608.408.624 0 1.2-.288 1.752-.792.336-.264.792-.84 1.344-1.632.408-.552.768-1.2 1.08-1.896l.336-.912c-1.536-.648-2.688-2.112-2.688-4.008-.048-1.632.696-2.904 2.184-3.792-.864-1.2-2.088-1.848-3.72-1.968-.648-.048-1.392.096-2.256.408-.936.336-1.512.504-1.68.504-.192 0-.72-.144-1.464-.456-.816-.264-1.416-.408-1.896-.408-.864.024-1.656.216-2.4.672-.768.432-1.344 1.032-1.8 1.824-.576.936-.888 2.088-.888 3.408 0 1.128.216 2.328.672 3.576a11.903 11.903 0 001.488 2.976c.6.84 1.056 1.392 1.44 1.704.552.528 1.128.792 1.704.792zm3.024-15.384c0 .12 0 .24.024.36 2.088.192 4.104-2.088 4.104-4.272V2.16a3.9 3.9 0 00-1.608.456c-1.536.768-2.52 2.304-2.52 3.84z" }));
 }

package/native/AppleThin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/AppleThin.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function AppleThin({ size = 16, color = "palette.neutral.c100" }) {
+function AppleThin({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9 21.84c.48 0 1.176-.216 1.632-.408.624-.24 1.248-.384 1.8-.384.504 0 1.08.144 1.752.384.624.264 1.152.408 1.608.408.624 0 1.2-.288 1.752-.792.336-.264.792-.84 1.344-1.632.408-.552.768-1.2 1.08-1.896l.336-.912c-1.536-.648-2.688-2.112-2.688-4.008-.048-1.632.696-2.904 2.184-3.792-.864-1.2-2.088-1.848-3.72-1.968-.648-.048-1.392.096-2.256.408-.936.336-1.512.504-1.68.504-.192 0-.72-.144-1.464-.456-.816-.264-1.416-.408-1.896-.408-.864.024-1.656.216-2.4.672-.768.432-1.344 1.032-1.8 1.824-.576.936-.888 2.088-.888 3.408 0 1.128.216 2.328.672 3.576a11.903 11.903 0 001.488 2.976c.6.84 1.056 1.392 1.44 1.704.552.528 1.128.792 1.704.792zm3.024-15.384c0 .12 0 .24.024.36 2.088.192 4.104-2.088 4.104-4.272V2.16a3.9 3.9 0 00-1.608.456c-1.536.768-2.52 2.304-2.52 3.84z" }));
 }

package/native/AppleUltraLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/AppleUltraLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function AppleUltraLight({ size = 16, color = "palette.neutral.c100" }) {
+function AppleUltraLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9 21.84c.48 0 1.176-.216 1.632-.408.624-.24 1.248-.384 1.8-.384.504 0 1.08.144 1.752.384.624.264 1.152.408 1.608.408.624 0 1.2-.288 1.752-.792.336-.264.792-.84 1.344-1.632.408-.552.768-1.2 1.08-1.896l.336-.912c-1.536-.648-2.688-2.112-2.688-4.008-.048-1.632.696-2.904 2.184-3.792-.864-1.2-2.088-1.848-3.72-1.968-.648-.048-1.392.096-2.256.408-.936.336-1.512.504-1.68.504-.192 0-.72-.144-1.464-.456-.816-.264-1.416-.408-1.896-.408-.864.024-1.656.216-2.4.672-.768.432-1.344 1.032-1.8 1.824-.576.936-.888 2.088-.888 3.408 0 1.128.216 2.328.672 3.576a11.903 11.903 0 001.488 2.976c.6.84 1.056 1.392 1.44 1.704.552.528 1.128.792 1.704.792zm3.024-15.384c0 .12 0 .24.024.36 2.088.192 4.104-2.088 4.104-4.272V2.16a3.9 3.9 0 00-1.608.456c-1.536.768-2.52 2.304-2.52 3.84z" }));
 }

package/native/ArrowBottomLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowBottomLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowBottomLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowBottomLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M12 21.372l6.624-6.648-.744-.768-3.264 3.288c-.672.672-1.368 1.368-2.04 2.064V2.628h-1.152v16.68c-.672-.696-1.344-1.392-2.016-2.064l-3.264-3.288-.768.768L12 21.372z" }));
 }

package/native/ArrowBottomMedium.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowBottomMedium.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowBottomMedium({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowBottomMedium({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M12 21.372l6.624-6.648-1.176-1.2-3.36 3.384c-.384.384-.792.816-1.176 1.248V2.628h-1.824v15.528a29.762 29.762 0 00-1.176-1.248l-3.36-3.384-1.176 1.2L12 21.372z" }));
 }

package/native/ArrowBottomRegular.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowBottomRegular.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowBottomRegular({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowBottomRegular({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M12 21.372l6.624-6.648-.96-.984-3.312 3.336c-.528.528-1.08 1.08-1.608 1.656V2.628h-1.488v16.104a53.09 53.09 0 00-1.608-1.656L6.336 13.74l-.96.984L12 21.372z" }));
 }

package/native/ArrowBottomThin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowBottomThin.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowBottomThin({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowBottomThin({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M12 21.372l6.624-6.624-.336-.336-3.168 3.168-2.88 2.88V2.628h-.48V20.46l-2.88-2.88-3.168-3.168-.336.336L12 21.372z" }));
 }

package/native/ArrowBottomUltraLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowBottomUltraLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowBottomUltraLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowBottomUltraLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M12 21.372l6.624-6.624-.552-.552-3.216 3.216c-.816.816-1.632 1.632-2.448 2.472V2.628h-.816v17.256c-.816-.84-1.632-1.656-2.448-2.472l-3.216-3.216-.552.552L12 21.372z" }));
 }

package/native/ArrowDownLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowDownLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowDownLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowDownLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M10.92 20.28h9.36v-9.384h-1.056v4.632c0 .936 0 1.92.024 2.904L4.536 3.72l-.816.816 14.712 14.688c-.96 0-1.944-.024-2.904-.024h-4.632l.024 1.08z" }));
 }

package/native/ArrowDownMedium.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowDownMedium.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowDownMedium({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowDownMedium({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M11.016 20.4H20.4v-9.384l-1.68-.024v4.776c0 .552.024 1.152.048 1.728L4.896 3.6 3.6 4.896l13.896 13.872a42.706 42.706 0 00-1.728-.048h-4.776l.024 1.68z" }));
 }

package/native/ArrowDownRegular.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowDownRegular.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowDownRegular({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowDownRegular({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M10.956 20.34h9.384v-9.384l-1.368-.024v4.704c0 .768.024 1.56.024 2.328L4.716 3.66 3.66 4.716l14.304 14.28c-.768-.024-1.56-.024-2.304-.024h-4.704v1.368z" }));
 }

package/native/ArrowDownThin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowDownThin.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowDownThin({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowDownThin({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M10.8 20.16h9.36V10.8h-.456V19.368L4.176 3.84l-.336.336 15.528 15.528H10.8v.456z" }));
 }

package/native/ArrowDownUltraLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowDownUltraLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowDownUltraLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowDownUltraLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M10.86 20.22h9.36v-9.36l-.768-.024v4.56c0 1.152.024 2.328.024 3.504L4.356 3.78l-.576.576 15.12 15.12c-1.176-.024-2.352-.024-3.48-.024h-4.56v.768z" }));
 }

package/native/ArrowFromBottomLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowFromBottomLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowFromBottomLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowFromBottomLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M11.424 5.064V16.92h1.152V5.04a154.06 154.06 0 001.944 1.992l2.232 2.208.744-.744L12 3 6.504 8.496l.768.744 2.232-2.208 1.92-1.968zM3.6 21h16.8v-1.2H3.6V21z" }));
 }

package/native/ArrowFromBottomMedium.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowFromBottomMedium.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowFromBottomMedium({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowFromBottomMedium({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M11.088 6.096V16.8h1.824V6.072c.384.432.792.864 1.176 1.272l2.232 2.208 1.176-1.176L12 2.88 6.504 8.376l1.2 1.176 2.208-2.208c.384-.384.792-.816 1.176-1.248zM3.6 21.12h16.8V19.2H3.6v1.92z" }));
 }

package/native/ArrowFromBottomRegular.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowFromBottomRegular.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowFromBottomRegular({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowFromBottomRegular({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M11.256 5.58v11.28h1.488V5.556c.504.552 1.056 1.104 1.56 1.632l2.232 2.208.96-.96L12 2.94 6.504 8.436l.984.96 2.208-2.208a33.041 33.041 0 001.56-1.608zM3.6 21.06h16.8V19.5H3.6v1.56z" }));
 }

package/native/ArrowFromBottomThin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowFromBottomThin.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowFromBottomThin({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowFromBottomThin({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M11.76 4.032V17.04h.48V4.032l2.688 2.688 2.232 2.232.336-.336L12 3.12 6.504 8.616l.336.336L9.072 6.72l2.688-2.688zM3.6 20.88h16.8v-.48H3.6v.48z" }));
 }

package/native/ArrowFromBottomUltraLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowFromBottomUltraLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowFromBottomUltraLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowFromBottomUltraLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M11.592 4.548V16.98h.816V4.548c.768.768 1.56 1.56 2.304 2.328l2.232 2.232.552-.552L12 3.06 6.504 8.556l.552.552 2.232-2.232 2.304-2.328zM3.6 20.94h16.8v-.84H3.6v.84z" }));
 }

package/native/ArrowLeftLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowLeftLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowLeftLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowLeftLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9.276 18.624l.768-.768-3.288-3.264a165.464 165.464 0 00-2.064-2.016h16.68v-1.152H4.692c.696-.672 1.392-1.368 2.064-2.04l3.288-3.264-.768-.744L2.628 12l6.648 6.624z" }));
 }

package/native/ArrowLeftMedium.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowLeftMedium.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowLeftMedium({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowLeftMedium({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9.276 18.624l1.2-1.176-3.384-3.36a29.775 29.775 0 00-1.248-1.176h15.528v-1.824H5.844c.432-.384.864-.792 1.248-1.176l3.384-3.36-1.2-1.176L2.628 12l6.648 6.624z" }));
 }

package/native/ArrowLeftRegular.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowLeftRegular.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowLeftRegular({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowLeftRegular({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9.276 18.624l.984-.96-3.336-3.312c-.528-.528-1.08-1.08-1.656-1.608h16.104v-1.488H5.268a53.09 53.09 0 001.656-1.608l3.336-3.312-.984-.96L2.628 12l6.648 6.624z" }));
 }

package/native/ArrowLeftThin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowLeftThin.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowLeftThin({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowLeftThin({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9.252 18.624l.336-.336L6.42 15.12l-2.88-2.88h17.832v-.48H3.54l2.88-2.88 3.168-3.168-.336-.336L2.628 12l6.624 6.624z" }));
 }

package/native/ArrowLeftUltraLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowLeftUltraLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowLeftUltraLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowLeftUltraLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M9.252 18.624l.552-.552-3.216-3.216a238.903 238.903 0 00-2.472-2.448h17.256v-.816H4.116c.84-.816 1.656-1.632 2.472-2.448l3.216-3.216-.552-.552L2.628 12l6.624 6.624z" }));
 }

package/native/ArrowRightLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowRightLight.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowRightLight({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowRightLight({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M14.748 18.624L21.372 12l-6.624-6.624-.768.744 3.264 3.264c.672.672 1.368 1.368 2.064 2.04H2.628v1.152h16.68c-.696.672-1.392 1.344-2.064 2.016l-3.264 3.264.768.768z" }));
 }

package/native/ArrowRightMedium.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowRightMedium.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowRightMedium({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowRightMedium({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M14.724 18.624L21.372 12l-6.648-6.624-1.2 1.176 3.384 3.36c.384.384.816.792 1.248 1.176H2.628v1.824h15.528c-.432.384-.864.792-1.248 1.176l-3.384 3.36 1.2 1.176z" }));
 }

package/native/ArrowRightRegular.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type Props = {
     size?: number | string;
     color?: string;

package/native/ArrowRightRegular.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Path } from "react-native-svg";
 import Svg from "./StyledSvg";
-function ArrowRightRegular({ size = 16, color = "palette.neutral.c100" }) {
+function ArrowRightRegular({ size = 16, color = "neutral.c100" }) {
     return React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: color },
         React.createElement(Path, { d: "M14.724 18.624L21.372 12l-6.648-6.624-.984.96 3.336 3.312c.528.528 1.104 1.08 1.656 1.608H2.628v1.488h16.104c-.552.528-1.128 1.08-1.656 1.608l-3.336 3.312.984.96z" }));
 }