@campxdev/react-blueprint 1.6.6 → 1.6.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "main": "./export.ts",
   "private": false,
   "dependencies": {

package/src/components/Assets/Icons/IconComponents/AssignmentIcon.tsx

@@ -0,0 +1,21 @@
+export const AssignmentIcon = ({ size = 16 }) => {
+  return (
+    <svg
+      width="60"
+      height="60"
+      viewBox="0 0 60 60"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 4C0 1.79086 1.79086 0 4 0H56C58.2091 0 60 1.79086 60 4V56C60 58.2091 58.2091 60 56 60H4C1.79086 60 0 58.2091 0 56V4Z"
+        fill="#F2353C"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M34.3125 31.875C34.3125 32.1237 34.2137 32.3621 34.0379 32.5379C33.8621 32.7137 33.6236 32.8125 33.375 32.8125H25.875C25.6264 32.8125 25.3879 32.7137 25.2121 32.5379C25.0363 32.3621 24.9375 32.1237 24.9375 31.875C24.9375 31.6264 25.0363 31.3879 25.2121 31.2121C25.3879 31.0363 25.6264 30.9375 25.875 30.9375H33.375C33.6236 30.9375 33.8621 31.0363 34.0379 31.2121C34.2137 31.3879 34.3125 31.6264 34.3125 31.875ZM30.5625 34.6875H25.875C25.6264 34.6875 25.3879 34.7863 25.2121 34.9621C25.0363 35.1379 24.9375 35.3764 24.9375 35.625C24.9375 35.8737 25.0363 36.1121 25.2121 36.2879C25.3879 36.4637 25.6264 36.5625 25.875 36.5625H30.5625C30.8111 36.5625 31.0496 36.4637 31.2254 36.2879C31.4012 36.1121 31.5 35.8737 31.5 35.625C31.5 35.3764 31.4012 35.1379 31.2254 34.9621C31.0496 34.7863 30.8111 34.6875 30.5625 34.6875ZM39 28.5795V36.5625C38.9986 37.8053 38.5043 38.9968 37.6255 39.8755C36.7468 40.7543 35.5553 41.2486 34.3125 41.25H24.9375C23.6947 41.2486 22.5032 40.7543 21.6245 39.8755C20.7457 38.9968 20.2514 37.8053 20.25 36.5625V23.4375C20.2514 22.1947 20.7457 21.0033 21.6245 20.1245C22.5032 19.2457 23.6947 18.7514 24.9375 18.75H29.1705C30.0325 18.7479 30.8865 18.9166 31.6829 19.2464C32.4794 19.5762 33.2026 20.0606 33.8107 20.6715L37.077 23.94C37.6885 24.5477 38.1733 25.2707 38.5034 26.0671C38.8335 26.8635 39.0023 27.7174 39 28.5795ZM32.4855 21.9975C32.1904 21.7117 31.8591 21.4659 31.5 21.2663V25.3125C31.5 25.5612 31.5988 25.7996 31.7746 25.9754C31.9504 26.1512 32.1889 26.25 32.4375 26.25H36.4837C36.284 25.8913 36.0379 25.5604 35.7518 25.266L32.4855 21.9975ZM37.125 28.5795C37.125 28.425 37.095 28.2795 37.0807 28.125H32.4375C31.6916 28.125 30.9762 27.8287 30.4488 27.3013C29.9213 26.7738 29.625 26.0584 29.625 25.3125V20.6693C29.475 20.655 29.325 20.625 29.1705 20.625H24.9375C24.1916 20.625 23.4762 20.9213 22.9488 21.4488C22.4213 21.9762 22.125 22.6916 22.125 23.4375V36.5625C22.125 37.3084 22.4213 38.0238 22.9488 38.5513C23.4762 39.0787 24.1916 39.375 24.9375 39.375H34.3125C35.0584 39.375 35.7738 39.0787 36.3012 38.5513C36.8287 38.0238 37.125 37.3084 37.125 36.5625V28.5795Z"
+        fill="#F2353C"
+      />
+    </svg>
+  );
+};

package/src/components/Assets/Icons/Icons.tsx

@@ -12,6 +12,7 @@ import { AppsIcon } from './IconComponents/AppsIcon';
 import { ArchiveIcon } from './IconComponents/ArchiveIcon';
 import { ArrowBackIcon } from './IconComponents/ArrowBackIcon';
 import { AssessmentsIcon } from './IconComponents/AssessmentsIcon';
+import { AssignmentIcon } from './IconComponents/AssignmentIcon';
 import { AttachmentIcon } from './IconComponents/AttachmentIcon';
 import { AttendanceIcon } from './IconComponents/AttendanceIcon';
 import { BulbIcon } from './IconComponents/BulbIcon';
@@ -120,6 +121,7 @@ export const Icons = {
   PrinterIcon,
   RedoIcon,
   WhatsappIcon,
+  AssignmentIcon,
   SmsIcon,
   EmailIcon,
   TextLocalIcon,

package/src/components/DataDisplay/Card/Card.tsx

@@ -87,7 +87,7 @@ export const Card = ({
       {children}
       {imageSrc && <StyledImage src={imageSrc} alt="Card image" />}
       <StyledHeader sx={headerSx}>
-        <Stack gap={'8px'} flexDirection={'row'}>
+        <Stack gap={'8px'} flexDirection={'row'} alignItems={'center'}>
           {/* check box onclick functionality need to add */}
           {/* {checkBox && (
             <StyledStack>

package/src/components/Navigation/Breadcrumbs/Breadcrumbs.tsx

@@ -3,6 +3,7 @@ import {
   BreadcrumbsProps as MuiBreadcrumbsProps,
   Stack,
   styled,
+  SxProps,
 } from '@mui/material';
 import _ from 'lodash';
 import { Link } from 'react-router-dom';
@@ -12,9 +13,14 @@ import { Typography } from '../../export';
 
 export type BreadcrumbsProps = {
   pathTrimCount: number;
+  containerProps: SxProps;
 } & MuiBreadcrumbsProps;
 
-export const Breadcrumbs = ({ pathTrimCount, ...rest }: BreadcrumbsProps) => {
+export const Breadcrumbs = ({
+  pathTrimCount,
+  containerProps,
+  ...rest
+}: BreadcrumbsProps) => {
   const specialCharacter = getBreadcrumbsCharacter();
   const currentPathArray = window.location.pathname.split('/');
 
@@ -25,7 +31,7 @@ export const Breadcrumbs = ({ pathTrimCount, ...rest }: BreadcrumbsProps) => {
   currentPathArray.splice(0, pathTrimCount + 1);
 
   return (
-    <BreadcrumbContainer>
+    <BreadcrumbContainer sx={containerProps}>
       <MuiBreadcrumbs {...rest}>
         {currentPathArray?.map((item, index) => {
           basePath = basePath + `/${item}`;