@campxdev/react-blueprint 2.3.11 → 3.0.0-alpha.2

package/src/components/Assets/ErrorPages/UnAuthorized.tsx

@@ -1,20 +1,17 @@
 import { ReactNode } from 'react';
 import { Svgs } from '../../../assets/images/svg';
 import { Typography } from '../../DataDisplay/Typography/Typography';
-import { CenterBox } from './styles';
 
 export const UnAuthorized = ({ component }: { component?: ReactNode }) => {
   return (
-    <>
-      <CenterBox>
-        <Svgs.Unauthorized />
-        <Typography variant="subtitle1">Unauthorized Access</Typography>
-        <Typography variant="body2">
-          You must be logged in to view this page.
-        </Typography>
-        <Typography variant="body2">Please log in to continue.</Typography>
-        {component}
-      </CenterBox>
-    </>
+    <div className="flex w-full flex-col items-center justify-center">
+      <Svgs.Unauthorized />
+      <Typography variant="h4">Unauthorized Access</Typography>
+      <Typography variant="muted">
+        You must be logged in to view this page.
+      </Typography>
+      <Typography variant="muted">Please log in to continue.</Typography>
+      {component}
+    </div>
   );
 };

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

@@ -1,61 +1,53 @@
-import { useTheme } from '@mui/material';
-
 export const CampxFullLogoIcon = () => {
-  const theme = useTheme();
-
   return (
     <svg
-      width="130"
-      height="24"
-      viewBox="0 0 130 24"
+      width="96"
+      height="28"
+      viewBox="0 0 521 152"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
     >
-      <g id="Campx LogoAsset 2 1" clipPath="url(#clip0_4651_30457)">
-        <g id="Layer 1">
-          <g id="Group">
-            <g id="Group 4155">
-              <path
-                id="Vector"
-                d="M20.9316 20.5697C18.5653 22.9029 15.5099 23.9868 12.191 23.9868C3.64773 23.9868 0.0332872 18.1053 0.00020804 12.1246C-0.0328711 6.11192 3.87818 0 12.191 0C15.3125 0 18.2698 1.18313 20.6361 3.51631L17.7449 6.30929C16.2332 4.83065 14.1967 4.1404 12.1921 4.1404C6.63919 4.1404 4.23985 8.2808 4.27293 12.1246C4.30601 15.9364 6.50687 19.9125 12.1921 19.9125C14.1967 19.9125 16.4637 19.0911 17.9754 17.5793L20.9327 20.5697H20.9316Z"
-                fill={theme.palette.text.primary}
-              />
-              <path
-                id="Vector_2"
-                d="M41.4024 19.1243H29.3759L27.4044 23.4621H22.7061L33.0234 0.459961H37.7548L48.0722 23.461H43.3408L41.4024 19.1232V19.1243ZM35.3897 5.29061L31.1181 15.082H39.6613L35.3897 5.29061Z"
-                fill={theme.palette.text.primary}
-              />
-              <path
-                id="Vector_3"
-                d="M71.9288 6.80245L64.4374 16.7912H63.5829L56.2548 6.76937V23.4942H51.917V0.493164H56.9119L64.1077 10.3838L71.3036 0.493164H76.2654V23.4942H71.9276V6.80245H71.9288Z"
-                fill={theme.palette.text.primary}
-              />
-              <path
-                id="Vector_4"
-                d="M87.0751 16.6929V23.462H82.7373V0.459837C86.3187 0.459837 89.9993 0.426758 93.5806 0.426758C104.884 0.426758 104.917 16.5936 93.5806 16.6918H87.0751V16.6929ZM87.0751 12.7168H93.5806C99.1335 12.7168 99.1015 4.56716 93.5806 4.56716H87.0751V12.7168Z"
-                fill={theme.palette.text.primary}
-              />
-              <path
-                id="Subtraction 8"
-                d="M126.74 23.9998H121.198L117.929 19.4988L120.779 15.5767L126.844 23.9248L126.74 23.9998ZM109.763 23.9998H104.21L104.106 23.9237L112.635 12.1839L104.106 0.445221L104.164 0.40332H109.788L115.492 8.2541H115.493L118.349 12.1828V12.185L118.353 12.1905L115.497 16.1214L115.492 16.1159L109.764 24.0009L109.763 23.9998ZM120.756 8.82416L117.906 4.90208L121.174 0.40332H126.787L126.844 0.445221L120.756 8.82526V8.82416Z"
-                fill={theme.palette.primary.main}
-              />
-            </g>
-            <g id="Group_2">
-              <path
-                id="Vector_5"
-                d="M128.542 0.382939C128.281 0.382939 128.025 0.460123 127.807 0.605671C127.59 0.751219 127.42 0.957412 127.32 1.19999C127.219 1.44147 127.193 1.70831 127.245 1.96412C127.295 2.22103 127.422 2.457 127.606 2.64114C127.792 2.82638 128.028 2.95208 128.283 3.0028C128.54 3.05353 128.806 3.02816 129.047 2.92782C129.289 2.82748 129.496 2.65768 129.642 2.44046C129.787 2.22324 129.865 1.96743 129.865 1.705C129.865 1.35436 129.726 1.01806 129.477 0.768862C129.229 0.520768 128.893 0.381836 128.541 0.381836L128.542 0.382939ZM128.542 2.76463C128.333 2.76463 128.129 2.70289 127.955 2.58601C127.781 2.47023 127.645 2.30483 127.564 2.11077C127.484 1.91671 127.463 1.705 127.504 1.49881C127.545 1.29372 127.645 1.10517 127.794 0.95631C127.943 0.807454 128.13 0.707114 128.336 0.666316C128.541 0.625519 128.754 0.646469 128.948 0.726961C129.141 0.807454 129.307 0.943078 129.423 1.11729C129.539 1.29151 129.602 1.4955 129.602 1.705C129.602 1.98617 129.491 2.25522 129.292 2.45369C129.094 2.65217 128.825 2.76353 128.544 2.76353L128.542 2.76463Z"
-                fill={theme.palette.text.primary}
-              />
-              <path
-                id="Vector_6"
-                d="M129.071 1.44187C129.071 1.33712 129.029 1.23568 128.955 1.1607C128.882 1.08572 128.78 1.04492 128.674 1.04492H128.013V2.36809H128.277V1.83882H128.47L128.823 2.36809H129.141L128.777 1.82338C128.861 1.80133 128.934 1.75171 128.989 1.68225C129.041 1.61388 129.07 1.52898 129.071 1.44187ZM128.674 1.57419H128.277V1.30955H128.674C128.71 1.30955 128.743 1.32389 128.768 1.34815C128.792 1.37351 128.807 1.40659 128.807 1.44187C128.807 1.47716 128.792 1.51023 128.768 1.5356C128.744 1.56096 128.71 1.57419 128.674 1.57419Z"
-                fill={theme.palette.text.primary}
-              />
-            </g>
-          </g>
-        </g>
-      </g>
+      <path
+        d="M44.6619 120.364C31.9166 120.364 21.2859 116.08 12.7726 107.507C4.25664 98.9362 0 88.3902 0 75.8714C0 63.3526 4.25664 52.6674 12.7726 44.1515C21.2859 35.6383 31.9166 31.379 44.6619 31.379C52.8942 31.379 60.3951 33.3545 67.1621 37.3C73.929 41.2483 79.0043 46.5499 82.3877 53.2022L66.6546 62.3376C64.7363 58.2774 61.8331 55.0932 57.9421 52.7793C54.0511 50.4682 49.568 49.3113 44.4928 49.3113C37.0491 49.3113 30.817 51.8489 25.799 56.924C20.7784 61.9992 18.2708 68.3159 18.2708 75.8714C18.2708 83.4269 20.7784 89.7436 25.799 94.8188C30.817 99.8939 37.0491 102.432 44.4928 102.432C49.4534 102.432 53.9365 101.247 57.9421 98.8789C61.945 96.5105 64.9628 93.3535 66.9929 89.4052L82.7261 98.3714C79.1161 105.138 73.929 110.497 67.1621 114.443C60.3951 118.388 52.8942 120.364 44.6619 120.364Z"
+        fill={'#121212'}
+      />
+      <path
+        d="M157.505 33.5782H175.776V118.165H157.505V105.984C150.624 115.572 140.757 120.364 127.9 120.364C116.281 120.364 106.357 116.05 98.1251 107.422C89.8901 98.7943 85.7754 88.2783 85.7754 75.8714C85.7754 63.4645 89.8901 52.8093 98.1251 44.2361C106.357 35.6656 116.284 31.379 127.9 31.379C140.757 31.379 150.624 36.1158 157.505 45.5895V33.5782ZM111.659 95.2417C116.734 100.374 123.106 102.939 130.776 102.939C138.446 102.939 144.817 100.374 149.892 95.2417C154.968 90.1119 157.505 83.6534 157.505 75.8714C157.505 68.0895 154.968 61.6336 149.892 56.5011C144.817 51.3714 138.443 48.8038 130.776 48.8038C123.108 48.8038 116.734 51.3714 111.659 56.5011C106.584 61.6336 104.046 68.0895 104.046 75.8714C104.046 83.6534 106.584 90.1119 111.659 95.2417Z"
+        fill={'#121212'}
+      />
+      <path
+        d="M285.386 31.379C294.971 31.379 302.696 34.4814 308.562 40.6835C314.426 46.8883 317.359 55.2323 317.359 65.721V118.165H299.089V66.9052C299.089 61.0415 297.621 56.5011 294.69 53.2868C291.757 50.0726 287.754 48.4654 282.679 48.4654C277.039 48.4654 272.556 50.3263 269.229 54.0481C265.901 57.7699 264.239 63.3526 264.239 70.7962V118.165H245.968V66.9052C245.968 61.0415 244.585 56.5011 241.823 53.2868C239.059 50.0726 235.141 48.4654 230.066 48.4654C224.538 48.4654 220.027 50.3563 216.532 54.1327C213.034 57.9118 211.287 63.4672 211.287 70.7962V118.165H193.017V33.5782H211.287V43.7286C216.701 35.4964 224.761 31.379 235.479 31.379C246.197 31.379 254.312 35.8347 259.502 44.7436C265.139 35.8347 273.767 31.379 285.386 31.379Z"
+        fill={'#121212'}
+      />
+      <path
+        d="M380.811 31.379C392.427 31.379 402.35 35.6929 410.585 44.3207C418.818 52.9485 422.935 63.4672 422.935 75.8714C422.935 88.2756 418.818 98.9362 410.585 107.507C402.35 116.08 392.427 120.364 380.811 120.364C367.954 120.364 358.084 115.627 351.205 106.153V151.999H332.935V33.5782H351.205V45.7586C358.084 36.1731 367.954 31.379 380.811 31.379ZM358.818 95.2417C363.893 100.374 370.265 102.939 377.935 102.939C385.605 102.939 391.976 100.374 397.052 95.2417C402.127 90.112 404.664 83.6534 404.664 75.8714C404.664 68.0895 402.127 61.6336 397.052 56.5011C391.976 51.3714 385.602 48.8038 377.935 48.8038C370.267 48.8038 363.893 51.3714 358.818 56.5011C353.743 61.6336 351.205 68.0895 351.205 75.8714C351.205 83.6534 353.743 90.112 358.818 95.2417Z"
+        fill={'#121212'}
+      />
+      <path
+        d="M475.61 82.4281C475.11 82.4281 474.619 82.439 474.131 82.4609C474.622 82.4772 475.113 82.4827 475.61 82.4827C476.106 82.4827 476.595 82.4772 477.083 82.4609C476.598 82.439 476.106 82.4281 475.61 82.4281ZM520.103 37.3872H502.167C502.17 37.5891 502.173 37.7911 502.173 37.993C502.173 45.4338 499.635 51.6687 494.557 56.6866C489.818 61.377 483.989 63.871 477.083 64.1793C487.07 64.4494 495.769 67.4945 503.177 73.3228C504.579 72.2205 505.936 71.0171 507.245 69.7156C515.819 61.1969 520.105 50.5691 520.105 37.8265C520.105 37.6792 520.105 37.5318 520.103 37.3872Z"
+        fill="#E43341"
+      />
+      <path
+        d="M475.608 64.1575C475.111 64.1575 474.62 64.1629 474.129 64.1793C474.618 64.2011 475.109 64.212 475.608 64.212C476.107 64.212 476.596 64.2011 477.081 64.1793C476.593 64.1629 476.102 64.1575 475.608 64.1575ZM474.129 82.4609C464.055 82.1935 455.326 79.1484 447.937 73.3228C446.54 74.4252 445.189 75.6257 443.888 76.9273C435.375 85.4432 431.115 96.0711 431.115 108.816C431.115 108.961 431.115 109.108 431.121 109.253H449.056C449.05 109.051 449.05 108.849 449.05 108.647C449.05 101.206 451.585 94.9715 456.663 89.9536C461.403 85.2659 467.228 82.7692 474.129 82.4609Z"
+        fill="#E43341"
+      />
+      <path
+        d="M503.18 73.323C495.772 79.1485 487.073 82.1909 477.087 82.461C476.601 82.4392 476.11 82.4283 475.613 82.4283C475.117 82.4283 474.623 82.4392 474.134 82.461C464.06 82.1936 455.331 79.1485 447.942 73.323C455.331 67.4947 464.06 64.4469 474.134 64.1795C474.623 64.2013 475.114 64.2122 475.613 64.2122C476.113 64.2122 476.601 64.2013 477.087 64.1795C487.073 64.4496 495.772 67.4947 503.18 73.323Z"
+        fill="#E43341"
+      />
+      <path
+        d="M475.611 82.4281C476.11 82.4281 476.601 82.439 477.09 82.4609C476.598 82.4772 476.107 82.4827 475.611 82.4827C475.114 82.4827 474.626 82.4772 474.137 82.4609C474.623 82.439 475.114 82.4281 475.611 82.4281ZM431.118 37.3872H449.053C449.05 37.5891 449.048 37.7911 449.048 37.993C449.048 45.4338 451.585 51.6687 456.663 56.6866C461.403 61.377 467.231 63.871 474.137 64.1793C464.151 64.4494 455.452 67.4945 448.044 73.3228C446.641 72.2205 445.285 71.0171 443.975 69.7156C435.402 61.1969 431.115 50.5691 431.115 37.8265C431.115 37.6792 431.115 37.5318 431.118 37.3872Z"
+        fill="#1E027F"
+      />
+      <path
+        d="M475.615 64.1575C476.112 64.1575 476.603 64.1629 477.094 64.1793C476.606 64.2011 476.114 64.212 475.615 64.212C475.116 64.212 474.627 64.2011 474.142 64.1793C474.63 64.1629 475.121 64.1575 475.615 64.1575ZM477.094 82.4609C487.168 82.1935 495.897 79.1484 503.286 73.3228C504.683 74.4252 506.034 75.6257 507.335 76.9273C515.848 85.4432 520.108 96.0711 520.108 108.816C520.108 108.961 520.108 109.108 520.102 109.253H502.167C502.173 109.051 502.173 108.849 502.173 108.647C502.173 101.206 499.638 94.9715 494.56 89.9536C489.82 85.2659 483.995 82.7692 477.094 82.4609Z"
+        fill="#1E027F"
+      />
+      <path
+        d="M448.043 73.323C455.451 79.1485 464.15 82.1909 474.137 82.461C474.622 82.4392 475.114 82.4283 475.61 82.4283C476.107 82.4283 476.601 82.4392 477.089 82.461C487.163 82.1936 495.892 79.1485 503.281 73.323C495.892 67.4947 487.163 64.4469 477.089 64.1795C476.601 64.2013 476.109 64.2122 475.61 64.2122C475.111 64.2122 474.622 64.2013 474.137 64.1795C464.15 64.4496 455.451 67.4947 448.043 73.323Z"
+        fill="#931C88"
+      />
     </svg>
   );
 };

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

@@ -1,27 +1,36 @@
-import { useTheme } from '@mui/material';
-
-export const CampxIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-
+export const CampxIcon = ({ size = 24 }) => {
   return (
     <svg
-      width={size}
       height={size}
-      viewBox="0 0 28 28"
+      width={size}
+      viewBox="0 0 327 264"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g id="Layer 1">
-        <g id="Group">
-          <g id="Group 4155">
-            <path
-              id="Subtraction 8"
-              d="M27.3643 27.9987H20.7886L16.9093 22.658L20.2914 18.0042L27.4873 27.9097L27.3643 27.9987ZM7.21966 27.9987H0.630798L0.507812 27.9084L10.6279 13.9784L0.507812 0.0497173L0.575849 0H7.24974L14.0178 9.31545H14.0192L17.4078 13.9771V13.9797L17.4117 13.9863L14.0231 18.6505L14.0178 18.644L7.22096 28L7.21966 27.9987ZM20.2639 9.99187L16.8818 5.33807L20.7598 0H27.4193L27.4873 0.0497173L20.2639 9.99318V9.99187Z"
-              fill={theme.palette.primary.main}
-            />
-          </g>
-        </g>
-      </g>
+      <path
+        d="M163.07 165.07C161.24 165.07 159.44 165.11 157.65 165.19C159.45 165.25 161.25 165.27 163.07 165.27C164.89 165.27 166.68 165.25 168.47 165.19C166.69 165.11 164.89 165.07 163.07 165.07ZM326.13 0H260.4C260.41 0.74 260.42 1.48 260.42 2.22C260.42 29.49 251.12 52.34 232.51 70.73C215.14 87.92 193.78 97.06 168.47 98.19C205.07 99.18 236.95 110.34 264.1 131.7C269.24 127.66 274.21 123.25 279.01 118.48C310.43 87.26 326.14 48.31 326.14 1.61C326.14 1.07 326.14 0.53 326.13 0Z"
+        fill="#E43341"
+      />
+      <path
+        d="M163.07 98.11C161.25 98.11 159.45 98.13 157.65 98.19C159.44 98.27 161.24 98.31 163.07 98.31C164.9 98.31 166.69 98.27 168.47 98.19C166.68 98.13 164.88 98.11 163.07 98.11ZM157.65 165.19C120.73 164.21 88.7398 153.05 61.6598 131.7C56.5398 135.74 51.5898 140.14 46.8198 144.91C15.6198 176.12 0.00976562 215.07 0.00976562 261.78C0.00976562 262.31 0.00978516 262.85 0.0297852 263.38H65.7598C65.7398 262.64 65.7397 261.9 65.7397 261.16C65.7397 233.89 75.0298 211.04 93.6398 192.65C111.01 175.47 132.36 166.32 157.65 165.19Z"
+        fill="#E43341"
+      />
+      <path
+        d="M264.1 131.7C236.95 153.05 205.07 164.2 168.47 165.19C166.69 165.11 164.89 165.07 163.07 165.07C161.25 165.07 159.44 165.11 157.65 165.19C120.73 164.21 88.7402 153.05 61.6602 131.7C88.7402 110.34 120.73 99.1699 157.65 98.1899C159.44 98.2699 161.24 98.3099 163.07 98.3099C164.9 98.3099 166.69 98.2699 168.47 98.1899C205.07 99.1799 236.95 110.34 264.1 131.7Z"
+        fill="#E43341"
+      />
+      <path
+        d="M163.07 165.07C164.9 165.07 166.7 165.11 168.49 165.19C166.69 165.25 164.89 165.27 163.07 165.27C161.25 165.27 159.46 165.25 157.67 165.19C159.45 165.11 161.25 165.07 163.07 165.07ZM0.0100098 0H65.74C65.73 0.74 65.72 1.48 65.72 2.22C65.72 29.49 75.02 52.34 93.63 70.73C111 87.92 132.36 97.06 157.67 98.19C121.07 99.18 89.19 110.34 62.04 131.7C56.9 127.66 51.93 123.25 47.13 118.48C15.71 87.26 0 48.31 0 1.61C0 1.07 9.76585e-06 0.53 0.0100098 0Z"
+        fill="#1E027F"
+      />
+      <path
+        d="M163.07 98.11C164.89 98.11 166.69 98.13 168.49 98.19C166.7 98.27 164.9 98.31 163.07 98.31C161.24 98.31 159.45 98.27 157.67 98.19C159.46 98.13 161.26 98.11 163.07 98.11ZM168.49 165.19C205.41 164.21 237.4 153.05 264.48 131.7C269.6 135.74 274.55 140.14 279.32 144.91C310.52 176.12 326.13 215.07 326.13 261.78C326.13 262.31 326.13 262.85 326.11 263.38H260.38C260.4 262.64 260.4 261.9 260.4 261.16C260.4 233.89 251.11 211.04 232.5 192.65C215.13 175.47 193.78 166.32 168.49 165.19Z"
+        fill="#1E027F"
+      />
+      <path
+        d="M62.04 131.7C89.19 153.05 121.07 164.2 157.67 165.19C159.45 165.11 161.25 165.07 163.07 165.07C164.89 165.07 166.7 165.11 168.49 165.19C205.41 164.21 237.4 153.05 264.48 131.7C237.4 110.34 205.41 99.1699 168.49 98.1899C166.7 98.2699 164.9 98.3099 163.07 98.3099C161.24 98.3099 159.45 98.2699 157.67 98.1899C121.07 99.1799 89.19 110.34 62.04 131.7Z"
+        fill="#931C88"
+      />
     </svg>
   );
 };