@campxdev/shared 1.4.4 → 1.4.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/Input/MultiSelect.tsx

@@ -64,6 +64,19 @@ const StyledPopper = styled(Popper)(({ theme }) => ({
         padding: 0,
       },
     },
+    '&::-webkit-scrollbar': {
+      width: '0.5em',
+      height: '0.5em',
+    },
+
+    '&::-webkit-scrollbar-thumb': {
+      backgroundColor: 'rgba(0, 0, 0, 0.15)',
+      borderRadius: '3px',
+
+      '&:hover': {
+        background: 'rgba(0, 0, 0, 0.2)',
+      },
+    },
   },
 }))
 

package/src/components/Input/TextField.tsx

@@ -15,9 +15,6 @@ const StyledTextField = styled(MuiTextField)(({ theme }) => ({
       display: 'none',
     },
   },
-  '& .MuiInputAdornment-positionStart': {
-    paddingLeft: '14px',
-  },
 }))
 
 export default function TextField({

package/src/components/LoginForm.tsx

@@ -31,7 +31,7 @@ export function LoginForm({ loginUrl }: { loginUrl?: string }) {
   }
 
   return (
-    <Box sx={{ maxWidth: '500px' }} margin="0 auto" padding={'0 1rem'}>
+    <>
       <form onSubmit={handleSubmit(onSubmit)}>
         <Stack gap={'30px'}>
           <Box>
@@ -73,7 +73,7 @@ export function LoginForm({ loginUrl }: { loginUrl?: string }) {
           {error}
         </Alert>
       )}
-    </Box>
+    </>
   )
 }
 

package/src/theme/muiTheme.ts

@@ -162,7 +162,6 @@ const muiTheme = createTheme({
           textTransform: 'capitalize',
           fontWeight: 600,
           borderRadius: borderRadius.small,
-          flexShrink: 0,
           '&.MuiButton-sizeSmall': {
             padding: '6px 8px',
             height: '40px',
@@ -187,6 +186,8 @@ const muiTheme = createTheme({
     MuiInputBase: {
       styleOverrides: {
         root: {
+          fontFamily: PRIMARY_FONT,
+          fontWeight: 'normal',
           minHeight: '50px',
           borderRadius: '10px',
           '& input': {
@@ -208,7 +209,10 @@ const muiTheme = createTheme({
         root: {
           borderRadius: borderRadius.large,
           '& .MuiInputAdornment-positionEnd.MuiInputAdornment-outlined': {
-            paddingRight: 2,
+            paddingRight: '14px',
+          },
+          '& .MuiInputAdornment-positionStart.MuiInputAdornment-outlined': {
+            paddingLeft: '14px',
           },
           '& .MuiOutlinedInput-notchedOutline': {
             top: 1,

package/src/utils/withRouteWrapper.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from 'react'
 import PageWithPermission from '../permissions/PageWithPermission'
-import { LinearProgress } from '../components/LinearProgress'
+import { Spinner } from '../components'
 
 const withRouteWrapper = (routes) => {
   return routes?.map((item, index) => {
@@ -13,7 +13,7 @@ const withRouteWrapper = (routes) => {
     return {
       ...item,
       element: item?.element ? (
-        <Suspense fallback={<LinearProgress />} key={index}>
+        <Suspense fallback={<Spinner />} key={index}>
           <PageWithPermission permissionKey={item?.permissionKey}>
             {item.element}
           </PageWithPermission>