@hivcd-printshop/design-system 1.3.1 → 1.3.2

package/dist/index.js

@@ -1774,19 +1774,24 @@ var Timetable = (0, import_react9.forwardRef)(function Timetable2({
 var DailyTimetable = ({ date, slots, fluid, onSelectTime, className }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("flex flex-col", fluid ? "flex-1 min-w-0" : "w-18", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-12 flex items-center justify-center border-b border-gray02 text-body1-regular text-secondary", children: formatDayLabel(date) }),
-    slots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      TimeItem,
-      {
-        state: slot.state,
-        label: slot.time,
-        printColor: slot.printColor,
-        color: slot.color,
-        fluid,
-        className: slot.className,
-        onClick: onSelectTime ? () => onSelectTime(slot.time) : void 0
-      },
-      slot.time
-    ))
+    slots.map((slot, index) => {
+      const prevState = index > 0 ? slots[index - 1].state : void 0;
+      const withTopBorder = slot.state !== "none" && prevState === "none";
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        TimeItem,
+        {
+          state: slot.state,
+          label: slot.time,
+          printColor: slot.printColor,
+          color: slot.color,
+          fluid,
+          withTopBorder,
+          className: slot.className,
+          onClick: onSelectTime ? () => onSelectTime(slot.time) : void 0
+        },
+        slot.time
+      );
+    })
   ] });
 };
 var TimeItem = ({
@@ -1795,6 +1800,7 @@ var TimeItem = ({
   printColor,
   color,
   fluid,
+  withTopBorder = false,
   onClick,
   className
 }) => {
@@ -1811,6 +1817,7 @@ var TimeItem = ({
         "text-body1-medium text-center bg-white text-primary",
         // "none"(일정 없음)은 구분선을 그리지 않아 연속된 빈 칸이 하나의 덩어리로 보이게 한다.
         state === "none" ? "bg-gray00 text-transparent" : "border-b border-gray02",
+        withTopBorder && "border-t border-gray02",
         state === "selected" && "bg-black text-white hover:cursor-pointer",
         state === "disabled" && "bg-gray00 text-gray03",
         state === "default" && [