@campxdev/react-blueprint 2.2.7 → 2.2.9

package/dist/esm/types/src/components/Assets/Icons/IconComponents/ChallansIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const ChallansIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts

@@ -9,6 +9,7 @@ export interface IconProps {
 export type IconComponent = FC<IconProps>;
 export type IconsType = {
     AcademicFeesIcon: IconComponent;
+    ChallansIcon: IconComponent;
     AcademicsIcon: IconComponent;
     AccordionArrow: IconComponent;
     ActiveDevicesIcon: IconComponent;

package/dist/index.d.ts

@@ -76,6 +76,7 @@ interface IconProps {
 type IconComponent = FC<IconProps>;
 type IconsType = {
     AcademicFeesIcon: IconComponent;
+    ChallansIcon: IconComponent;
     AcademicsIcon: IconComponent;
     AccordionArrow: IconComponent;
     ActiveDevicesIcon: IconComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "description": "React UI component library for CampX applications",
   "author": "CampX",
   "license": "MIT",
@@ -27,6 +27,7 @@
   "scripts": {
     "start": "react-scripts --max_old_space_size=4096 start",
     "build": "NODE_OPTIONS='--max-old-space-size=4096' rollup -c --bundleConfigAsCjs",
+    "yalc:w": "copy package.json package.json.backup && node -e \"const fs=require('fs'); const pkg=JSON.parse(fs.readFileSync('./package.json')); pkg.main='export.ts'; pkg.module='export.ts'; pkg.types='export.ts'; pkg.exports={'.':'./export.ts'}; delete pkg.scripts.prepare; fs.writeFileSync('./package.json', JSON.stringify(pkg, null, 2));\" && yalc publish --push --sig --no-scripts && move /Y package.json.backup package.json",
     "yalc:dev": "cp package.json package.json.backup && node -e \"const fs=require('fs'); const pkg=JSON.parse(fs.readFileSync('./package.json')); pkg.main='export.ts'; pkg.module='export.ts'; pkg.types='export.ts'; pkg.exports={'.':'./export.ts'}; delete pkg.scripts.prepare; fs.writeFileSync('./package.json', JSON.stringify(pkg, null, 2));\" && yalc publish --push --sig --no-scripts && mv package.json.backup package.json",
     "test": "react-scripts test",
     "storybook": "NODE_OPTIONS='--max-old-space-size=4096' storybook dev -p 6006",

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

@@ -0,0 +1,57 @@
+import { useTheme } from '@mui/material';
+
+export const ChallansIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+  const theme = useTheme();
+  color = color ?? theme.palette.text.primary;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+    >
+      <g
+        id="vuesax_outline_receipt-2"
+        data-name="vuesax/outline/receipt-2"
+        transform="translate(-492 -380)"
+      >
+        <g id="receipt-2">
+          <path
+            id="Vector"
+            d="M9.26,21.49A2.59,2.59,0,0,1,7.2,20.38L6.18,19.04a1.081,1.081,0,0,0-.79-.46,1.133,1.133,0,0,0-.85.37,3.448,3.448,0,0,1-2.49,1.34,1.816,1.816,0,0,1-1.37-.7.862.862,0,0,1-.11-.19A8.837,8.837,0,0,1,0,15.71V5.79A8.868,8.868,0,0,1,.57,2.1a.619.619,0,0,1,.11-.17,1.8,1.8,0,0,1,1.36-.72A3.417,3.417,0,0,1,4.53,2.54a1.064,1.064,0,0,0,.85.38,1.081,1.081,0,0,0,.79-.46L7.19,1.11A2.59,2.59,0,0,1,9.25,0a2.59,2.59,0,0,1,2.06,1.11l1.01,1.34a1.082,1.082,0,0,0,.81.47,1.11,1.11,0,0,0,.85-.38,3.455,3.455,0,0,1,2.41-1.33,1.79,1.79,0,0,1,1.44.72.784.784,0,0,1,.11.18,8.837,8.837,0,0,1,.57,3.69v9.92a8.868,8.868,0,0,1-.57,3.69.776.776,0,0,1-.16.24,1.748,1.748,0,0,1-1.39.65,3.455,3.455,0,0,1-2.41-1.33,1.025,1.025,0,0,0-1.66.09L11.31,20.4A2.591,2.591,0,0,1,9.26,21.49ZM5.34,17.07h.13a2.56,2.56,0,0,1,1.9,1.06l1.02,1.35a1,1,0,0,0,1.72.01l1.01-1.34a2.513,2.513,0,0,1,3.94-.21c.74.79,1.19.85,1.31.85a.316.316,0,0,0,.22-.08,7.8,7.8,0,0,0,.4-3V5.79a7.95,7.95,0,0,0-.4-2.98.271.271,0,0,0-.22-.1c-.12,0-.57.06-1.31.85a2.587,2.587,0,0,1-2.02.85,2.618,2.618,0,0,1-1.93-1.06L10.1,2.01a1,1,0,0,0-1.72,0L7.36,3.37a2.549,2.549,0,0,1-1.9,1.05,2.612,2.612,0,0,1-2.02-.84c-.61-.66-1.08-.88-1.34-.87a.288.288,0,0,0-.21.1,7.95,7.95,0,0,0-.4,2.98v9.92a7.975,7.975,0,0,0,.4,2.99.356.356,0,0,0,.21.1c.25.01.72-.21,1.33-.86A2.617,2.617,0,0,1,5.34,17.07Z"
+            transform="translate(494.24 381.26)"
+            fill={color}
+          />
+          <path
+            id="Vector-2"
+            data-name="Vector"
+            d="M8.75,1.5h-8A.755.755,0,0,1,0,.75.755.755,0,0,1,.75,0h8A.755.755,0,0,1,9.5.75.755.755,0,0,1,8.75,1.5Z"
+            transform="translate(499.25 389.5)"
+            fill={color}
+          />
+          <path
+            id="Vector-3"
+            data-name="Vector"
+            d="M6.75,1.5h-6A.755.755,0,0,1,0,.75.755.755,0,0,1,.75,0h6A.755.755,0,0,1,7.5.75.755.755,0,0,1,6.75,1.5Z"
+            transform="translate(499.25 393)"
+            fill={color}
+          />
+          <path
+            id="Vector-4"
+            data-name="Vector"
+            d="M0,0H24V24H0Z"
+            transform="translate(492 380)"
+            fill="none"
+            opacity="0"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+};

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

@@ -107,6 +107,7 @@ import { MentorsIcon } from './IconComponents/MentorsIcon';
 import { MinusSquare } from './IconComponents/MinusSquare';
 import { MoreVertIcon } from './IconComponents/MoreVertIcon';
 import { NavigationIcon } from './IconComponents/NavigationIcon';
+import { NewSmsIcon } from './IconComponents/NewSmsIcon';
 import { NominalSheetsIcon } from './IconComponents/NominalSheetsIcon';
 import { NoteIcon } from './IconComponents/NoteIcon';
 import { NoticeBoardIcon } from './IconComponents/NoticeBoardIcon';
@@ -169,9 +170,9 @@ import { VisibilityIcon } from './IconComponents/VisibilityIcon';
 import { WarningFilledIcon } from './IconComponents/WarningFilledIcon';
 import { WhatsappIcon } from './IconComponents/WhatsappIcon';
 import { WorkFlowDocsIcon } from './IconComponents/WorkflowdocsIcon';
-import { NewSmsIcon } from './IconComponents/NewSmsIcon';
 
 import { FC, MouseEvent } from 'react';
+import { ChallansIcon } from './IconComponents/ChallansIcon';
 
 export interface IconProps {
   color?: string;
@@ -185,6 +186,7 @@ export type IconComponent = FC<IconProps>;
 // Type for the entire Icons object
 export type IconsType = {
   AcademicFeesIcon: IconComponent;
+  ChallansIcon: IconComponent;
   AcademicsIcon: IconComponent;
   AccordionArrow: IconComponent;
   ActiveDevicesIcon: IconComponent;
@@ -361,6 +363,7 @@ export type IconsType = {
 export const Icons: IconsType = {
   AcademicFeesIcon,
   AcademicsIcon,
+  ChallansIcon,
   AccordionArrow,
   ActiveDevicesIcon,
   ActivitylogsIcon,

package/src/components/Layout/AppLayout/AppLayout.tsx

@@ -53,7 +53,7 @@ const AppLayoutContainer = styled(Stack)(({ theme }: { theme?: any }) => ({
   flexDirection: 'column',
   backgroundColor: theme.palette.surface.defaultBackground,
   height: '100vh',
-  overflow: 'hidden',
+  overflow: 'scroll',
 }));
 
 const MainContent = styled(Box)(({ theme }: { theme?: any }) => ({