From 18f1fcdbd00264bf797a6dd450ee6b15f8b924bc Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Wed, 22 Apr 2026 19:45:56 -0400
Subject: [PATCH] style(ui): change default button size from sm to md and
 remove explicit size="sm" props

---
 src/features/admin/components/AdminHeader.js |  2 +-
 src/features/admin/pages/RolesPage.client.js |  4 +---
 src/features/admin/pages/UsersPage.client.js |  1 -
 src/shared/components/Button.js              | 18 +++++++++---------
 src/shared/components/Modal.js               |  3 ---
 src/shared/components/Table.js               |  2 --
 6 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/features/admin/components/AdminHeader.js b/src/features/admin/components/AdminHeader.js
index d70a509..e5ff3c9 100644
--- a/src/features/admin/components/AdminHeader.js
+++ b/src/features/admin/components/AdminHeader.js
@@ -18,7 +18,7 @@ const AdminHeader = ({ title, description, backHref, backLabel = '← Retour', a
       </div>
       <div className='flex gap-2'>
         {backHref && (
-          <Button variant="secondary" size="sm" onClick={() => router.push(backHref)}>
+          <Button variant="secondary" onClick={() => router.push(backHref)}>
             {backLabel}
           </Button>
         )}
diff --git a/src/features/admin/pages/RolesPage.client.js b/src/features/admin/pages/RolesPage.client.js
index bc27442..27c1411 100644
--- a/src/features/admin/pages/RolesPage.client.js
+++ b/src/features/admin/pages/RolesPage.client.js
@@ -83,7 +83,6 @@ const RolesPageClient = () => {
                 <div className="flex items-center justify-end gap-2">
                     <Button
                         variant="secondary"
-                        size="sm"
                         onClick={() => openEdit(role.id)}
                         icon={PencilEdit01Icon}
                     >
@@ -92,7 +91,6 @@ const RolesPageClient = () => {
                     {!role.is_system && (
                         <Button
                             variant="danger"
-                            size="sm"
                             onClick={() => handleDelete(role)}
                             icon={Cancel01Icon}
                         >
@@ -179,7 +177,7 @@ const RolesPageHeader = () => {
                 title="Rôles"
                 description="Gérez les rôles et leurs permissions"
                 action={
-                    <Button variant="primary" size="sm" onClick={() => setModalOpen(true)}>
+                    <Button variant="primary" onClick={() => setModalOpen(true)}>
                         Nouveau rôle
                     </Button>
                 }
diff --git a/src/features/admin/pages/UsersPage.client.js b/src/features/admin/pages/UsersPage.client.js
index f2aa630..30dab81 100644
--- a/src/features/admin/pages/UsersPage.client.js
+++ b/src/features/admin/pages/UsersPage.client.js
@@ -78,7 +78,6 @@ const UsersPageClient = () => {
             render: (user) => (
                 <Button
                     variant="secondary"
-                    size="sm"
                     onClick={() => setEditingUserId(user.id)}
                     icon={PencilEdit01Icon}
                 >
diff --git a/src/shared/components/Button.js b/src/shared/components/Button.js
index 30ed921..a7f97ce 100644
--- a/src/shared/components/Button.js
+++ b/src/shared/components/Button.js
@@ -7,7 +7,7 @@ const Button = ({
     onClick,
     type = 'button',
     variant = 'primary',
-    size = 'sm',
+    size = 'md',
     disabled = false,
     loading = false,
     icon,
@@ -27,23 +27,23 @@ const Button = ({
     };
 
     const sizes = {
-        sm: 'px-[12px] py-[6px] text-[12px] gap-1.5',
-        md: 'px-[14px] py-[7px] text-[13px] gap-2',
-        lg: 'px-6 py-3 text-base gap-2.5'
+        sm: '',
+        md: 'px-[12px] py-[7px] text-[12px] gap-1.5',
+        lg: ''
     };
 
     const iconOnlySizes = {
-        sm: 'p-[6px] text-[12px]',
-        md: 'p-[7px] text-[13px]',
-        lg: 'p-3 text-base'
+        sm: '',
+        md: 'p-[7px] text-[12px]',
+        lg: ''
     };
 
     const isIconOnly = icon && !children;
     
     const iconSizes = {
-        sm: 'w-3.5 h-3.5',
+        sm: '',
         md: 'w-4 h-4',
-        lg: 'w-5 h-5'
+        lg: ''
     };
 
     const LoadingSpinner = () => (
diff --git a/src/shared/components/Modal.js b/src/shared/components/Modal.js
index 79e4525..c0f1dea 100644
--- a/src/shared/components/Modal.js
+++ b/src/shared/components/Modal.js
@@ -40,7 +40,6 @@ const Modal = ({
         <div className="flex items-center justify-end gap-2">
             <Button
                 variant="ghost"
-                size="sm"
                 onClick={onClose}
                 disabled={loading}
             >
@@ -50,7 +49,6 @@ const Modal = ({
                 type="submit"
                 form={FORM_ID}
                 variant={submitVariant}
-                size="sm"
                 loading={loading}
                 disabled={disabled || loading}
             >
@@ -90,7 +88,6 @@ const Modal = ({
                         {closable && (
                             <Button
                                 variant="ghost"
-                                size="sm"
                                 onClick={onClose}
                                 icon={Cancel01Icon}
                                 className="!p-1 -mr-1"
diff --git a/src/shared/components/Table.js b/src/shared/components/Table.js
index ebb5d86..a30a8f5 100644
--- a/src/shared/components/Table.js
+++ b/src/shared/components/Table.js
@@ -215,7 +215,6 @@ const Table = ({
                             {totalPages > 1 && (
                                 <Button
                                     variant="ghost"
-                                    size="sm"
                                     onClick={() => onPageChange(currentPage - 1)}
                                     disabled={currentPage === 1}
                                 >
@@ -240,7 +239,6 @@ const Table = ({
                             {totalPages > 1 && (
                                 <Button
                                     variant="ghost"
-                                    size="sm"
                                     onClick={() => onPageChange(currentPage + 1)}
                                     disabled={currentPage === totalPages}
                                 >