next-helios-fe 1.4.40 → 1.4.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.4.40",
+  "version": "1.4.42",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/button/index.tsx

@@ -64,7 +64,7 @@ export const Button: React.FC<ButtonProps> = ({
 
   return (
     <button
-      className={`relative flex ${position} items-center ${width} px-3 ${height} rounded-md text-left ${variant} ${border} ${isActive} select-none disabled:pointer-events-none active:opacity-70 active:duration-300 active:ease-out disabled:active:opacity-100 ${className}`}
+      className={`relative flex ${position} items-center ${width} px-3 ${height} rounded-md text-left ${variant} ${border} ${isActive} select-none disabled:pointer-events-none ${className}`}
       {...rest}
     >
       {loading ? (

package/src/components/content-container/drawer.tsx

@@ -39,7 +39,7 @@ export const Drawer: React.FC<DrawerProps> = ({
       >
         <button
           type="button"
-          className="group sticky top-36 h-min rounded-l-md text-white bg-primary p-2 hover:bg-primary-dark pointer-events-auto active:opacity-70 active:duration-300 active:ease-out"
+          className="group sticky top-36 h-min rounded-l-md text-white bg-primary p-2 hover:bg-primary-dark pointer-events-auto"
           onClick={() => {
             setOpen((prev) => !prev);
           }}

package/src/components/table/index.tsx

@@ -393,7 +393,7 @@ export const Table: TableComponentProps = ({
       return (
         <tr key={item.id}>
           {checkbox && (
-            <td className="sticky left-0 w-8 px-4 py-1 bg-secondary-bg">
+            <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg">
               <Form.Checkbox
                 options={{ disableHover: true }}
                 checked={
@@ -414,7 +414,7 @@ export const Table: TableComponentProps = ({
             </td>
           )}
           {!options?.hideNumberColumn && (
-            <td className="sticky left-0 px-4 py-1 bg-secondary-bg text-center">
+            <td className="sticky left-0 px-4 py-1.5 bg-secondary-bg text-center">
               {(page - 1) * maxRow + index + 1}
             </td>
           )}
@@ -425,7 +425,7 @@ export const Table: TableComponentProps = ({
                 return (
                   <td
                     key={headerItem.key}
-                    className="px-4 py-1 bg-secondary-bg whitespace-nowrap"
+                    className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
                   >
                     {headerItem.render(item)}
                   </td>
@@ -434,7 +434,7 @@ export const Table: TableComponentProps = ({
                 return (
                   <td
                     key={headerItem.key}
-                    className="px-4 py-1 bg-secondary-bg whitespace-nowrap"
+                    className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
                   >
                     {item[headerItem.key as keyof typeof item]}
                   </td>
@@ -442,7 +442,7 @@ export const Table: TableComponentProps = ({
               }
             })}
           {actionColumn && (
-            <td className="sticky right-0 px-4 py-1 bg-secondary-bg text-center">
+            <td className="sticky right-0 px-4 py-1.5 bg-secondary-bg text-center">
               {actionColumn(item)}
             </td>
           )}
@@ -482,7 +482,7 @@ export const Table: TableComponentProps = ({
                   <button
                     key={index}
                     type="button"
-                    className={`p-1.5 rounded-full text-white active:opacity-70 active:duration-300 active:ease-out ${variant}`}
+                    className={`p-1.5 rounded-full text-white ${variant}`}
                     onClick={(e) => {
                       item.onClick && item.onClick(e);
                     }}
@@ -494,7 +494,7 @@ export const Table: TableComponentProps = ({
             {options?.toolbar?.addData?.show !== false && (
               <button
                 type="button"
-                className="p-1.5 rounded-full bg-primary text-white hover:bg-primary-dark active:opacity-70 active:duration-300 active:ease-out"
+                className="p-1.5 rounded-full bg-primary text-white hover:bg-primary-dark"
                 onClick={(e) => {
                   options?.toolbar?.addData?.onClick &&
                     options?.toolbar?.addData?.onClick(e);