@edu-tosel/design 1.0.158 → 1.0.160

package/util/compareDates.js

@@ -1,18 +1,18 @@
+import moment from "moment-timezone";
 export default function compareDates(targetDate) {
-    const currentDate = new Date();
-    const KSTOffset = 9 * 60 * 60 * 1000;
-    const KSTDate = new Date(currentDate.getTime() + KSTOffset);
-    const targetDateKST = new Date(targetDate.getTime() + KSTOffset);
-    const isBefore = KSTDate < targetDateKST;
-    const timeDiff = targetDateKST.getTime() - KSTDate.getTime();
+    const currentDate = moment();
+    const targetDateMoment = moment(targetDate).tz("Asia/Seoul");
+    const isBefore = currentDate.isBefore(targetDateMoment);
+    const timeDiff = targetDateMoment.diff(currentDate);
     if (isBefore) {
         if (timeDiff < 24 * 60 * 60 * 1000) {
-            const hours = Math.floor(timeDiff / (1000 * 60 * 60));
-            const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
-            const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
+            const duration = moment.duration(timeDiff);
+            const hours = duration.hours();
+            const minutes = duration.minutes();
+            const seconds = duration.seconds();
             return {
                 isBefore,
-                dDay: `${hours}시 ${minutes}분 ${seconds}초`,
+                dDay: `${hours < 10 ? `0${hours}` : hours} : ${minutes < 10 ? `0${minutes}` : minutes} : ${seconds < 10 ? `0${seconds}` : seconds}`,
             };
         }
         else {

package/version.txt

@@ -1 +1 @@
-1.0.158
+1.0.160

package/widget/design/Label.design.js

@@ -35,6 +35,7 @@ export default function LabelDesign({ title, onClick, disabled, option, hoverSta
         texts: text ?? "text-gray-dim",
         animation: "duration-500",
         fonts: "font-pretendard-light",
+        boundary,
         styles: height === "xs" ||
             height === "2xs" ||
             height === "3xs" ||

package/widget/template/Label.d.ts

@@ -2,7 +2,7 @@ import { LabelWidget } from "../../interface";
 declare function Label({ title, option }: Omit<LabelWidget, "onClick">): import("react/jsx-runtime").JSX.Element;
 declare namespace Label {
     var Button: ({ title, hoverTitle, onClick, disabled, option, }: Omit<LabelWidget, "hoverState"> & {
-        hoverTitle?: string | undefined;
+        hoverTitle?: string;
     }) => import("react/jsx-runtime").JSX.Element;
 }
 export default Label;