@edu-tosel/design 1.0.86 → 1.0.87

package/card/design/RollCard.design.js

@@ -24,7 +24,7 @@ export default function RollCardDesign({ titles, state, disabled, isFixed, child
     };
     return (_jsxs(Card, { option: {
             width: "2xl",
-            height: !isFixed && isOpen ? "xs" : "3xs",
+            height: !isFixed && isOpen ? "2xs" : "4xs",
             background: isDisabled || flag ? "bg-green-dark/10" : "bg-white",
             className: "p-7.5 flex flex-col gap-y-6",
         }, children: [_jsxs(Shelf.Row, { className: "justify-between", children: [_jsxs(Shelf.Col, { className: "gap-y-2.5", children: [_jsxs(Shelf.Row, { className: "gap-x-2.5 items-center", children: [titles.icon && _jsx("img", { src: titles.icon, alt: "icon" }), _jsx("div", { className: "text-xl leading-none font-pretendard-bold text-green-dark", children: titles.title })] }), _jsx("div", { className: "leading-none", children: titles.subtitle })] }), _jsxs("div", { className: "flex gap-3.5 items-center", children: [_jsx(Label, { title: !isDisabled

package/layout/template/Tab.js

@@ -20,7 +20,7 @@ export default function Tab({ tabs, option, state, }) {
         displays: "hidden xl:flex xl:items-center xl:gap-2.5",
         sizes: "w-auto",
         paddings: "p-2.5",
-        backgrounds: boundary ?? "bg-white/30",
+        backgrounds: boundary ?? "bg-gray-light",
         styles: "rounded-xl ",
     };
     const button = {

package/modal/design/Modal.design.js

@@ -35,11 +35,12 @@ export default function ModalDesign({ titles, showAction, children, option, debu
     }, []);
     const background = {
         positions: "z-50 fixed top-0 left-0",
-        displays: position ?? "flex items-center justify-center ",
+        displays: !position && "flex items-center justify-center ",
         sizes: "min-h-screen w-full ",
         styles: !noBackground && "bg-black/10 backdrop-blur-sm ",
     };
     const container = {
+        positions: position,
         paddings: "p-5",
         sizes: `${heightSize[height ?? "lg"]} ${widthSize[width ?? "md"]}`,
         styles: "rounded-xl bg-white relative overflow-hidden",

package/modal/template/Confirm/Confirm.js

@@ -12,6 +12,7 @@ export default function Confirm(props) {
         sizes: "w-full h-60",
     };
     return (_jsx(ConfirmModalDesign, { ...props, children: _jsx("div", { className: cn(container), children: props.widgets?.map((widget, index) => (_createElement(ConfirmModalWidget, { ...widget, key: index }))) }), option: {
+            ...props.option,
             width: "md",
             height: "lg",
         } }));

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.86
+1.0.87