@edu-tosel/design 1.0.133 → 1.0.134

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/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.134",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/version.txt

@@ -1 +1 @@
-1.0.133
+1.0.134

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;