@edu-tosel/design 1.0.130 → 1.0.132

package/interface/Modal.d.ts

@@ -58,7 +58,7 @@ interface AlertModalProps extends Omit<ModalProps, "children"> {
 }
 interface DaumPostcode {
     address: string;
-    zipcode: string;
+    zipCode: string;
 }
 interface DaumPostcodeModalProps extends Omit<ModalProps, "titles" | "children"> {
     state: State<DaumPostcode>;

package/interface/widget/Carousel.d.ts

@@ -1,4 +1,4 @@
-import { Titles } from "../Property";
+import { OnClick, Titles } from "../Property";
 export type { CarouselContent };
 type Tag = "NEW" | "REG" | "RCU";
 interface Option {
@@ -12,5 +12,6 @@ interface CarouselContent {
     };
     titles: Titles;
     image?: string;
+    onClick?: OnClick;
     option?: Partial<Option>;
 }

package/layout/template/home/layout/Carousel.js

@@ -86,5 +86,5 @@ export default function Carousel({ contents, }) {
         sizes: "w-23.25 h-6.25 bg-gray-dark rounded-full",
         paddings: "px-1.5 mt-12",
     };
-    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsxs("div", { className: "duration-500 w-fit h-fit flex flex-col mt-4 xxs:mt-8 xxs:flex-row xxs:gap-8 md:flex-col md:flex-none md:w-72 md:pl-7.5 md:gap-6 md:mt-0", children: [_jsxs("div", { className: cn(titleSet), children: [_jsx("div", { className: cn(tagBox), children: tagString[tag.type] }), _jsx("div", { className: "font-pretendard-bold text-xl md:text-2xl", children: titles.title })] }), _jsx(LineBreaks, { className: "w-fit flex flex-col justify-center text-sm my-2 xxs:mt-0 md:text-base", texts: titles.subtitle }), _jsxs("div", { className: cn(buttonBox), children: [_jsx("button", { onClick: handlePrev, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.LessThan, {}) }), _jsxs("div", { className: "flex flex-row gap-2 justify-center items-center", children: [_jsx("div", { className: "text-white w-2 text-sm", children: index + 1 }), _jsx("div", { className: "w-0.5 h-3 bg-gray-medium" }), _jsx("div", { className: "text-white w-2 text-sm", children: contents.length })] }), _jsx("button", { onClick: handleNext, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.GreaterThan, {}) })] })] }), _jsx("div", { className: "h-full overflow-hidden w-fit", children: image && (_jsx(animated.img, { src: image, alt: "carousel-image", onLoad: () => setLoaded(true), className: "object-cover h-full", style: transitionStyles })) })] }) }));
+    return (_jsx("div", { onClick: contents[index].onClick, className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsxs("div", { className: "duration-500 w-fit h-fit flex flex-col mt-4 xxs:mt-8 xxs:flex-row xxs:gap-8 md:flex-col md:flex-none md:w-72 md:pl-7.5 md:gap-6 md:mt-0", children: [_jsxs("div", { className: cn(titleSet), children: [_jsx("div", { className: cn(tagBox), children: tagString[tag.type] }), _jsx("div", { className: "font-pretendard-bold text-xl md:text-2xl", children: titles.title })] }), _jsx(LineBreaks, { className: "w-fit flex flex-col justify-center text-sm my-2 xxs:mt-0 md:text-base", texts: titles.subtitle }), _jsxs("div", { className: cn(buttonBox), children: [_jsx("button", { onClick: handlePrev, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.LessThan, {}) }), _jsxs("div", { className: "flex flex-row gap-2 justify-center items-center", children: [_jsx("div", { className: "text-white w-2 text-sm", children: index + 1 }), _jsx("div", { className: "w-0.5 h-3 bg-gray-medium" }), _jsx("div", { className: "text-white w-2 text-sm", children: contents.length })] }), _jsx("button", { onClick: handleNext, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.GreaterThan, {}) })] })] }), _jsx("div", { className: "h-full overflow-hidden w-fit", children: image && (_jsx(animated.img, { src: image, alt: "carousel-image", onLoad: () => setLoaded(true), className: "object-cover h-full", style: transitionStyles })) })] }) }));
 }

package/layout/template/home/layout/Header.js

@@ -3,6 +3,7 @@ import { cn, gradient } from "../../../../util";
 import { Label } from "../../../../widget";
 export default function Header({ logo, rightButton, contents, }) {
     const container = {
+        positions: "fixed top-0 left-0 z-40",
         displays: "flex justify-center items-center",
         sizes: "w-full",
         styles: "bg-white  box-shadow ",

package/layout/template/home/layout/index.js

@@ -8,5 +8,5 @@ export default function Layout({ contents, children, logo, rightButton, }) {
         sizes: "w-full min-h-screen",
         overflows: "overflow-x-hidden ",
     };
-    return (_jsxs("div", { className: cn(container), children: [_jsx(Header, { logo: logo, rightButton: rightButton, contents: contents }), children, _jsx(Footer, {})] }));
+    return (_jsxs("div", { className: cn(container), children: [_jsx(Header, { logo: logo, rightButton: rightButton, contents: contents }), _jsx("div", { className: "w-full max-w-[1200px] h-15" }), children, _jsx(Footer, {})] }));
 }

package/modal/template/Postcode.js

@@ -15,7 +15,7 @@ export default function PostcodeModal({ state, showAction, }) {
     const handler = (data) => {
         setValue({
             address: data.address,
-            zipcode: data.zonecode,
+            zipCode: data.zonecode,
         });
         return showAction?.event && removeModal(showAction.event);
     };

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.130
+1.0.132