@umituz/react-native-splash 1.5.0 → 1.5.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-splash",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.1",
|
|
4
4
|
"description": "Generic splash screen for React Native apps with animations, gradients, and customizable branding. SOLID, DRY, KISS principles applied.",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
import React from "react";
|
|
7
7
|
import { View, Text, StyleSheet } from "react-native";
|
|
8
|
-
import type {
|
|
8
|
+
import type { DesignTokens } from "@umituz/react-native-design-system-theme";
|
|
9
9
|
|
|
10
10
|
export interface SplashLoadingProps {
|
|
11
11
|
loadingText: string;
|
|
12
|
-
tokens:
|
|
12
|
+
tokens: DesignTokens;
|
|
13
13
|
bottomInset: number;
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -30,7 +30,7 @@ export const SplashLoading: React.FC<SplashLoadingProps> = ({
|
|
|
30
30
|
);
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
const getStyles = (tokens:
|
|
33
|
+
const getStyles = (tokens: DesignTokens, bottomInset: number) => {
|
|
34
34
|
return StyleSheet.create({
|
|
35
35
|
container: {
|
|
36
36
|
alignItems: "center",
|
|
@@ -25,11 +25,11 @@ export const SplashLogo: React.FC<SplashLogoProps> = ({
|
|
|
25
25
|
<View style={styles.glow} />
|
|
26
26
|
<View style={styles.background}>
|
|
27
27
|
{typeof logo === "string" ? (
|
|
28
|
-
<AtomicIcon name={logo || "Sparkles"} size="xxl"
|
|
28
|
+
<AtomicIcon name={logo || "Sparkles"} size="xxl" customColor="#FFFFFF" />
|
|
29
29
|
) : logo ? (
|
|
30
30
|
logo
|
|
31
31
|
) : (
|
|
32
|
-
<AtomicIcon name="Sparkles" size="xxl"
|
|
32
|
+
<AtomicIcon name="Sparkles" size="xxl" customColor="#FFFFFF" />
|
|
33
33
|
)}
|
|
34
34
|
</View>
|
|
35
35
|
</View>
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
|
|
6
6
|
import React from "react";
|
|
7
7
|
import { View, Text, StyleSheet } from "react-native";
|
|
8
|
-
import type {
|
|
8
|
+
import type { DesignTokens } from "@umituz/react-native-design-system-theme";
|
|
9
9
|
|
|
10
10
|
export interface SplashTypographyProps {
|
|
11
11
|
appName: string;
|
|
12
12
|
tagline?: string;
|
|
13
|
-
tokens:
|
|
13
|
+
tokens: DesignTokens;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
export const SplashTypography: React.FC<SplashTypographyProps> = ({
|
|
@@ -34,7 +34,7 @@ export const SplashTypography: React.FC<SplashTypographyProps> = ({
|
|
|
34
34
|
);
|
|
35
35
|
};
|
|
36
36
|
|
|
37
|
-
const getStyles = (tokens:
|
|
37
|
+
const getStyles = (tokens: DesignTokens) => {
|
|
38
38
|
return StyleSheet.create({
|
|
39
39
|
container: {
|
|
40
40
|
alignItems: "center",
|