[WEAV-47] Design System - Shadow 구현

Projects/DesignSystem/DesignCore/Sources/Shadows.swift

@@ -0,0 +1,45 @@
+//
+//  Shadows.swift
+//  DesignCore
+//
+//  Created by 김지수 on 9/21/24.
+//  Copyright © 2024 com.weave. All rights reserved.
+//
+
+import SwiftUI
+
+public enum ShadowType {
+    case `default`
+    case alert
+}
+
+fileprivate struct ShadowViewModifier: ViewModifier {
+    let type: ShadowType
+
+    fileprivate func body(content: Content) -> some View {
+        switch type {
+        case .default:
+            content
+                .shadow(
+                    color: Color(hex: 0x000000).opacity(0.08),
+                    radius: 8,
+                    x: 0.0,
+                    y: 4.0
+                )
+        case .alert:
+            content
+                .shadow(
+                    color: Color(hex: 0xF2597F).opacity(0.08),
+                    radius: 8,
+                    x: 0.0,
+                    y: 4.0
+                )
+        }
+    }
+}
+
+extension View {
+    public func shadow(_ type: ShadowType) -> some View {
+        modifier(ShadowViewModifier(type: type))
+    }
+}

Projects/Features/DesignPreview/Sources/DesignPreview.swift

@@ -12,12 +12,14 @@ fileprivate enum PreviewTypes: CaseIterable {
     case colors
     case typography
     case textureBackground
+    case shadow
 
     var name: String {
         switch self {
         case .colors: return "Colors"
         case .typography: return "Typography"
         case .textureBackground: return "Texture Background"
+        case .shadow: return "Shadow"
         }
     }
 
@@ -30,6 +32,8 @@ fileprivate enum PreviewTypes: CaseIterable {
             DesignTypographyPreview()
         case .textureBackground:
             DesignBackgroundTextureView()
+        case .shadow:
+            DesignShadowView()
         }
     }
 }

Projects/Features/DesignPreview/Sources/DesignShadowView.swift

@@ -0,0 +1,46 @@
+//
+//  DesignShadowView.swift
+//  DesignPreview
+//
+//  Created by 김지수 on 9/21/24.
+//  Copyright © 2024 com.weave. All rights reserved.
+//
+
+import SwiftUI
+import DesignCore
+
+struct DesignShadowView: View {
+    var body: some View {
+        ZStack {
+            DesignCore.Colors.grey100
+
+            HStack(spacing: 36) {
+                ZStack {
+                    RoundedRectangle(cornerRadius: 10)
+                        .frame(width: 100, height: 100)
+                        .foregroundStyle(.white)
+                        .shadow(.default)
+                    Text("Default")
+                        .typography(.semibold_20)
+                }
+
+                ZStack {
+                    RoundedRectangle(cornerRadius: 10)
+                        .frame(width: 100, height: 100)
+                        .foregroundStyle(.white)
+                        .shadow(.alert)
+                    Text("Alert")
+                        .typography(.semibold_20)
+                        .foregroundStyle(DesignCore.Colors.red300)
+                }
+            }
+        }
+        .ignoresSafeArea()
+        .navigationTitle("Shadow")
+        .toolbarTitleDisplayMode(.inline)
+    }
+}
+
+#Preview {
+    DesignShadowView()
+}