vince19972

// --snip--

renderView = AnyView(configuration.label
    .background(backgroundColor!)
    .frame(width: iconSize!.rawValue, height: iconSize!.rawValue, alignment: .center)
    .clipShape(RoundedRectangle(cornerRadius: iconSize!.rawValue))
    .overlay(RoundedRectangle(cornerRadius: iconSize!.rawValue)
        .stroke(borderStyle!.color, lineWidth: borderStyle!.width))
)

vince19972

// buttonLabel modifier
struct TokenButtonLabel: View {
    // --snip--
    
    /// State properties
    var isHighlighted = false
    
    // --snip--    
}
extension TokenButtonLabel {

vince19972

struct TokenButton {
    var buttonLabel: TokenButtonLabel
    var buttonStyle: TokenButtonStyle

    // Circle Button
    private var circleBtnType: CircleBtnType! = .primary
    private var circleBtnIcon: String! = "circle-plus"
    init(circleButtonType: CircleBtnType, buttonIcon: String) {
      // --snip--
    }

vince19972

struct TokenButtonStyle: ButtonStyle {
    /// Global properties
    private let styleType: StyleType
    private var iconSize: TokenButton.IconSize?
    private var backgroundColor: Color?
    private var borderStyle: StyleAlias.BorderStyle?
    private var textColor: Color?
    
    /// Circle Icon Button
    init(iconSize: TokenButton.IconSize,

vince19972

struct TokenButtonLabel: View {
    /// Global properties
    private let labelType: LabelTypes
    private var iconName: String?
    
    // Icon Type
    private var iconSize: TokenButton.IconSize?
    init(name: String, iconSize: TokenButton.IconSize) {
        self.labelType = .icon
        self.iconName = name

vince19972

#if DEBUG
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .environment(\.font, Font.Typography.mainFont)
            .environment(\.colorScheme, .dark)
    }
}
#endif

vince19972

struct TokenColor {
    // --snip--    
    // see here for more: https://gist.github.com/vince19972/70eee7d66735739aa31567efd7a0a475
}
struct TokenTypography {
    // --snip--    
    // see here for more: https://gist.github.com/vince19972/8ff8635bdb7bfdf54b85ab711b55f634l
}

// extend from native `Color` and `Font` struct

vince19972

struct BaseColor {
    /// dynamic color sets (with dark and light mode)
    let contrastPrimary = Color("contrastPrimary")
    let themePrimary = Color("themePrimary")
    
    /// staic color sets (not updating along with color mode)
    let darkPrimary = Color("darkPrimary")
    let lightPrimary = Color("lightPrimary")
}

vince19972

struct TokenTypography {

    // 1. Prepare base materials
    
    /// a. Level 1 base settings
    private enum FontSize: CGFloat {
        case
        small = 12,
        medium = 17,
        large = 28