@edu-tosel/design 1.0.41 → 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/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.41
+1.0.42