feat: DesignSystem 초기 구성

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/appbar/ReedTopAppBar.kt

@@ -0,0 +1,138 @@
+package com.ninecraft.booket.core.designsystem.component.appbar
+
+import android.support.annotation.DrawableRes
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.ninecraft.booket.core.designsystem.R
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.core.designsystem.theme.White
+
+@Composable
+fun ReedTopAppBar(
+    modifier: Modifier = Modifier,
+    title: String = "",
+    @DrawableRes startIconRes: Int? = null,
+    startIconDescription: String = "",
+    startIconOnClick: () -> Unit = {},
+    @DrawableRes endIconRes: Int? = null,
+    endIconDescription: String = "",
+    endIconOnClick: () -> Unit = {},
+) {
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .height(56.dp)
+            .background(color = White),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.Start,
+    ) {
+        if (startIconRes != null) {
+            IconButton(
+                onClick = { startIconOnClick() },
+                modifier = Modifier
+                    .fillMaxHeight()
+                    .width(72.dp),
+            ) {
+                Icon(
+                    painter = painterResource(id = startIconRes),
+                    contentDescription = startIconDescription,
+                )
+            }
+        } else {
+            Spacer(modifier = Modifier.width(72.dp))
+        }
+
+        Text(
+            text = title,
+            style = ReedTheme.typography.heading2SemiBold,
+            modifier = Modifier.weight(1f),
+            textAlign = TextAlign.Center,
+        )
+
+        if (endIconRes != null) {
+            IconButton(
+                onClick = { endIconOnClick() },
+                modifier = Modifier
+                    .fillMaxHeight()
+                    .width(72.dp),
+            ) {
+                Icon(
+                    painter = painterResource(id = endIconRes),
+                    contentDescription = endIconDescription,
+                )
+            }
+        } else {
+            Spacer(modifier = Modifier.width(72.dp))
+        }
+    }
+}
+
+@Composable
+fun ReedBackTopAppBar(
+    modifier: Modifier = Modifier,
+    title: String = "",
+    onNavigateBack: () -> Unit = {},
+) {
+    ReedTopAppBar(
+        modifier = modifier,
+        title = title,
+        startIconRes = R.drawable.ic_chevron_left,
+        startIconDescription = "Back",
+        startIconOnClick = onNavigateBack,
+    )
+}
+
+@Composable
+fun ReedCloseTopAppBar(
+    modifier: Modifier = Modifier,
+    title: String = "",
+    onClose: () -> Unit = {},
+) {
+    ReedTopAppBar(
+        modifier = modifier,
+        title = title,
+        endIconRes = R.drawable.ic_close,
+        startIconDescription = "Close",
+        startIconOnClick = onClose,
+    )
+}
+
+@Preview
+@Composable
+fun ReedTopAppBarPreview() {
+    ReedTopAppBar(
+        title = "title",
+    )
+}
+
+@Preview
+@Composable
+fun ReedBackTopAppBarPreview() {
+    ReedBackTopAppBar(
+        title = "title",
+    )
+}
+
+@Preview
+@Composable
+fun ReedCloseTopAppBarPreview() {
+    ReedCloseTopAppBar(
+        title = "title",
+    )
+}

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/Button.kt → core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/button/Button.kt

@@ -1,4 +1,4 @@
-package com.ninecraft.booket.core.designsystem.component
+package com.ninecraft.booket.core.designsystem.component.button
 
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -19,7 +19,7 @@ import androidx.compose.ui.unit.dp
 import com.ninecraft.booket.core.common.utils.MultipleEventsCutter
 import com.ninecraft.booket.core.common.utils.get
 import com.ninecraft.booket.core.designsystem.ComponentPreview
-import com.ninecraft.booket.core.designsystem.theme.BooketTheme
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 
 @Composable
 fun BooketButton(
@@ -85,7 +85,7 @@ private fun BooketButtonContent(
 @ComponentPreview
 @Composable
 private fun BooketButtonPreview() {
-    BooketTheme {
+    ReedTheme {
         BooketButton(
             onClick = {},
             text = {
@@ -98,7 +98,7 @@ private fun BooketButtonPreview() {
 @ComponentPreview
 @Composable
 private fun BooketButtonWithLeadingIconPreview() {
-    BooketTheme {
+    ReedTheme {
         BooketButton(
             onClick = {},
             text = {

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/button/ButtonColorStyle.kt

@@ -0,0 +1,28 @@
+package com.ninecraft.booket.core.designsystem.component.button
+
+import androidx.compose.runtime.Composable
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+
+enum class ReedButtonColorStyle {
+    PRIMARY, SECONDARY, TERTIARY;
+
+    @Composable
+    fun containerColor(isPressed: Boolean) = when (this) {
+        PRIMARY -> if (isPressed) ReedTheme.colors.bgPrimaryPressed else ReedTheme.colors.bgPrimary
+        SECONDARY -> if (isPressed) ReedTheme.colors.bgSecondaryPressed else ReedTheme.colors.bgSecondary
+        TERTIARY -> if (isPressed) ReedTheme.colors.bgTertiaryPressed else ReedTheme.colors.bgTertiary
+    }
+
+    @Composable
+    fun contentColor() = when (this) {
+        PRIMARY -> ReedTheme.colors.contentInverse
+        SECONDARY -> ReedTheme.colors.contentPrimary
+        TERTIARY -> ReedTheme.colors.contentBrand
+    }
+
+    @Composable
+    fun disabledContainerColor() = ReedTheme.colors.bgDisabled
+
+    @Composable
+    fun disabledContentColor() = ReedTheme.colors.contentDisabled
+}

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/button/ButtonSizeStyle.kt

@@ -0,0 +1,48 @@
+package com.ninecraft.booket.core.designsystem.component.button
+
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+
+data class ButtonSizeStyle(
+    val paddingValues: PaddingValues,
+    val radius: Dp = 0.dp,
+    val textStyle: TextStyle,
+    val iconSpacing: Dp = 0.dp,
+)
+
+val largeButtonStyle: ButtonSizeStyle
+    @Composable get() = ButtonSizeStyle(
+        paddingValues = PaddingValues(
+            horizontal = ReedTheme.spacing.spacing5,
+            vertical = ReedTheme.spacing.spacing3,
+        ),
+        radius = ReedTheme.radius.sm,
+        textStyle = ReedTheme.typography.body1Medium,
+        iconSpacing = ReedTheme.spacing.spacing2,
+    )
+
+val mediumButtonStyle: ButtonSizeStyle
+    @Composable get() = ButtonSizeStyle(
+        paddingValues = PaddingValues(
+            horizontal = ReedTheme.spacing.spacing4,
+            vertical = ReedTheme.spacing.spacing3,
+        ),
+        radius = ReedTheme.radius.sm,
+        textStyle = ReedTheme.typography.label1Medium,
+        iconSpacing = ReedTheme.spacing.spacing1,
+    )
+
+val smallButtonStyle: ButtonSizeStyle
+    @Composable get() = ButtonSizeStyle(
+        paddingValues = PaddingValues(
+            horizontal = ReedTheme.spacing.spacing3,
+            vertical = ReedTheme.spacing.spacing2,
+        ),
+        radius = ReedTheme.radius.xs,
+        textStyle = ReedTheme.typography.label1Medium,
+        iconSpacing = ReedTheme.spacing.spacing1,
+    )