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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/components/Loader/InfiniteLoader/index.d.ts +2 -1
  2. package/lib/components/Text/getTextStyle.js +4 -0
  3. package/lib/styles/theme.d.ts +2 -2
  4. package/lib/styles/theme.js +2 -0
  5. package/package.json +65 -57
package/lib/components/Loader/InfiniteLoader/index.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  /// <reference types="styled-components-react-native" />
2
2
  import React from "react";
3
+ import Svg from "react-native-svg";
3
4
  import { SizeProps } from "styled-system";
4
- declare const Loader: import("styled-components").StyledComponent<React.ComponentClass<import("react-native-svg").SvgProps, any>, import("styled-components").DefaultTheme, SizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>>, never>;
5
+ declare const Loader: import("styled-components").StyledComponent<typeof Svg, import("styled-components").DefaultTheme, SizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>>, never>;
5
6
  export type Props = React.ComponentProps<typeof Loader> & {
6
7
  color?: string;
7
8
  };
package/lib/components/Text/getTextStyle.js CHANGED
@@ -15,6 +15,7 @@ const bracketSizes = {
15
15
  small: 16,
16
16
  subtitle: 16,
17
17
  tiny: 16,
18
+ tinyAlpha: 16,
18
19
  };
19
20
  export function getBracketSize({ variant }) {
20
21
  return variant ? bracketSizes[variant] : 20;
@@ -81,6 +82,9 @@ export function getTextTypeStyle({ bracket }) {
81
82
  tiny: {
82
83
  fontFamily: "Inter",
83
84
  },
85
+ tinyAlpha: {
86
+ fontFamily: "Alpha",
87
+ },
84
88
  };
85
89
  }
86
90
  const getConcatenedFontWeightFontFamily = {
package/lib/styles/theme.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { ColorPalette } from "@ledgerhq/ui-shared";
2
2
  export declare const space: number[];
3
- export declare const textVariants: readonly ["h1", "h1Inter", "h2", "h3", "h4", "h5", "large", "largeLineHeight", "body", "bodyLineHeight", "paragraph", "paragraphLineHeight", "small", "subtitle", "tiny"];
3
+ export declare const textVariants: readonly ["h1", "h1Inter", "h2", "h3", "h4", "h5", "large", "largeLineHeight", "body", "bodyLineHeight", "paragraph", "paragraphLineHeight", "small", "subtitle", "tiny", "tinyAlpha"];
4
4
  export type TextVariants = typeof textVariants[number];
5
5
  export type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;
6
- export declare const fontSizes: ThemeScale<number, "h1" | "h1Inter" | "h2" | "h3" | "h4" | "h5" | "large" | "largeLineHeight" | "body" | "bodyLineHeight" | "paragraph" | "paragraphLineHeight" | "small" | "subtitle" | "tiny">;
6
+ export declare const fontSizes: ThemeScale<number, "h1" | "h1Inter" | "h2" | "h3" | "h4" | "h5" | "large" | "largeLineHeight" | "body" | "bodyLineHeight" | "paragraph" | "paragraphLineHeight" | "small" | "subtitle" | "tiny" | "tinyAlpha">;
7
7
  export declare const radii: number[];
8
8
  export declare const zIndexes: number[];
9
9
  export type Theme = {
package/lib/styles/theme.js CHANGED
@@ -17,6 +17,7 @@ export const textVariants = [
17
17
  "small",
18
18
  "subtitle",
19
19
  "tiny",
20
+ "tinyAlpha",
20
21
  ];
21
22
  // 0 1 2 3 4 5 6 7 8 9
22
23
  export const fontSizes = [10, 11, 12, 13, 14, 16, 18, 24, 28, 32];
@@ -37,6 +38,7 @@ fontSizes.paragraphLineHeight = fontSizes.paragraph;
37
38
  fontSizes.largeLineHeight = fontSizes.large;
38
39
  fontSizes.h4 = fontSizes.h2;
39
40
  fontSizes.h5 = fontSizes.h3;
41
+ fontSizes.tinyAlpha = fontSizes.tiny;
40
42
  export const radii = [0, 4, 8];
41
43
  export const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];
42
44
  const theme = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/native-ui",
3
- "version": "0.18.0-next.0",
3
+ "version": "0.18.0-nightly.1",
4
4
  "description": "Ledger Live - Mobile UI",
5
5
  "repository": {
6
6
  "type": "git",
@@ -42,12 +42,12 @@
42
42
  "moment": "^2.29.1",
43
43
  "react-native-animatable": "^1.3.3",
44
44
  "react-native-modal": "^13.0.0",
45
- "react-native-svg": "^12.1.1",
46
- "rn-range-slider": "^2.1.1",
45
+ "react-native-svg": "13.4.0",
46
+ "rn-range-slider": "2.1.1",
47
47
  "styled-system": "^5.1.5",
48
48
  "victory-native": "^35.5.5",
49
- "@ledgerhq/crypto-icons-ui": "^0.2.1",
50
- "@ledgerhq/icons-ui": "^0.3.5",
49
+ "@ledgerhq/crypto-icons-ui": "^0.2.2-nightly.0",
50
+ "@ledgerhq/icons-ui": "^0.3.6-nightly.0",
51
51
  "@ledgerhq/ui-shared": "^0.1.10"
52
52
  },
53
53
  "peerDependencies": {
@@ -55,56 +55,59 @@
55
55
  "@types/react-native": "*",
56
56
  "@types/styled-components": "^5.3.3",
57
57
  "@types/styled-components-react-native": "^5.3.3",
58
- "react": "^17.0.2",
58
+ "react": ">=17",
59
59
  "react-native": ">=0.64.0",
60
- "react-native-reanimated": "~2.3.1",
60
+ "react-native-reanimated": "^2.9.1",
61
61
  "styled-components": "^5.3.3"
62
62
  },
63
63
  "devDependencies": {
64
- "@babel/core": "^7.17.4",
64
+ "@babel/core": "^7.21.0",
65
65
  "@babel/generator": "^7.17.2",
66
+ "@babel/plugin-proposal-class-properties": "^7.13.0",
66
67
  "@babel/plugin-proposal-export-namespace-from": "^7.16.0",
67
68
  "@babel/preset-env": "^7.15.8",
68
69
  "@babel/runtime": "^7.17.2",
69
- "@emotion/core": "^11.0.0",
70
- "@expo/webpack-config": "^0.16.18",
70
+ "@emotion/core": "^10.3.1",
71
+ "@emotion/native": "^10.0.27",
72
+ "@expo/metro-config": "^0.7.1",
73
+ "@expo/webpack-config": "^18.0.1",
74
+ "@react-native-async-storage/async-storage": "1.17.11",
71
75
  "@react-native-community/cli-server-api": "^7.0.3",
76
+ "@react-native-community/datetimepicker": "6.7.3",
72
77
  "@react-native-community/eslint-config": "^3.0.1",
73
- "@storybook/addon-actions": "^6.4.19",
74
- "@storybook/addon-backgrounds": "^6.4.19",
75
- "@storybook/addon-controls": "^6.4.19",
76
- "@storybook/addon-docs": "^6.4.19",
77
- "@storybook/addon-essentials": "^6.4.19",
78
- "@storybook/addon-knobs": "^6.4.0",
79
- "@storybook/addon-links": "^6.4.19",
80
- "@storybook/addon-measure": "^6.4.19",
81
- "@storybook/addon-ondevice-actions": "^5.3.23",
82
- "@storybook/addon-ondevice-knobs": "^5.3.25",
83
- "@storybook/addon-outline": "^6.4.19",
84
- "@storybook/addon-toolbars": "^6.4.19",
85
- "@storybook/addon-viewport": "^6.4.19",
86
- "@storybook/addons": "^6.4.19",
87
- "@storybook/api": "^6.4.19",
88
- "@storybook/components": "^6.4.19",
89
- "@storybook/core-events": "^6.4.19",
90
- "@storybook/react": "^6.4.19",
91
- "@storybook/react-native": "^5.3.25",
92
- "@storybook/theming": "^6.4.19",
78
+ "@react-native-community/slider": "^4.4.2",
79
+ "@storybook/addon-actions": "^6.5.16",
80
+ "@storybook/addon-controls": "^6.5.16",
81
+ "@storybook/addon-essentials": "^6.5.16",
82
+ "@storybook/addon-links": "^6.5.16",
83
+ "@storybook/addon-ondevice-actions": "6.5.0-rc.11",
84
+ "@storybook/addon-ondevice-backgrounds": "6.5.0-rc.11",
85
+ "@storybook/addon-ondevice-controls": "6.5.0-rc.11",
86
+ "@storybook/addon-ondevice-notes": "6.5.0-rc.11",
87
+ "@storybook/addon-react-native-web": "^0.0.19",
88
+ "@storybook/builder-webpack5": "^6.5.14",
89
+ "@storybook/docs-tools": "^6.5.16",
90
+ "@storybook/manager-webpack5": "^6.5.14",
91
+ "@storybook/react": "^6.5.16",
92
+ "@storybook/react-native": "6.5.0-rc.11",
93
93
  "@svgr/core": "^5.5.0",
94
94
  "@svgr/plugin-jsx": "^5.5.0",
95
95
  "@svgr/plugin-svgo": "^5.5.0",
96
96
  "@types/hoist-non-react-statics": "^3.3.1",
97
97
  "@types/node": "^17.0.31",
98
98
  "@types/prop-types": "^15.7.5",
99
- "@types/react": "^17.0.39",
100
- "@types/react-native": "^0.68.9",
99
+ "@types/react": "^17.0.53",
100
+ "@types/react-native": "0.71.5",
101
101
  "@types/styled-components": "^5.1.3",
102
102
  "@types/styled-components-react-native": "^5.1.3",
103
103
  "@typescript-eslint/eslint-plugin": "^5.22.0",
104
104
  "@typescript-eslint/parser": "^5.22.0",
105
+ "assert": "^2.0.0",
105
106
  "babel-loader": "^8.2.2",
106
107
  "babel-plugin-module-resolver": "^4.1.0",
107
- "babel-preset-expo": "^9.0.2",
108
+ "babel-plugin-react-docgen-typescript": "^1.5.1",
109
+ "babel-plugin-react-native-web": "^0.18.12",
110
+ "babel-preset-expo": "^9.3.0",
108
111
  "camelcase": "^6.2.1",
109
112
  "csstype": "^3.0.11",
110
113
  "eslint": "^8.10.0",
@@ -112,30 +115,33 @@
112
115
  "eslint-plugin-prettier": "^4.0.0",
113
116
  "eslint-plugin-react": "^7.29.2",
114
117
  "eslint-plugin-react-hooks": "^4.3.0",
115
- "expo": "~45.0.0",
116
- "expo-asset": "^8.6.1",
117
- "expo-cli": "^6",
118
- "expo-constants": "^13.2.4",
119
- "expo-font": "^10.2.0",
120
- "expo-modules-core": "^0.6.5",
118
+ "expo": "~48.0.9",
119
+ "expo-asset": "^8.9.1",
120
+ "expo-constants": "^14.2.1",
121
+ "expo-font": "^11.1.1",
122
+ "expo-modules-core": "^1.2.2",
121
123
  "fs-extra": "^10.0.1",
122
124
  "glob": "^7.2.0",
123
- "metro": "^0.67.0",
124
- "metro-config": "^0.67.0",
125
- "metro-minify-uglify": "^0.67.0",
126
- "metro-react-native-babel-preset": "^0.67.0",
127
- "metro-resolver": "^0.67.0",
128
- "metro-runtime": "^0.67.0",
129
- "metro-transform-worker": "^0.67.0",
125
+ "metro": "^0.76.0",
126
+ "metro-config": "^0.76.0",
127
+ "metro-core": "^0.76.0",
128
+ "metro-minify-uglify": "^0.76.0",
129
+ "metro-react-native-babel-preset": "^0.76.0",
130
+ "metro-react-native-babel-transformer": "^0.76.0",
131
+ "metro-resolver": "^0.76.0",
132
+ "metro-runtime": "^0.76.0",
133
+ "metro-source-map": "^0.76.0",
134
+ "metro-transform-worker": "^0.76.0",
135
+ "minimatch": "^5.1.0",
130
136
  "prettier": "^2.4.1",
131
137
  "prop-types": "^15.8.1",
132
- "react": "^17.0.2",
133
- "react-dom": "^17.0.2",
134
- "react-is": "^17.0.2",
135
- "react-native": "^0.68.5",
136
- "react-native-gesture-handler": "^1.10.3",
137
- "react-native-reanimated": "^2.8.0",
138
- "react-native-web": "~0.17.5",
138
+ "react": "^18",
139
+ "react-dom": "^18",
140
+ "react-is": "^18",
141
+ "react-native": "0.71.6",
142
+ "react-native-reanimated": "^2.15.0",
143
+ "react-native-safe-area-context": "^4.5.0",
144
+ "react-native-web": "~0.18.12",
139
145
  "regenerator-runtime": "^0.13.9",
140
146
  "rimraf": "^4.1.2",
141
147
  "styled-components": "^5.3.3",
@@ -143,16 +149,18 @@
143
149
  "stylelint-config-recommended": "^8.0.0",
144
150
  "stylelint-config-styled-components": "^0.1.1",
145
151
  "stylelint-processor-styled-components": "^1.10.0",
146
- "typescript": "^4.8.3",
152
+ "typescript": "^4.9.5",
153
+ "util": "^0.12.5",
147
154
  "victory": "^35.5.5",
148
- "webpack": "^4.46.0",
155
+ "webpack": "^5.76.1",
156
+ "webpack-dev-server": "^4.12.0",
149
157
  "metro-extra-config": "1.0.0"
150
158
  },
151
159
  "scripts": {
152
160
  "android": "expo start --android",
153
161
  "build": "tsc -p tsconfig.prod.json && node scripts/postBuild",
154
162
  "prebuild:storybook": "pnpm -F ui-shared -F icons-ui -F crypto-icons-ui build",
155
- "build:storybook": "pnpm build-storybook -o web-build",
163
+ "build:storybook": "pnpm build-storybook -c .storybook-web -o web-build",
156
164
  "watch": "tsc -p tsconfig.prod.json --watch",
157
165
  "clean": "rimraf lib",
158
166
  "eject": "expo eject",
@@ -162,7 +170,7 @@
162
170
  "lint:css": "stylelint './src/**/*.{js,jsx,ts,tsx}'",
163
171
  "release": "yarn publish ./lib --access public",
164
172
  "expo": "expo start",
165
- "storybook": "start-storybook -p 6006",
173
+ "storybook": "start-storybook -c .storybook-web -p 6006",
166
174
  "typecheck": "tsc --noEmit -p tsconfig.json",
167
175
  "test": "exit 0",
168
176
  "web": "expo start --web"