@edu-tosel/design 1.0.133 → 1.0.135

package/layout/index.d.ts

@@ -4,7 +4,7 @@ export { default as Announcement } from "./template/Announcement";
 export { default as Archive } from "./template/Archive";
 export { default as Home } from "./template/home";
 export * from "./template/dashboard";
-export { default as Promotion } from "./template/Promotion";
+export { default as Event } from "./template/Event";
 export { default as Olympiad } from "./template/Olympiad";
 export { default as Sign } from "./template/Sign";
 export { default as DataField } from "./template/DataField";

package/layout/index.js

@@ -4,7 +4,7 @@ export { default as Announcement } from "./template/Announcement";
 export { default as Archive } from "./template/Archive";
 export { default as Home } from "./template/home";
 export * from "./template/dashboard";
-export { default as Promotion } from "./template/Promotion";
+export { default as Event } from "./template/Event";
 export { default as Olympiad } from "./template/Olympiad";
 export { default as Sign } from "./template/Sign";
 export { default as DataField } from "./template/DataField";

package/layout/template/Announcement/Layout.d.ts

@@ -1,5 +1,5 @@
 import { BbsLayoutProps } from "../BbsLayout";
 interface LayoutProps extends Omit<BbsLayoutProps, "title"> {
 }
-export default function Layout({ children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function Layout({ children, topRight }: LayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/layout/template/Announcement/Layout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import BbsLayout from "../BbsLayout";
-export default function Layout({ children }) {
-    return (_jsx(BbsLayout, { title: "\uACF5\uC9C0\uC0AC\uD56D", icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: _jsx("path", { d: "M31.332 7.776C31.0653 6.8326 30.4979 6.0021 29.716 5.41077C28.934 4.81944 27.9804 4.49964 27 4.5H21C18.94 4.5 17.2 5.886 16.668 7.776M31.332 7.776C31.442 8.164 31.5 8.576 31.5 9C31.5 9.39783 31.342 9.77936 31.0607 10.0607C30.7794 10.342 30.3978 10.5 30 10.5H18C17.6022 10.5 17.2206 10.342 16.9393 10.0607C16.658 9.77936 16.5 9.39783 16.5 9C16.5 8.576 16.56 8.164 16.668 7.776M31.332 7.776C32.624 7.874 33.908 7.996 35.186 8.144C37.386 8.4 39 10.298 39 12.514V39C39 40.1935 38.5259 41.3381 37.682 42.182C36.8381 43.0259 35.6935 43.5 34.5 43.5H13.5C12.3065 43.5 11.1619 43.0259 10.318 42.182C9.47411 41.3381 9 40.1935 9 39V12.514C9 10.298 10.612 8.4 12.814 8.144C14.0961 7.99555 15.381 7.87286 16.668 7.776", stroke: "#105652", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }), children: children }));
+export default function Layout({ children, topRight }) {
+    return (_jsx(BbsLayout, { title: "\uACF5\uC9C0\uC0AC\uD56D", topRight: topRight, icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: _jsx("path", { d: "M31.332 7.776C31.0653 6.8326 30.4979 6.0021 29.716 5.41077C28.934 4.81944 27.9804 4.49964 27 4.5H21C18.94 4.5 17.2 5.886 16.668 7.776M31.332 7.776C31.442 8.164 31.5 8.576 31.5 9C31.5 9.39783 31.342 9.77936 31.0607 10.0607C30.7794 10.342 30.3978 10.5 30 10.5H18C17.6022 10.5 17.2206 10.342 16.9393 10.0607C16.658 9.77936 16.5 9.39783 16.5 9C16.5 8.576 16.56 8.164 16.668 7.776M31.332 7.776C32.624 7.874 33.908 7.996 35.186 8.144C37.386 8.4 39 10.298 39 12.514V39C39 40.1935 38.5259 41.3381 37.682 42.182C36.8381 43.0259 35.6935 43.5 34.5 43.5H13.5C12.3065 43.5 11.1619 43.0259 10.318 42.182C9.47411 41.3381 9 40.1935 9 39V12.514C9 10.298 10.612 8.4 12.814 8.144C14.0961 7.99555 15.381 7.87286 16.668 7.776", stroke: "#105652", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }), children: children }));
 }

package/layout/template/Archive/Layout.d.ts

@@ -1,5 +1,5 @@
 import { BbsLayoutProps } from "../BbsLayout";
 interface LayoutProps extends Omit<BbsLayoutProps, "title"> {
 }
-export default function Layout({ children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function Layout({ children, topRight }: LayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/layout/template/Archive/Layout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import BbsLayout from "../BbsLayout";
-export default function Layout({ children }) {
-    return (_jsx(BbsLayout, { title: "\uC790\uB8CC\uC2E4", icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: _jsx("path", { d: "M36.7501 25.478L21.3641 40.864C19.6762 42.5519 17.387 43.5001 15.0001 43.5001C12.6131 43.5001 10.3239 42.5519 8.63605 40.864C6.94822 39.1762 6 36.887 6 34.5C6 32.1131 6.94822 29.8239 8.63605 28.136L30.5161 6.25602C31.0734 5.69895 31.735 5.25711 32.4631 4.95573C33.1912 4.65435 33.9715 4.49933 34.7595 4.49951C35.5475 4.4997 36.3277 4.65509 37.0557 4.95681C37.7836 5.25854 38.445 5.70069 39.0021 6.25802C39.5591 6.81535 40.001 7.47695 40.3023 8.20503C40.6037 8.93312 40.7587 9.71344 40.7586 10.5014C40.7584 11.2894 40.603 12.0697 40.3013 12.7976C39.9995 13.5256 39.5574 14.187 39.0001 14.744L17.1041 36.64C16.536 37.1846 15.7768 37.4821 14.9899 37.4722C14.2031 37.4622 13.4517 37.1435 12.8977 36.5847C12.3436 36.0259 12.0313 35.2719 12.028 34.485C12.0247 33.6981 12.3307 32.9414 12.8801 32.378L28.5001 16.758M17.1221 36.62L17.1021 36.64", stroke: "#105652", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }) }), children: children }));
+export default function Layout({ children, topRight }) {
+    return (_jsx(BbsLayout, { title: "\uC790\uB8CC\uC2E4", topRight: topRight, icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: _jsx("path", { d: "M36.7501 25.478L21.3641 40.864C19.6762 42.5519 17.387 43.5001 15.0001 43.5001C12.6131 43.5001 10.3239 42.5519 8.63605 40.864C6.94822 39.1762 6 36.887 6 34.5C6 32.1131 6.94822 29.8239 8.63605 28.136L30.5161 6.25602C31.0734 5.69895 31.735 5.25711 32.4631 4.95573C33.1912 4.65435 33.9715 4.49933 34.7595 4.49951C35.5475 4.4997 36.3277 4.65509 37.0557 4.95681C37.7836 5.25854 38.445 5.70069 39.0021 6.25802C39.5591 6.81535 40.001 7.47695 40.3023 8.20503C40.6037 8.93312 40.7587 9.71344 40.7586 10.5014C40.7584 11.2894 40.603 12.0697 40.3013 12.7976C39.9995 13.5256 39.5574 14.187 39.0001 14.744L17.1041 36.64C16.536 37.1846 15.7768 37.4821 14.9899 37.4722C14.2031 37.4622 13.4517 37.1435 12.8977 36.5847C12.3436 36.0259 12.0313 35.2719 12.028 34.485C12.0247 33.6981 12.3307 32.9414 12.8801 32.378L28.5001 16.758M17.1221 36.62L17.1021 36.64", stroke: "#105652", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }) }), children: children }));
 }

package/layout/template/BbsLayout.d.ts

@@ -1,6 +1,7 @@
 export interface BbsLayoutProps {
     title: string;
+    topRight?: React.ReactNode;
     icon?: React.ReactNode;
     children: React.ReactNode;
 }
-export default function BbsLayout({ title, icon, children }: BbsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function BbsLayout({ title, icon, topRight, children, }: BbsLayoutProps): import("react/jsx-runtime").JSX.Element;

package/layout/template/BbsLayout.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../util";
-export default function BbsLayout({ title, icon, children }) {
+export default function BbsLayout({ title, icon, topRight, children, }) {
     const container = {
         displays: "flex flex-col items-center",
         sizes: "w-full min-h-screen",
@@ -10,9 +10,9 @@ export default function BbsLayout({ title, icon, children }) {
         sizes: "w-full max-w-[1200px]",
     };
     const header = {
-        displays: "flex justify-start items-end",
+        displays: "flex justify-between items-end",
         sizes: "w-full  h-[188px]",
-        boundaries: "pl-12 pb-10",
+        boundaries: "px-12 pb-10",
     };
-    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsx("div", { className: cn(header), children: _jsxs("div", { className: "flex gap-x-5 items-center", children: [icon, _jsx("div", { className: "text-[40px] leading-none font-pretendard-bold text-green-dark", children: title })] }) }), children] }) }));
+    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsxs("div", { className: cn(header), children: [_jsxs("div", { className: "flex gap-x-5 items-center", children: [icon, _jsx("div", { className: "text-[40px] leading-none font-pretendard-bold text-green-dark", children: title })] }), topRight] }), children] }) }));
 }

package/layout/template/{promotion/Layout.d.ts → Event/Container.d.ts}

@@ -12,7 +12,7 @@ interface Event {
     content: string;
     button?: _Button;
 }
-export default function Layout({ events }: {
+export default function Container({ events }: {
     events: Event[];
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/layout/template/{promotion/Layout.js → Event/Container.js}

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { IoIosSearch } from "react-icons/io";
 import dayjs from "dayjs";
 import { cn, isHTMLString } from "../../../util";
-export default function Layout({ events }) {
+export default function Container({ events }) {
     const [selectedEvent, setSelectedEvent] = useState(null);
     const [filter, setFilter] = useState("모두보기");
     const [searchQuery, setSearchQuery] = useState("");

package/layout/template/Event/Layout.d.ts

@@ -0,0 +1,5 @@
+import { BbsLayoutProps } from "../BbsLayout";
+interface LayoutProps extends Omit<BbsLayoutProps, "title"> {
+}
+export default function Layout({ topRight, children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/layout/template/Event/Layout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import BbsLayout from "../BbsLayout";
+export default function Layout({ topRight, children }) {
+    return (_jsx(BbsLayout, { title: "\uC774\uBCA4\uD2B8", topRight: topRight, icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: _jsx("path", { d: "M42 22.5V39C42 39.7957 41.6839 40.5587 41.1213 41.1213C40.5587 41.6839 39.7956 42 39 42H10.5C9.70435 42 8.94129 41.6839 8.37868 41.1213C7.81607 40.5587 7.5 39.7957 7.5 39V22.5M24 9.75C24 8.71165 23.6921 7.69662 23.1152 6.83326C22.5383 5.9699 21.7184 5.29699 20.7591 4.89963C19.7998 4.50227 18.7442 4.39831 17.7258 4.60088C16.7074 4.80345 15.7719 5.30347 15.0377 6.03769C14.3035 6.77192 13.8034 7.70738 13.6009 8.72578C13.3983 9.74418 13.5023 10.7998 13.8996 11.7591C14.297 12.7184 14.9699 13.5383 15.8333 14.1152C16.6966 14.6921 17.7116 15 18.75 15H24M24 9.75V15M24 9.75C24 8.71165 24.3079 7.69662 24.8848 6.83326C25.4617 5.9699 26.2816 5.29699 27.2409 4.89963C28.2002 4.50227 29.2558 4.39831 30.2742 4.60088C31.2926 4.80345 32.2281 5.30347 32.9623 6.03769C33.6965 6.77192 34.1966 7.70738 34.3991 8.72578C34.6017 9.74418 34.4977 10.7998 34.1004 11.7591C33.703 12.7184 33.0301 13.5383 32.1667 14.1152C31.3034 14.6921 30.2884 15 29.25 15H24M24 15V42M6.75 22.5H42.75C43.992 22.5 45 21.492 45 20.25V17.25C45 16.008 43.992 15 42.75 15H6.75C5.508 15 4.5 16.008 4.5 17.25V20.25C4.5 21.492 5.508 22.5 6.75 22.5Z", stroke: "#105652", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }) }), children: children }));
+}

package/layout/template/Event/index.d.ts

@@ -0,0 +1,7 @@
+import Container from "./Container";
+import Layout from "./Layout";
+declare const Event: {
+    Container: typeof Container;
+    Layout: typeof Layout;
+};
+export default Event;

package/layout/template/Event/index.js

@@ -0,0 +1,7 @@
+import Container from "./Container";
+import Layout from "./Layout";
+const Event = {
+    Container,
+    Layout,
+};
+export default Event;

package/layout/template/home/layout/Footer.js

@@ -40,7 +40,7 @@ export default function Footer() {
     const socialIconControl = {
         siezes: "h-6",
     };
-    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsxs("div", { className: cn(logoWrapper), children: [_jsx("img", { className: cn(svgController), src: "/images/logos/logo-tosel-main.svg", alt: "" }), _jsx("img", { className: cn(svgController), src: "/images/logos/logo-itc-main.svg", alt: "" })] }), _jsxs("div", { className: "flex flex-wrap justify-between items-center border-b-1 border-gray-dark pb-4 mt-5 font-medium gap-y-1", children: [_jsx("div", { children: "Copyright TOSEL. \u24D2 All Rights Reserved." }), _jsx("div", { className: "flex gap-5", children: buttons.map((button, index) => (_jsx("div", { children: button.title }, index))) })] }), _jsxs("div", { className: cn(infoSet), children: [_jsx("div", { className: cn(infoTitle), children: "\uACE0\uAC1D\uBB38\uC758" }), _jsxs("div", { className: cn(info), children: ["\uB300\uD45C\uBC88\uD638 | 02-923-0505", _jsx("br", {}), " \uAC1C\uC778\uBB38\uC758 | tosel_cs@tosel.co.kr ", _jsx("br", {}), "\uB2E8\uCCB4\uBB38\uC758 | tosel_academy@tosel.co.kr"] })] }), _jsxs("div", { className: cn(infoSet), children: [_jsx("div", { className: cn(infoTitle), children: "\uAD6D\uC81C\uD1A0\uC140\uC704\uC6D0\uD68C" }), _jsxs("div", { className: cn(info), children: ["\uC6F9\uC11C\uBE44\uC2A4: \uC8FC\uC2DD\uD68C\uC0AC \uC5D0\uB4C0\uD1A0\uC140 | \uD1B5\uC2E0\uD310\uB9E4\uC5C5\uC2E0\uACE0\uBC88\uD638: \uC81C 2012-\uC11C\uC6B8\uC131\uBD81-0083\uD638", _jsx("br", {}), " \uC11C\uC6B8\uC2DC \uC131\uBD81\uAD6C \uC548\uC554\uB85C 145 \uACE0\uB824\uB300\uD559\uAD50 \uB77C\uC774\uC2DC\uC6C0 4\uCE35", _jsx("br", {}), " Lyceum Korea University, 145 Anam Ro, Seongbuk-Gu, Seoul, Korea 02841"] })] }), _jsxs("div", { className: cn(iconWrapper), children: [_jsx("a", { href: "https://blog.naver.com/ebs1503", children: _jsx("div", { className: cn(iconBox), children: _jsx("img", { className: cn(socialIconControl), src: "/images/logos/naver.svg", alt: "" }) }) }), _jsx("a", { href: "https://www.instagram.com/tosel_official/", children: _jsx("div", { className: cn(iconBox), children: _jsx("img", { className: cn(socialIconControl), src: "/images/logos/instagram.svg", alt: "" }) }) }), _jsx("a", { href: "https://www.youtube.com/@tosel_official", children: _jsx("div", { className: cn(iconBox), children: _jsx("img", { className: cn(socialIconControl), src: "/images/logos/youtube.svg", alt: "" }) }) })] })] }) }));
+    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsxs("div", { className: cn(logoWrapper), children: [_jsx("img", { className: cn(svgController), src: "/images/logos/logo-tosel-main.svg", alt: "" }), _jsx("img", { className: cn(svgController), src: "/images/logos/logo-itc-main.svg", alt: "" })] }), _jsxs("div", { className: "flex flex-wrap justify-between items-center border-b-1 border-gray-dark pb-4 mt-5 font-medium gap-y-1", children: [_jsx("div", { children: "Copyright TOSEL. \u24D2 All Rights Reserved." }), _jsx("div", { className: "flex gap-5", children: buttons.map((button, index) => (_jsx("div", { children: button.title }, index))) })] }), _jsxs("div", { className: cn(infoSet), children: [_jsx("div", { className: cn(infoTitle), children: "\uACE0\uAC1D\uBB38\uC758" }), _jsxs("div", { className: cn(info), children: ["\uB300\uD45C\uBC88\uD638 | 02-923-0505", _jsx("br", {}), " \uAC1C\uC778\uBB38\uC758 | tosel_cs@tosel.co.kr ", _jsx("br", {}), "\uB2E8\uCCB4\uBB38\uC758 | tosel_academy@tosel.co.kr"] })] }), _jsxs("div", { className: cn(infoSet), children: [_jsx("div", { className: cn(infoTitle), children: "\uAD6D\uC81C\uD1A0\uC140\uC704\uC6D0\uD68C" }), _jsxs("div", { className: cn(info), children: ["\uC6F9\uC11C\uBE44\uC2A4: \uC8FC\uC2DD\uD68C\uC0AC \uC5D0\uB4C0\uD1A0\uC140 | \uD1B5\uC2E0\uD310\uB9E4\uC5C5\uC2E0\uACE0\uBC88\uD638: \uC81C 2012-\uC11C\uC6B8\uC131\uBD81-0083\uD638", _jsx("br", {}), " \uC11C\uC6B8\uC2DC \uC131\uBD81\uAD6C \uC548\uC554\uB85C 145 \uACE0\uB824\uB300\uD559\uAD50 \uB77C\uC774\uC2DC\uC6C0 4\uCE35", _jsx("br", {}), " Lyceum Korea University, 145 Anam Ro, Seongbuk-Gu, Seoul, Korea 02841"] })] }), _jsxs("div", { className: cn(iconWrapper), children: [_jsx("a", { onClick: () => location.href = 'https://blog.naver.com/ebs1503', children: _jsx("div", { className: cn(iconBox), children: _jsx("img", { className: cn(socialIconControl), src: "/images/logos/naver.svg", alt: "" }) }) }), _jsx("a", { onClick: () => location.href = 'https://www.instagram.com/tosel_official/', children: _jsx("div", { className: cn(iconBox), children: _jsx("img", { className: cn(socialIconControl), src: "/images/logos/instagram.svg", alt: "" }) }) }), _jsx("a", { onClick: () => location.href = 'https://www.youtube.com/@tosel_official', children: _jsx("div", { className: cn(iconBox), children: _jsx("img", { className: cn(socialIconControl), src: "/images/logos/youtube.svg", alt: "" }) }) })] })] }) }));
 }
 const buttons = [
 // {

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.133
+1.0.135

package/layout/template/Promotion.d.ts

@@ -1,5 +0,0 @@
-import Layout from "./promotion/Layout";
-declare const Promotion: {
-    Layout: typeof Layout;
-};
-export default Promotion;

package/layout/template/Promotion.js

@@ -1,5 +0,0 @@
-import Layout from "./promotion/Layout";
-const Promotion = {
-    Layout,
-};
-export default Promotion;