@campxdev/react-blueprint 1.8.3 → 1.8.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "main": "./export.ts",
   "dependencies": {
     "@emotion/react": "^11.13.3",

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

@@ -0,0 +1,36 @@
+import { useTheme } from '@mui/material';
+
+export const FeedbackStarIcon = ({ size = 16 }: { size: number }) => {
+  const theme = useTheme();
+  const color = theme.palette.text.primary;
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{
+        fill: color,
+        stroke: color,
+      }}
+    >
+      <path
+        d="M7.9 17.2411C7.58329 17.2493 7.27276 17.1526 7.01666 16.9661C6.68333 16.7245 6.16666 16.0995 6.49166 14.6995L6.96666 12.6495C6.9933 12.4262 6.93037 12.2015 6.79166 12.0245L5.13083 10.3661C4.83482 10.1334 4.6127 9.81977 4.49141 9.46329C4.37011 9.10681 4.35486 8.72279 4.4475 8.35781C4.5821 8.00646 4.81612 7.70193 5.12099 7.48142C5.42585 7.26092 5.78834 7.13399 6.16416 7.11615L8.28916 6.76615C8.48892 6.71034 8.66104 6.58273 8.7725 6.40781L9.9475 4.05781C10.0739 3.69572 10.3045 3.37909 10.6104 3.14777C10.9163 2.91645 11.2838 2.78077 11.6667 2.75781C12.0486 2.78173 12.415 2.91785 12.7199 3.1491C13.0249 3.38036 13.2548 3.69647 13.3808 4.05781L14.5558 6.40781C14.6691 6.58104 14.8405 6.70812 15.0392 6.76615L17.1642 7.11615C17.5404 7.13241 17.9036 7.25872 18.2088 7.47944C18.5139 7.70015 18.7476 8.00556 18.8808 8.35781C18.9735 8.72279 18.9582 9.10681 18.8369 9.46329C18.7156 9.81977 18.4935 10.1334 18.1975 10.3661L16.5392 12.0245C16.47 12.1118 16.4189 12.2121 16.3889 12.3194C16.3588 12.4267 16.3504 12.5389 16.3642 12.6495L16.8392 14.6995C17.1642 16.1078 16.6475 16.7245 16.3142 16.9661C15.9808 17.2078 15.2392 17.5161 13.9892 16.7745L12 15.5911C11.8929 15.5417 11.7763 15.5162 11.6583 15.5162C11.5404 15.5162 11.4238 15.5417 11.3167 15.5911L9.325 16.7745C8.90157 17.0573 8.40872 17.2188 7.9 17.2411ZM11.6667 4.00781C11.5333 4.00781 11.2917 4.16615 11.0667 4.61615L9.89166 6.96615C9.7487 7.23078 9.5491 7.4606 9.3071 7.63921C9.0651 7.81783 8.78667 7.94085 8.49166 7.99948L6.36666 8.34948C5.89166 8.43281 5.675 8.60781 5.63333 8.74115C5.59166 8.87448 5.66666 9.14115 6.00833 9.48281L7.66666 11.1411C7.88442 11.3785 8.04436 11.6629 8.13399 11.9723C8.22362 12.2816 8.2405 12.6075 8.18333 12.9245L7.70833 14.9745C7.56666 15.5661 7.65833 15.8828 7.75 15.9578C7.84166 16.0328 8.175 16.0161 8.69166 15.6995L10.6917 14.5161C10.9905 14.3522 11.3258 14.2662 11.6667 14.2662C12.0075 14.2662 12.3429 14.3522 12.6417 14.5161L14.6333 15.6995C15.1583 16.0078 15.4917 16.0245 15.5833 15.9578C15.675 15.8911 15.7667 15.5745 15.625 14.9745L15.15 12.9245C15.0902 12.6075 15.1058 12.281 15.1955 11.9712C15.2853 11.6614 15.4467 11.377 15.6667 11.1411L17.325 9.48281C17.6667 9.14115 17.7417 8.86615 17.7 8.74115C17.6583 8.61615 17.4417 8.43281 16.9667 8.34948L14.8417 7.99948C14.5467 7.94085 14.2682 7.81783 14.0262 7.63921C13.7842 7.4606 13.5846 7.23078 13.4417 6.96615L12.2667 4.61615C12.0417 4.16615 11.7975 4.00781 11.6667 4.00781Z"
+        stroke-width="0.4"
+      />
+      <path
+        d="M6.66699 4.79102H1.66699C1.50157 4.78992 1.34323 4.72373 1.22626 4.60675C1.10928 4.48978 1.04308 4.33144 1.04199 4.16602C1.04308 4.00059 1.10928 3.84225 1.22626 3.72528C1.34323 3.60831 1.50157 3.54211 1.66699 3.54102H6.66699C6.83242 3.54211 6.99075 3.60831 7.10773 3.72528C7.2247 3.84225 7.2909 4.00059 7.29199 4.16602C7.2909 4.33144 7.2247 4.48978 7.10773 4.60675C6.99075 4.72373 6.83242 4.78992 6.66699 4.79102Z"
+        stroke-width="0.4"
+      />
+      <path
+        d="M4.16699 16.459H1.66699C1.50157 16.4579 1.34323 16.3917 1.22626 16.2747C1.10928 16.1577 1.04308 15.9994 1.04199 15.834C1.04308 15.6686 1.10928 15.5102 1.22626 15.3932C1.34323 15.2763 1.50157 15.2101 1.66699 15.209H4.16699C4.33242 15.2101 4.49075 15.2763 4.60773 15.3932C4.7247 15.5102 4.7909 15.6686 4.79199 15.834C4.7909 15.9994 4.7247 16.1577 4.60773 16.2747C4.49075 16.3917 4.33242 16.4579 4.16699 16.459Z"
+        stroke-width="0.4"
+      />
+      <path
+        d="M2.50033 10.625H1.66699C1.50157 10.6239 1.34323 10.5577 1.22626 10.4407C1.10928 10.3238 1.04308 10.1654 1.04199 10C1.04308 9.83458 1.10928 9.67624 1.22626 9.55926C1.34323 9.44229 1.50157 9.37609 1.66699 9.375H2.50033C2.66575 9.37609 2.82409 9.44229 2.94106 9.55926C3.05803 9.67624 3.12423 9.83458 3.12533 10C3.12423 10.1654 3.05803 10.3238 2.94106 10.4407C2.82409 10.5577 2.66575 10.6239 2.50033 10.625Z"
+        stroke-width="0.4"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,16 @@
+export const HelpDocsIcon = ({ size = 16 }) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 20 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6 14.25C5.80109 14.25 5.61032 14.329 5.46967 14.4697C5.32901 14.6103 5.25 14.8011 5.25 15C5.25 15.1989 5.32901 15.3897 5.46967 15.5303C5.61032 15.671 5.80109 15.75 6 15.75V14.25ZM14 15.75C14.1989 15.75 14.3897 15.671 14.5303 15.5303C14.671 15.3897 14.75 15.1989 14.75 15C14.75 14.8011 14.671 14.6103 14.5303 14.4697C14.3897 14.329 14.1989 14.25 14 14.25V15.75ZM6 10.25C5.80109 10.25 5.61032 10.329 5.46967 10.4697C5.32901 10.6103 5.25 10.8011 5.25 11C5.25 11.1989 5.32901 11.3897 5.46967 11.5303C5.61032 11.671 5.80109 11.75 6 11.75V10.25ZM14 11.75C14.1989 11.75 14.3897 11.671 14.5303 11.5303C14.671 11.3897 14.75 11.1989 14.75 11C14.75 10.8011 14.671 10.6103 14.5303 10.4697C14.3897 10.329 14.1989 10.25 14 10.25V11.75ZM6 6.25C5.80109 6.25 5.61032 6.32901 5.46967 6.46967C5.32901 6.61032 5.25 6.80109 5.25 7C5.25 7.19891 5.32901 7.38968 5.46967 7.53033C5.61032 7.67099 5.80109 7.75 6 7.75V6.25ZM9 7.75C9.19891 7.75 9.38968 7.67099 9.53033 7.53033C9.67099 7.38968 9.75 7.19891 9.75 7C9.75 6.80109 9.67099 6.61032 9.53033 6.46967C9.38968 6.32901 9.19891 6.25 9 6.25V7.75ZM18.25 10V12H19.75V10H18.25ZM1.75 12V10H0.25V12H1.75ZM10 20.25C8.108 20.25 6.75001 20.25 5.70001 20.135C4.9171 20.1036 4.15711 19.8618 3.5 19.435L2.61801 20.649C3.48518 21.2291 4.49228 21.5655 5.534 21.623C6.686 21.748 8.13999 21.747 9.99799 21.747L10 20.25ZM0.25 12C0.25 13.858 0.249993 15.312 0.373993 16.464C0.431522 17.5057 0.767917 18.5128 1.34799 19.38L2.56201 18.498C2.13524 17.8409 1.89341 17.0809 1.862 16.298C1.748 15.246 1.74701 13.888 1.74701 11.998L0.25 12ZM3.50201 19.438C3.14112 19.1761 2.82387 18.8589 2.56201 18.498L1.34799 19.38C1.70288 19.8679 2.1321 20.2971 2.62 20.652L3.50201 19.438ZM18.25 12C18.25 13.892 18.25 15.25 18.135 16.3C18.1036 17.0829 17.8618 17.8429 17.435 18.5L18.649 19.382C19.2291 18.5148 19.5655 17.5077 19.623 16.466C19.748 15.314 19.747 13.86 19.747 12.002L18.25 12ZM10 21.75C11.858 21.75 13.312 21.75 14.464 21.626C15.5057 21.5685 16.5128 21.2321 17.38 20.652L16.498 19.438C15.8409 19.8648 15.0809 20.1066 14.298 20.138C13.246 20.252 11.888 20.253 9.99799 20.253L10 21.75ZM17.438 18.498C17.1761 18.8589 16.8589 19.1761 16.498 19.438L17.38 20.652C17.8679 20.2971 18.2971 19.8679 18.652 19.38L17.438 18.498ZM10 1.75C11.892 1.75 13.25 1.75001 14.3 1.86501C15.0829 1.89642 15.8429 2.13823 16.5 2.565L17.382 1.351C16.5148 0.770923 15.5077 0.434528 14.466 0.376999C13.314 0.251999 11.86 0.253006 10.002 0.253006L10 1.75ZM19.75 10C19.75 8.142 19.75 6.688 19.626 5.536C19.5685 4.49428 19.2321 3.48717 18.652 2.62L17.438 3.502C17.8648 4.15911 18.1066 4.91909 18.138 5.702C18.252 6.754 18.253 8.112 18.253 10.002L19.75 10ZM16.498 2.562C16.8589 2.82387 17.1761 3.14111 17.438 3.502L18.652 2.62C18.2971 2.1321 17.8679 1.7029 17.38 1.34801L16.498 2.562ZM10 0.25C8.142 0.25 6.68801 0.249993 5.53601 0.373993C4.4943 0.431522 3.48717 0.767932 2.62 1.34801L3.50201 2.562C4.15913 2.13522 4.91909 1.89341 5.702 1.862C6.754 1.748 8.11201 1.74699 10.002 1.74699L10 0.25ZM1.75 10C1.75 8.108 1.74999 6.75 1.86499 5.7C1.8964 4.91709 2.13823 4.15711 2.565 3.5L1.35101 2.618C0.770938 3.48517 0.434543 4.49228 0.377014 5.534C0.252014 6.686 0.252991 8.14 0.252991 9.998L1.75 10ZM2.62 1.34801C2.1321 1.7029 1.70288 2.1321 1.34799 2.62L2.56201 3.502C2.82388 3.14111 3.14113 2.82387 3.50201 2.562L2.62 1.34801ZM6 15.748H14V14.248H6V15.748ZM6 11.748H14V10.248H6V11.748ZM6 7.748H9V6.248H6V7.748Z"
+        fill="#2D264B"
+      />
+    </svg>
+  );
+};

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

@@ -56,9 +56,11 @@ import { ExpandIcon } from './IconComponents/ExpandIcon';
 import { ExportIcon } from './IconComponents/ExportIcon';
 import { ExportMenuIcon } from './IconComponents/ExportMenuIcon';
 import { FeePaymentIcon } from './IconComponents/FeePaymentIcon';
+import { FeedbackStarIcon } from './IconComponents/FeedbackStarIcon';
 import { FilterIcon } from './IconComponents/FilterIcon';
 import { HamburgerMenuIcon } from './IconComponents/HamburgerMenuIcon';
 import { HandoutsIcon } from './IconComponents/HandoutsIcon';
+import { HelpDocsIcon } from './IconComponents/HelpDocsIcon';
 import { HelpIcon } from './IconComponents/HelpIcon';
 import { HomeIcon } from './IconComponents/HomeIcon';
 import { HostelxIcon } from './IconComponents/HostelxIcon';
@@ -260,4 +262,6 @@ export const Icons = {
   LineDividerIcon,
   WorkFlowDocsIcon,
   RaiseTicketIcon,
+  HelpDocsIcon,
+  FeedbackStarIcon,
 };

package/src/components/Layout/{StepperTitle/StepperTitle.tsx → FloatingContainer/FloatingContainer.tsx}

@@ -2,22 +2,21 @@ import { Box, BoxProps, styled } from '@mui/material';
 import { ReactNode } from 'react';
 import { Typography } from '../../export';
 
-export type StepperTitleProps = {
+export type FloatingContainerProps = {
   title?: string;
-  isShowTitle?: boolean;
   content: ReactNode;
   contentProps?: BoxProps;
   titleProps?: BoxProps;
 };
 
-const StepperTitleContainer = styled(Box)(({ theme }) => ({
+const FloatingContainer = styled(Box)(({ theme }) => ({
   borderRadius: '8px',
   minHeight: '100px',
   minWidth: '60%',
   backgroundColor: theme.palette.surface.paperBackground,
 }));
 
-const TitleContainer = styled(Box)(({ theme }) => ({
+const Title = styled(Box)(({ theme }) => ({
   backgroundColor: theme.palette.surface.grey,
   height: '45px',
   display: 'flex',
@@ -25,15 +24,15 @@ const TitleContainer = styled(Box)(({ theme }) => ({
   paddingLeft: '16px',
 }));
 
-export const StepperTitle = (props: StepperTitleProps) => {
+export const FloatingContent = (props: FloatingContainerProps) => {
   return (
-    <StepperTitleContainer {...props.contentProps}>
-      {props.isShowTitle && (
-        <TitleContainer {...props.titleProps}>
+    <FloatingContainer {...props.contentProps}>
+      {props.title && (
+        <Title {...props.titleProps}>
           <Typography variant="subtitle3">{props.title}</Typography>
-        </TitleContainer>
+        </Title>
       )}
       {props.content}
-    </StepperTitleContainer>
+    </FloatingContainer>
   );
 };

package/src/components/Layout/export.ts

@@ -1,6 +1,6 @@
 export * from './AppHeader/AppHeader';
+export * from './FloatingContainer/FloatingContainer';
 export * from './PageContent/PageContent';
 export * from './PageHeader/components/DensitySelector/DensitySelector';
 export * from './PageHeader/PageHeader';
-export * from './StepperTitle/StepperTitle';
 export * from './TabsLayout/TabsLayout';