@ronas-it/nx-generators 0.20.0 → 0.21.0-alpha.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.
- package/generators.json +0 -5
- package/package.json +1 -1
- package/src/generators/expo-app/app-files/app/_layout.tsx.template +2 -5
- package/src/generators/expo-app/app-files/app/index.tsx.template +2 -2
- package/src/generators/expo-app/generator.js +1 -4
- package/src/generators/expo-app/generator.js.map +1 -1
- package/src/generators/expo-app/schema.d.ts +0 -1
- package/src/generators/expo-app/schema.json +0 -6
- package/src/shared/dependencies.d.ts +3 -5
- package/src/shared/dependencies.js +8 -10
- package/src/shared/dependencies.js.map +1 -1
- package/src/shared/generators/index.d.ts +0 -1
- package/src/shared/generators/index.js +0 -1
- package/src/shared/generators/index.js.map +1 -1
- package/src/shared/generators/rn-styles/app-files/.babelrc.js.template +15 -0
- package/src/shared/generators/rn-styles/generator.js +3 -0
- package/src/shared/generators/rn-styles/generator.js.map +1 -1
- package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/index.ts.template +1 -1
- package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/metrics.ts.template +10 -0
- package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/styles.ts.template +21 -17
- package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/themes.ts.template +10 -0
- package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/variables.ts.template +12 -7
- package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/extended-stylesheet.ts.template +0 -44
- package/src/shared/generators/ui-kitten/generator.d.ts +0 -5
- package/src/shared/generators/ui-kitten/generator.js +0 -40
- package/src/shared/generators/ui-kitten/generator.js.map +0 -1
- package/src/shared/generators/ui-kitten/index.d.ts +0 -1
- package/src/shared/generators/ui-kitten/index.js +0 -5
- package/src/shared/generators/ui-kitten/index.js.map +0 -1
- package/src/shared/generators/ui-kitten/lib-files/shared/features/user-theme-provider/src/index.ts.template +0 -1
- package/src/shared/generators/ui-kitten/lib-files/shared/features/user-theme-provider/src/lib/component.tsx.template +0 -38
- package/src/shared/generators/ui-kitten/lib-files/shared/features/user-theme-provider/src/lib/config.ts.template +0 -5
- package/src/shared/generators/ui-kitten/lib-files/shared/features/user-theme-provider/src/lib/index.ts.template +0 -1
- package/src/shared/generators/ui-kitten/lib-files/shared/ui/styles/src/lib/create-adaptive-styles.ts.template +0 -38
- package/src/shared/generators/ui-kitten/lib-files/shared/ui/styles/src/lib/eva-theme/hooks/index.ts.template +0 -1
- package/src/shared/generators/ui-kitten/lib-files/shared/ui/styles/src/lib/eva-theme/hooks/use-app-theme.ts.template +0 -4
- package/src/shared/generators/ui-kitten/lib-files/shared/ui/styles/src/lib/eva-theme/index.ts.template +0 -3
- package/src/shared/generators/ui-kitten/lib-files/shared/ui/styles/src/lib/eva-theme/mapping.ts.template +0 -336
- package/src/shared/generators/ui-kitten/lib-files/shared/ui/styles/src/lib/eva-theme/theme.ts.template +0 -44
- package/src/shared/generators/ui-kitten/schema.d.ts +0 -3
- package/src/shared/generators/ui-kitten/schema.json +0 -18
package/generators.json
CHANGED
|
@@ -35,11 +35,6 @@
|
|
|
35
35
|
"schema": "./src/generators/sentry/schema.json",
|
|
36
36
|
"description": "Creates Sentry integration for Expo/Next application"
|
|
37
37
|
},
|
|
38
|
-
"ui-kitten": {
|
|
39
|
-
"factory": "./src/shared/generators/ui-kitten/generator",
|
|
40
|
-
"schema": "./src/shared/generators/ui-kitten/schema.json",
|
|
41
|
-
"description": "Installs and configures UI-Kitten for Expo application"
|
|
42
|
-
},
|
|
43
38
|
"entity-api": {
|
|
44
39
|
"factory": "./src/generators/entity-api/generator",
|
|
45
40
|
"schema": "./src/generators/entity-api/schema.json",
|
package/package.json
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
<% if(isStoreEnabled) { %> import { store } from '<%= libPath %>/shared/data-access/store';<% } %>
|
|
2
2
|
import { setLanguage } from '@ronas-it/react-native-common-modules/i18n';
|
|
3
|
-
<% if(isUIKittenEnabled) { %>
|
|
4
|
-
import { UserThemeProvider } from '<%= libPath %>/shared/features/user-theme-provider';
|
|
5
|
-
<% } %>
|
|
6
3
|
import { Stack } from 'expo-router';
|
|
4
|
+
import { StatusBar } from 'expo-status-bar';
|
|
7
5
|
import { ReactElement } from 'react';
|
|
8
6
|
<% if(isStoreEnabled) { %>import { Provider } from 'react-redux';<% } %>
|
|
9
7
|
|
|
@@ -36,9 +34,8 @@ function App(): ReactElement {
|
|
|
36
34
|
export default function RootLayout(): ReactElement | null {
|
|
37
35
|
return (
|
|
38
36
|
<% if(isStoreEnabled) { %><Provider store={store}><% } %>
|
|
39
|
-
|
|
37
|
+
<StatusBar style='light' />
|
|
40
38
|
<App />
|
|
41
|
-
<% if(isUIKittenEnabled) { %></UserThemeProvider><% } %>
|
|
42
39
|
<% if(isStoreEnabled) { %></Provider><% } %>
|
|
43
40
|
);
|
|
44
41
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { View, Text } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { StyleSheet } from 'react-native-unistyles';
|
|
4
4
|
|
|
5
5
|
export default function RootScreen(): ReactElement {
|
|
6
6
|
return (
|
|
@@ -10,7 +10,7 @@ export default function RootScreen(): ReactElement {
|
|
|
10
10
|
);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
const styles =
|
|
13
|
+
const styles = StyleSheet.create({
|
|
14
14
|
container: {
|
|
15
15
|
flex: 1,
|
|
16
16
|
justifyContent: 'center',
|
|
@@ -42,9 +42,6 @@ function expoAppGenerator(tree, options) {
|
|
|
42
42
|
if (options.withFormUtils) {
|
|
43
43
|
yield (0, generators_1.runFormUtilsGenerator)(tree, options);
|
|
44
44
|
}
|
|
45
|
-
if (options.withUIKitten) {
|
|
46
|
-
yield (0, generators_1.runUIKittenGenerator)(tree, options);
|
|
47
|
-
}
|
|
48
45
|
// Workaround: Even with the '--e2eTestRunner=none' parameter, the test folder is created. We delete it manually.
|
|
49
46
|
if ((0, fs_1.existsSync)(appTestFolder)) {
|
|
50
47
|
(0, fs_1.rmSync)(appTestFolder, { recursive: true, force: true });
|
|
@@ -72,7 +69,7 @@ function expoAppGenerator(tree, options) {
|
|
|
72
69
|
// Add app files
|
|
73
70
|
(0, devkit_1.generateFiles)(tree, path.join(__dirname, 'app-files'), appRoot, Object.assign(Object.assign({}, options), { formatName: utils_1.formatName,
|
|
74
71
|
formatAppIdentifier: utils_1.formatAppIdentifier,
|
|
75
|
-
libPath,
|
|
72
|
+
libPath, isStoreEnabled: options.withStore, appDirectory: options.directory }));
|
|
76
73
|
tree.delete(`${appRoot}/tsconfig.app.json`);
|
|
77
74
|
(0, utils_1.addNxAppTag)(tree, options.directory);
|
|
78
75
|
(0, devkit_1.generateFiles)(tree, path.join(__dirname, 'i18n'), i18nRoot, {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/expo-app/generator.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../plugin/src/generators/expo-app/generator.ts"],"names":[],"mappings":"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"}
|
|
@@ -34,12 +34,6 @@
|
|
|
34
34
|
"default": false,
|
|
35
35
|
"x-prompt": "Do you want to create form utils lib?"
|
|
36
36
|
},
|
|
37
|
-
"withUIKitten": {
|
|
38
|
-
"type": "boolean",
|
|
39
|
-
"description": "Add UI Kitten library to the app",
|
|
40
|
-
"default": false,
|
|
41
|
-
"x-prompt": "Do you want to install @ui-kitten?"
|
|
42
|
-
},
|
|
43
37
|
"withSentry": {
|
|
44
38
|
"type": "boolean",
|
|
45
39
|
"description": "Add Sentry to the app",
|
|
@@ -39,16 +39,14 @@ export declare const dependencies: {
|
|
|
39
39
|
'js-cookie': string;
|
|
40
40
|
};
|
|
41
41
|
'rn-styles': {
|
|
42
|
-
'react-native-
|
|
42
|
+
'react-native-unistyles': string;
|
|
43
|
+
'react-native-edge-to-edge': string;
|
|
44
|
+
'react-native-nitro-modules': string;
|
|
43
45
|
};
|
|
44
46
|
store: {
|
|
45
47
|
'@ronas-it/rtkq-entity-api': string;
|
|
46
48
|
'react-redux': string;
|
|
47
49
|
};
|
|
48
|
-
'ui-kitten': {
|
|
49
|
-
'@eva-design/eva': string;
|
|
50
|
-
'@ui-kitten/components': string;
|
|
51
|
-
};
|
|
52
50
|
form: {
|
|
53
51
|
'@hookform/resolvers': string;
|
|
54
52
|
'react-hook-form': string;
|
|
@@ -18,8 +18,8 @@ exports.dependencies = {
|
|
|
18
18
|
'expo-localization': '~17.0.7',
|
|
19
19
|
'i18n-js': '~4.5.1',
|
|
20
20
|
'lodash-es': '^4.17.21',
|
|
21
|
-
react: '~19.
|
|
22
|
-
'react-dom': '~19.
|
|
21
|
+
react: '~19.2.4',
|
|
22
|
+
'react-dom': '~19.2.4',
|
|
23
23
|
'react-native': '~0.81.4',
|
|
24
24
|
'react-native-svg': '~15.12.1',
|
|
25
25
|
'react-native-svg-transformer': '~1.5.1',
|
|
@@ -28,9 +28,9 @@ exports.dependencies = {
|
|
|
28
28
|
'next-intl': '^4.5.3',
|
|
29
29
|
'lodash-es': '^4.17.21',
|
|
30
30
|
'class-transformer': '^0.5.1',
|
|
31
|
-
next: '~16.
|
|
32
|
-
react: '~19.
|
|
33
|
-
'react-dom': '~19.
|
|
31
|
+
next: '~16.1.5',
|
|
32
|
+
react: '~19.2.4',
|
|
33
|
+
'react-dom': '~19.2.4',
|
|
34
34
|
},
|
|
35
35
|
'api-client': {
|
|
36
36
|
'@ronas-it/axios-api-client': '^0.1.2',
|
|
@@ -42,16 +42,14 @@ exports.dependencies = {
|
|
|
42
42
|
'js-cookie': '^3.0.5',
|
|
43
43
|
},
|
|
44
44
|
'rn-styles': {
|
|
45
|
-
'react-native-
|
|
45
|
+
'react-native-unistyles': '^3.0.22',
|
|
46
|
+
'react-native-edge-to-edge': '^1.7.0',
|
|
47
|
+
'react-native-nitro-modules': '0.33.2',
|
|
46
48
|
},
|
|
47
49
|
store: {
|
|
48
50
|
'@ronas-it/rtkq-entity-api': '^0.5.0',
|
|
49
51
|
'react-redux': '^9.2.0',
|
|
50
52
|
},
|
|
51
|
-
'ui-kitten': {
|
|
52
|
-
'@eva-design/eva': '^2.2.0',
|
|
53
|
-
'@ui-kitten/components': '^5.3.1',
|
|
54
|
-
},
|
|
55
53
|
form: {
|
|
56
54
|
'@hookform/resolvers': '^5.2.2',
|
|
57
55
|
'react-hook-form': '^7.65.0',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../../plugin/src/shared/dependencies.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,UAAU,EAAE;QACV,uCAAuC,EAAE,QAAQ;QACjD,mBAAmB,EAAE,QAAQ;QAC7B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,aAAa,EAAE,SAAS;QACxB,gCAAgC,EAAE,QAAQ;QAC1C,sBAAsB,EAAE,SAAS;QACjC,IAAI,EAAE,SAAS;QACf,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,QAAQ;QAC3B,cAAc,EAAE,UAAU;QAC1B,eAAe,EAAE,SAAS;QAC1B,mBAAmB,EAAE,SAAS;QAC9B,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,kBAAkB,EAAE,UAAU;QAC9B,8BAA8B,EAAE,QAAQ;KACzC;IACD,UAAU,EAAE;QACV,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,UAAU;QACvB,mBAAmB,EAAE,QAAQ;QAC7B,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../../plugin/src/shared/dependencies.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,6 @@ tslib_1.__exportStar(require("./api-client"), exports);
|
|
|
7
7
|
tslib_1.__exportStar(require("./auth"), exports);
|
|
8
8
|
tslib_1.__exportStar(require("./storage"), exports);
|
|
9
9
|
tslib_1.__exportStar(require("./rn-styles"), exports);
|
|
10
|
-
tslib_1.__exportStar(require("./ui-kitten"), exports);
|
|
11
10
|
tslib_1.__exportStar(require("./form-utils"), exports);
|
|
12
11
|
tslib_1.__exportStar(require("./i18n-next"), exports);
|
|
13
12
|
tslib_1.__exportStar(require("./navigation-utils"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../plugin/src/shared/generators/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,oDAA0B;AAC1B,uDAA6B;AAC7B,iDAAuB;AACvB,oDAA0B;AAC1B,sDAA4B;AAC5B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../plugin/src/shared/generators/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,oDAA0B;AAC1B,uDAA6B;AAC7B,iDAAuB;AACvB,oDAA0B;AAC1B,sDAA4B;AAC5B,uDAA6B;AAC7B,sDAA4B;AAC5B,6DAAmC"}
|
|
@@ -20,10 +20,13 @@ function runRNStylesGenerator(tree, options) {
|
|
|
20
20
|
const appPackagePath = `${appRoot}/package.json`;
|
|
21
21
|
// Remove unnecessary files and files that will be replaced
|
|
22
22
|
tree.delete(`${libRoot}/shared/ui/styles/src/index.ts`);
|
|
23
|
+
tree.delete(`${appRoot}/.babelrc.js`);
|
|
23
24
|
// Add lib files
|
|
24
25
|
(0, devkit_1.generateFiles)(tree, path.join(__dirname, 'lib-files'), libRoot, Object.assign(Object.assign({}, options), { formatName: utils_1.formatName,
|
|
25
26
|
formatAppIdentifier: utils_1.formatAppIdentifier,
|
|
26
27
|
libPath }));
|
|
28
|
+
// Add app files
|
|
29
|
+
(0, devkit_1.generateFiles)(tree, path.join(__dirname, 'app-files'), appRoot, Object.assign(Object.assign({}, options), { libPath }));
|
|
27
30
|
// Add dependencies
|
|
28
31
|
(0, devkit_1.addDependenciesToPackageJson)(tree, dependencies_1.dependencies['rn-styles'], {});
|
|
29
32
|
if ((0, fs_1.existsSync)(appPackagePath)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../plugin/src/shared/generators/rn-styles/generator.ts"],"names":[],"mappings":";;AAOA,
|
|
1
|
+
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../plugin/src/shared/generators/rn-styles/generator.ts"],"names":[],"mappings":";;AAOA,oDAyCC;;AAhDD,iDAAyC;AACzC,2BAAgC;AAChC,6BAA6B;AAC7B,uCAA4F;AAC5F,qDAAkD;AAClD,uCAAmF;AAEnF,SAAsB,oBAAoB,CAAC,IAAU,EAAE,OAA4C;;QACjG,MAAM,OAAO,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,GAAG,IAAA,2BAAmB,EAAC,IAAI,CAAC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QAEpE,uBAAuB;QACvB,IAAA,wBAAQ,EACN,4BAA4B,OAAO,CAAC,SAAS,+DAA+D,EAC5G;YACE,KAAK,EAAE,SAAS;SACjB,CACF,CAAC;QAEF,MAAM,cAAc,GAAG,GAAG,OAAO,eAAe,CAAC;QAEjD,2DAA2D;QAC3D,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,gCAAgC,CAAC,CAAC;QACxD,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,cAAc,CAAC,CAAC;QAEtC,gBAAgB;QAChB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,kCACzD,OAAO,KACV,UAAU,EAAV,kBAAU;YACV,mBAAmB,EAAnB,2BAAmB;YACnB,OAAO,IACP,CAAC;QAEH,gBAAgB;QAChB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,kCACzD,OAAO,KACV,OAAO,IACP,CAAC;QAEH,mBAAmB;QACnB,IAAA,qCAA4B,EAAC,IAAI,EAAE,2BAAY,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QAElE,IAAI,IAAA,eAAU,EAAC,cAAc,CAAC,EAAE,CAAC;YAC/B,IAAA,qCAA4B,EAAC,IAAI,EAAE,2BAAY,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;QACpF,CAAC;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAED,kBAAe,oBAAoB,CAAC"}
|
package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/metrics.ts.template
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Dimensions } from 'react-native';
|
|
2
|
+
|
|
3
|
+
export const screenWidth = Dimensions.get('window').width;
|
|
4
|
+
export const screenHeight = Dimensions.get('window').height;
|
|
5
|
+
export const isSmallScreen = screenWidth <= 360;
|
|
6
|
+
export const rem = isSmallScreen ? 14 : 16;
|
|
7
|
+
export const headerVerticalPadding = 0.625 * rem;
|
|
8
|
+
|
|
9
|
+
export const getResponsiveWidth = (width: number): number => screenWidth * (width / 100);
|
|
10
|
+
export const getResponsiveHeight = (height: number): number => screenHeight * (height / 100);
|
package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/styles.ts.template
CHANGED
|
@@ -1,22 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import { createStyles } from './extended-stylesheet';
|
|
1
|
+
import { StyleSheet } from 'react-native-unistyles';
|
|
2
|
+
import { appThemes } from './themes';
|
|
4
3
|
import { spacings } from './variables';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
EStyleSheet.build({
|
|
13
|
-
$rem: rem,
|
|
14
|
-
$screenWidth: screenWidth,
|
|
5
|
+
StyleSheet.configure({
|
|
6
|
+
settings: {
|
|
7
|
+
initialTheme: 'light',
|
|
8
|
+
},
|
|
9
|
+
themes: appThemes,
|
|
15
10
|
});
|
|
16
11
|
|
|
17
|
-
|
|
12
|
+
type AppThemes = typeof appThemes;
|
|
13
|
+
|
|
14
|
+
declare module 'react-native-unistyles' {
|
|
15
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
|
16
|
+
export interface UnistylesThemes {
|
|
17
|
+
light: AppThemes['light'];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export const commonStyle = StyleSheet.create({
|
|
18
22
|
container: {
|
|
19
|
-
paddingHorizontal: spacings.
|
|
23
|
+
paddingHorizontal: spacings.md,
|
|
20
24
|
},
|
|
21
25
|
fullFlex: {
|
|
22
26
|
flex: 1,
|
|
@@ -24,7 +28,7 @@ export const commonStyle = createStyles({
|
|
|
24
28
|
fullWidth: {
|
|
25
29
|
width: '100%',
|
|
26
30
|
},
|
|
31
|
+
fullHeight: {
|
|
32
|
+
height: '100%',
|
|
33
|
+
},
|
|
27
34
|
});
|
|
28
|
-
|
|
29
|
-
export const getResponsiveWidth = (width: number) => screenWidth * (width / 100);
|
|
30
|
-
export const getResponsiveHeight = (height: number) => screenHeight * (height / 100);
|
package/src/shared/generators/rn-styles/lib-files/shared/ui/styles/src/lib/variables.ts.template
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { rem } from './metrics';
|
|
2
|
+
|
|
1
3
|
export const colors = {
|
|
2
4
|
primary: '#C32F41',
|
|
3
5
|
primaryOpacity: 'rgba(195, 47, 65, 0.5)',
|
|
@@ -8,7 +10,7 @@ export const colors = {
|
|
|
8
10
|
textPrimary: '#F6F6F6',
|
|
9
11
|
textBasic: '#1B1A19',
|
|
10
12
|
textSecondary: '#BABABA',
|
|
11
|
-
|
|
13
|
+
textTertiary: '#63636B',
|
|
12
14
|
|
|
13
15
|
backgroundPrimary: '#1B1A19',
|
|
14
16
|
backgroundSecondary: '#292726',
|
|
@@ -20,15 +22,18 @@ export const colors = {
|
|
|
20
22
|
error: '#F93487',
|
|
21
23
|
success: '#31B264',
|
|
22
24
|
warning: '#DB8709',
|
|
23
|
-
active: '#F0F0F0'
|
|
25
|
+
active: '#F0F0F0',
|
|
24
26
|
};
|
|
25
27
|
|
|
26
28
|
export const spacings = {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
xxs: 0.25 * rem, // 4px
|
|
30
|
+
xs: 0.5 * rem, // 8px
|
|
31
|
+
sm: 0.75 * rem, // 12px
|
|
32
|
+
md: 1 * rem, // 16px
|
|
33
|
+
xl: 1.25 * rem, // 20px
|
|
34
|
+
xxl: 1.5 * rem, // 24px
|
|
35
|
+
xxxl: 1.75 * rem, // 28px
|
|
36
|
+
'4xl': 2 * rem, // 32px,
|
|
32
37
|
};
|
|
33
38
|
|
|
34
39
|
export const fontFamily = {
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
|
|
2
|
-
import EStyleSheet from 'react-native-extended-stylesheet';
|
|
3
|
-
|
|
4
|
-
type StyleFunction<K> = () => K;
|
|
5
|
-
type Value<T> = T | (string | (number & object));
|
|
6
|
-
type Variable<T> = Value<T> | StyleFunction<Value<T>>;
|
|
7
|
-
type Extended<T> = { [K in keyof T]: Variable<T[K]> };
|
|
8
|
-
type WebStyle = {
|
|
9
|
-
outlineWidth?: number;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export type AnyStyle = ImageStyle & TextStyle & ViewStyle & WebStyle;
|
|
13
|
-
interface AnyStyleSet {
|
|
14
|
-
[key: string]: AnyStyle;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
18
|
-
export type EStyleSet<T = any> = {
|
|
19
|
-
[K in keyof T]: T[K] extends Variable<number> ? T[K] : T[K] extends MediaQuery ? T[K] : Extended<AnyStyle>;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
23
|
-
export type StyleSet<T = any> = {
|
|
24
|
-
[K in keyof T]: T[K] extends number
|
|
25
|
-
? T[K]
|
|
26
|
-
: T[K] extends string
|
|
27
|
-
? T[K]
|
|
28
|
-
: T[K] extends StyleFunction<number>
|
|
29
|
-
? number
|
|
30
|
-
: T[K] extends StyleFunction<string>
|
|
31
|
-
? string
|
|
32
|
-
: T[K] extends MediaQuery
|
|
33
|
-
? AnyStyleSet
|
|
34
|
-
: AnyStyle;
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export interface MediaQuery {
|
|
38
|
-
[key: string]: Extended<AnyStyle>;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export const createStyles = <T = EStyleSet>(styles: EStyleSet<T>): StyleSet<T> =>
|
|
42
|
-
EStyleSheet.create(styles) as StyleSet<T>;
|
|
43
|
-
export const styleValue = (key: string, prop?: string) => EStyleSheet.value(key, prop);
|
|
44
|
-
export const flattenStyle = (style: AnyStyle): AnyStyle => EStyleSheet.flatten(style);
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.runUIKittenGenerator = runUIKittenGenerator;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const child_process_1 = require("child_process");
|
|
6
|
-
const fs_1 = require("fs");
|
|
7
|
-
const path = require("path");
|
|
8
|
-
const devkit_1 = require("@nx/devkit");
|
|
9
|
-
const dependencies_1 = require("../../dependencies");
|
|
10
|
-
const utils_1 = require("../../utils");
|
|
11
|
-
function runUIKittenGenerator(tree, options) {
|
|
12
|
-
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
13
|
-
const appRoot = `apps/${options.directory}`;
|
|
14
|
-
const libRoot = `libs/${options.directory}`;
|
|
15
|
-
const libPath = `${(0, utils_1.getImportPathPrefix)(tree)}/${options.directory}`;
|
|
16
|
-
// Generate shared libs
|
|
17
|
-
(0, child_process_1.execSync)(`npx nx g react-lib --app=${options.directory} --scope=shared --type=${utils_1.LibraryType.FEATURES} --name=user-theme-provider --withComponent=false`, {
|
|
18
|
-
stdio: 'inherit',
|
|
19
|
-
});
|
|
20
|
-
const appPackagePath = `${appRoot}/package.json`;
|
|
21
|
-
// Remove unnecessary files and files that will be replaced
|
|
22
|
-
tree.delete(`${libRoot}/shared/features/user-theme-provider/src/index.ts`);
|
|
23
|
-
// Add lib files
|
|
24
|
-
(0, devkit_1.generateFiles)(tree, path.join(__dirname, 'lib-files'), libRoot, Object.assign(Object.assign({}, options), { formatName: utils_1.formatName,
|
|
25
|
-
formatAppIdentifier: utils_1.formatAppIdentifier,
|
|
26
|
-
libPath }));
|
|
27
|
-
// Update styles lib exports
|
|
28
|
-
const stylesLibIndexData = tree.read(`${libRoot}/shared/ui/styles/src/lib/index.ts`);
|
|
29
|
-
const newStylesLibIndexData = stylesLibIndexData + `export * from './create-adaptive-styles';\nexport * from './eva-theme';\n`;
|
|
30
|
-
tree.write(`${libRoot}/shared/ui/styles/src/lib/index.ts`, newStylesLibIndexData);
|
|
31
|
-
// Add dependencies
|
|
32
|
-
(0, devkit_1.addDependenciesToPackageJson)(tree, dependencies_1.dependencies['ui-kitten'], {});
|
|
33
|
-
if ((0, fs_1.existsSync)(appPackagePath)) {
|
|
34
|
-
(0, devkit_1.addDependenciesToPackageJson)(tree, dependencies_1.dependencies['ui-kitten'], {}, appPackagePath);
|
|
35
|
-
}
|
|
36
|
-
yield (0, devkit_1.formatFiles)(tree);
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
exports.default = runUIKittenGenerator;
|
|
40
|
-
//# sourceMappingURL=generator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../plugin/src/shared/generators/ui-kitten/generator.ts"],"names":[],"mappings":";;AAOA,oDAyCC;;AAhDD,iDAAyC;AACzC,2BAAgC;AAChC,6BAA6B;AAC7B,uCAA4F;AAC5F,qDAAkD;AAClD,uCAAgG;AAEhG,SAAsB,oBAAoB,CAAC,IAAU,EAAE,OAA8B;;QACnF,MAAM,OAAO,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAG,GAAG,IAAA,2BAAmB,EAAC,IAAI,CAAC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QAEpE,uBAAuB;QACvB,IAAA,wBAAQ,EACN,4BAA4B,OAAO,CAAC,SAAS,0BAA0B,mBAAW,CAAC,QAAQ,mDAAmD,EAC9I;YACE,KAAK,EAAE,SAAS;SACjB,CACF,CAAC;QAEF,MAAM,cAAc,GAAG,GAAG,OAAO,eAAe,CAAC;QAEjD,2DAA2D;QAC3D,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,mDAAmD,CAAC,CAAC;QAE3E,gBAAgB;QAChB,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,kCACzD,OAAO,KACV,UAAU,EAAV,kBAAU;YACV,mBAAmB,EAAnB,2BAAmB;YACnB,OAAO,IACP,CAAC;QAEH,4BAA4B;QAC5B,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,oCAAoC,CAAC,CAAC;QACrF,MAAM,qBAAqB,GACzB,kBAAkB,GAAG,2EAA2E,CAAC;QAEnG,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,oCAAoC,EAAE,qBAAqB,CAAC,CAAC;QAElF,mBAAmB;QACnB,IAAA,qCAA4B,EAAC,IAAI,EAAE,2BAAY,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QAElE,IAAI,IAAA,eAAU,EAAC,cAAc,CAAC,EAAE,CAAC;YAC/B,IAAA,qCAA4B,EAAC,IAAI,EAAE,2BAAY,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;QACpF,CAAC;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAED,kBAAe,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './generator';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../plugin/src/shared/generators/ui-kitten/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './lib';
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { CustomSchemaType } from '@eva-design/dss';
|
|
2
|
-
import * as eva from '@eva-design/eva';
|
|
3
|
-
import { ThemeProvider, DarkTheme } from '@react-navigation/native';
|
|
4
|
-
import { ApplicationProvider } from '@ui-kitten/components';
|
|
5
|
-
import { StatusBar } from 'expo-status-bar';
|
|
6
|
-
import { noop } from 'lodash-es';
|
|
7
|
-
import React, { ReactElement, createContext } from 'react';
|
|
8
|
-
import { mapping, theme, UserTheme } from '<%= libPath %>/shared/ui/styles';
|
|
9
|
-
import { userThemeConfig } from './config';
|
|
10
|
-
|
|
11
|
-
interface UserThemeProviderProps {
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export const UserThemeContext = createContext<{
|
|
16
|
-
userTheme: UserTheme;
|
|
17
|
-
isAutoTheme: boolean | null;
|
|
18
|
-
hasDeviceTheme: boolean | null;
|
|
19
|
-
setUserTheme: (value: UserTheme) => void;
|
|
20
|
-
toggleIsAutoTheme: (isAutoTheme: boolean) => void;
|
|
21
|
-
}>({
|
|
22
|
-
userTheme: userThemeConfig.defaultUserTheme,
|
|
23
|
-
hasDeviceTheme: null,
|
|
24
|
-
isAutoTheme: null,
|
|
25
|
-
setUserTheme: noop,
|
|
26
|
-
toggleIsAutoTheme: noop,
|
|
27
|
-
});
|
|
28
|
-
|
|
29
|
-
export function UserThemeProvider({ children }: UserThemeProviderProps): ReactElement {
|
|
30
|
-
return (
|
|
31
|
-
<ApplicationProvider {...eva} theme={theme['dark']} customMapping={mapping as CustomSchemaType}>
|
|
32
|
-
<ThemeProvider value={DarkTheme}>
|
|
33
|
-
<StatusBar />
|
|
34
|
-
{children}
|
|
35
|
-
</ThemeProvider>
|
|
36
|
-
</ApplicationProvider>
|
|
37
|
-
);
|
|
38
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './component';
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { cloneDeep, isFunction } from 'lodash-es';
|
|
2
|
-
import { useMemo } from 'react';
|
|
3
|
-
import { useWindowDimensions } from 'react-native';
|
|
4
|
-
import { Theme, useAppTheme } from './eva-theme';
|
|
5
|
-
import { createStyles, EStyleSet, StyleSet } from './extended-stylesheet';
|
|
6
|
-
import { screenWidth } from './styles';
|
|
7
|
-
|
|
8
|
-
export enum ViewPortWidthBreakpoints {
|
|
9
|
-
MOBILE = 480,
|
|
10
|
-
TABLET = 768,
|
|
11
|
-
DESKTOP = 1024,
|
|
12
|
-
WIDESCREEN = 1440,
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export enum MediaBreakpoints {
|
|
16
|
-
MOBILE = `@media (min-width: ${ViewPortWidthBreakpoints.MOBILE}px)`,
|
|
17
|
-
TABLET = `@media (min-width: ${ViewPortWidthBreakpoints.TABLET}px)`,
|
|
18
|
-
DESKTOP = `@media (min-width: ${ViewPortWidthBreakpoints.DESKTOP}px)`,
|
|
19
|
-
WIDESCREEN = `@media (min-width: ${ViewPortWidthBreakpoints.WIDESCREEN}px)`,
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export const isTablet = screenWidth <= ViewPortWidthBreakpoints.TABLET;
|
|
23
|
-
|
|
24
|
-
export function createAdaptiveStyles<T extends EStyleSet = EStyleSet>(
|
|
25
|
-
stylesOrGetter: EStyleSet<T> | ((theme: Theme) => T),
|
|
26
|
-
): (theme?: Theme) => StyleSet<T> {
|
|
27
|
-
const useAdaptiveStyles = (theme?: Theme): StyleSet<T> => {
|
|
28
|
-
const { width } = useWindowDimensions();
|
|
29
|
-
const appTheme = useAppTheme();
|
|
30
|
-
|
|
31
|
-
return useMemo(
|
|
32
|
-
() => createStyles<T>(cloneDeep(isFunction(stylesOrGetter) ? stylesOrGetter(theme || appTheme) : stylesOrGetter)),
|
|
33
|
-
[width, theme, appTheme],
|
|
34
|
-
);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
return useAdaptiveStyles;
|
|
38
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './use-app-theme';
|
|
@@ -1,336 +0,0 @@
|
|
|
1
|
-
import { SchemaType } from '@eva-design/dss/types/schema';
|
|
2
|
-
import defaultEvaMapping from '@eva-design/eva/mapping';
|
|
3
|
-
import { PartialDeep } from 'type-fest';
|
|
4
|
-
import { rem } from '../styles';
|
|
5
|
-
import { fontFamily, colors } from '../variables';
|
|
6
|
-
|
|
7
|
-
export const mapping: PartialDeep<typeof defaultEvaMapping | SchemaType> = {
|
|
8
|
-
strict: {
|
|
9
|
-
'text-font-family': fontFamily.regular,
|
|
10
|
-
'text-heading-1-font-size': 1.75 * rem,
|
|
11
|
-
'text-heading-1-font-weight': '400',
|
|
12
|
-
'text-heading-1-font-family': fontFamily.bold,
|
|
13
|
-
'text-heading-2-font-size': 1.25 * rem,
|
|
14
|
-
'text-heading-2-font-weight': '400',
|
|
15
|
-
'text-heading-2-font-family': fontFamily.bold,
|
|
16
|
-
'text-subtitle-1-font-size': 1.0625 * rem,
|
|
17
|
-
'text-subtitle-1-font-weight': '400',
|
|
18
|
-
'text-subtitle-1-font-family': fontFamily.regular,
|
|
19
|
-
'text-subtitle-2-font-size': 1.0625 * rem,
|
|
20
|
-
'text-subtitle-2-font-weight': '400',
|
|
21
|
-
'text-subtitle-2-font-family': fontFamily.bold,
|
|
22
|
-
'text-paragraph-1-font-size': rem,
|
|
23
|
-
'text-paragraph-1-font-weight': 400,
|
|
24
|
-
'text-paragraph-1-font-family': fontFamily.regular,
|
|
25
|
-
'text-paragraph-2-font-size': rem,
|
|
26
|
-
'text-paragraph-2-font-weight': 400,
|
|
27
|
-
'text-paragraph-2-font-family': fontFamily.bold,
|
|
28
|
-
'text-caption-1-font-size': 0.8125 * rem,
|
|
29
|
-
'text-caption-1-font-weight': '400',
|
|
30
|
-
'text-caption-1-font-family': fontFamily.regular,
|
|
31
|
-
'text-caption-2-font-size': 0.8125 * rem,
|
|
32
|
-
'text-caption-2-font-weight': '400',
|
|
33
|
-
'text-caption-2-font-family': fontFamily.bold,
|
|
34
|
-
'text-label-font-size': rem,
|
|
35
|
-
'text-label-font-weight': '400',
|
|
36
|
-
'text-label-font-family': fontFamily.regular,
|
|
37
|
-
},
|
|
38
|
-
components: {
|
|
39
|
-
Text: {
|
|
40
|
-
meta: {
|
|
41
|
-
scope: 'all',
|
|
42
|
-
parameters: {
|
|
43
|
-
lineHeight: {
|
|
44
|
-
type: 'number',
|
|
45
|
-
},
|
|
46
|
-
},
|
|
47
|
-
appearances: {},
|
|
48
|
-
variantGroups: {
|
|
49
|
-
category: {
|
|
50
|
-
xs1: {
|
|
51
|
-
default: false,
|
|
52
|
-
},
|
|
53
|
-
xs2: {
|
|
54
|
-
default: false,
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
},
|
|
58
|
-
},
|
|
59
|
-
appearances: {
|
|
60
|
-
default: {
|
|
61
|
-
mapping: {},
|
|
62
|
-
variantGroups: {
|
|
63
|
-
category: {
|
|
64
|
-
h1: {
|
|
65
|
-
lineHeight: 2 * rem,
|
|
66
|
-
},
|
|
67
|
-
h2: {
|
|
68
|
-
lineHeight: 1.5 * rem,
|
|
69
|
-
},
|
|
70
|
-
s1: {
|
|
71
|
-
lineHeight: 1.5 * rem,
|
|
72
|
-
},
|
|
73
|
-
s2: {
|
|
74
|
-
lineHeight: 1.375 * rem,
|
|
75
|
-
},
|
|
76
|
-
p1: {
|
|
77
|
-
lineHeight: 1.25 * rem,
|
|
78
|
-
},
|
|
79
|
-
p2: {
|
|
80
|
-
lineHeight: 1.25 * rem,
|
|
81
|
-
},
|
|
82
|
-
c1: {
|
|
83
|
-
lineHeight: rem,
|
|
84
|
-
},
|
|
85
|
-
c2: {
|
|
86
|
-
lineHeight: rem,
|
|
87
|
-
},
|
|
88
|
-
xs1: {
|
|
89
|
-
fontFamily: fontFamily.regular,
|
|
90
|
-
fontSize: 0.6875 * rem,
|
|
91
|
-
lineHeight: rem,
|
|
92
|
-
},
|
|
93
|
-
xs2: {
|
|
94
|
-
fontFamily: fontFamily.bold,
|
|
95
|
-
fontSize: 0.6875 * rem,
|
|
96
|
-
lineHeight: rem,
|
|
97
|
-
},
|
|
98
|
-
},
|
|
99
|
-
status: {
|
|
100
|
-
basic: {
|
|
101
|
-
color: colors.textPrimary,
|
|
102
|
-
},
|
|
103
|
-
danger: {
|
|
104
|
-
color: colors.error,
|
|
105
|
-
},
|
|
106
|
-
},
|
|
107
|
-
},
|
|
108
|
-
},
|
|
109
|
-
},
|
|
110
|
-
},
|
|
111
|
-
Button: {
|
|
112
|
-
meta: {
|
|
113
|
-
parameters: {
|
|
114
|
-
opacity: {
|
|
115
|
-
type: 'number',
|
|
116
|
-
},
|
|
117
|
-
height: {
|
|
118
|
-
type: 'number',
|
|
119
|
-
},
|
|
120
|
-
},
|
|
121
|
-
variantGroups: {
|
|
122
|
-
size: {
|
|
123
|
-
medium: {
|
|
124
|
-
default: false,
|
|
125
|
-
},
|
|
126
|
-
large: {
|
|
127
|
-
default: true,
|
|
128
|
-
},
|
|
129
|
-
},
|
|
130
|
-
},
|
|
131
|
-
},
|
|
132
|
-
appearances: {
|
|
133
|
-
filled: {
|
|
134
|
-
mapping: {},
|
|
135
|
-
variantGroups: {
|
|
136
|
-
status: {
|
|
137
|
-
primary: {
|
|
138
|
-
textColor: colors.textPrimary,
|
|
139
|
-
borderWidth: 1,
|
|
140
|
-
backgroundColor: colors.primary,
|
|
141
|
-
borderColor: colors.primary,
|
|
142
|
-
state: {
|
|
143
|
-
active: {
|
|
144
|
-
backgroundColor: colors.primaryPressed,
|
|
145
|
-
borderColor: colors.primaryPressed,
|
|
146
|
-
borderWidth: 1,
|
|
147
|
-
},
|
|
148
|
-
disabled: {
|
|
149
|
-
backgroundColor: colors.textTertriary,
|
|
150
|
-
borderColor: colors.textTertriary,
|
|
151
|
-
borderWidth: 1,
|
|
152
|
-
textColor: colors.textSecondary,
|
|
153
|
-
},
|
|
154
|
-
},
|
|
155
|
-
},
|
|
156
|
-
basic: {
|
|
157
|
-
textColor: colors.textPrimary,
|
|
158
|
-
borderWidth: 1,
|
|
159
|
-
borderColor: colors.backgroundTertiary,
|
|
160
|
-
backgroundColor: colors.backgroundTertiary,
|
|
161
|
-
state: {
|
|
162
|
-
active: {
|
|
163
|
-
textColor: colors.textPrimary,
|
|
164
|
-
borderColor: colors.textTertriary,
|
|
165
|
-
backgroundColor: colors.textTertriary,
|
|
166
|
-
},
|
|
167
|
-
disabled: {
|
|
168
|
-
backgroundColor: colors.backgroundTertiary,
|
|
169
|
-
borderColor: colors.backgroundTertiary,
|
|
170
|
-
borderWidth: 1,
|
|
171
|
-
textColor: colors.backgroundTertiary,
|
|
172
|
-
},
|
|
173
|
-
},
|
|
174
|
-
},
|
|
175
|
-
},
|
|
176
|
-
size: {
|
|
177
|
-
large: {
|
|
178
|
-
textFontFamily: fontFamily.bold,
|
|
179
|
-
textFontSize: rem,
|
|
180
|
-
textFontWeight: '700',
|
|
181
|
-
borderRadius: 12,
|
|
182
|
-
borderWidth: 1,
|
|
183
|
-
minHeight: 64,
|
|
184
|
-
minWidth: 64,
|
|
185
|
-
paddingHorizontal: 0,
|
|
186
|
-
paddingVertical: 0,
|
|
187
|
-
iconMarginHorizontal: 0,
|
|
188
|
-
iconWidth: 'auto',
|
|
189
|
-
iconHeight: 'auto',
|
|
190
|
-
},
|
|
191
|
-
medium: {
|
|
192
|
-
textFontFamily: fontFamily.bold,
|
|
193
|
-
textFontSize: rem,
|
|
194
|
-
textFontWeight: '700',
|
|
195
|
-
borderRadius: 12,
|
|
196
|
-
borderWidth: 1,
|
|
197
|
-
minHeight: 60,
|
|
198
|
-
minWidth: 60,
|
|
199
|
-
paddingHorizontal: 0,
|
|
200
|
-
paddingVertical: 0,
|
|
201
|
-
iconMarginHorizontal: 0,
|
|
202
|
-
iconWidth: 'auto',
|
|
203
|
-
iconHeight: 'auto',
|
|
204
|
-
},
|
|
205
|
-
small: {
|
|
206
|
-
textFontFamily: fontFamily.bold,
|
|
207
|
-
textFontSize: 0.8125 * rem,
|
|
208
|
-
textFontWeight: '700',
|
|
209
|
-
minHeight: 40,
|
|
210
|
-
minWidth: 40,
|
|
211
|
-
borderRadius: 12,
|
|
212
|
-
borderWidth: 1,
|
|
213
|
-
},
|
|
214
|
-
},
|
|
215
|
-
},
|
|
216
|
-
},
|
|
217
|
-
ghost: {
|
|
218
|
-
variantGroups: {
|
|
219
|
-
status: {
|
|
220
|
-
primary: {
|
|
221
|
-
backgroundColor: 'transparent',
|
|
222
|
-
borderColor: 'transparent',
|
|
223
|
-
textColor: colors.primary,
|
|
224
|
-
state: {
|
|
225
|
-
active: {
|
|
226
|
-
backgroundColor: 'transparent',
|
|
227
|
-
borderColor: 'transparent',
|
|
228
|
-
textColor: colors.primaryPressed,
|
|
229
|
-
},
|
|
230
|
-
disabled: {
|
|
231
|
-
backgroundColor: 'transparent',
|
|
232
|
-
borderColor: 'transparent',
|
|
233
|
-
textColor: colors.textSecondary,
|
|
234
|
-
},
|
|
235
|
-
},
|
|
236
|
-
},
|
|
237
|
-
basic: {
|
|
238
|
-
backgroundColor: 'transparent',
|
|
239
|
-
borderColor: 'transparent',
|
|
240
|
-
textColor: colors.textPrimary,
|
|
241
|
-
state: {
|
|
242
|
-
active: {
|
|
243
|
-
backgroundColor: 'transparent',
|
|
244
|
-
borderColor: 'transparent',
|
|
245
|
-
textColor: colors.textSecondary,
|
|
246
|
-
},
|
|
247
|
-
disabled: {
|
|
248
|
-
backgroundColor: 'transparent',
|
|
249
|
-
borderColor: 'transparent',
|
|
250
|
-
textColor: colors.textSecondary,
|
|
251
|
-
},
|
|
252
|
-
},
|
|
253
|
-
},
|
|
254
|
-
},
|
|
255
|
-
},
|
|
256
|
-
},
|
|
257
|
-
},
|
|
258
|
-
},
|
|
259
|
-
Input: {
|
|
260
|
-
appearances: {
|
|
261
|
-
default: {
|
|
262
|
-
mapping: {
|
|
263
|
-
textFontFamily: fontFamily.regular,
|
|
264
|
-
textFontSize: rem,
|
|
265
|
-
captionFontWeight: '400',
|
|
266
|
-
},
|
|
267
|
-
variantGroups: {
|
|
268
|
-
status: {
|
|
269
|
-
primary: {
|
|
270
|
-
backgroundColor: colors.backgroundTertiary,
|
|
271
|
-
borderColor: colors.backgroundTertiary,
|
|
272
|
-
textColor: colors.textPrimary,
|
|
273
|
-
placeholderColor: colors.textSecondary,
|
|
274
|
-
state: {
|
|
275
|
-
focused: {
|
|
276
|
-
backgroundColor: colors.backgroundSecondary,
|
|
277
|
-
borderColor: colors.textSecondary,
|
|
278
|
-
},
|
|
279
|
-
},
|
|
280
|
-
},
|
|
281
|
-
danger: {
|
|
282
|
-
backgroundColor: colors.backgroundTertiary,
|
|
283
|
-
borderColor: colors.error,
|
|
284
|
-
textColor: colors.textSecondary,
|
|
285
|
-
placeholderColor: colors.textTertriary,
|
|
286
|
-
state: {
|
|
287
|
-
focused: {
|
|
288
|
-
textColor: colors.textPrimary,
|
|
289
|
-
placeholderColor: colors.textSecondary,
|
|
290
|
-
backgroundColor: colors.backgroundSecondary,
|
|
291
|
-
borderColor: colors.error,
|
|
292
|
-
},
|
|
293
|
-
},
|
|
294
|
-
},
|
|
295
|
-
},
|
|
296
|
-
size: {
|
|
297
|
-
medium: {
|
|
298
|
-
minHeight: 60,
|
|
299
|
-
textFontSize: rem,
|
|
300
|
-
borderRadius: 12,
|
|
301
|
-
paddingVertical: 7,
|
|
302
|
-
paddingHorizontal: 9,
|
|
303
|
-
},
|
|
304
|
-
},
|
|
305
|
-
},
|
|
306
|
-
},
|
|
307
|
-
},
|
|
308
|
-
},
|
|
309
|
-
Avatar: {
|
|
310
|
-
appearances: {
|
|
311
|
-
default: {
|
|
312
|
-
variantGroups: {
|
|
313
|
-
size: {
|
|
314
|
-
large: {
|
|
315
|
-
height: 6.75 * rem,
|
|
316
|
-
width: 6.75 * rem,
|
|
317
|
-
},
|
|
318
|
-
medium: {
|
|
319
|
-
height: 2.5 * rem,
|
|
320
|
-
width: 2.5 * rem,
|
|
321
|
-
},
|
|
322
|
-
small: {
|
|
323
|
-
height: 1.5 * rem,
|
|
324
|
-
width: 1.5 * rem,
|
|
325
|
-
},
|
|
326
|
-
tiny: {
|
|
327
|
-
height: rem,
|
|
328
|
-
width: rem,
|
|
329
|
-
},
|
|
330
|
-
},
|
|
331
|
-
},
|
|
332
|
-
},
|
|
333
|
-
},
|
|
334
|
-
},
|
|
335
|
-
},
|
|
336
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import evaDark from '@eva-design/eva/themes/dark';
|
|
2
|
-
import { mapValues } from 'lodash-es';
|
|
3
|
-
import { colors } from '../variables';
|
|
4
|
-
|
|
5
|
-
export type Theme = typeof darkTheme;
|
|
6
|
-
|
|
7
|
-
const darkTheme: typeof evaDark = {
|
|
8
|
-
...evaDark,
|
|
9
|
-
'color-basic-default': colors.backgroundPrimary,
|
|
10
|
-
'color-basic-active': colors.active,
|
|
11
|
-
'color-danger-default': colors.error,
|
|
12
|
-
'color-success-default': colors.success,
|
|
13
|
-
'color-warning-default': colors.warning,
|
|
14
|
-
|
|
15
|
-
'color-primary-default': colors.primary,
|
|
16
|
-
'color-primary-active': colors.primaryPressed,
|
|
17
|
-
'color-primary-disabled': colors.primaryDisabled,
|
|
18
|
-
'color-control-default': colors.secondary,
|
|
19
|
-
|
|
20
|
-
'text-primary-color': colors.textPrimary,
|
|
21
|
-
'text-basic-color': colors.textBasic,
|
|
22
|
-
'text-disabled-color': colors.textSecondary,
|
|
23
|
-
'text-alternate-color': colors.textTertriary,
|
|
24
|
-
|
|
25
|
-
'background-basic-color-1': colors.backgroundPrimary,
|
|
26
|
-
'background-basic-color-2': colors.backgroundSecondary,
|
|
27
|
-
'background-basic-color-3': colors.backgroundTertiary,
|
|
28
|
-
|
|
29
|
-
'border-basic-color-1': colors.borderPrimary,
|
|
30
|
-
'border-basic-color-2': colors.borderSecondary,
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
const lightTheme: Theme = {
|
|
34
|
-
...darkTheme,
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export const themeColorNames: Record<keyof typeof darkTheme, string> = mapValues(darkTheme, (_, key) => key);
|
|
38
|
-
|
|
39
|
-
export const theme = {
|
|
40
|
-
light: lightTheme,
|
|
41
|
-
dark: darkTheme,
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
export type UserTheme = keyof typeof theme;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://json-schema.org/schema",
|
|
3
|
-
"$id": "ExpoApp",
|
|
4
|
-
"title": "",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"directory": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"description": "The directory name of the app in the 'apps/' folder",
|
|
10
|
-
"$default": {
|
|
11
|
-
"$source": "argv",
|
|
12
|
-
"index": 0
|
|
13
|
-
},
|
|
14
|
-
"x-prompt": "Enter the name of the directory in the 'apps/' folder"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"required": ["directory"]
|
|
18
|
-
}
|