Typography variants

[ignore-commit-lint]

Author: szabinst

packages/HorizonUI/Sources/HorizonUI/Sources/Foundation/Typography/HorizonUI.Typography.Storybook.swift

@@ -24,20 +24,21 @@ public extension HorizonUI.Typography {
         private let text = "This is an example text."
 
         public var body: some View {
-            VStack(spacing: 16) {
-                ForEach(HorizonUI.Typography.Name.allCases) { typography in
-                    VStack(alignment: .leading, spacing: 4) {
-                        Text("\(typography)")
-                            .font(typography.font)
-                        HorizonUI.Typography(
-                            text: text,
-                            name: typography.id,
-                            color: .black
-                        )
+            ScrollView(showsIndicators: false) {
+                VStack(spacing: 16) {
+                    ForEach(HorizonUI.Typography.Name.allCases) { typography in
+                        VStack(alignment: .leading, spacing: 4) {
+                            Text("\(typography)")
+                                .font(typography.font)
+                            HorizonUI.Typography(
+                                text: text,
+                                name: typography.id,
+                                color: .black
+                            )
+                        }
+                        .frame(maxWidth: .infinity, alignment: .leading)
                     }
-                    .frame(maxWidth: .infinity, alignment: .leading)
                 }
-                Spacer()
             }
             .padding(.all, 16)
             .navigationTitle("Typography")

packages/HorizonUI/Sources/HorizonUI/Sources/Foundation/Typography/HorizonUI.Typography.swift

@@ -24,12 +24,32 @@ public extension HorizonUI {
             case h1
             case h2
             case h3
+            case p1
+            case p2
+            case p3
+            case tag
+            case labelLargeBold
+            case labelMediumBold
+            case labelSmallBold
+            case labelSmall
+            case buttonTextLarge
+            case buttonTextMedium
 
             var font: Font {
                 switch self {
                 case .h1: return .huiFonts.manropeBold28
                 case .h2: return .huiFonts.manropeBold24
                 case .h3: return .huiFonts.manropeBold20
+                case .p1: return .huiFonts.figtreeRegular16
+                case .p2: return .huiFonts.figtreeRegular14
+                case .p3: return .huiFonts.figtreeRegular12
+                case .tag: return .huiFonts.manropeRegular12
+                case .labelLargeBold: return .huiFonts.figtreeSemibold16
+                case .labelMediumBold: return .huiFonts.figtreeSemibolt14
+                case .labelSmallBold: return .huiFonts.figtreeSemibold12
+                case .labelSmall: return .huiFonts.figtreeRegular12
+                case .buttonTextLarge: return .huiFonts.figtreeRegular16
+                case .buttonTextMedium: return .huiFonts.figtreeRegular14
                 }
             }
         }