@edu-tosel/design 1.0.294 → 1.0.295

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

@@ -1,7 +1,9 @@
+import { Button as _Button } from "../../../interface";
 interface OneLayoutProps {
     title: string;
     date: string;
     content: string;
+    button?: _Button;
 }
-export default function One({ title, date, content }: OneLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function One({ title, date, content, button }: OneLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/layout/template/Announcement/One.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn, isHTMLString } from "../../../util";
-export default function One({ title, date, content }) {
+import { Label } from "../../../widget";
+export default function One({ title, date, content, button }) {
     const body = {
         sizes: "w-full max-w-[1200px]",
-        boundaries: "pl-12 ",
+        boundaries: "pb-8 px-3.5 md:pl-12  md:pr-0",
     };
     const titleBox = {
         sizes: "w-full h-30",
@@ -13,5 +14,10 @@ export default function One({ title, date, content }) {
     const contentBox = {
         boundaries: "pt-12",
     };
-    return (_jsxs("div", { className: cn(body), children: [_jsxs("div", { className: cn(titleBox), children: [_jsx("div", { className: "text-[24px] font-pretendard-bold", children: title }), _jsx("div", { className: "text-gray-medium", children: date })] }), isHTMLString(content) ? (_jsx("div", { dangerouslySetInnerHTML: { __html: content }, className: cn(contentBox) })) : (_jsx("div", { className: cn(contentBox), children: content }))] }));
+    return (_jsxs("div", { className: cn(body), children: [_jsxs("div", { className: cn(titleBox), children: [_jsx("div", { className: "text-[24px] font-pretendard-bold", children: title }), _jsx("div", { className: "text-gray-medium", children: date })] }), isHTMLString(content) ? (_jsx("div", { dangerouslySetInnerHTML: { __html: content }, className: cn(contentBox) })) : (_jsx("div", { className: cn(contentBox), children: content })), _jsx("div", { className: "pt-6", children: button && (_jsx(Label.Button, { ...button, option: {
+                        width: "full",
+                        height: "lg",
+                        background: "bg-green-dark",
+                        text: "text-white",
+                    } })) })] }));
 }

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.294
+1.0.295

package/widget/design/Label.design.js

@@ -19,6 +19,7 @@ const heightSize = {
     sm: "h-11.25",
     md: "h-12.25",
     lg: "h-[45px]",
+    xl: "h-[50px]",
 };
 export default function LabelDesign({ title, onClick, disabled, option, hoverState, }) {
     const [hover, setHover] = hoverState ?? [false, () => { }];