@edu-tosel/design 1.0.305 → 1.0.306

package/layout/template/Tab.d.ts

@@ -10,6 +10,7 @@ interface Options {
 export default function Tab({ tabs, option, state, }: {
     tabs: (Button & {
         isStatic?: boolean;
+        isCompleted?: boolean;
     })[];
     option?: Options;
     state?: State<boolean[]>;

package/layout/template/Tab.js

@@ -18,7 +18,7 @@ export default function Tab({ tabs, option, state, }) {
         displays: "flex shrink-0",
         sizes: "w-full xl:w-fit h-fit",
         spacings: "xl:mt-2.5 p-2.5 gap-2.5",
-        backgrounds: boundary ?? "bg-white/50 xl:bg-white/30",
+        backgrounds: boundary ?? "bg-gray-light xl:bg-gray-light ",
         styles: "rounded-0 xl:rounded-xl",
         scrollStyling: "overflow-y-scroll scrollbar-hidden",
     };
@@ -26,9 +26,9 @@ export default function Tab({ tabs, option, state, }) {
         displays: "flex shrink-0 justify-center items-center",
         styles: "rounded-md duration-500 ",
         sizes: `${heightSize[height ?? "lg"]} ${widthSize[width ?? "lg"]}`,
-        font: text ?? "text-green-dark",
+        font: text ?? "text-gray-medium",
     };
-    return (_jsx("div", { className: cn(container), children: tabs.map(({ title, onClick, disabled, isStatic, option }, index) => (_jsx("button", { onClick: () => {
+    return (_jsx("div", { className: cn(container), children: tabs.map(({ title, onClick, disabled, isStatic, isCompleted, option }, index) => (_jsx("button", { onClick: () => {
                 if (disabled) {
                     if (typeof disabled === "function")
                         return disabled();
@@ -39,6 +39,9 @@ export default function Tab({ tabs, option, state, }) {
                 return onClick && onClick();
             }, className: cn(button, `${!isStatic &&
                 tabsSelection[index] &&
-                `${background ?? "bg-white"} rounded-2xl`}`, `${isStatic &&
-                `${option?.background ?? "bg-green-dark"} ${option?.text ?? "text-white"} `}`), children: title }, title))) }));
+                `${background ?? "bg-white"} rounded-2xl shadow-main text-green-dark`}`, `${isStatic &&
+                `${option?.background ?? "bg-green-dark"} ${option?.text ?? "text-white"} `}`, `${!isStatic &&
+                !tabsSelection[index] &&
+                isCompleted &&
+                "text-green-dark"}`), children: title }, title))) }));
 }

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.305
+1.0.306