@edu-tosel/design 1.0.40 → 1.0.42

package/card/template/InfoCard/PersonalInformation.d.ts

@@ -9,5 +9,5 @@ interface InfoCardPersonalInformationProps extends Omit<InfoCardProps, "children
         phone: string;
     };
 }
-export default function PersonalInformation({ titles, data, theme, }: InfoCardPersonalInformationProps): import("react/jsx-runtime").JSX.Element;
+export default function PersonalInformation({ titles, theme, button, data, }: InfoCardPersonalInformationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/card/template/InfoCard/PersonalInformation.js

@@ -7,9 +7,9 @@ const color = {
     red: "#910023",
     blue: "#173A8B",
     background: {
-        red: "bg-crimson-burgundy",
-        blue: "bg-blue-navy",
-        gradient: {
+        red: gradient.bg.greenToRedSoft,
+        blue: gradient.bg.lab,
+        button: {
             red: gradient.bg.greenToRed,
             blue: gradient.bg.lab,
         },
@@ -23,7 +23,7 @@ const color = {
         blue: "text-blue-navy",
     },
 };
-export default function PersonalInformation({ titles, data, theme = "red", }) {
+export default function PersonalInformation({ titles, theme = "red", button, data, }) {
     const body = {
         container: "flex flex-col pt-5.75",
         belong: color.text[theme],
@@ -38,12 +38,12 @@ export default function PersonalInformation({ titles, data, theme = "red", }) {
             titleBorder: color.border[theme],
             width: "md",
             height: "md",
-            background: color.background.gradient[theme],
+            background: color.background[theme],
             boundary: `border-3 ${color.border[theme]}`,
-        }, children: _jsxs(_Fragment, { children: [_jsxs("div", { className: cn(body.container), children: [_jsx("div", { className: cn(body.belong), children: data.info }), _jsx("div", { className: cn(body.username), children: data.username }), _jsx("div", { className: cn(body.name), children: data.name }), _jsxs("div", { className: cn(body.subInfo), children: [_jsx("div", { children: data.email }), _jsx("div", { children: data.phone })] })] }), _jsx(Label.Button, { title: "\uD559\uC6D0 \uB4F1\uB85D\uD558\uAE30", onClick: () => { }, options: {
+        }, children: _jsxs(_Fragment, { children: [_jsxs("div", { className: cn(body.container), children: [_jsx("div", { className: cn(body.belong), children: data.info }), _jsx("div", { className: cn(body.username), children: data.username }), _jsx("div", { className: cn(body.name), children: data.name }), _jsxs("div", { className: cn(body.subInfo), children: [_jsx("div", { children: data.email }), _jsx("div", { children: data.phone })] })] }), button && (_jsx(Label.Button, { title: button[0], onClick: button[1], options: {
                         width: "md",
-                        background: color.background[theme],
+                        background: color.background.button[theme],
                         text: "text-white",
                         className: cn(label),
-                    } })] }) }));
+                    } }))] }) }));
 }

package/interface/Layout.d.ts

@@ -10,10 +10,7 @@ interface Notification {
 }
 export interface DashboardHeaderProps {
     title: string;
-    logo: {
-        image: string;
-        href?: string;
-    };
+    logo?: React.ReactNode;
     notification: {
         notifications?: Partial<Notification>[];
         flag: boolean;

package/layout/widget/dashboard/Header.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../../util";
 import { useWidgetStore } from "../../../store";
 import Menu from "./Menu";
@@ -17,7 +17,7 @@ export function Header({ title, logo, notification, options, }) {
         styles: "px-5 xl:px-8 2xl:px-16 ",
         className,
     };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex h-12 items-center gap-8 xl:gap-24 2xl:gap-26", children: [logo ? (_jsx("a", { href: logo.href, children: _jsx("img", { src: logo.image, alt: "logo" }) })) : (_jsx("div", { className: "text-2xl", children: "TOSEL" })), _jsx("div", { className: "text-3xl font-pretendard-bold", children: title })] }), _jsx("div", { className: "relative flex gap-5.25", children: _jsxs(Events.Show, { widgets: [
+    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex h-12 items-center gap-8 xl:gap-24 2xl:gap-26", children: [logo ? _jsx(_Fragment, { children: logo }) : _jsx("div", { className: "text-2xl", children: "TOSEL" }), _jsx("div", { className: "text-3xl font-pretendard-bold", children: title })] }), _jsx("div", { className: "relative flex gap-5.25", children: _jsxs(Events.Show, { widgets: [
                         ["notification", _jsx(Notification, { notifications: notifications })],
                         ["menu", _jsx(Menu, { image: "/images/hani.png" })],
                     ], children: [_jsxs("button", { className: "relative", onClick: () => {

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.40
+1.0.42