@edu-tosel/design 1.0.113 → 1.0.114

package/interface/Modal.d.ts

@@ -22,7 +22,7 @@ interface ModalProps {
     debug?: string;
 }
 interface ConfirmModalProps<T = any> extends ModalProps {
-    buttons: [Button, Button];
+    buttons: [Button] | [Button, Button];
     widgets?: ConfirmModalWidget<T>[];
 }
 type ConfirmModalWidget<T = string> = ConfirmModalSelectSwitchProps<T> | ConfirmModalSelectHandleProps<T> | ConfirmModalSelectTagProps<T> | ConfirmModalPaginationProps<T> | ConfirmModalInputFormProps | ConfirmModalNodeProps;

package/modal/design/ConfirmModal.design.js

@@ -7,7 +7,7 @@ export default function ConfirmModalDesign({ titles, showAction, buttons, childr
         displays: "flex flex-col",
     };
     const buttonBox = {
-        positions: "absolute bottom-4 md:bottom-5 left-2 md:left-5",
+        positions: "absolute bottom-4 md:bottom-5 right-2 md:right-5",
         displays: "flex gap-1 md:gap-2.5",
     };
     return (_jsx(ModalDesign, { titles: titles, showAction: showAction, option: option, children: _jsxs("div", { className: cn(container), children: [children, _jsx("div", { className: cn(buttonBox), children: buttons.map(({ title, onClick, option }) => (_jsx(Label.Button, { title: title, onClick: onClick, option: {

package/modal/design/Modal.design.js

@@ -69,5 +69,5 @@ function ModalDesign({ titles, showAction, children, option, debug, }) {
         displays: "flex flex-col items-end",
         sizes: "w-full min-h-[83px]",
     };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: cn(titleBox), children: [_jsx("div", { className: "text-xl leading-none font-pretendard-bold", children: titles.title }), _jsx("div", { className: "bg-gray-light w-13.75 h-2 mt-3" }), _jsx(LineBreaks, { texts: titles.subtitle, className: "mt-5 text-base leading-none text-end font-pretendard-bold" })] }), children, !noClose && event && (_jsx(SVG.Close, { onClick: () => removeModal(event), className: "absolute top-1 left-1" }))] }));
+    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: cn(titleBox), children: [_jsx("div", { className: "text-xl leading-none font-pretendard-bold", children: titles.title }), _jsx("div", { className: "bg-gray-light w-13.75 h-2 mt-3" }), _jsx(LineBreaks, { texts: titles.subtitle, className: "mt-5 text-base leading-none text-end " })] }), _jsx("div", { className: "overflow-hidden", children: children }), !noClose && event && (_jsx(SVG.Close, { onClick: () => removeModal(event), className: "absolute top-2.5 left-2.5 md:top-5 md:left-5" }))] }));
 }

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.113
+1.0.114