change button size in all button primitives

Author: aditya-mitra

packages/client-core/src/admin/adminRoutes.tsx

@@ -71,7 +71,7 @@ const AdminTopBar = () => {
           )}
         </Button>
         <Tooltip content={tooltip}>
-          <Button className="pointer-events-auto" size="small" onClick={() => AuthService.logoutUser()}>
+          <Button className="pointer-events-auto" size="sm" onClick={() => AuthService.logoutUser()}>
             {t('admin:components.common.logOut')}
           </Button>
         </Tooltip>

packages/client-core/src/admin/components/avatar/index.tsx

@@ -71,7 +71,7 @@ export default function Avatars() {
           <div>
             <Button
               startIcon={<HiPlus />}
-              size="small"
+              size="xs"
               fullWidth
               onClick={() => {
                 PopoverState.showPopupover(<AddEditAvatarModal />)

packages/client-core/src/admin/components/channel/index.tsx

@@ -80,7 +80,7 @@ export default function Channels() {
                 <Button
                   startIcon={<HiTrash />}
                   variant="danger"
-                  size="small"
+                  size="xs"
                   fullWidth
                   onClick={() => {
                     PopoverState.showPopupover(
@@ -104,7 +104,7 @@ export default function Channels() {
             <div className="ml-auto">
               <Button
                 startIcon={<HiPlus />}
-                size="small"
+                size="xs"
                 fullWidth
                 onClick={() => {
                   PopoverState.showPopupover(<AddEditChannelModal />)

packages/client-core/src/admin/components/instance/InstanceTable.tsx

@@ -89,7 +89,7 @@ export default function InstanceTable({ search }: { search: string }) {
               PopoverState.showPopupover(<ViewModal instanceId={row.id} />)
             }}
             startIcon={<HiEye className="place-self-center text-blue-700 dark:text-white" />}
-            size="small"
+            size="xs"
           >
             {t('admin:components.instance.actions.view')}
           </Button>

packages/client-core/src/admin/components/instance/index.tsx

@@ -70,7 +70,7 @@ export default function Instances() {
           />
           <div>
             <Button
-              size="small"
+              size="xs"
               fullWidth
               onClick={() => {
                 PopoverState.showPopupover(<PatchServerModal />)

packages/client-core/src/admin/components/invites/InviteTable.tsx

@@ -107,7 +107,7 @@ export default function InviteTable({
       action: (
         <div className="flex items-center gap-3">
           <Button
-            size="small"
+            size="xs"
             variant="primary"
             onClick={() => PopoverState.showPopupover(<AddEditInviteModal invite={row} />)}
           >

packages/client-core/src/admin/components/invites/index.tsx

@@ -77,7 +77,7 @@ export default function Invites() {
               <div>
                 <Button
                   variant="danger"
-                  size="small"
+                  size="xs"
                   fullWidth
                   onClick={() => {
                     PopoverState.showPopupover(<RemoveInviteModal invites={selectedInvites.value as InviteType[]} />)
@@ -90,7 +90,7 @@ export default function Invites() {
             <div className="ml-auto">
               <Button
                 startIcon={<HiPlus />}
-                size="small"
+                size="xs"
                 fullWidth
                 onClick={() => {
                   PopoverState.showPopupover(<AddEditInviteModal />)

packages/client-core/src/admin/components/locations/index.tsx

@@ -71,7 +71,7 @@ export default function Locations() {
           <div>
             <Button
               startIcon={<HiPlus />}
-              size="small"
+              size="xs"
               fullWidth
               onClick={() => {
                 PopoverState.showPopupover(<AddEditLocationModal />)

packages/client-core/src/admin/components/project/AddEditProjectModal.tsx

@@ -446,7 +446,7 @@ export default function AddEditProjectModal({
                 <Button
                   title={t('admin:components.project.copyDestination')}
                   variant="outline"
-                  size="small"
+                  size="xs"
                   className="p-3 [&>*]:m-0"
                   startIcon={<HiMiniClipboardDocumentList />}
                   onClick={() => {

packages/client-core/src/admin/components/project/ProjectTable.tsx

@@ -118,7 +118,7 @@ export default function ProjectTable(props: { search: string }) {
       <div className="flex items-center justify-evenly p-1">
         <Button
           startIcon={<HiOutlineArrowPath />}
-          size="small"
+          size="xs"
           className="mr-2 h-min whitespace-pre bg-theme-blue-secondary text-[#214AA6] disabled:opacity-50 dark:text-white"
           disabled={project.name === 'default-project'}
           onClick={() =>
@@ -131,7 +131,7 @@ export default function ProjectTable(props: { search: string }) {
         </Button>
         <Button
           startIcon={<GrGithub />}
-          size="small"
+          size="xs"
           className="mr-2 h-min whitespace-pre bg-theme-blue-secondary text-[#214AA6] disabled:opacity-50 dark:text-white"
           disabled={!project || !project.repositoryPath || project.name === 'default-project'}
           onClick={() => {
@@ -152,7 +152,7 @@ export default function ProjectTable(props: { search: string }) {
 
         <Button
           startIcon={<HiOutlineUsers />}
-          size="small"
+          size="xs"
           className="mr-2 h-min whitespace-pre bg-theme-blue-secondary text-[#214AA6] disabled:opacity-50 dark:text-white"
           onClick={() => {
             activeProjectId.set(project.id)
@@ -163,7 +163,7 @@ export default function ProjectTable(props: { search: string }) {
         </Button>
         <Button
           startIcon={<HiOutlineCommandLine />}
-          size="small"
+          size="xs"
           className="mr-2 h-min whitespace-pre bg-theme-blue-secondary text-[#214AA6] disabled:opacity-50 dark:text-white"
           disabled={config.client.localBuildOrDev}
           onClick={() => {
@@ -181,14 +181,14 @@ export default function ProjectTable(props: { search: string }) {
         </Button>
         <Button
           startIcon={<HiOutlineFolder />}
-          size="small"
+          size="xs"
           className="mr-2 h-min whitespace-pre bg-theme-blue-secondary text-[#214AA6] disabled:opacity-50 dark:text-white"
         >
           {t('admin:components.common.view')}
         </Button>
         <Button
           startIcon={<HiOutlineTrash />}
-          size="small"
+          size="xs"
           className="h-min whitespace-pre bg-theme-blue-secondary text-[#214AA6] disabled:opacity-50 dark:text-white"
           disabled={project.name === 'default-project'}
           onClick={() => {