[design] #157 PokitBookmark 추가

Author: ShapeKim98

Projects/DSKit/Sources/Components/PokitBookmark.swift

@@ -0,0 +1,71 @@
+//
+//  PokitBookmark.swift
+//  DSKit
+//
+//  Created by 김도형 on 11/28/24.
+//
+
+import SwiftUI
+
+public struct PokitBookmark: View {
+    private let state: PokitBookmark.State
+    private let action: () -> Void
+    
+    public init(
+        state: PokitBookmark.State,
+        action: @escaping () -> Void
+    ) {
+        self.state = state
+        self.action = action
+    }
+    
+    public var body: some View {
+        Button(action: action) {
+            Image(.icon(.starFill))
+                .resizable()
+                .frame(width: 24, height: 24)
+                .foregroundStyle(starColor)
+                .padding(4)
+                .background {
+                    RoundedRectangle(
+                        cornerRadius: 9999,
+                        style: .continuous
+                    )
+                    .fill(backgroundColor)
+                }
+        }
+        .disabled(state == .disable)
+    }
+    
+    private var starColor: Color {
+        switch state {
+        case .default, .disable:
+            return .pokit(.icon(.disable))
+        case .active:
+            return .pokit(.icon(.brand))
+        }
+    }
+    
+    private var backgroundColor: Color {
+        switch state {
+        case .default, .active:
+            return .pokit(.bg(.baseIcon))
+        case .disable:
+            return .pokit(.bg(.disable))
+        }
+    }
+}
+
+extension PokitBookmark {
+    public enum State {
+        case `default`
+        case active
+        case disable
+    }
+}
+
+#Preview {
+    PokitBookmark(state: .active) {
+        
+    }
+}

Projects/DSKit/Sources/Extensions/Color+Extension.swift

@@ -144,7 +144,7 @@ public extension Color {
         case .bg(let bg):
             switch bg {
             case .base:      return .pokitColor(.grayScale(.white))
-            case .baseIcon:  return Color(hue: 0, saturation: 0, brightness: 85, opacity: 0.6)
+            case .baseIcon:  return Color(red: 0.85, green: 0.85, blue: 0.85).opacity(0.6)
             case .brand:     return .pokitColor(.orange(._700))
             case .disable:   return .pokitColor(.grayScale(._200))
             case .error:     return .pokitColor(.red(._500))