[PM-37916] feat: Add titleExtraLarge typography and apply to Premium header (#6962)

Author: SaintPatrck

app/src/main/kotlin/com/x8bit/bitwarden/ui/platform/feature/premium/plan/PlanScreen.kt

@@ -665,7 +665,7 @@ private fun SubscriptionHeader(
         Row(verticalAlignment = Alignment.CenterVertically) {
             Text(
                 text = stringResource(id = BitwardenString.premium_plan_name),
-                style = BitwardenTheme.typography.titleLarge,
+                style = BitwardenTheme.typography.titleExtraLarge,
                 color = BitwardenTheme.colorScheme.text.primary,
             )
             status?.let {

ui/src/main/kotlin/com/bitwarden/ui/platform/theme/type/BitwardenTypography.kt

@@ -14,6 +14,7 @@ data class BitwardenTypography(
     val headlineLarge: TextStyle,
     val headlineMedium: TextStyle,
     val headlineSmall: TextStyle,
+    val titleExtraLarge: TextStyle,
     val titleLarge: TextStyle,
     val titleMedium: TextStyle,
     val titleSmall: TextStyle,

ui/src/main/kotlin/com/bitwarden/ui/platform/theme/type/Typography.kt

@@ -97,6 +97,18 @@ val bitwardenTypography: BitwardenTypography = BitwardenTypography(
         ),
         platformStyle = PlatformTextStyle(includeFontPadding = false),
     ),
+    titleExtraLarge = TextStyle(
+        fontSize = 24.sp,
+        lineHeight = 28.sp,
+        fontFamily = FontFamily(Font(R.font.dm_sans_semi_bold)),
+        fontWeight = FontWeight.W600,
+        letterSpacing = 0.sp,
+        lineHeightStyle = LineHeightStyle(
+            alignment = LineHeightStyle.Alignment.Center,
+            trim = LineHeightStyle.Trim.None,
+        ),
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+    ),
     titleLarge = TextStyle(
         fontSize = 19.sp,
         lineHeight = 28.sp,
@@ -316,11 +328,14 @@ private fun BitwardenTypography_preview() {
             Text(text = "Headline large", style = bitwardenTypography.headlineLarge)
             Text(text = "Headline medium", style = bitwardenTypography.headlineMedium)
             Text(text = "Headline small", style = bitwardenTypography.headlineSmall)
+            Text(text = "Title extra large", style = bitwardenTypography.titleExtraLarge)
             Text(text = "Title large", style = bitwardenTypography.titleLarge)
             Text(text = "Title medium", style = bitwardenTypography.titleMedium)
             Text(text = "Title small", style = bitwardenTypography.titleSmall)
             Text(text = "Body large", style = bitwardenTypography.bodyLarge)
+            Text(text = "Body large emphasis", style = bitwardenTypography.bodyLargeEmphasis)
             Text(text = "Body medium", style = bitwardenTypography.bodyMedium)
+            Text(text = "Body medium emphasis", style = bitwardenTypography.bodyMediumEmphasis)
             Text(text = "Body small", style = bitwardenTypography.bodySmall)
             Text(text = "Label large", style = bitwardenTypography.labelLarge)
             Text(text = "Label medium", style = bitwardenTypography.labelMedium)