element-ios/DesignKit/Variants/Fonts/ElementFonts.swift

// 
// Copyright 2021 New Vector Ltd
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

import SwiftUI

/// Fonts at  https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=1362%3A0
@objcMembers
public class ElementFonts {
    
    // MARK: - Types
    
    /// A wrapper to provide both a `UIFont` and a SwiftUI `Font` in the same type.
    /// The need for this comes from `Font` not adapting for dynamic type until the app
    /// is restarted (or working at all in Xcode Previews) when initialised from a `UIFont`
    /// (even if that font was created with the appropriate metrics).
    public struct SharedFont {
        public let uiFont: UIFont
        public let font: Font
    }
    
    // MARK: - Setup
    
    public init() {
    }
    
    // MARK: - Private
    
    /// Returns an instance of the font associated with the text style and scaled appropriately for the content size category defined in the trait collection.
    /// Keep this method private method at the moment and create a DesignKit.Fonts.TextStyle if needed.
    fileprivate func font(forTextStyle textStyle: UIFont.TextStyle, compatibleWith traitCollection: UITraitCollection? = nil) -> UIFont {
        return UIFont.preferredFont(forTextStyle: textStyle, compatibleWith: traitCollection)
    }
}

// MARK: - Fonts protocol
extension ElementFonts: Fonts {
    
    public var largeTitle: SharedFont {
        let uiFont = self.font(forTextStyle: .largeTitle)
        return SharedFont(uiFont: uiFont, font: .largeTitle)
    }
    
    public var largeTitleB: SharedFont {
        let uiFont = self.largeTitle.uiFont.vc_bold
        return SharedFont(uiFont: uiFont, font: .largeTitle.bold())
    }
            
    public var title1: SharedFont {
        let uiFont = self.font(forTextStyle: .title1)
        return SharedFont(uiFont: uiFont, font: .title)
    }
    
    public var title1B: SharedFont {
        let uiFont = self.title1.uiFont.vc_bold
        return SharedFont(uiFont: uiFont, font: .title.bold())
    }
    
    public var title2: SharedFont {
        let uiFont = self.font(forTextStyle: .title2)
        return SharedFont(uiFont: uiFont, font: .title2)
    }
    
    public var title2B: SharedFont {
        let uiFont = self.title2.uiFont.vc_bold
        return SharedFont(uiFont: uiFont, font: .title2.bold())
    }
    
    public var title3: SharedFont {
        let uiFont = self.font(forTextStyle: .title3)
        return SharedFont(uiFont: uiFont, font: .title3)
    }
    
    public var title3SB: SharedFont {
        let uiFont = self.title3.uiFont.vc_semiBold
        return SharedFont(uiFont: uiFont, font: .title3.weight(.semibold))
    }
    
    public var headline: SharedFont {
        let uiFont = self.font(forTextStyle: .headline)
        return SharedFont(uiFont: uiFont, font: .headline)
    }
    
    public var subheadline: SharedFont {
        let uiFont = self.font(forTextStyle: .subheadline)
        return SharedFont(uiFont: uiFont, font: .subheadline)
    }
    
    public var body: SharedFont {
        let uiFont = self.font(forTextStyle: .body)
        return SharedFont(uiFont: uiFont, font: .body)
    }
    
    public var bodySB: SharedFont {
        let uiFont = self.body.uiFont.vc_semiBold
        return SharedFont(uiFont: uiFont, font: .body.weight(.semibold))
    }
    
    public var callout: SharedFont {
        let uiFont = self.font(forTextStyle: .callout)
        return SharedFont(uiFont: uiFont, font: .callout)
    }
    
    public var calloutSB: SharedFont {
        let uiFont = self.callout.uiFont.vc_semiBold
        return SharedFont(uiFont: uiFont, font: .callout.weight(.semibold))
    }
    
    public var footnote: SharedFont {
        let uiFont = self.font(forTextStyle: .footnote)
        return SharedFont(uiFont: uiFont, font: .footnote)
    }
    
    public var footnoteSB: SharedFont {
        let uiFont = self.footnote.uiFont.vc_semiBold
        return SharedFont(uiFont: uiFont, font: .footnote.weight(.semibold))
    }
    
    public var caption1: SharedFont {
        let uiFont = self.font(forTextStyle: .caption1)
        return SharedFont(uiFont: uiFont, font: .caption)
    }
    
    public var caption1SB: SharedFont {
        let uiFont = self.caption1.uiFont.vc_semiBold
        return SharedFont(uiFont: uiFont, font: .caption.weight(.semibold))
    }
    
    public var caption2: SharedFont {
        let uiFont = self.font(forTextStyle: .caption2)
        return SharedFont(uiFont: uiFont, font: .caption2)
    }
    
    public var caption2SB: SharedFont {
        let uiFont = self.caption2.uiFont.vc_semiBold
        return SharedFont(uiFont: uiFont, font: .caption2.weight(.semibold))
    }
}