@hivcd-printshop/design-system 1.6.0 → 1.7.0

package/dist/index.mjs

@@ -276,6 +276,23 @@ var IconClose = ({ className, stroke }) => {
     }
   );
 };
+var IconPlus = ({ className, stroke }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className,
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M16.6673 10.0013H3.33398", stroke: stroke || "currentColor" }),
+        /* @__PURE__ */ jsx("path", { d: "M9.99902 3.33203V16.6654", stroke: stroke || "currentColor" })
+      ]
+    }
+  );
+};
 var IconMinus = ({ className, stroke }) => {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -2313,6 +2330,29 @@ var SlotButton = ({
     }
   );
 };
+
+// src/components/SlotButton/SlotAddButton.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+var SlotAddButton = ({ onClick, className }) => {
+  return /* @__PURE__ */ jsx45(
+    "button",
+    {
+      onClick,
+      className: cn(
+        "group",
+        // 1. 부모에 group 클래스 추가!
+        "h-7 w-7 rounded-full flex items-center justify-center",
+        "bg-white box-border border border-gray03",
+        "hover:bg-gray08 hover:border-transparent",
+        // border-none 대신 border-transparent가 레이아웃 덜 흔들려!
+        "active:bg-gray09 active:border-transparent",
+        "transition-colors cursor-pointer",
+        className
+      ),
+      children: /* @__PURE__ */ jsx45(IconPlus, { className: "text-gray04 group-hover:text-white w-5 h-5" })
+    }
+  );
+};
 export {
   Accordion,
   BackButton,
@@ -2359,6 +2399,7 @@ export {
   SearchBar,
   SelectBoxOption,
   SideRadioAccordion,
+  SlotAddButton,
   SlotButton,
   TNB,
   TabSwitch,