@edu-tosel/design 1.0.109 → 1.0.110

package/card/design/NavCard.design.js

@@ -27,7 +27,7 @@ export default function NavCardDesign({ titles, option }) {
         default: "absolute",
         positions: image?.position ?? "bottom-0 right-0",
         sizes: image?.size,
-        displays: "hidden md:block",
+        className: image?.className,
     };
     return (_jsxs(Card, { option: option, children: [_jsxs("div", { className: cn(textBox.container), children: [_jsx("div", { className: cn(textBox.title), children: title }), _jsx(LineBreaks, { className: cn(textBox.subtitle), texts: subtitle ?? "" })] }), buttonInLay && (_jsx(Label.Button, { title: buttonInLay.title, onClick: buttonInLay.onClick, option: {
                     className: "absolute bottom-7.5 left-7.5",

package/card/template/NavCard.js

@@ -5,6 +5,10 @@ function Banner({ titles, option }) {
             ...option,
             width: option?.width ?? "xl",
             height: option?.height ?? "sm",
+            image: option?.image && {
+                ...option?.image,
+                className: "hidden md:block",
+            },
         } }));
 }
 function _Button({ titles, onClick, option }) {

package/interface/Card.d.ts

@@ -70,6 +70,7 @@ interface NavCardImage {
     path: string;
     size?: string;
     position?: string;
+    className?: string;
 }
 export interface NavCardProps extends Omit<CardProps, "children"> {
     titles: Titles;

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.109
+1.0.110