[BOOK-353] feat: 선택 뱃지 추가

Author: easyhooon

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/theme/Typography.kt

@@ -75,6 +75,7 @@ data class ReedTypography(
     val label2Regular: TextStyle = style(13, 18, -0.13f, FontWeight.Normal),
 
     // Caption
+    val caption1Medium: TextStyle = style(12, 16, -0.12f, FontWeight.Medium),
     val caption1Regular: TextStyle = style(12, 16, -0.12f, FontWeight.Normal),
     val caption2Regular: TextStyle = style(11, 14, -0.11f, FontWeight.Normal),
 

feature/record/src/main/kotlin/com/ninecraft/booket/feature/record/step/ImpressionStep.kt

@@ -2,17 +2,21 @@ package com.ninecraft.booket.feature.record.step
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.FlowRow
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.imePadding
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.relocation.BringIntoViewRequester
 import androidx.compose.foundation.relocation.bringIntoViewRequester
 import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material3.ExperimentalMaterial3Api
@@ -28,6 +32,7 @@ import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.focus.FocusRequester
 import androidx.compose.ui.focus.focusRequester
 import androidx.compose.ui.focus.onFocusChanged
@@ -90,11 +95,34 @@ fun ImpressionStep(
                 .padding(bottom = 16.dp)
                 .verticalScroll(scrollState),
         ) {
-            Text(
-                text = stringResource(R.string.impression_step_title),
-                color = ReedTheme.colors.contentPrimary,
-                style = ReedTheme.typography.heading1Bold,
-            )
+            FlowRow(
+                itemVerticalAlignment = Alignment.CenterVertically,
+                modifier = Modifier.fillMaxWidth(),
+            ) {
+                Text(
+                    text = stringResource(R.string.impression_step_title),
+                    color = ReedTheme.colors.contentPrimary,
+                    style = ReedTheme.typography.heading1Bold,
+                )
+                Spacer(modifier = Modifier.width(10.dp))
+                Box(
+                    modifier = Modifier
+                        .clip(RoundedCornerShape(ReedTheme.radius.xs))
+                        .background(ReedTheme.colors.bgTertiary),
+                ) {
+                    Text(
+                        text = stringResource(R.string.select),
+                        modifier = Modifier.padding(
+                            start = ReedTheme.spacing.spacing2,
+                            top = ReedTheme.spacing.spacing05,
+                            end = ReedTheme.spacing.spacing2,
+                            bottom = ReedTheme.spacing.spacing05,
+                        ),
+                        color = ReedTheme.colors.contentBrand,
+                        style = ReedTheme.typography.caption1Regular,
+                    )
+                }
+            }
             Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing1))
             Text(
                 text = stringResource(R.string.impression_step_description),

feature/record/src/main/res/values/strings.xml

@@ -40,4 +40,5 @@
     <string name="quote_step_page_input_error">해당 책의 마지막 페이지 수를 초과했습니다</string>
     <string name="impression_guide_tooltip_message">예시 문장을 알려드려요</string>
     <string name="scan_tooltip_message">스캔으로 빠르게 입력해요</string>
+    <string name="select">선택</string>
 </resources>