@tipp/ui 2.3.18 → 2.3.19

package/dist/index.js

@@ -115,6 +115,9 @@ import {
 } from "./chunk-3RTIQ36S.js";
 import "./chunk-JCG2AUFJ.js";
 import "./chunk-2ISIAPFS.js";
+import {
+  Navigation
+} from "./chunk-WMWXF44S.js";
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
@@ -148,7 +151,10 @@ import {
 } from "./chunk-NWJSLIQ3.js";
 import {
   TrainingInfoGuideline
-} from "./chunk-IF4Q5NV4.js";
+} from "./chunk-5RMPQM6F.js";
+import {
+  DownloadCard
+} from "./chunk-G7NEBNHU.js";
 import {
   DynamicFormResponseItem
 } from "./chunk-QTQKJ4A2.js";
@@ -171,9 +177,6 @@ import {
 import {
   ThemeProvider
 } from "./chunk-7FKRQQYK.js";
-import {
-  Navigation
-} from "./chunk-WMWXF44S.js";
 import {
   DescriptionJsonRender
 } from "./chunk-ETKTERDA.js";
@@ -184,9 +187,6 @@ import {
 import {
   DotNavigation
 } from "./chunk-IJOOKMKQ.js";
-import {
-  DownloadCard
-} from "./chunk-G7NEBNHU.js";
 import "./chunk-HBF6IIVZ.js";
 import {
   ToastContainer,

package/dist/molecules/index.cjs

@@ -5566,26 +5566,28 @@ function TrainingInfoGuidelineItem({
 }) {
   const [isLoading, setIsLoading] = (0, import_react42.useState)(true);
   if (value.type === "file") {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
-      Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      TrainingInfoGuidelineButton,
       {
+        description: value.filename,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons8.FileTextIcon, {}),
         onClick: () => {
           onClickFileDownload({ url: value.url, filename: value.filename });
         },
-        variant: "surface",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons8.FileTextIcon, {}),
-          value.downloadButtonName
-        ]
+        title: value.downloadButtonName
       }
     );
   }
   if (value.type === "video") {
     return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Dialog.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Button, { variant: "surface", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons8.VideoIcon, {}),
-        value.videoTitle
-      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        TrainingInfoGuidelineButton,
+        {
+          description: "\uC601\uC0C1",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons8.VideoIcon, {}),
+          title: value.videoTitle
+        }
+      ) }),
       /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         Dialog.Content,
         {
@@ -5648,6 +5650,29 @@ function TrainingInfoGuidelineItem({
   }
   return null;
 }
+function TrainingInfoGuidelineButton({
+  icon,
+  title,
+  description,
+  onClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    Button,
+    {
+      onClick,
+      style: { width: "100%", height: "48px", textAlign: "left" },
+      variant: "outline",
+      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_themes.Flex, { align: "center", gap: "2", width: "100%", children: [
+        icon,
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes28.Separator, { orientation: "vertical", size: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_themes7.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Typo, { as: "div", children: title }),
+          typeof description === "string" && description !== "" ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Typo, { variant: "caption", children: description }) : null
+        ] })
+      ] })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CurriculumBody,