@ledgerhq/native-ui 0.36.0-next.0 → 0.36.0-nightly.1

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

@@ -0,0 +1,31 @@
+/// <reference types="lodash" />
+import { ModeColors, SpacingScale } from "./design-tokens";
+declare const overrideOther: {
+    readonly "radius-s": "8px";
+    readonly "radius-xs": "4px";
+    readonly "border-width-default": "1px";
+    readonly "border-width-focus": "2px";
+    readonly "margin-xs": "8px";
+    readonly "margin-s": "16px";
+    readonly "margin-m": "24px";
+    readonly "margin-l": "32px";
+    readonly "spacing-xs": "12px";
+    readonly "spacing-xxs": "8px";
+};
+declare const overrideColor: {
+    readonly light: {
+        readonly "surface-transparent-hover": "#0000000D";
+        readonly "surface-transparent-pressed": "#0000001A";
+        readonly "border-subdued-default-hover": "#D5D5D5";
+        readonly "border-subdued-default-pressed": "#C1C1C1";
+    };
+    readonly dark: {
+        readonly "opacity-default-10": "#FFFFFF1A";
+    };
+};
+export type Tokens = Record<string, string | number>;
+type ColorToken = `colors-${keyof ModeColors}` | `colors-${keyof typeof overrideColor.light}` | `colors-${keyof typeof overrideColor.dark}`;
+type OtherToken = keyof (SpacingScale & typeof overrideOther);
+export declare const useTokens: ((theme: "dark" | "light", usedTokens: Array<ColorToken | OtherToken>) => Tokens) & import("lodash").MemoizedFunction;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/libs/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAe,UAAU,EAAW,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGjF,QAAA,MAAM,aAAa;;;;;;;;;;;CAWT,CAAC;AAEX,QAAA,MAAM,aAAa;;;;;;;;;;CAUT,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAErD,KAAK,UAAU,GACX,UAAU,MAAM,UAAU,EAAE,GAC5B,UAAU,MAAM,OAAO,aAAa,CAAC,KAAK,EAAE,GAC5C,UAAU,MAAM,OAAO,aAAa,CAAC,IAAI,EAAE,CAAC;AAChD,KAAK,UAAU,GAAG,MAAM,CAAC,YAAY,GAAG,OAAO,aAAa,CAAC,CAAC;AAM9D,eAAO,MAAM,SAAS,WACZ,MAAM,GAAG,OAAO,cAAc,MAAM,UAAU,GAAG,UAAU,CAAC,gDA2BrE,CAAC"}

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

@@ -0,0 +1,51 @@
+import memoize from "lodash/memoize";
+import { dark, light, spacing } from "./design-tokens";
+// Override manquants
+const overrideOther = {
+    "radius-s": "8px",
+    "radius-xs": "4px",
+    "border-width-default": "1px",
+    "border-width-focus": "2px",
+    "margin-xs": "8px",
+    "margin-s": "16px",
+    "margin-m": "24px",
+    "margin-l": "32px",
+    "spacing-xs": "12px",
+    "spacing-xxs": "8px",
+};
+const overrideColor = {
+    light: {
+        "surface-transparent-hover": "#0000000D",
+        "surface-transparent-pressed": "#0000001A",
+        "border-subdued-default-hover": "#D5D5D5",
+        "border-subdued-default-pressed": "#C1C1C1",
+    },
+    dark: {
+        "opacity-default-10": "#FFFFFF1A",
+    },
+};
+function pxToNumber(value) {
+    return Number(value.replace("px", ""));
+}
+export const useTokens = memoize((theme, usedTokens) => {
+    const usedSet = new Set(usedTokens);
+    const colors = {
+        dark: { ...dark, ...overrideColor.dark },
+        light: { ...light, ...overrideColor.light },
+    }[theme];
+    const tokens = {};
+    Object.entries(colors).forEach(([key, value]) => {
+        const colorKey = `colors-${key}`;
+        if (usedSet.has(colorKey)) {
+            tokens[colorKey] = value;
+        }
+    });
+    [spacing, overrideOther].forEach((obj) => {
+        Object.entries(obj).forEach(([key, value]) => {
+            if (usedSet.has(key)) {
+                tokens[key] = pxToNumber(value);
+            }
+        });
+    });
+    return tokens;
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.36.0-next.0",
+  "version": "0.36.0-nightly.1",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -39,8 +39,8 @@
     "react-native-modal": "14.0.0-rc.1",
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
-    "@ledgerhq/crypto-icons-ui": "^1.15.0-next.0",
-    "@ledgerhq/icons-ui": "^0.11.0-next.0",
+    "@ledgerhq/crypto-icons-ui": "^1.15.0-nightly.0",
+    "@ledgerhq/icons-ui": "^0.11.0-nightly.0",
     "@ledgerhq/ui-shared": "^0.3.0"
   },
   "peerDependencies": {
@@ -64,6 +64,7 @@
     "@babel/runtime": "7.27.1",
     "@emotion/core": "^11.0.0",
     "@emotion/native": "^11.0.0",
+    "@expo/cli": "0.24.14",
     "@expo/metro-config": "^0.19.11",
     "@expo/webpack-config": "19.0.1",
     "@react-native-async-storage/async-storage": "2.1.2",
@@ -74,23 +75,31 @@
     "@storybook/addon-actions": "^7.6.18",
     "@storybook/addon-controls": "^7.6.18",
     "@storybook/addon-essentials": "^7.6.18",
+    "@storybook/addon-interactions": "^7.6.18",
     "@storybook/addon-links": "^7.6.18",
-    "@storybook/addon-ondevice-actions": "6.5.7",
-    "@storybook/addon-ondevice-backgrounds": "6.5.7",
-    "@storybook/addon-ondevice-controls": "6.5.7",
-    "@storybook/addon-ondevice-notes": "6.5.7",
+    "@storybook/addon-ondevice-actions": "^7.6.10",
+    "@storybook/addon-ondevice-backgrounds": "^7.6.10",
+    "@storybook/addon-ondevice-controls": "^7.6.10",
+    "@storybook/addon-ondevice-notes": "^7.6.10",
     "@storybook/addon-react-native-web": "^0.0.21",
     "@storybook/blocks": "^7.6.18",
     "@storybook/docs-tools": "^7.6.18",
+    "@storybook/jest": "0.2.3",
     "@storybook/manager-api": "7.6.18",
-    "@storybook/react": "^7.6.18",
-    "@storybook/react-native": "6.5.7",
+    "@storybook/react": "^7.6.20",
+    "@storybook/react-native": "^7.6.10",
     "@storybook/react-webpack5": "^7.6.18",
+    "@storybook/test": "7.6.20",
+    "@storybook/testing-library": "0.2.2",
     "@svgr/core": "^5.5.0",
     "@svgr/plugin-jsx": "^5.5.0",
     "@svgr/plugin-svgo": "^5.5.0",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/user-event": "14.5.2",
     "@types/color": "^3.0.3",
     "@types/hoist-non-react-statics": "^3.3.1",
+    "@types/lodash": "4.17.18",
     "@types/node": "^22.10.10",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.2.21",
@@ -108,7 +117,7 @@
     "csstype": "^3.0.11",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.12.0",
     "expo": "52.0.46",
     "expo-asset": "8.10.1",
     "expo-constants": "17.1.6",
@@ -116,6 +125,7 @@
     "expo-modules-core": "2.2.3",
     "fs-extra": "^10.0.1",
     "glob": "^7.2.0",
+    "lodash": "4.17.21",
     "metro": "0.81.5",
     "metro-config": "0.81.5",
     "metro-core": "0.81.5",
@@ -127,6 +137,7 @@
     "metro-source-map": "0.81.5",
     "metro-transform-worker": "0.81.5",
     "minimatch": "^5.1.0",
+    "os-browserify": "0.3.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -145,6 +156,7 @@
     "stylelint-config-recommended": "^13.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
+    "tty-browserify": "0.0.1",
     "util": "^0.12.5",
     "webpack": "^5.76.1",
     "webpack-dev-server": "^4.12.0"
@@ -167,6 +179,7 @@
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "test": "exit 0",
     "web": "expo start --web",
-    "unimported": "pnpm knip --directory ../../../.. -W libs/ui/packages/native"
+    "unimported": "pnpm knip --directory ../../../.. -W libs/ui/packages/native",
+    "storybook-generate": "sb-rn-get-stories"
   }
 }