@edu-tosel/design 1.0.342 → 1.0.345

package/layout/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Action } from "./template/Action";
 export { default as Announcement } from "./template/Announcement";
+export { default as Resources } from "./template/Resources";
 export { default as Archive } from "./template/Archive";
 export { default as Home } from "./template/home";
 export * from "./template/dashboard";

package/layout/index.js

@@ -1,5 +1,6 @@
 export { default as Action } from "./template/Action";
 export { default as Announcement } from "./template/Announcement";
+export { default as Resources } from "./template/Resources";
 export { default as Archive } from "./template/Archive";
 export { default as Home } from "./template/home";
 export * from "./template/dashboard";

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

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

package/layout/template/Resources/Layout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import BbsLayout from "../BbsLayout";
+export default function Layout({ children, links }) {
+    return (_jsx(BbsLayout, { title: "\uD65C\uC6A9\uC790\uB8CC", links: links, icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", className: "w-[24px] h-[24px] md:w-[48px] md:h-[48px]", children: _jsx("path", { d: "M21.332 7.776C21.0653 6.8326 20.4979 6.0021 19.716 5.41077C18.934 4.81944 17.9804 4.49964 17 4.5H11C8.94 4.5 7.2 5.886 6.668 7.776M21.332 7.776C21.442 8.164 21.5 8.576 21.5 9C21.5 9.39783 21.342 9.77936 21.0607 10.0607C20.7794 10.342 20.3978 10.5 20 10.5H8C7.6022 10.5 7.2206 10.342 6.9393 10.0607C6.658 9.77936 6.5 9.39783 6.5 9C6.5 8.576 6.56 8.164 6.668 7.776M21.332 7.776C22.624 7.874 23.908 7.996 25.186 8.144C27.386 8.4 29 10.298 29 12.514V39C29 40.1935 28.5259 41.3381 27.682 42.182C26.8381 43.0259 25.6935 43.5 24.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/Resources/Many.d.ts

@@ -0,0 +1,15 @@
+import { OnClick } from "../../../interface";
+type Content = {
+    title: string;
+    date?: string;
+    onClick?: OnClick;
+    downloadButton?: {
+        title: string;
+        onClick: OnClick;
+    };
+};
+interface ManyLayoutProps {
+    contents: Content[];
+}
+export default function Many({ contents }: ManyLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/layout/template/Resources/Many.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../util";
+import { Label } from "../../../widget";
+export default function Many({ contents }) {
+    const container = {
+        displays: "flex flex-row items-center justify-between",
+        sizes: "w-full",
+        boundaries: "pt-7.5 pb-7.5 border-b-1 border-gray-medium/50",
+    };
+    const leftContent = {
+        displays: "flex flex-col items-start gap-y-1",
+    };
+    const titleStyle = {
+        fonts: "text-[16px] text-gray-dark font-pretendard-bold",
+    };
+    const dateStyle = {
+        fonts: "text-[12px] text-gray-medium",
+    };
+    return (_jsx("div", { children: contents.map((content, index) => (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: cn(leftContent), children: [_jsx("div", { className: cn(titleStyle), children: content.title }), content.date && _jsx("div", { className: cn(dateStyle), children: content.date })] }), content.downloadButton ? (_jsx(Label.Button, { title: content.downloadButton.title, onClick: content.downloadButton.onClick, option: {
+                        background: "bg-gray-dark",
+                        text: "text-white",
+                        width: "auto",
+                        height: "xs",
+                        styles: "px-4 py-2 rounded-md text-sm font-medium",
+                    } })) : content.onClick ? (_jsx(Label.Button, { title: "\uB2E4\uC6B4\uB85C\uB4DC", onClick: content.onClick, option: {
+                        background: "bg-gray-dark",
+                        text: "text-white",
+                        width: "auto",
+                        height: "xs",
+                        styles: "px-4 py-2 rounded-md text-sm font-medium",
+                    } })) : null] }, index))) }));
+}

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

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

package/layout/template/Resources/index.js

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

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.342
+1.0.345