Merge pull request #56 from zcash/ui-components-add-font
UI components add font
This commit is contained in:
commit
b3b35cdc9d
|
@ -34,6 +34,8 @@
|
||||||
0D4E7A1026B364180058B01E /* Preview Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 0D4E7A0F26B364180058B01E /* Preview Assets.xcassets */; };
|
0D4E7A1026B364180058B01E /* Preview Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 0D4E7A0F26B364180058B01E /* Preview Assets.xcassets */; };
|
||||||
0D4E7A1B26B364180058B01E /* secantTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D4E7A1A26B364180058B01E /* secantTests.swift */; };
|
0D4E7A1B26B364180058B01E /* secantTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D4E7A1A26B364180058B01E /* secantTests.swift */; };
|
||||||
0D4E7A2626B364180058B01E /* secantUITests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D4E7A2526B364180058B01E /* secantUITests.swift */; };
|
0D4E7A2626B364180058B01E /* secantUITests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D4E7A2526B364180058B01E /* secantUITests.swift */; };
|
||||||
|
0D535FDE271F4214009A9E3E /* Rubik-Italic-VariableFont_wght.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0D535FDC271F4214009A9E3E /* Rubik-Italic-VariableFont_wght.ttf */; };
|
||||||
|
0D535FDF271F4214009A9E3E /* Rubik-VariableFont_wght.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0D535FDD271F4214009A9E3E /* Rubik-VariableFont_wght.ttf */; };
|
||||||
0D5D16F526E24CCF00AD33D1 /* AppError.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D5D16F426E24CCF00AD33D1 /* AppError.swift */; };
|
0D5D16F526E24CCF00AD33D1 /* AppError.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D5D16F426E24CCF00AD33D1 /* AppError.swift */; };
|
||||||
0D7DF08C271DCC0E00530046 /* ScreenBackground.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D7DF08B271DCC0E00530046 /* ScreenBackground.swift */; };
|
0D7DF08C271DCC0E00530046 /* ScreenBackground.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D7DF08B271DCC0E00530046 /* ScreenBackground.swift */; };
|
||||||
0D864A0526E1546000A61879 /* LoadingScreenTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D864A0426E1546000A61879 /* LoadingScreenTests.swift */; };
|
0D864A0526E1546000A61879 /* LoadingScreenTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0D864A0426E1546000A61879 /* LoadingScreenTests.swift */; };
|
||||||
|
@ -118,6 +120,8 @@
|
||||||
0D4E7A2126B364180058B01E /* secantUITests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = secantUITests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
|
0D4E7A2126B364180058B01E /* secantUITests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = secantUITests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
|
||||||
0D4E7A2526B364180058B01E /* secantUITests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = secantUITests.swift; sourceTree = "<group>"; };
|
0D4E7A2526B364180058B01E /* secantUITests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = secantUITests.swift; sourceTree = "<group>"; };
|
||||||
0D4E7A2726B364180058B01E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
|
0D4E7A2726B364180058B01E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
|
||||||
|
0D535FDC271F4214009A9E3E /* Rubik-Italic-VariableFont_wght.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "Rubik-Italic-VariableFont_wght.ttf"; sourceTree = "<group>"; };
|
||||||
|
0D535FDD271F4214009A9E3E /* Rubik-VariableFont_wght.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "Rubik-VariableFont_wght.ttf"; sourceTree = "<group>"; };
|
||||||
0D5D16F426E24CCF00AD33D1 /* AppError.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppError.swift; sourceTree = "<group>"; };
|
0D5D16F426E24CCF00AD33D1 /* AppError.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppError.swift; sourceTree = "<group>"; };
|
||||||
0D7DF08B271DCC0E00530046 /* ScreenBackground.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ScreenBackground.swift; sourceTree = "<group>"; };
|
0D7DF08B271DCC0E00530046 /* ScreenBackground.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ScreenBackground.swift; sourceTree = "<group>"; };
|
||||||
0D864A0426E1546000A61879 /* LoadingScreenTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoadingScreenTests.swift; sourceTree = "<group>"; };
|
0D864A0426E1546000A61879 /* LoadingScreenTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoadingScreenTests.swift; sourceTree = "<group>"; };
|
||||||
|
@ -234,6 +238,7 @@
|
||||||
0D2ACE7E26C2C65E00D62E3C /* Fonts */ = {
|
0D2ACE7E26C2C65E00D62E3C /* Fonts */ = {
|
||||||
isa = PBXGroup;
|
isa = PBXGroup;
|
||||||
children = (
|
children = (
|
||||||
|
0D535FDB271F3B50009A9E3E /* Rubik */,
|
||||||
0D2ACE7F26C2C67100D62E3C /* Zboto.otf */,
|
0D2ACE7F26C2C67100D62E3C /* Zboto.otf */,
|
||||||
);
|
);
|
||||||
path = Fonts;
|
path = Fonts;
|
||||||
|
@ -365,6 +370,15 @@
|
||||||
path = secantUITests;
|
path = secantUITests;
|
||||||
sourceTree = "<group>";
|
sourceTree = "<group>";
|
||||||
};
|
};
|
||||||
|
0D535FDB271F3B50009A9E3E /* Rubik */ = {
|
||||||
|
isa = PBXGroup;
|
||||||
|
children = (
|
||||||
|
0D535FDC271F4214009A9E3E /* Rubik-Italic-VariableFont_wght.ttf */,
|
||||||
|
0D535FDD271F4214009A9E3E /* Rubik-VariableFont_wght.ttf */,
|
||||||
|
);
|
||||||
|
path = Rubik;
|
||||||
|
sourceTree = "<group>";
|
||||||
|
};
|
||||||
0D5D16F326E24CB900AD33D1 /* App Errors */ = {
|
0D5D16F326E24CB900AD33D1 /* App Errors */ = {
|
||||||
isa = PBXGroup;
|
isa = PBXGroup;
|
||||||
children = (
|
children = (
|
||||||
|
@ -612,8 +626,10 @@
|
||||||
isa = PBXResourcesBuildPhase;
|
isa = PBXResourcesBuildPhase;
|
||||||
buildActionMask = 2147483647;
|
buildActionMask = 2147483647;
|
||||||
files = (
|
files = (
|
||||||
|
0D535FDE271F4214009A9E3E /* Rubik-Italic-VariableFont_wght.ttf in Resources */,
|
||||||
0D4E7A1026B364180058B01E /* Preview Assets.xcassets in Resources */,
|
0D4E7A1026B364180058B01E /* Preview Assets.xcassets in Resources */,
|
||||||
660558E9270C7A54009D6954 /* Colors.xcassets in Resources */,
|
660558E9270C7A54009D6954 /* Colors.xcassets in Resources */,
|
||||||
|
0D535FDF271F4214009A9E3E /* Rubik-VariableFont_wght.ttf in Resources */,
|
||||||
0D4E7A0D26B364180058B01E /* Assets.xcassets in Resources */,
|
0D4E7A0D26B364180058B01E /* Assets.xcassets in Resources */,
|
||||||
0D2ACE8026C2C67100D62E3C /* Zboto.otf in Resources */,
|
0D2ACE8026C2C67100D62E3C /* Zboto.otf in Resources */,
|
||||||
);
|
);
|
||||||
|
|
|
@ -0,0 +1,38 @@
|
||||||
|
{
|
||||||
|
"colors" : [
|
||||||
|
{
|
||||||
|
"color" : {
|
||||||
|
"color-space" : "srgb",
|
||||||
|
"components" : {
|
||||||
|
"alpha" : "1.000",
|
||||||
|
"blue" : "0x47",
|
||||||
|
"green" : "0x37",
|
||||||
|
"red" : "0x2D"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"idiom" : "universal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"appearances" : [
|
||||||
|
{
|
||||||
|
"appearance" : "luminosity",
|
||||||
|
"value" : "dark"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"color" : {
|
||||||
|
"color-space" : "srgb",
|
||||||
|
"components" : {
|
||||||
|
"alpha" : "1.000",
|
||||||
|
"blue" : "0xF2",
|
||||||
|
"green" : "0xDC",
|
||||||
|
"red" : "0xCB"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"idiom" : "universal"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"info" : {
|
||||||
|
"author" : "xcode",
|
||||||
|
"version" : 1
|
||||||
|
}
|
||||||
|
}
|
Binary file not shown.
Binary file not shown.
|
@ -19,11 +19,28 @@ internal typealias SystemFont = FontConvertible.SystemFont
|
||||||
|
|
||||||
// swiftlint:disable identifier_name line_length type_body_length
|
// swiftlint:disable identifier_name line_length type_body_length
|
||||||
internal enum FontFamily {
|
internal enum FontFamily {
|
||||||
|
internal enum Rubik {
|
||||||
|
internal static let light = FontConvertible(name: "Rubik-Light", family: "Rubik", path: "Rubik-VariableFont_wght.ttf")
|
||||||
|
internal static let lightItalic = FontConvertible(name: "Rubik-LightItalic", family: "Rubik", path: "Rubik-Italic-VariableFont_wght.ttf")
|
||||||
|
internal static let blackItalic = FontConvertible(name: "RubikItalic-Black", family: "Rubik", path: "Rubik-Italic-VariableFont_wght.ttf")
|
||||||
|
internal static let boldItalic = FontConvertible(name: "RubikItalic-Bold", family: "Rubik", path: "Rubik-Italic-VariableFont_wght.ttf")
|
||||||
|
internal static let extraBoldItalic = FontConvertible(name: "RubikItalic-ExtraBold", family: "Rubik", path: "Rubik-Italic-VariableFont_wght.ttf")
|
||||||
|
internal static let mediumItalic = FontConvertible(name: "RubikItalic-Medium", family: "Rubik", path: "Rubik-Italic-VariableFont_wght.ttf")
|
||||||
|
internal static let italic = FontConvertible(name: "RubikItalic-Regular", family: "Rubik", path: "Rubik-Italic-VariableFont_wght.ttf")
|
||||||
|
internal static let semiBoldItalic = FontConvertible(name: "RubikItalic-SemiBold", family: "Rubik", path: "Rubik-Italic-VariableFont_wght.ttf")
|
||||||
|
internal static let black = FontConvertible(name: "RubikRoman-Black", family: "Rubik", path: "Rubik-VariableFont_wght.ttf")
|
||||||
|
internal static let bold = FontConvertible(name: "RubikRoman-Bold", family: "Rubik", path: "Rubik-VariableFont_wght.ttf")
|
||||||
|
internal static let extraBold = FontConvertible(name: "RubikRoman-ExtraBold", family: "Rubik", path: "Rubik-VariableFont_wght.ttf")
|
||||||
|
internal static let medium = FontConvertible(name: "RubikRoman-Medium", family: "Rubik", path: "Rubik-VariableFont_wght.ttf")
|
||||||
|
internal static let regular = FontConvertible(name: "RubikRoman-Regular", family: "Rubik", path: "Rubik-VariableFont_wght.ttf")
|
||||||
|
internal static let semiBold = FontConvertible(name: "RubikRoman-SemiBold", family: "Rubik", path: "Rubik-VariableFont_wght.ttf")
|
||||||
|
internal static let all: [FontConvertible] = [light, lightItalic, blackItalic, boldItalic, extraBoldItalic, mediumItalic, italic, semiBoldItalic, black, bold, extraBold, medium, regular, semiBold]
|
||||||
|
}
|
||||||
internal enum Zboto {
|
internal enum Zboto {
|
||||||
internal static let regular = FontConvertible(name: "ZbotoRegular", family: "Zboto", path: "Zboto.otf")
|
internal static let regular = FontConvertible(name: "ZbotoRegular", family: "Zboto", path: "Zboto.otf")
|
||||||
internal static let all: [FontConvertible] = [regular]
|
internal static let all: [FontConvertible] = [regular]
|
||||||
}
|
}
|
||||||
internal static let allCustomFonts: [FontConvertible] = [Zboto.all].flatMap { $0 }
|
internal static let allCustomFonts: [FontConvertible] = [Rubik.all, Zboto.all].flatMap { $0 }
|
||||||
internal static func registerAllCustomFonts() {
|
internal static func registerAllCustomFonts() {
|
||||||
allCustomFonts.forEach { $0.register() }
|
allCustomFonts.forEach { $0.register() }
|
||||||
}
|
}
|
||||||
|
|
|
@ -64,6 +64,7 @@ internal enum Asset {
|
||||||
internal static let medium = ColorAsset(name: "Medium")
|
internal static let medium = ColorAsset(name: "Medium")
|
||||||
internal static let regular = ColorAsset(name: "Regular")
|
internal static let regular = ColorAsset(name: "Regular")
|
||||||
internal static let secondaryButtonText = ColorAsset(name: "SecondaryButtonText")
|
internal static let secondaryButtonText = ColorAsset(name: "SecondaryButtonText")
|
||||||
|
internal static let titleText = ColorAsset(name: "TitleText")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -30,6 +30,8 @@
|
||||||
<key>UIAppFonts</key>
|
<key>UIAppFonts</key>
|
||||||
<array>
|
<array>
|
||||||
<string>Zboto.otf</string>
|
<string>Zboto.otf</string>
|
||||||
|
<string>Rubik-Italic-VariableFont_wght.ttf</string>
|
||||||
|
<string>Rubik-VariableFont_wght.ttf</string>
|
||||||
</array>
|
</array>
|
||||||
<key>UIApplicationSceneManifest</key>
|
<key>UIApplicationSceneManifest</key>
|
||||||
<dict>
|
<dict>
|
||||||
|
|
|
@ -10,6 +10,12 @@ import SwiftUI
|
||||||
struct DesignGuide: View {
|
struct DesignGuide: View {
|
||||||
var body: some View {
|
var body: some View {
|
||||||
VStack(spacing: 30) {
|
VStack(spacing: 30) {
|
||||||
|
Text("H1 Onboarding Rubik Light")
|
||||||
|
.font(FontFamily.Rubik.light.textStyle(.title))
|
||||||
|
.foregroundColor(Asset.Colors.Text.titleText.color)
|
||||||
|
Text("H1 Onboarding Rubik medium")
|
||||||
|
.font(FontFamily.Rubik.medium.textStyle(.title))
|
||||||
|
.foregroundColor(Asset.Colors.Text.titleText.color)
|
||||||
Button(action: {}) {
|
Button(action: {}) {
|
||||||
Text("Primary Button")
|
Text("Primary Button")
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,6 +14,7 @@ xcassets:
|
||||||
fonts:
|
fonts:
|
||||||
inputs:
|
inputs:
|
||||||
- Fonts/Zboto.otf
|
- Fonts/Zboto.otf
|
||||||
|
- Fonts/Rubik
|
||||||
outputs:
|
outputs:
|
||||||
templatePath: Templates/fonts/fonts_swift5_swiftui.stencil
|
templatePath: Templates/fonts/fonts_swift5_swiftui.stencil
|
||||||
output: Fonts+Generated.swift
|
output: Fonts+Generated.swift
|
||||||
|
|
Loading…
Reference in New Issue