@hivcd-printshop/design-system 1.4.1 → 1.5.0

package/dist/index.js

@@ -1164,7 +1164,7 @@ var ModalBase = ({ isVisible, header, children, className, onClose }) => {
         className: cn(
           "relative w-110 pt-8 h-fit pointer-events-auto",
           "flex flex-col items-center",
-          "border border-gray02",
+          // "border border-gray02",
           "bg-white shadow-[0px_0px_30px_0px_rgba(0,0,0,0.08)]",
           className
         ),
@@ -1182,7 +1182,7 @@ var ModalBase = ({ isVisible, header, children, className, onClose }) => {
               children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconClose, {})
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { className: cn("text-head-lg-medium text-strong"), children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { className: cn("text-head1-medium text-strong"), children: header }),
           children
         ]
       }
@@ -1380,7 +1380,7 @@ var NoticeBar = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NoticeBadge, { variable: badgeVariable }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h1", { className: "text-head1-medium text-strong", children: title })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h1", { className: "text-head3-regular text-strong", children: title })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-body3-book text-tertiary", children: date })
       ]
@@ -1398,7 +1398,7 @@ var SearchBar = ({ value, onChange, className }) => {
         "w-full h-12 pl-4 pr-3",
         "flex items-center gap-2",
         "box-border border-b border-gray02 border-t border-t-white",
-        "focus-within:border-black focus-within:border focus-within:outline-none",
+        "focus-within:border-black focus-within:border focus-within:outline-none focus-within:pl-[15px]",
         className
       ),
       children: [
@@ -1500,7 +1500,7 @@ var Stepper = ({ step, title, isOpen, collapsible, onClick, className }) => {
     " | ",
     title
   ] });
-  const base = "w-full flex items-center justify-between px-5 py-2.5 text-head3-medium text-primary text-left bg-white border-b border-gray02";
+  const base = "w-full flex items-center justify-between px-5 py-2.5 text-head3-medium text-strong text-left bg-white border-b border-gray02";
   if (!collapsible) {
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn(base, className), children: label });
   }
@@ -1553,7 +1553,7 @@ var RadioToggleItem = ({
       }
     ),
     open && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-2 px-3 py-3 bg-white", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-caption-regular text-secondary", children: content }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-body3-book text-secondary", children: content }),
       badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex flex-wrap gap-1", children: badges.map((badge) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Badge2, { label: badge }, badge)) }),
       labelTextButton && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         TextButton2,
@@ -1578,7 +1578,7 @@ var Radio = ({ selected = false, className }) => {
       {
         className: cn(
           "inline-flex size-6 shrink-0 items-center justify-center rounded-full transition-colors",
-          "group-hover:bg-gray00 group-active:bg-gray01",
+          // "group-hover:bg-gray00 group-active:bg-gray01",
           className
         ),
         children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { className: "size-2.5" })
@@ -2097,7 +2097,7 @@ var UpperPartTab = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: cn("px-5 text-head1-medium", selected ? "text-strong" : "text-quaternary"), children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: cn("px-5 text-head1-medium", selected ? "text-strong" : "text-gray04"), children: label }),
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: cn("h-0.5 w-full", selected ? "bg-black" : "bg-transparent") })
       ]
     }
@@ -2195,7 +2195,7 @@ var LowerPartItemButton = ({
       className: cn(
         "inline-flex h-full items-center justify-center px-5 text-head3-medium cursor-pointer no-underline",
         "transition-colors hover:bg-gray00 active:bg-gray01",
-        selected ? "text-strong" : "text-quaternary",
+        selected ? "text-strong" : "text-gray04",
         className
       ),
       children: label
@@ -2235,8 +2235,9 @@ var Toast = (0, import_react12.forwardRef)(function Toast2({ message, open, dura
       role: "status",
       "aria-live": "polite",
       className: cn(
-        "w-full h-fit py-2.5 bg-gray06",
-        "font-pretendard text-white text-center font-semibold text-[17px] leading-[1.6]",
+        "w-full h-fit py-2.5 bg-gray08",
+        "mt-7 mx-8",
+        "text-white text-center text-body1-regular",
         "shadow-[0_2px_15px_rgba(0,0,0,0.18)]",
         controlled && "transition-opacity duration-300",
         controlled && (visible ? "opacity-100" : "opacity-0"),