@ledgerhq/native-ui 0.43.1-nightly.0 → 0.44.0-nightly.1

package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const ApyIndicator: ({ value, type }: {
+    value: number;
+    type: "NRR" | "APY" | "APR";
+}) => React.JSX.Element;
+//# sourceMappingURL=ApyIndicator.d.ts.map

package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApyIndicator.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/ApyIndicator/ApyIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,YAAY;WAA8B,MAAM;UAAQ,KAAK,GAAG,KAAK,GAAG,KAAK;uBAEzF,CAAC"}

package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.js

@@ -0,0 +1,5 @@
+import React from "react";
+import { Tag } from "../Tag/Tag";
+export const ApyIndicator = ({ value, type }) => {
+    return React.createElement(Tag, { spacing: "md" }, `~ ${value}% ${type}`);
+};

package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.stories.d.ts

@@ -0,0 +1,11 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { ApyIndicator } from "./ApyIndicator";
+declare const meta: Meta<typeof ApyIndicator>;
+export default meta;
+type Story = StoryObj<typeof ApyIndicator>;
+export declare const Default: Story;
+export declare const APY: Story;
+export declare const APR: Story;
+export declare const NRR: Story;
+export declare const TestApyIndicator: Story;
+//# sourceMappingURL=ApyIndicator.stories.d.ts.map

package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApyIndicator.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/ApyIndicator/ApyIndicator.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAA4C,CAAC;AAC/D,eAAO,MAAM,GAAG,EAAE,KAA4C,CAAC;AAC/D,eAAO,MAAM,GAAG,EAAE,KAA4C,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC"}

package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js

@@ -0,0 +1,21 @@
+import { ApyIndicator } from "./ApyIndicator";
+import { expect } from "@storybook/jest";
+import { within } from "@storybook/testing-library";
+const meta = {
+    component: ApyIndicator,
+    title: "PreLdls/Components/ApyIndicator",
+    tags: ["autodocs"],
+    args: { value: 30, type: "APY" },
+};
+export default meta;
+export const Default = {};
+export const APY = { args: { value: 30, type: "APY" } };
+export const APR = { args: { value: 20, type: "APR" } };
+export const NRR = { args: { value: 10, type: "NRR" } };
+export const TestApyIndicator = {
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        const input = canvas.getByTestId("tag");
+        await expect(input).toHaveTextContent("~ 30% APY");
+    },
+};

package/lib/pre-ldls/components/Tag/Tag.d.ts

@@ -1,7 +1,8 @@
 import React, { ReactNode } from "react";
 import { TextStyle } from "react-native";
-export declare const Tag: ({ textTransform, children, }: {
+export declare const Tag: ({ textTransform, children, spacing, }: {
     textTransform?: TextStyle["textTransform"];
     children: ReactNode;
+    spacing?: "sm" | "md" | undefined;
 }) => React.JSX.Element;
 //# sourceMappingURL=Tag.d.ts.map

package/lib/pre-ldls/components/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,eAAO,MAAM,GAAG;oBAIE,SAAS,CAAC,eAAe,CAAC;cAChC,SAAS;uBAcpB,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,eAAO,MAAM,GAAG;oBAKE,SAAS,CAAC,eAAe,CAAC;cAChC,SAAS;;uBAepB,CAAC"}

package/lib/pre-ldls/components/Tag/Tag.js

@@ -2,13 +2,13 @@ import React from "react";
 import styled from "styled-components/native";
 import { Text } from "../../../components";
 const Wrapper = styled.View `
-  padding: 1px 4px;
   border-radius: 4px;
-  background-color: ${(props) => props.theme.colors.palette.neutral.c30};
+  background-color: ${(props) => props.theme.colors.neutral.c30};
   flex-shrink: 0;
   align-self: flex-start;
+  padding: ${(props) => (props.$spacing === "sm" ? "1px 4px" : "2px 6px")};
 `;
-export const Tag = ({ textTransform = "none", children, }) => {
-    return (React.createElement(Wrapper, { testID: "tag" },
+export const Tag = ({ textTransform = "none", children, spacing = "sm", }) => {
+    return (React.createElement(Wrapper, { testID: "tag", "$spacing": spacing },
         React.createElement(Text, { color: "palette.neutral.c70", fontSize: "10px", lineHeight: "16px", textTransform: textTransform }, children)));
 };

package/lib/pre-ldls/components/Tag/Tag.stories.d.ts

@@ -0,0 +1,9 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { Tag } from "./Tag";
+declare const meta: Meta<typeof Tag>;
+export default meta;
+type Story = StoryObj<typeof Tag>;
+export declare const Default: Story;
+export declare const VariantMd: Story;
+export declare const TestTag: Story;
+//# sourceMappingURL=Tag.stories.d.ts.map

package/lib/pre-ldls/components/Tag/Tag.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Tag/Tag.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAM1B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAAmC,CAAC;AAE5D,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/pre-ldls/components/Tag/Tag.stories.js

@@ -0,0 +1,20 @@
+import { Tag } from "./Tag";
+import { expect } from "@storybook/jest";
+import { within } from "@storybook/testing-library";
+const meta = {
+    component: Tag,
+    title: "PreLdls/Components/Tag",
+    tags: ["autodocs"],
+    args: { children: "Native Segwit", spacing: "sm" },
+    argTypes: { spacing: { control: "select", options: ["sm", "md"] } },
+};
+export default meta;
+export const Default = {};
+export const VariantMd = { args: { spacing: "md" } };
+export const TestTag = {
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        const input = canvas.getByTestId("tag");
+        await expect(input).toHaveTextContent("Native Segwit");
+    },
+};

package/lib/pre-ldls/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./Input/Input";
 export * from "./AssetItem/AssetItem";
 export * from "./AssetTypeList/AssetList";
+export * from "./ApyIndicator/ApyIndicator";
 export * from "./NetworkItem/NetworkItem";
 export * from "./NetworkList/NetworkList";
 export * from "./Tag/Tag";

package/lib/pre-ldls/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qCAAqC,CAAC"}

package/lib/pre-ldls/components/index.js

@@ -1,6 +1,7 @@
 export * from "./Input/Input";
 export * from "./AssetItem/AssetItem";
 export * from "./AssetTypeList/AssetList";
+export * from "./ApyIndicator/ApyIndicator";
 export * from "./NetworkItem/NetworkItem";
 export * from "./NetworkList/NetworkList";
 export * from "./Tag/Tag";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.43.1-nightly.0",
+  "version": "0.44.0-nightly.1",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",