@edu-tosel/design 1.0.238 → 1.0.240

package/layout/template/Transcript/design/organism/HonorCard.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import SVG from "../../../../../asset/SVG";
 import { cn } from "../../../../../util";
+import CardTitle from "../atom/CardTitle";
 import { printBoxStyles } from "../atom/PrintBoxStyles";
 export default function HonorCard({ result }) {
     const cardWrapper = {
@@ -9,13 +10,7 @@ export default function HonorCard({ result }) {
         backgrounds: "bg-white shadow-main",
         animations: "duration-300 hover:scale-105 hover:shadow-green",
     };
-    const cardTitle = {
-        display: "flex flex-row justify-center items-center",
-        sizes: "h-7 shrink-0 w-full",
-        bg: "bg-green-light",
-        textStyles: "text-green-dark font-medium text-sm",
-    };
-    return (_jsxs("div", { className: cn(cardWrapper, printBoxStyles), onClick: () => (window.location.href = `https://www.tosel.org/HallofFame/main`), children: [_jsx("div", { className: cn(cardTitle), children: _jsx("div", { className: "w-full text-center h-fit", children: "\uBA85\uC608\uC758 \uC804\uB2F9" }) }), _jsxs("div", { className: "w-full h-full flex flex-row px-5 gap-x-5", children: [_jsxs("div", { className: "flex flex-col w-full justify-center items-center xs:hidden md:flex print:aspect-square", children: [_jsx("div", { className: "text-gray-dark font-bold text-xl", children: "\uBA85\uC608\uC758 \uC804\uB2F9" }), _jsx("div", { className: "text-gray-medium font-medium text-sm", children: "Hall of Fame" })] }), _jsx("div", { className: "flex w-full py-4 xs:py-0 print:aspect-square", children: _jsx(SVG.HallofFame, { isHonor: result.isHonor }) })] }), _jsx("div", { className: "pb-3 px-5 text-center text-xs", children: result.isHonor
+    return (_jsxs("div", { className: cn(cardWrapper, printBoxStyles), onClick: () => (window.location.href = `https://www.tosel.org/HallofFame/main`), children: [_jsx(CardTitle, { theme: "green", title: "\uBA85\uC608\uC758 \uC804\uB2F9" }), _jsxs("div", { className: "w-full h-full flex flex-row px-5 gap-x-5", children: [_jsxs("div", { className: "flex flex-col w-full flex-1 justify-center items-center xs:hidden md:flex print:width-36", children: [_jsx("div", { className: "text-gray-dark font-bold text-xl", children: "\uBA85\uC608\uC758 \uC804\uB2F9" }), _jsx("div", { className: "text-gray-medium font-medium text-sm", children: "Hall of Fame" })] }), _jsx("div", { className: "flex w-full py-4 xs:py-0 aspect-square flex-1 print:w-36", children: _jsx(SVG.HallofFame, { isHonor: result.isHonor }) })] }), _jsx("div", { className: "pb-3 px-5 text-center text-xs", children: result.isHonor
                     ? "축하합니다! 명예의 전당에 등재되었습니다"
                     : "아쉽게도 명예의 전당에 오르지 못했습니다." })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.238",
+  "version": "1.0.240",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/version.txt

@@ -1 +1 @@
-1.0.238
+1.0.240