@ledgerhq/native-ui 0.18.0-nightly.1 → 0.18.0
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.
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/// <reference types="styled-components-react-native" />
|
|
2
2
|
import React from "react";
|
|
3
|
-
import Svg from "react-native-svg";
|
|
4
3
|
import { SizeProps } from "styled-system";
|
|
5
|
-
declare const Loader: import("styled-components").StyledComponent<
|
|
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>;
|
|
6
5
|
export type Props = React.ComponentProps<typeof Loader> & {
|
|
7
6
|
color?: string;
|
|
8
7
|
};
|
|
@@ -15,7 +15,6 @@ const bracketSizes = {
|
|
|
15
15
|
small: 16,
|
|
16
16
|
subtitle: 16,
|
|
17
17
|
tiny: 16,
|
|
18
|
-
tinyAlpha: 16,
|
|
19
18
|
};
|
|
20
19
|
export function getBracketSize({ variant }) {
|
|
21
20
|
return variant ? bracketSizes[variant] : 20;
|
|
@@ -82,9 +81,6 @@ export function getTextTypeStyle({ bracket }) {
|
|
|
82
81
|
tiny: {
|
|
83
82
|
fontFamily: "Inter",
|
|
84
83
|
},
|
|
85
|
-
tinyAlpha: {
|
|
86
|
-
fontFamily: "Alpha",
|
|
87
|
-
},
|
|
88
84
|
};
|
|
89
85
|
}
|
|
90
86
|
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"];
|
|
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">;
|
|
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,7 +17,6 @@ export const textVariants = [
|
|
|
17
17
|
"small",
|
|
18
18
|
"subtitle",
|
|
19
19
|
"tiny",
|
|
20
|
-
"tinyAlpha",
|
|
21
20
|
];
|
|
22
21
|
// 0 1 2 3 4 5 6 7 8 9
|
|
23
22
|
export const fontSizes = [10, 11, 12, 13, 14, 16, 18, 24, 28, 32];
|
|
@@ -38,7 +37,6 @@ fontSizes.paragraphLineHeight = fontSizes.paragraph;
|
|
|
38
37
|
fontSizes.largeLineHeight = fontSizes.large;
|
|
39
38
|
fontSizes.h4 = fontSizes.h2;
|
|
40
39
|
fontSizes.h5 = fontSizes.h3;
|
|
41
|
-
fontSizes.tinyAlpha = fontSizes.tiny;
|
|
42
40
|
export const radii = [0, 4, 8];
|
|
43
41
|
export const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];
|
|
44
42
|
const theme = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ledgerhq/native-ui",
|
|
3
|
-
"version": "0.18.0
|
|
3
|
+
"version": "0.18.0",
|
|
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": "
|
|
46
|
-
"rn-range-slider": "2.1.1",
|
|
45
|
+
"react-native-svg": "^12.1.1",
|
|
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.
|
|
50
|
-
"@ledgerhq/icons-ui": "^0.3.
|
|
49
|
+
"@ledgerhq/crypto-icons-ui": "^0.2.1",
|
|
50
|
+
"@ledgerhq/icons-ui": "^0.3.5",
|
|
51
51
|
"@ledgerhq/ui-shared": "^0.1.10"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
@@ -55,59 +55,56 @@
|
|
|
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": "
|
|
58
|
+
"react": "^17.0.2",
|
|
59
59
|
"react-native": ">=0.64.0",
|
|
60
|
-
"react-native-reanimated": "
|
|
60
|
+
"react-native-reanimated": "~2.3.1",
|
|
61
61
|
"styled-components": "^5.3.3"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
|
-
"@babel/core": "^7.
|
|
64
|
+
"@babel/core": "^7.17.4",
|
|
65
65
|
"@babel/generator": "^7.17.2",
|
|
66
|
-
"@babel/plugin-proposal-class-properties": "^7.13.0",
|
|
67
66
|
"@babel/plugin-proposal-export-namespace-from": "^7.16.0",
|
|
68
67
|
"@babel/preset-env": "^7.15.8",
|
|
69
68
|
"@babel/runtime": "^7.17.2",
|
|
70
|
-
"@emotion/core": "^
|
|
71
|
-
"@
|
|
72
|
-
"@expo/metro-config": "^0.7.1",
|
|
73
|
-
"@expo/webpack-config": "^18.0.1",
|
|
74
|
-
"@react-native-async-storage/async-storage": "1.17.11",
|
|
69
|
+
"@emotion/core": "^11.0.0",
|
|
70
|
+
"@expo/webpack-config": "^0.16.18",
|
|
75
71
|
"@react-native-community/cli-server-api": "^7.0.3",
|
|
76
|
-
"@react-native-community/datetimepicker": "6.7.3",
|
|
77
72
|
"@react-native-community/eslint-config": "^3.0.1",
|
|
78
|
-
"@
|
|
79
|
-
"@storybook/addon-
|
|
80
|
-
"@storybook/addon-controls": "^6.
|
|
81
|
-
"@storybook/addon-
|
|
82
|
-
"@storybook/addon-
|
|
83
|
-
"@storybook/addon-
|
|
84
|
-
"@storybook/addon-
|
|
85
|
-
"@storybook/addon-
|
|
86
|
-
"@storybook/addon-ondevice-
|
|
87
|
-
"@storybook/addon-
|
|
88
|
-
"@storybook/
|
|
89
|
-
"@storybook/
|
|
90
|
-
"@storybook/
|
|
91
|
-
"@storybook/
|
|
92
|
-
"@storybook/
|
|
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",
|
|
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.
|
|
100
|
-
"@types/react-native": "0.
|
|
99
|
+
"@types/react": "^17.0.39",
|
|
100
|
+
"@types/react-native": "^0.68.9",
|
|
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",
|
|
106
105
|
"babel-loader": "^8.2.2",
|
|
107
106
|
"babel-plugin-module-resolver": "^4.1.0",
|
|
108
|
-
"babel-
|
|
109
|
-
"babel-plugin-react-native-web": "^0.18.12",
|
|
110
|
-
"babel-preset-expo": "^9.3.0",
|
|
107
|
+
"babel-preset-expo": "^9.0.2",
|
|
111
108
|
"camelcase": "^6.2.1",
|
|
112
109
|
"csstype": "^3.0.11",
|
|
113
110
|
"eslint": "^8.10.0",
|
|
@@ -115,33 +112,30 @@
|
|
|
115
112
|
"eslint-plugin-prettier": "^4.0.0",
|
|
116
113
|
"eslint-plugin-react": "^7.29.2",
|
|
117
114
|
"eslint-plugin-react-hooks": "^4.3.0",
|
|
118
|
-
"expo": "~
|
|
119
|
-
"expo-asset": "^8.
|
|
120
|
-
"expo-
|
|
121
|
-
"expo-
|
|
122
|
-
"expo-
|
|
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",
|
|
123
121
|
"fs-extra": "^10.0.1",
|
|
124
122
|
"glob": "^7.2.0",
|
|
125
|
-
"metro": "^0.
|
|
126
|
-
"metro-config": "^0.
|
|
127
|
-
"metro-
|
|
128
|
-
"metro-
|
|
129
|
-
"metro-
|
|
130
|
-
"metro-
|
|
131
|
-
"metro-
|
|
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",
|
|
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",
|
|
136
130
|
"prettier": "^2.4.1",
|
|
137
131
|
"prop-types": "^15.8.1",
|
|
138
|
-
"react": "^
|
|
139
|
-
"react-dom": "^
|
|
140
|
-
"react-is": "^
|
|
141
|
-
"react-native": "0.
|
|
142
|
-
"react-native-
|
|
143
|
-
"react-native-
|
|
144
|
-
"react-native-web": "~0.
|
|
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",
|
|
145
139
|
"regenerator-runtime": "^0.13.9",
|
|
146
140
|
"rimraf": "^4.1.2",
|
|
147
141
|
"styled-components": "^5.3.3",
|
|
@@ -149,18 +143,16 @@
|
|
|
149
143
|
"stylelint-config-recommended": "^8.0.0",
|
|
150
144
|
"stylelint-config-styled-components": "^0.1.1",
|
|
151
145
|
"stylelint-processor-styled-components": "^1.10.0",
|
|
152
|
-
"typescript": "^4.
|
|
153
|
-
"util": "^0.12.5",
|
|
146
|
+
"typescript": "^4.8.3",
|
|
154
147
|
"victory": "^35.5.5",
|
|
155
|
-
"webpack": "^
|
|
156
|
-
"webpack-dev-server": "^4.12.0",
|
|
148
|
+
"webpack": "^4.46.0",
|
|
157
149
|
"metro-extra-config": "1.0.0"
|
|
158
150
|
},
|
|
159
151
|
"scripts": {
|
|
160
152
|
"android": "expo start --android",
|
|
161
153
|
"build": "tsc -p tsconfig.prod.json && node scripts/postBuild",
|
|
162
154
|
"prebuild:storybook": "pnpm -F ui-shared -F icons-ui -F crypto-icons-ui build",
|
|
163
|
-
"build:storybook": "pnpm build-storybook -
|
|
155
|
+
"build:storybook": "pnpm build-storybook -o web-build",
|
|
164
156
|
"watch": "tsc -p tsconfig.prod.json --watch",
|
|
165
157
|
"clean": "rimraf lib",
|
|
166
158
|
"eject": "expo eject",
|
|
@@ -170,7 +162,7 @@
|
|
|
170
162
|
"lint:css": "stylelint './src/**/*.{js,jsx,ts,tsx}'",
|
|
171
163
|
"release": "yarn publish ./lib --access public",
|
|
172
164
|
"expo": "expo start",
|
|
173
|
-
"storybook": "start-storybook
|
|
165
|
+
"storybook": "start-storybook -p 6006",
|
|
174
166
|
"typecheck": "tsc --noEmit -p tsconfig.json",
|
|
175
167
|
"test": "exit 0",
|
|
176
168
|
"web": "expo start --web"
|