feat: QuackSubTitle2 추가 (#246)

* feat: QuackSubTitle2 추가

* chore: api dump

* refactor: empty line

Author: evergreentree97

ui-components-benchmark-app/src/main/kotlin/team/duckie/quackquack/ui/benchmark/app/benchmark.kt

@@ -56,11 +56,13 @@ import team.duckie.quackquack.ui.component.QuackSmallDeletableImage
 import team.duckie.quackquack.ui.component.QuackSquareCheckBox
 import team.duckie.quackquack.ui.component.QuackSubTab
 import team.duckie.quackquack.ui.component.QuackSubtitle
+import team.duckie.quackquack.ui.component.QuackSubtitle2
 import team.duckie.quackquack.ui.component.QuackTag
 import team.duckie.quackquack.ui.component.QuackTextField
 import team.duckie.quackquack.ui.component.QuackTitle1
 import team.duckie.quackquack.ui.component.QuackTitle2
 import team.duckie.quackquack.ui.component.QuackToggleChip
+import team.duckie.quackquack.ui.component.QuackTopAppBar
 import team.duckie.quackquack.ui.component.rememberQuackDrawerState
 import team.duckie.quackquack.ui.constant.QuackHeight
 import team.duckie.quackquack.ui.constant.QuackWidth
@@ -301,6 +303,13 @@ inline fun QuackTypographyBenchmark() {
         onClick = {},
     )
 
+    QuackSubtitle2(
+        text = "",
+        color = QuackColor.Black,
+        rippleEnabled = true,
+        onClick = {},
+    )
+
     QuackTitle1(
         text = "",
         color = QuackColor.Black,
@@ -440,7 +449,6 @@ inline fun QuackSelectableImageBenchmark() {
 
 @Composable
 inline fun QuackTopAppBarBenchmark() {
-
     QuackTopAppBar(
         leadingIcon = QuackIcon.ArrowBack,
     )

ui-components/api/ui-components.api

@@ -40,7 +40,6 @@ public final class team/duckie/quackquack/ui/color/QuackColor$Companion {
 	public final fun getGray5-yvcWADs ()J
 	public final fun getOrangeRed-yvcWADs ()J
 	public final fun getSkyBlueColor-yvcWADs ()J
-	public final fun getTransparent-yvcWADs ()J
 	public final fun getWhite-yvcWADs ()J
 }
 
@@ -185,6 +184,7 @@ public final class team/duckie/quackquack/ui/component/TypographyKt {
 	public static final fun QuackHeadLine1-pvt1sM8 (Ljava/lang/String;JZZLkotlin/jvm/functions/Function0;Landroidx/compose/runtime/Composer;II)V
 	public static final fun QuackHeadLine2-pvt1sM8 (Ljava/lang/String;JZZLkotlin/jvm/functions/Function0;Landroidx/compose/runtime/Composer;II)V
 	public static final fun QuackSubtitle-pvt1sM8 (Ljava/lang/String;JZZLkotlin/jvm/functions/Function0;Landroidx/compose/runtime/Composer;II)V
+	public static final fun QuackSubtitle2-pvt1sM8 (Ljava/lang/String;JZZLkotlin/jvm/functions/Function0;Landroidx/compose/runtime/Composer;II)V
 	public static final fun QuackTitle1-pvt1sM8 (Ljava/lang/String;JZZLkotlin/jvm/functions/Function0;Landroidx/compose/runtime/Composer;II)V
 	public static final fun QuackTitle2-pvt1sM8 (Ljava/lang/String;JZZLkotlin/jvm/functions/Function0;Landroidx/compose/runtime/Composer;II)V
 }
@@ -297,6 +297,7 @@ public final class team/duckie/quackquack/ui/textstyle/QuackTextStyle$Companion
 	public final fun getHeadLine1 ()Lteam/duckie/quackquack/ui/textstyle/QuackTextStyle;
 	public final fun getHeadLine2 ()Lteam/duckie/quackquack/ui/textstyle/QuackTextStyle;
 	public final fun getSubtitle ()Lteam/duckie/quackquack/ui/textstyle/QuackTextStyle;
+	public final fun getSubtitle2 ()Lteam/duckie/quackquack/ui/textstyle/QuackTextStyle;
 	public final fun getTitle1 ()Lteam/duckie/quackquack/ui/textstyle/QuackTextStyle;
 	public final fun getTitle2 ()Lteam/duckie/quackquack/ui/textstyle/QuackTextStyle;
 }

ui-components/src/main/kotlin/team/duckie/quackquack/ui/component/selectableImage.kt

@@ -134,7 +134,6 @@ private fun BoxScope.SelectedFilterBox() {
                 color = Black80.composeColor,
             )
     )
-
 }
 
 /**

ui-components/src/main/kotlin/team/duckie/quackquack/ui/component/typography.kt

@@ -165,6 +165,35 @@ public fun QuackSubtitle(
     singleLine = singleLine,
 )
 
+/**
+ * [QuackText] 에 [QuackTextStyle.Subtitle2] 스타일을 적용하여
+ * 주어진 텍스트를 표시합니다.
+ *
+ * @param text 표시할 텍스트
+ * @param color 텍스트의 색상
+ * @param rippleEnabled 텍스트 클릭시 ripple 발생 여부
+ * @param singleLine 텍스트를 한 줄만 사용할지 여부
+ * @param onClick 텍스트이 클릭됐을 때 실행할 람다식
+ */
+@Composable
+public fun QuackSubtitle2(
+    text: String,
+    color: QuackColor = QuackColor.Black,
+    rippleEnabled: Boolean = false,
+    singleLine: Boolean = true,
+    onClick: (() -> Unit)? = null,
+): Unit = QuackText(
+    modifier = Modifier.quackClickable(
+        rippleEnabled = rippleEnabled,
+        onClick = onClick,
+    ),
+    text = text,
+    style = QuackTextStyle.Subtitle2.change(
+        color = color,
+    ),
+    singleLine = singleLine,
+)
+
 /**
  * [QuackText] 에 [QuackTextStyle.Body1] 스타일을 적용하여
  * 주어진 텍스트를 표시합니다.

ui-components/src/main/kotlin/team/duckie/quackquack/ui/textstyle/QuackTextStyle.kt

@@ -123,6 +123,14 @@ public class QuackTextStyle internal constructor(
             lineHeight = 20.sp,
         )
 
+        @Stable
+        public val Subtitle2: QuackTextStyle = QuackTextStyle(
+            size = 12.sp,
+            weight = FontWeight.Bold,
+            letterSpacing = 0.sp,
+            lineHeight = 15.sp,
+        )
+
         @Stable
         public val Body1: QuackTextStyle = QuackTextStyle(
             size = 14.sp,