added Fonts

alpha
Jan Umbach 2022-12-10 21:47:12 +01:00
parent 6a6daadc0a
commit 8a99bd880a
30 changed files with 263 additions and 25 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,45 @@
{
"migIndex": 1,
"data": [
{
"path": "assets/fonts/Outfit-Black.ttf",
"sha1": "acf16819309cc0e21abd72b4cdd932df559e9f9e"
},
{
"path": "assets/fonts/Outfit-Bold.ttf",
"sha1": "dff38f4c216b9145d9dd284a78fce52e057e2194"
},
{
"path": "assets/fonts/Outfit-ExtraBold.ttf",
"sha1": "5b76ce82ddcc48b5339e047a7aef88ce0a334941"
},
{
"path": "assets/fonts/Outfit-ExtraLight.ttf",
"sha1": "0cf062c845e7734b0e75361bf342e98912f570b1"
},
{
"path": "assets/fonts/Outfit-Light.ttf",
"sha1": "7dd71083d22da6d08dd0d6af6759109776f0b3f5"
},
{
"path": "assets/fonts/Outfit-Medium.ttf",
"sha1": "86e6867ae0aba1eb8aa4bda25d2fe0a5ca02bee8"
},
{
"path": "assets/fonts/Outfit-Regular.ttf",
"sha1": "bcb85df11636ccfe003e92f12515c29c3be865f5"
},
{
"path": "assets/fonts/Outfit-SemiBold.ttf",
"sha1": "21ab97de1536d82672bf6fec078814506cdf9d28"
},
{
"path": "assets/fonts/Outfit-Thin.ttf",
"sha1": "7c18fa1287a9fe229f649ad4dfaa916bc1873ce3"
},
{
"path": "assets/fonts/Outfit-VariableFont_wght.ttf",
"sha1": "c6f27b9debf80ecaf0ac866b0edc25519825730a"
}
]
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -14,6 +14,16 @@
13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
7699B88040F8A987B510C191 /* libPods-ClickAndJoinApp-ClickAndJoinAppTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-ClickAndJoinApp-ClickAndJoinAppTests.a */; };
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
F878AA5D84F446FDA77E9C7C /* Outfit-Black.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2DA104EA514740E99BCA277D /* Outfit-Black.ttf */; };
D9C0040DE5504D25895DF2B8 /* Outfit-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */; };
E6E5FA6961064F04BC04FCC2 /* Outfit-ExtraBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */; };
AA43A553680043BD8B0F6714 /* Outfit-ExtraLight.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */; };
2B050A6D350E4DCA9D332391 /* Outfit-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */; };
78D717B2D44940108555A617 /* Outfit-Medium.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */; };
EFDDDEC09F5F49A5B96AA6B6 /* Outfit-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */; };
D6BF1756BD454B48AF46F30B /* Outfit-SemiBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */; };
94325E7D0A1D4F978B68DB9D /* Outfit-Thin.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */; };
3E22F7F8820E4139BF9AE875 /* Outfit-VariableFont_wght.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */; };
/* End PBXBuildFile section */
/* Begin PBXContainerItemProxy section */
@ -44,6 +54,16 @@
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = ClickAndJoinApp/LaunchScreen.storyboard; sourceTree = "<group>"; };
89C6BE57DB24E9ADA2F236DE /* Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig"; path = "Target Support Files/Pods-ClickAndJoinApp-ClickAndJoinAppTests/Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig"; sourceTree = "<group>"; };
ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
2DA104EA514740E99BCA277D /* Outfit-Black.ttf */ = {isa = PBXFileReference; name = "Outfit-Black.ttf"; path = "../assets/fonts/Outfit-Black.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */ = {isa = PBXFileReference; name = "Outfit-Bold.ttf"; path = "../assets/fonts/Outfit-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */ = {isa = PBXFileReference; name = "Outfit-ExtraBold.ttf"; path = "../assets/fonts/Outfit-ExtraBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */ = {isa = PBXFileReference; name = "Outfit-ExtraLight.ttf"; path = "../assets/fonts/Outfit-ExtraLight.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */ = {isa = PBXFileReference; name = "Outfit-Light.ttf"; path = "../assets/fonts/Outfit-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */ = {isa = PBXFileReference; name = "Outfit-Medium.ttf"; path = "../assets/fonts/Outfit-Medium.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */ = {isa = PBXFileReference; name = "Outfit-Regular.ttf"; path = "../assets/fonts/Outfit-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */ = {isa = PBXFileReference; name = "Outfit-SemiBold.ttf"; path = "../assets/fonts/Outfit-SemiBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */ = {isa = PBXFileReference; name = "Outfit-Thin.ttf"; path = "../assets/fonts/Outfit-Thin.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */ = {isa = PBXFileReference; name = "Outfit-VariableFont_wght.ttf"; path = "../assets/fonts/Outfit-VariableFont_wght.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
@ -122,6 +142,7 @@
83CBBA001A601CBA00E9B192 /* Products */,
2D16E6871FA4F8E400B85C8A /* Frameworks */,
BBD78D7AC51CEA395F1C20DB /* Pods */,
A979B6A2668F4BD99BD1D759 /* Resources */,
);
indentWidth = 2;
sourceTree = "<group>";
@ -148,6 +169,24 @@
path = Pods;
sourceTree = "<group>";
};
A979B6A2668F4BD99BD1D759 /* Resources */ = {
isa = "PBXGroup";
children = (
2DA104EA514740E99BCA277D /* Outfit-Black.ttf */,
2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */,
CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */,
0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */,
09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */,
373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */,
BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */,
0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */,
BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */,
568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */,
);
name = Resources;
sourceTree = "<group>";
path = "";
};
/* End PBXGroup section */
/* Begin PBXNativeTarget section */
@ -244,6 +283,16 @@
files = (
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
F878AA5D84F446FDA77E9C7C /* Outfit-Black.ttf in Resources */,
D9C0040DE5504D25895DF2B8 /* Outfit-Bold.ttf in Resources */,
E6E5FA6961064F04BC04FCC2 /* Outfit-ExtraBold.ttf in Resources */,
AA43A553680043BD8B0F6714 /* Outfit-ExtraLight.ttf in Resources */,
2B050A6D350E4DCA9D332391 /* Outfit-Light.ttf in Resources */,
78D717B2D44940108555A617 /* Outfit-Medium.ttf in Resources */,
EFDDDEC09F5F49A5B96AA6B6 /* Outfit-Regular.ttf in Resources */,
D6BF1756BD454B48AF46F30B /* Outfit-SemiBold.ttf in Resources */,
94325E7D0A1D4F978B68DB9D /* Outfit-Thin.ttf in Resources */,
3E22F7F8820E4139BF9AE875 /* Outfit-VariableFont_wght.ttf in Resources */,
);
runOnlyForDeploymentPostprocessing = 0;
};

View File

@ -36,7 +36,7 @@
</dict>
</dict>
<key>NSLocationWhenInUseUsageDescription</key>
<string></string>
<string/>
<key>UILaunchStoryboardName</key>
<string>LaunchScreen</string>
<key>UIRequiredDeviceCapabilities</key>
@ -51,5 +51,18 @@
</array>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
<key>UIAppFonts</key>
<array>
<string>Outfit-Black.ttf</string>
<string>Outfit-Bold.ttf</string>
<string>Outfit-ExtraBold.ttf</string>
<string>Outfit-ExtraLight.ttf</string>
<string>Outfit-Light.ttf</string>
<string>Outfit-Medium.ttf</string>
<string>Outfit-Regular.ttf</string>
<string>Outfit-SemiBold.ttf</string>
<string>Outfit-Thin.ttf</string>
<string>Outfit-VariableFont_wght.ttf</string>
</array>
</dict>
</plist>

View File

@ -0,0 +1,45 @@
{
"migIndex": 1,
"data": [
{
"path": "assets/fonts/Outfit-Black.ttf",
"sha1": "acf16819309cc0e21abd72b4cdd932df559e9f9e"
},
{
"path": "assets/fonts/Outfit-Bold.ttf",
"sha1": "dff38f4c216b9145d9dd284a78fce52e057e2194"
},
{
"path": "assets/fonts/Outfit-ExtraBold.ttf",
"sha1": "5b76ce82ddcc48b5339e047a7aef88ce0a334941"
},
{
"path": "assets/fonts/Outfit-ExtraLight.ttf",
"sha1": "0cf062c845e7734b0e75361bf342e98912f570b1"
},
{
"path": "assets/fonts/Outfit-Light.ttf",
"sha1": "7dd71083d22da6d08dd0d6af6759109776f0b3f5"
},
{
"path": "assets/fonts/Outfit-Medium.ttf",
"sha1": "86e6867ae0aba1eb8aa4bda25d2fe0a5ca02bee8"
},
{
"path": "assets/fonts/Outfit-Regular.ttf",
"sha1": "bcb85df11636ccfe003e92f12515c29c3be865f5"
},
{
"path": "assets/fonts/Outfit-SemiBold.ttf",
"sha1": "21ab97de1536d82672bf6fec078814506cdf9d28"
},
{
"path": "assets/fonts/Outfit-Thin.ttf",
"sha1": "7c18fa1287a9fe229f649ad4dfaa916bc1873ce3"
},
{
"path": "assets/fonts/Outfit-VariableFont_wght.ttf",
"sha1": "c6f27b9debf80ecaf0ac866b0edc25519825730a"
}
]
}

7
react-native.config.js Normal file
View File

@ -0,0 +1,7 @@
module.exports = {
project: {
ios: {},
android: {}
},
assets: ['./assets/fonts']
};

View File

@ -26,7 +26,9 @@ const App = () => {
<NativeBaseProvider theme={theme}>
<StatusBar backgroundColor="transparent" translucent={true} />
<Box safeArea>
<Text> ma boyy :--)))</Text>
<Text style={{fontFamily: 'Outfit-Bold', color: '#f00'}}>
ma boyy :--)))
</Text>
</Box>
<Box alignItems="center">
<Input shadow={2} placeholder="Enter your name" />

View File

@ -1,27 +1,81 @@
import { extendTheme } from 'native-base';
export const theme = extendTheme({
colors: {
// Add new color
primary: {
50: '#E3F2F9',
100: '#C5E4F3',
200: '#A2D4EC',
300: '#7AC1E4',
400: '#47A9DA',
500: '#0088CC',
600: '#007AB8',
700: '#006BA1',
800: '#005885',
900: '#003F5E',
},
// Redefining only one shade, rest of the color will remain same.
amber: {
400: '#d97706',
fonts: {
header: 'Outfit-Bold',
medium: 'Outfit-Bold',
regular: 'Outfit-Bold',
semibold: 'Outfit-Bold',
},
colors: {
black: {
100: '#C4C4C4',
200: '#7C7C7C',
300: '#292929',
800: '#181725',
},
green: {
300: '#53B175',
},
primary: {
50: '#E3F2F9',
100: '#C5E4F3',
200: '#A2D4EC',
300: '#7AC1E4',
400: '#47A9DA',
500: '#0088CC',
600: '#007AB8',
700: '#006BA1',
800: '#005885',
900: '#003F5E',
},
amber: {
400: '#d97706',
},
},
components: {
Divider: {
baseStyle: ({colorMode}) => {
return {
backgroundColor: colorMode === 'dark' ? 'black.100' : 'black.200',
};
},
},
config: {
// Changing initialColorMode to 'dark'
initialColorMode: 'dark',
Heading: {
baseStyle: ({colorMode}) => {
return {
color: colorMode === 'dark' ? 'black.100' : 'primary.500',
};
},
defaultProps: {
size: 'xl',
fontFamily: 'MontSemibold',
},
},
});
Text: {
baseStyle: ({colorMode}) => {
return {
color: colorMode === 'dark' ? 'black.100' : 'black.300',
};
},
defaultProps: {
size: 'md',
fontFamily: 'MontRegular',
},
sizes: {
xl: {
fontSize: '64px',
},
lg: {
fontSize: '32px',
},
md: {
fontSize: '16px',
},
sm: {
fontSize: '12px',
},
},
},
},
});

7
src/types/image.png.d.ts vendored Normal file
View File

@ -0,0 +1,7 @@
declare module '*.png' {
import { ImageSourcePropType } from 'react-native'
const content: ImageSourcePropType
export default content
}

8
src/types/image.svg.d.ts vendored Normal file
View File

@ -0,0 +1,8 @@
declare module '*.svg' {
import React from 'react'
import { SvgProps } from 'react-native-svg'
const content: React.FC<SvgProps>
export default content
}

View File

@ -4,6 +4,14 @@
"paths" : {
"@caj/*": ["src/caj/*"]
},
"target": "ESNext"
}
"target": "ESNext",
"allowSyntheticDefaultImports": true,
"moduleResolution": "node",
"jsx": "react-native"
},
"include": ["**/*.ts", "**/*.tsx", "./src/caj/img/*.png"],
"exclude": [
"node_modules"
]
}