@edu-tosel/design 1.0.165 → 1.0.167

package/interface/Data.d.ts

@@ -25,6 +25,7 @@ type DataFiledTypeText = {
     type: "text";
 };
 interface SelectRollOption {
+    id?: number;
     key: string;
     value: string;
     option?: {

package/layout/design/Row.design/SelectRoll.js

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { cn } from "../../../util";
 import { useActionStore } from "../../../store";
 export default function SelectRoll({ item, entry, data, }) {
-    const { updateItem } = useActionStore();
+    const { items, updateItem } = useActionStore();
     const { options } = data ?? {};
     const [key, value] = entry;
     const [isHover, setIsHover] = useState(false);

package/layout/template/Event/One.js

@@ -23,6 +23,7 @@ export default function One({ event }) {
     // NOTE: let 쓰지 마세요 없어도 코드 짜는데 문제 없습니다. 스코프 이슈 생기면 답없습니다.
     // NOTE: 컴포넌트 내부에서 if else 문 쓰지 마세요 가독성 떨어지고 버그납니다. 예외처리는 함수로 빼서 처리하세요.
     // NOTE: 절대 같은 코드 복붙하지마세요. 성능떨어지고 보기 안좋습니다.
+    const lines = event.title.split("\n");
     const countdownText = daysRemaining > 0
         ? `오픈까지 D-${daysRemaining}`
         : `오픈까지 ${hoursRemaining
@@ -38,14 +39,14 @@ export default function One({ event }) {
             ? " bg-gray-light text-gray-medium"
             : expiredAt && expiredAt > currentTime
                 ? "bg-gray-light text-green-dark"
-                : "bg-gradient-to-l from-[#760023] to-[#105652] text-white",
+                : "bg-gradient-to-l from-crimson-burgundy to-green-dark text-white",
     };
     const buttonText = expiredAt && expiredAt < currentTime
         ? "종료된 이벤트입니다"
         : startedAt && startedAt > currentTime
             ? countdownText
             : event.button?.title;
-    return (_jsxs("div", { className: "flex flex-col mmd:flex-row", children: [_jsx("div", { className: "min-w-[320px] h-auto p-5 mmd:sticky mmd:top-20 mmd:self-start", children: _jsxs("div", { className: "w-full h-auto rounded-xl sm:flex mmd:flex-col", children: [_jsx("div", { className: "w-full mmd:h-50 overflow-hidden", children: _jsx("img", { src: event.thumbnail, alt: "", className: "rounded-xl h-full object-cover w-full" }) }), _jsxs("div", { className: "w-full h-auto pt-5 sm:p-5 mmd:p-0 mmd:pt-5 gap-3 flex flex-col", children: [_jsx("div", { className: "flex items-center", children: _jsx(StatusText, { event: event }) }), _jsx("div", { className: "text-sm font-bold text-gray-dark flex items-center mb-2", children: event.title }), event.button && (_jsx("div", { className: cn(button), onClick: () => {
+    return (_jsxs("div", { className: "flex flex-col mmd:flex-row", children: [_jsx("div", { className: "min-w-[320px] h-auto p-5 mmd:sticky mmd:top-20 mmd:self-start", children: _jsxs("div", { className: "w-full h-auto rounded-xl sm:flex mmd:flex-col", children: [_jsx("div", { className: "w-full mmd:h-50 overflow-hidden", children: _jsx("img", { src: event.thumbnail, alt: event.title, className: "rounded-xl h-full object-cover w-full" }) }), _jsxs("div", { className: "w-full h-auto pt-5 sm:p-5 mmd:p-0 mmd:pt-5 gap-3 flex flex-col", children: [_jsx("div", { className: "flex items-center", children: _jsx(StatusText, { event: event }) }), _jsx("div", { className: "text-sm font-bold text-gray-dark flex flex-col items-start mb-2", children: lines.map((line, index) => (_jsxs("span", { children: [line, _jsx("br", {})] }, index))) }), event.button && (_jsx("div", { className: cn(button), onClick: () => {
                                         event.button?.onClick && event.button.onClick();
                                     }, children: buttonText }))] })] }, event.id) }), _jsxs("div", { className: "flex-grow p-5", children: [_jsx("div", { children: isHTMLString(event.content) ? (_jsx("div", { dangerouslySetInnerHTML: { __html: event.content }, className: "w-full rounded-xl object-cover overflow-hidden max-w-[810px]" })) : (_jsx("div", { children: event.content })) }), _jsx("button", { onClick: () => history.back(), className: "mt-8 p-5 bg-green-dark/5 text-green-dark rounded-xl flex items-center justify-center hover:bg-green-dark/20 transition-all", children: "\uBAA9\uB85D\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30" })] })] }));
 }

package/layout/template/Legacy/Integrate.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../../util";
 import { Input, Label } from "../../../widget";
-var Button = Label.Button;
 import Action from "../Action";
 import { Loading } from "../../../interaction";
 import { LineBreaks } from "../../../text";
@@ -32,7 +31,7 @@ export default function Integrate({ isLoading, isUser, usernameState: [oldUserna
                             text: "text-green-dark",
                         } }), _jsxs("div", { className: "flex w-full justify-between items-center mt-12", children: [_jsxs("div", { className: "flex  pl-1.5 gap-x-3.5", children: [_jsx("button", { onClick: () => window.open("https://tosel.org/new/find_idpw"), className: "text-gray-medium", children: "(\uAD6C)\uACC4\uC815 \uCC3E\uAE30" }), _jsx("button", { onClick: () => {
                                             alert("구 계정 관련 기타 문의는 tosel_cs@tosel.co.kr으로 메일 부탁드립니다.");
-                                        }, className: "text-gray-medium", children: "\uAE30\uD0C0 \uBB38\uC758" })] }), _jsx(Button, { title: "\uC5F0\uB3D9\uD558\uAE30", onClick: submit, option: {
+                                        }, className: "text-gray-medium", children: "\uAE30\uD0C0 \uBB38\uC758" })] }), _jsx(Label.Button, { title: "\uC5F0\uB3D9\uD558\uAE30", onClick: submit, option: {
                                     width: "md",
                                     height: "md",
                                     text: "text-white",

package/layout/template/Regexam/OfflineExam.d.ts

@@ -1,2 +1,4 @@
 export default function OfflineExam(): import("react/jsx-runtime").JSX.Element;
 export declare function TableComponent(): import("react/jsx-runtime").JSX.Element;
+export declare function AnnualTableComponent(): import("react/jsx-runtime").JSX.Element;
+export declare function TimeTableComponent(): import("react/jsx-runtime").JSX.Element;

package/layout/template/Regexam/OfflineExam.js

@@ -7,11 +7,11 @@ import { useResponsive } from "../../../hook";
 gsap.registerPlugin(ScrollTrigger);
 export default function OfflineExam() {
     const isMD = useResponsive("md");
-    const isXL = useResponsive("xl");
     const scrollWrapperRef = useRef(null);
     useEffect(() => {
+        //stop scroll action while mobile
         if (!isMD)
-            return; // isMD가 true일 때 gsap 실행 방지
+            return;
         const ctx = gsap.context(() => {
             const scrollWrapper = scrollWrapperRef.current;
             if (scrollWrapper) {
@@ -56,11 +56,27 @@ export default function OfflineExam() {
         sizes: "w-full h-fit",
         textStyles: "font-medium text-gray-medium text-sm md:text-base",
     };
-    const grayBox = {
-        sizes: "w-full h-fit rounded-2xl",
-        spacings: "p-5 xxs:p-8 md:p-10  my-0 xs:my-10",
-        backgrounds: "bg-gray-light/50",
-        textstyles: "font-medium text-gray-dark text-base md:text-lg leading-loose",
+    //button styling
+    const AdvertButton = {
+        displays: "relative overflow-hidden flex justify-center items-center",
+        sizes: "h-fit w-full md:w-fit rounded-lg",
+        textstyles: "text-lg font-pretendard-medium text-center text-green-dark hover:text-white",
+        spacings: "px-3 py-2 md:mt-16 mt-10",
+        animations: "group duration-300",
+    };
+    //before hover gradient
+    const buttonBackground1 = {
+        displays: "absolute inset-0",
+        backgrounds: "bg-green-dark/10",
+    };
+    //after hover gradient
+    const buttonBackground2 = {
+        displays: "absolute inset-0",
+        backgrounds: "bg-gradient-to-r from-crimson-burgundy to-green-dark",
+        animation: "transition-opacity duration-300 opacity-0 group-hover:opacity-100",
+    };
+    const buttonText = {
+        textstyles: "text-lg font-pretendard-medium text-center relative z-10",
     };
     const scrollWrapper = {
         displays: "flex flex-col flex-shrink-0",
@@ -77,23 +93,111 @@ export default function OfflineExam() {
     };
     const miniDivider = {
         sizes: "w-full h-0.5 mt-1",
-        colors: "bg-gradient-to-r from-crimson-burgundy to-green-dark",
+        colors: "bg-gradient-to-r from-crimson-burgundy to-green-dark flex-shrink-0",
     };
-    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(mainWrapper), children: [_jsxs("div", { className: cn(titleWrapper), ref: scrollWrapperRef, children: [_jsx("div", { className: cn(sectionTitle), children: "\uC815\uAE30\uC2DC\uD5D8 \uC548\uB0B4" }), _jsx("div", { className: cn(sectionSubTitle), children: "\uC5F0 4\uD68C, \uC624\uD504\uB77C\uC778\uC73C\uB85C \uAC1C\uCD5C\uB418\uB294 \uD1A0\uC140 \uC815\uAE30\uC2DC\uD5D8\uC785\uB2C8\uB2E4." })] }), _jsxs("div", { className: cn(scrollWrapper), children: [_jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uC2DC\uD5D8\uAD6C\uC131" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(TableComponent, {}) })] }), _jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uC2DC\uD5D8\uC9C4\uD589" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(TableComponent, {}) })] }), _jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uC2DC\uD5D8\uAD6C\uC131" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(TableComponent, {}) })] })] })] }) }));
+    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(mainWrapper), children: [_jsxs("div", { className: cn(titleWrapper), ref: scrollWrapperRef, children: [_jsx("div", { className: cn(sectionTitle), children: "\uC815\uAE30\uC2DC\uD5D8 \uC548\uB0B4" }), _jsx("div", { className: cn(sectionSubTitle), children: "\uC5F0 4\uD68C, \uC624\uD504\uB77C\uC778\uC73C\uB85C \uAC1C\uCD5C\uB418\uB294 \uD1A0\uC140 \uC815\uAE30\uC2DC\uD5D8\uC785\uB2C8\uB2E4." }), isMD && (_jsxs("div", { onClick: () => (window.location.href = `https://olympiad.tosel.co.kr/dashboard`), className: cn(AdvertButton), children: [_jsx("div", { className: cn(buttonBackground1) }), _jsx("div", { className: cn(buttonBackground2) }), _jsx("div", { className: cn(buttonText), children: "\uC9C0\uAE08 \uC811\uC218\uD558\uAE30" })] }))] }), _jsxs("div", { className: cn(scrollWrapper), children: [_jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uC2DC\uD5D8\uAD6C\uC131" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(TableComponent, {}) })] }), _jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uC5F0\uAC04 \uC2DC\uD5D8 \uC77C\uC815" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(AnnualTableComponent, {}) })] }), _jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uB2F9\uC77C \uC138\uBD80\uC77C\uC815" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(TimeTableComponent, {}) }), _jsxs("div", { className: "flex flex-col mt-4", children: [_jsx("div", { className: "text-gray-medium font-medium text-sm", children: "*\uACE0\uC0AC\uC7A5 \uB0B4\uBD80\uC5D0\uB294 \uD559\uBD80\uBAA8\uC758 \uCD9C\uC785\uC774 \uC81C\uD55C\uB429\uB2C8\uB2E4." }), _jsx("div", { className: "text-gray-medium font-medium text-sm", children: "*\uC785\uC2E4\uB9C8\uAC10(13\uC2DC 10\uBD84)\uC2DC\uAC04\uC744 \uC900\uC218\uD574\uC8FC\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4." })] })] })] }), !isMD && (_jsxs("div", { onClick: () => (window.location.href = `https://olympiad.tosel.co.kr/dashboard`), className: cn(AdvertButton), children: [_jsx("div", { className: cn(buttonBackground1) }), _jsx("div", { className: cn(buttonBackground2) }), _jsx("div", { className: cn(buttonText), children: "\uC9C0\uAE08 \uC811\uC218\uD558\uAE30" })] }))] }) }));
 }
 export function TableComponent() {
     const data = [
-        { id: 1, level: "Cocon", age: "미취학 아동, 5-7세", info: "S1: 15문항/15분  S2: 15문항/15분", totalScore: "100점" },
-        { id: 2, level: "Pre-Starter", age: "초등학교 1-2학년", info: "S1: 15문항/15분  S2: 20문항/25분", totalScore: "100점" },
-        { id: 3, level: "Starter", age: "초등학교 3-4학년", info: "S1: 20문항/15분  S2: 20문항/25분", totalScore: "100점" },
-        { id: 4, level: "Basic", age: "초등학교 5-6학년", info: "S1: 30문항/20분  S2: 30문항/30분", totalScore: "100점" },
-        { id: 5, level: "Junior", age: "중학생", info: "S1: 30문항/20분  S2: 30문항/30분", totalScore: "100점" },
-        { id: 6, level: "High Junior", age: "고등학생", info: "S1: 30문항/25분  S2: 35문항/35분", totalScore: "100점" },
-        { id: 7, level: "Advanced", age: "대학생 및 성인", info: "S1: 70문항/45분  S2: 70문항/55분", totalScore: "990점" },
+        {
+            id: 1,
+            level: "Cocon",
+            age: "미취학 아동, 5-7세",
+            info1: "Section1: 15문항/15분",
+            info2: "Section2: 15문항/15분",
+            totalScore: "100점",
+        },
+        {
+            id: 2,
+            level: "Pre-Starter",
+            age: "초등학교 1-2학년",
+            info1: "Section1: 15문항/15분",
+            info2: "Section2: 20문항/25분",
+            totalScore: "100점",
+        },
+        {
+            id: 3,
+            level: "Starter",
+            age: "초등학교 3-4학년",
+            info1: "Section1: 20문항/15분",
+            info2: "Section2: 20문항/25분",
+            totalScore: "100점",
+        },
+        {
+            id: 4,
+            level: "Basic",
+            age: "초등학교 5-6학년",
+            info1: "Section1: 30문항/20분",
+            info2: "Section2: 30문항/30분",
+            totalScore: "100점",
+        },
+        {
+            id: 5,
+            level: "Junior",
+            age: "중학생",
+            info1: "Section1: 30문항/20분",
+            info2: "Section2: 30문항/30분",
+            totalScore: "100점",
+        },
+        {
+            id: 6,
+            level: "High Junior",
+            age: "고등학생",
+            info1: "Section1: 30문항/25분",
+            info2: "Section2: 35문항/35분",
+            totalScore: "100점",
+        },
+        {
+            id: 7,
+            level: "Advanced",
+            age: "대학생 및 성인",
+            info1: "Section1: 70문항/45분",
+            info2: "Section2: 70문항/55분",
+            totalScore: "990점",
+        },
     ];
-    const rowStyle = {
-        spacings: "p-2",
-        textStylings: "font-medium text-xs text-gray-medium"
-    };
-    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden rounded-lg", children: _jsxs("div", { className: "min-w-[640px] w-full", children: [_jsxs("div", { className: "flex bg-gradient-to-r from-green-dark to-crimson-burgundy text-white font-semibold text-xs", children: [_jsx("div", { className: "sticky left-0 bg-green-dark p-2 flex-[1] shadow-main", children: "\uB808\uBCA8" }), _jsx("div", { className: "p-2 flex-[2]", children: "\uCD9C\uC81C\uC218\uC900" }), _jsx("div", { className: "p-2 flex-[3]", children: "\uBB38\uD56D \uC218, \uC2DC\uAC04" }), _jsx("div", { className: "p-2 flex-[1]", children: "\uCD1D\uC810" })] }), data.map((item) => (_jsxs("div", { className: "flex bg-white/60 font-medium text-xs text-gray-medium", children: [_jsx("div", { className: "sticky left-0 bg-white p-2 flex-[1] text-gray-dark", children: item.level }), _jsx("div", { className: "p-2 flex-[2]", children: item.age }), _jsx("div", { className: "p-2 flex-[3]", children: item.info }), _jsx("div", { className: "p-2 flex-[1]", children: item.totalScore })] }, item.id)))] }) }));
+    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden rounded-lg", children: _jsxs("div", { className: "min-w-[640px] w-full", children: [_jsxs("div", { className: "flex bg-gradient-to-r from-green-dark to-crimson-burgundy text-white font-semibold text-sm", children: [_jsx("div", { className: "sticky left-0 bg-green-dark p-2 flex-[1] shadow-main", children: "\uB808\uBCA8" }), _jsx("div", { className: "p-2 flex-[2]", children: "\uCD9C\uC81C\uC218\uC900" }), _jsx("div", { className: "p-2 flex-[3]", children: "\uBB38\uD56D \uC218, \uC2DC\uAC04" }), _jsx("div", { className: "p-2 flex-[1]", children: "\uCD1D\uC810" })] }), data.map((item) => (_jsxs("div", { className: "flex bg-white/60 font-medium text-sm text-gray-medium ", children: [_jsx("div", { className: "sticky left-0 bg-white/90 p-2 flex-[1] text-gray-dark border-green-dark border-r-1", children: item.level }), _jsx("div", { className: "p-2 flex-[2]", children: item.age }), _jsxs("div", { className: "p-2 flex-[3] flex-col", children: [_jsx("div", { children: item.info1 }), _jsx("div", { children: item.info2 })] }), _jsx("div", { className: "p-2 flex-[1]", children: item.totalScore })] }, item.id)))] }) }));
+}
+export function AnnualTableComponent() {
+    const data = [
+        {
+            examNumber: "86",
+            dDay: "24.11.16",
+            regStartDay: "24.08.19",
+            regEndDay: "24.10.22",
+            resultDay: "24.12.05",
+        },
+        {
+            examNumber: "87",
+            dDay: "25.02.15",
+            regStartDay: "24.11.18",
+            regEndDay: "25.01.21",
+            resultDay: "24.03.06",
+        },
+        {
+            examNumber: "88",
+            dDay: "25.05.17",
+            regStartDay: "25.02.17",
+            regEndDay: "25.04.22",
+            resultDay: "24.06.05",
+        },
+        {
+            examNumber: "89",
+            dDay: "25.08.23",
+            regStartDay: "25.05.19",
+            regEndDay: "25.07.22",
+            resultDay: "24.09.04",
+        },
+        {
+            examNumber: "90",
+            dDay: "25.11.15",
+            regStartDay: "25.08.25",
+            regEndDay: "25.10.21",
+            resultDay: "24.12.04",
+        },
+    ];
+    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden rounded-lg", children: _jsxs("div", { className: "min-w-[480px] w-full", children: [_jsxs("div", { className: "flex bg-gradient-to-r from-green-dark to-crimson-burgundy text-white font-semibold text-sm", children: [_jsx("div", { className: "sticky left-0 bg-green-dark p-2 flex-[1] shadow-main", children: "\uD68C\uCC28" }), _jsx("div", { className: "p-2 flex-[2]", children: "\uC2DC\uD5D8\uC77C\uC790" }), _jsx("div", { className: "p-2 flex-[3]", children: "\uC811\uC218\uAE30\uAC04" }), _jsx("div", { className: "p-2 flex-[2]", children: "\uC131\uC801\uBC1C\uD45C" })] }), data.map((item) => (_jsxs("div", { className: "flex bg-white/60 font-medium text-sm text-gray-medium ", children: [_jsxs("div", { className: "sticky left-0 bg-white/90 p-2 flex-[1] text-gray-dark border-green-dark border-r-1", children: [item.examNumber, "\uD68C"] }), _jsx("div", { className: "p-2 flex-[2] text-green-dark font-bold", children: item.dDay }), _jsxs("div", { className: "p-2 flex-[3] flex-col", children: [item.regStartDay, " ~ ", item.regEndDay] }), _jsx("div", { className: "p-2 flex-[2]", children: item.resultDay })] }, item.examNumber)))] }) }));
+}
+export function TimeTableComponent() {
+    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden", children: _jsxs("div", { className: "min-w-[600px] w-full", children: [_jsxs("div", { className: "flex text-green-dark font-bold text-xs", children: [_jsx("div", { className: "sticky left-0 rounded-md p-2 flex-[2] text-xs" }), _jsx("div", { className: "p-2 flex-[1]" }), _jsx("div", { className: "p-2 flex-[4]", children: "13:10" }), _jsx("div", { className: "p-2 flex-[1]", children: "13:35" }), _jsx("div", { className: "p-2 flex-[2]", children: "13:40" }), _jsx("div", { className: "p-2 flex-[1]", children: "14:20" })] }), _jsxs("div", { className: "flex bg-white/50 text-gray-dark font-semibold text-xs rounded-md", children: [_jsxs("div", { className: "sticky left-0 bg-white/90 rounded-md p-2 flex-[2]", children: ["Pre-Starter ", _jsx("br", {}), " Starter"] }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uC785\uC2E4" }), _jsx("div", { className: "p-2 flex-[4] border-green-dark border-r-1 border-dashed", children: "\uC2DC\uD5D8\uC9C0 \uBC30\uBD80" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uB300\uAE30" }), _jsx("div", { className: "p-2 flex-[2] border-green-dark border-r-1 border-dashed bg-green-light text-green-dark", children: "\uC2DC\uD5D8\uC9C4\uD589 / 40\uBD84" }), _jsx("div", { className: "p-2 flex-[1]" })] }), _jsxs("div", { className: "flex text-green-dark font-bold text-xs mt-4", children: [_jsx("div", { className: "sticky left-0 rounded-md p-2 flex-[2] text-lg" }), _jsx("div", { className: "p-2 flex-[1]" }), _jsx("div", { className: "p-2 flex-[2]", children: "13:10" }), _jsx("div", { className: "p-2 flex-[1]", children: "13:25" }), _jsx("div", { className: "p-2 flex-[4]", children: "13:30" }), _jsx("div", { className: "p-2 flex-[1]", children: "14:20" })] }), _jsxs("div", { className: "flex bg-white/50 text-gray-dark font-semibold text-xs rounded-md", children: [_jsxs("div", { className: "sticky left-0 bg-white/90 rounded-md p-2 flex-[2]", children: ["Pre-Starter ", _jsx("br", {}), " Starter"] }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uC785\uC2E4" }), _jsx("div", { className: "p-2 flex-[2] border-green-dark border-r-1 border-dashed", children: "\uC2DC\uD5D8\uC9C0 \uBC30\uBD80" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uB300\uAE30" }), _jsx("div", { className: "p-2 flex-[4] border-green-dark border-r-1 border-dashed bg-green-light text-green-dark", children: "\uC2DC\uD5D8\uC9C4\uD589 / 50\uBD84" }), _jsx("div", { className: "p-2 flex-[1] bg" })] }), _jsxs("div", { className: "flex text-green-dark font-bold text-xs mt-4", children: [_jsx("div", { className: "sticky left-0 rounded-md p-2 flex-[2] text-lg" }), _jsx("div", { className: "p-2 flex-[1]" }), _jsx("div", { className: "p-2 flex-[2]", children: "13:10" }), _jsx("div", { className: "p-2 flex-[1]", children: "13:25" }), _jsx("div", { className: "p-2 flex-[4]", children: "13:30" }), _jsx("div", { className: "p-2 flex-[1] text-right", children: "14:30" })] }), _jsxs("div", { className: "flex bg-white/50 text-gray-dark font-semibold text-xs rounded-md", children: [_jsx("div", { className: "sticky left-0 bg-white/90 rounded-md p-2 flex-[2]", children: "High-Junior" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uC785\uC2E4" }), _jsx("div", { className: "p-2 flex-[2] border-green-dark border-r-1 border-dashed", children: "\uC2DC\uD5D8\uC9C0 \uBC30\uBD80" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uB300\uAE30" }), _jsx("div", { className: "p-2 flex-[4] bg-green-light text-green-dark", children: "\uC2DC\uD5D8\uC9C4\uD589 / 60\uBD84" }), _jsx("div", { className: "p-2 flex-[1] bg-green-light  border-green-dark border-r-1 border-dashed" })] })] }) }));
 }

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.165
+1.0.167