@galaxy-ds/core 1.1.81 → 2.0.0

package/src/Icons/leap/CurrencyEuro.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function CoinEuroIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 24 24">
+       <path fillRule="evenodd" clipRule="evenodd" d="M14.6681 5.32217C13.6012 5.32217 12.7222 5.63697 12.0314 6.26658C11.3405 6.89618 10.8944 7.80933 10.6933 9.00603H15.9799V11.3637H10.4965L10.4703 11.8326V12.4622L10.4965 12.9042H15.1535V15.2887H10.7195C11.1656 17.4588 12.5692 18.5439 14.9305 18.5439C16.1811 18.5439 17.3836 18.2894 18.538 17.7803V21.2096C17.5235 21.7366 16.2423 22 14.6943 22C12.5517 22 10.7895 21.4061 9.40771 20.2184C8.02592 19.0306 7.15576 17.3874 6.79719 15.2887H5V12.9042H6.54795C6.51296 12.6988 6.49547 12.422 6.49547 12.0737L6.52171 11.3637H5V9.00603H6.74472C7.0683 6.84482 7.93847 5.13687 9.35524 3.88212C10.772 2.62737 12.543 2 14.6681 2C16.3123 2 17.8515 2.36615 19.2857 3.09846L18.0001 6.2063C17.3967 5.92945 16.8326 5.71288 16.3079 5.5566C15.7832 5.40031 15.2366 5.32217 14.6681 5.32217Z" fill="currentColor"/>
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/CurrencyPound.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function CurrencyPoundIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 24 24">
+       <path fillRule="evenodd" clipRule="evenodd" d="M10.9069 2.46331C10.222 2.71868 9.60991 3.13769 9.12404 3.68382C8.60009 4.27119 8.20302 4.96039 7.95769 5.70828C7.69109 6.49973 7.72025 7.53279 7.72858 8.3659V11.1152H6.36645C6.17668 11.1017 5.98628 11.1306 5.80905 11.1997C5.63182 11.2689 5.47219 11.3766 5.34172 11.5151C5.11668 11.7766 4.99517 12.1115 5.00015 12.4565V13.8103H7.26204V17.0469C7.26686 17.3362 7.20818 17.623 7.09015 17.8871C6.97212 18.1512 6.7976 18.3863 6.57889 18.5757C6.36645 18.7589 6.12068 18.9089 5.86242 19.013C5.58749 19.1338 5.2959 19.2213 5.00015 19.2713V21.9997H17.7759C18.0186 22.004 18.2594 21.9556 18.4816 21.8578C18.7039 21.76 18.9022 21.6151 19.063 21.4332C19.213 21.2666 19.3338 21.075 19.4171 20.8667C19.5004 20.6751 19.5421 20.4668 19.5421 20.2585V18.3632H12.8272C12.4232 18.3632 12.0149 18.3882 11.6109 18.4382C11.2068 18.4882 10.8069 18.559 10.4029 18.6465C10.7368 18.2806 11.0134 17.8663 11.2235 17.4176C11.4318 16.9553 11.3734 16.1471 11.3651 15.6389V13.8269H15.6848C15.9067 13.8301 16.125 13.7698 16.3139 13.6532C16.5028 13.5366 16.6545 13.3686 16.7512 13.1688C16.8012 13.0438 16.8261 12.9147 16.8178 12.7814V11.0943H11.3609V8.3659C11.3193 7.59944 11.6525 6.8788 12.0441 6.21647C12.2246 5.96133 12.4677 5.75685 12.75 5.62264C13.0323 5.48843 13.3443 5.42899 13.6562 5.45001C14.0102 5.43752 14.3601 5.52916 14.6642 5.70828C15.0033 5.93377 15.3138 6.19952 15.589 6.49973C15.8347 6.79132 16.1805 6.9746 16.5595 7.00793H16.6637C17.0084 7.00179 17.3462 6.91019 17.6468 6.74133L19.3046 5.67912C19.049 5.15702 18.742 4.66166 18.3882 4.20035C17.84 3.47363 17.1209 2.89344 16.2947 2.51123C15.4685 2.12901 14.5608 1.9566 13.652 2.00927C12.9938 2.02593 11.8025 2.09258 10.9027 2.45915L10.9069 2.46331Z" fill="currentColor"/>
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/EmailSent.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function EmailSentIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 16 16">
+      <path fillRule="evenodd" clipRule="evenodd" d="M16 0V9L13 6H6L9 9H3V12.005L0 12.0058V0H16Z" fill="white" />
+      <path fillRule="evenodd" clipRule="evenodd" d="M6.25729 6.258L6.66029 6.661L3.73829 9H3.00002L2.99929 9.591L0.727295 11.4091V10.6818L6.25729 6.258ZM0.994041 1.01562L1.04429 1.048L6.83029 6H6.0013L0.994041 2.02191V1.01562ZM15 1V2L9.98829 6H9.16329L14.9373 1.041L15 1Z" fill="#CCCCCC" />
+      <path d="M16 0V9L14.98 7.98L15 1H1L0.971802 11.0194L3 11.019V12.005L0 12.0053V0H16Z" fill="#9DA7B3" />
+      <path fillRule="evenodd" clipRule="evenodd" d="M4 10V12H12L9 15H12L14.9621 12.0379L16 11L15 10L12 7H9L12 10H4Z" fill="#2E6DAD" />
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/Home.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function HomeIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 20 20">
+        <path d="M8.2 18v-5.647h3.6V18h4.5v-7.53H19L10 2l-9 8.47h2.7V18h4.5z" fill="currentColor"></path>
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/InsertLink.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function InsertLinkIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 16 16"> 
+        <path fillRule="evenodd" clipRule="evenodd" d="M9.646 13.354l-4.5-4.5a.5.5 0 010-.708l4.5-4.5.708.708L6.707 8H14v1H6.707l3.647 3.646-.708.707z" fill="#1E365E"/>
+        <path fillRule="evenodd" clipRule="evenodd" d="M1 3h5v1H2v9h4v1H1V3z" fill="#1E365E"/>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/Loader.tsx

@@ -0,0 +1,21 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+import React from 'react'
+
+export default function LoaderIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 24 30">
+        <circle r="3" transform="translate(2 15)">
+            <animate attributeName="opacity" values="1;.2; 1" begin="0" dur="1.2s" calcMode="paced" repeatCount="indefinite"/>
+        </circle>
+        <circle r="3" transform="translate(12 15)">
+            <animate attributeName="opacity" values="1;.2; 1" begin="0.3s" dur="1.2s" calcMode="paced" repeatCount="indefinite"/>
+        </circle>
+        <circle r="3" transform="translate(22 15)">
+            <animate attributeName="opacity" values="1;.2; 1" begin=".6" dur="1.2s" calcMode="paced" repeatCount="indefinite"/>
+        </circle>
+    </SvgIcon>
+  )
+}
+
+
+ 

package/src/Icons/leap/Menu.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function MenuIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 100 100">
+         <path fillRule="evenodd" fill="currentColor" d="M10 10h20v20H10V10zm30 0h20v20H40V10zm30 20V10h20v20H70zM10 40h20v20H10V40zm0 30h20v20H10V70zm30-30h20v20H40V40zm0 30h20v20H40V70zm30-30h20v20H70V40zm0 30h20v20H70V70z"></path>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/MoreVertical.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function MoreVerticalIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 16 16">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 10.5C8.26314 10.5 8.49566 10.6008 8.69754 10.8025C8.89943 11.0041 9.00025 11.2366 9 11.5C8.99975 11.7634 8.89893 11.9959 8.69754 12.1975C8.49616 12.3992 8.26364 12.5 8 12.5C7.73636 12.5 7.50384 12.3992 7.30246 12.1975C7.10107 11.9959 7.00025 11.7634 7 11.5C6.99975 11.2366 7.10057 11.0041 7.30246 10.8025C7.50434 10.6008 7.73686 10.5 8 10.5ZM8 7C8.26314 7 8.49566 7.10082 8.69754 7.30246C8.89943 7.50409 9.00025 7.73661 9 8C8.99975 8.26339 8.89893 8.49591 8.69754 8.69754C8.49616 8.89918 8.26364 9 8 9C7.73636 9 7.50384 8.89918 7.30246 8.69754C7.10107 8.49591 7.00025 8.26339 7 8C6.99975 7.73661 7.10057 7.50409 7.30246 7.30246C7.50434 7.10082 7.73686 7 8 7ZM8 3.5C8.26314 3.5 8.49566 3.60082 8.69754 3.80246C8.89943 4.00409 9.00025 4.23661 9 4.5C8.99975 4.76339 8.89893 4.99591 8.69754 5.19754C8.49616 5.39918 8.26364 5.5 8 5.5C7.73636 5.5 7.50384 5.39918 7.30246 5.19754C7.10107 4.99591 7.00025 4.76339 7 4.5C6.99975 4.23661 7.10057 4.00409 7.30246 3.80246C7.50434 3.60082 7.73686 3.5 8 3.5Z"
+      />
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/NewAppointment.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function NewAppointmentIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon viewBox="0 0 32 32" {...props}> 
+      <path fillRule="evenodd" clipRule="evenodd" d="M10.0001 4C10.0001 3.72414 10.2242 3.5 10.5001 3.5C10.7759 3.5 11.0001 3.72414 11.0001 4V5.5V6C11.0001 6.27586 10.7759 6.5 10.5001 6.5C10.2242 6.5 10.0001 6.27586 10.0001 6V4ZM12.0001 5V4C12.0001 3.17186 11.3282 2.5 10.5001 2.5C9.67194 2.5 9.00008 3.17186 9.00008 4V5.02083H7.63653C5.63761 5.02083 4.021 6.64748 4.021 8.65V9.5V23.35C4.021 25.3525 5.63761 26.9792 7.63653 26.9792H16.5002C16.7648 26.9792 16.9793 26.7646 16.9793 26.5C16.9793 26.2354 16.7648 26.0208 16.5002 26.0208H7.63653C6.1708 26.0208 4.97933 24.8272 4.97933 23.35V9.97917H27.021V16.5C27.021 16.7646 27.2355 16.9792 27.5002 16.9792C27.7648 16.9792 27.9793 16.7646 27.9793 16.5V9.5V8.65C27.9793 6.64748 26.3627 5.02083 24.3638 5.02083H23.0001V4C23.0001 3.17186 22.3282 2.5 21.5001 2.5C20.6719 2.5 20.0001 3.17186 20.0001 4V5H12.0001ZM12.0001 6C12.0001 6.82814 11.3282 7.5 10.5001 7.5C9.67194 7.5 9.00008 6.82814 9.00008 6V5.97917H7.63653C6.1708 5.97917 4.97933 7.17282 4.97933 8.65V9.02083H27.021V8.65C27.021 7.17282 25.8295 5.97917 24.3638 5.97917H23.0001V6C23.0001 6.82814 22.3282 7.5 21.5001 7.5C20.6719 7.5 20.0001 6.82814 20.0001 6H12.0001ZM21.0001 5.5L21.0001 6C21.0001 6.27586 21.2242 6.5 21.5001 6.5C21.7759 6.5 22.0001 6.27586 22.0001 6V4C22.0001 3.72414 21.7759 3.5 21.5001 3.5C21.2242 3.5 21.0001 3.72414 21.0001 4L21.0001 5.5Z" fill="#1E365E"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M12.5 17C12.2241 17 12 17.2241 12 17.5C12 17.7759 12.2241 18 12.5 18C12.7759 18 13 17.7759 13 17.5C13 17.2241 12.7759 17 12.5 17ZM11 17.5C11 16.6719 11.6719 16 12.5 16C13.3281 16 14 16.6719 14 17.5C14 18.3281 13.3281 19 12.5 19C11.6719 19 11 18.3281 11 17.5Z" fill="#32ABE2"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M24.5 19C21.4622 19 19 21.4631 19 24.5C19 27.5379 21.4621 30 24.5 30C27.5369 30 30 27.5378 30 24.5C30 21.4631 27.5369 19 24.5 19ZM18 24.5C18 20.9109 20.9098 18 24.5 18C28.0891 18 31 20.9109 31 24.5C31 28.0902 28.0891 31 24.5 31C20.9099 31 18 28.0901 18 24.5Z" fill="#3FAF2A"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M21 24.5C21 24.2239 21.2239 24 21.5 24H27.5C27.7761 24 28 24.2239 28 24.5C28 24.7761 27.7761 25 27.5 25H21.5C21.2239 25 21 24.7761 21 24.5Z" fill="#3FAF2A"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M24.5 21C24.7761 21 25 21.2239 25 21.5V27.5C25 27.7761 24.7761 28 24.5 28C24.2239 28 24 27.7761 24 27.5V21.5C24 21.2239 24.2239 21 24.5 21Z" fill="#3FAF2A"/>
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/Power.tsx

@@ -0,0 +1,10 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+import React from 'react'
+
+export default function PowerIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 100 100">
+        <path fillRule="evenodd" d="M74.987 18.766a44.548 44.548 0 013.276 2.97C86.088 29.562 90 38.983 90 50s-3.912 20.439-11.737 28.263C70.44 86.088 61.018 90 50 90s-20.439-3.912-28.263-11.737C13.912 70.44 10 61.018 10 50s3.912-20.439 11.737-28.263a44.548 44.548 0 013.276-2.971l6.246 7.808a33.41 33.41 0 00-2.456 2.229C22.934 34.67 20 41.737 20 50s2.934 15.329 8.803 21.197C34.67 77.066 41.737 80 50 80s15.329-2.934 21.197-8.803C77.066 65.33 80 58.263 80 50s-2.934-15.329-8.803-21.197a33.41 33.41 0 00-2.456-2.229l6.246-7.808zM45 10h10v40H45V10z" fill="currentColor"></path>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/Preview.tsx

@@ -0,0 +1,10 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+import React from 'react'
+
+export default function PreviewIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 24 24">
+      <path d="M17.333 12.61a.5.5 0 101 0h-1zm-11.666.168a.5.5 0 001 0h-1zm12.666-.168c0-1.11-.71-2.268-1.807-3.126C15.413 8.613 13.846 8 12 8v1c1.623 0 2.973.539 3.91 1.271.952.745 1.423 1.642 1.423 2.34h1zM12 8c-1.846 0-3.415.613-4.53 1.509-1.105.886-1.803 2.087-1.803 3.269h1c0-.793.484-1.731 1.428-2.49C9.03 9.538 10.377 9 12 9V8zm1.833 5.556A1.834 1.834 0 0112 15.389v1a2.834 2.834 0 002.833-2.833h-1zM12 15.389a1.834 1.834 0 01-1.833-1.833h-1A2.834 2.834 0 0012 16.389v-1zm-1.833-1.833c0-1.013.82-1.834 1.833-1.834v-1a2.834 2.834 0 00-2.833 2.834h1zM12 11.722c1.012 0 1.833.821 1.833 1.834h1A2.834 2.834 0 0012 10.722v1z" fill="currentColor"/>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/Reporting.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function ReportingIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 96 96">
+         <path fillRule="evenodd" fill="currentColor" d="M84.032 23.49l-12.807-5.123a4 4 0 01-6.827-.627l-12.404 2.481a4 4 0 11-7.962-.731l-12.807-5.123A3.994 3.994 0 0128 16c-.9 0-1.731-.297-2.4-.8L11.65 26.36A4 4 0 1110.4 24.8l13.95-11.16a4 4 0 117.618-1.13l12.807 5.124a4 4 0 016.827.627l12.404-2.481a4 4 0 117.962.731l12.807 5.123a4 4 0 11-.743 1.857zM0 88v-8h96v8H0zm4-40h8v24H4V48zm20-16h8v40h-8V32zm20 8h8v32h-8V40zm20-4h8v36h-8V36zm20 8h8v28h-8V44z"></path>
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/Response.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function ResponseIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 16 16">
+      <path d="M1 2H15V13H7L3 16V13H1V2Z" fill="white" />
+      <path fillRule="evenodd" clipRule="evenodd" d="M7 13H14H15V12V3V2H14H2H1V3V12V13H2H3V14V14.75V16L4 15.25L7 13ZM4 14L6.4 12.2L6.66667 12H7H14V3H2V12H3H4V13V14Z" fill="#9DA7B3" />
+      <rect x="4" y="5" width="8" height="1" fill="#2E6DAD" />
+      <rect x="4" y="7" width="8" height="1" fill="#2E6DAD" />
+      <rect x="4" y="9" width="4" height="1" fill="#2E6DAD" />
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/RevokeAccess.tsx

@@ -0,0 +1,11 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+
+import React from 'react'
+
+export default function RevokeAccessIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}> 
+      <path fillRule="evenodd" clipRule="evenodd" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0144 18.1731 22.9014 12.1819 22.9985L12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM3 12C3 16.9209 6.94925 20.9193 11.8512 20.9988L12 21C13.9176 21 15.6951 20.4003 17.1553 19.3782L4.62185 6.84473C3.59973 8.30486 3 10.0824 3 12ZM12 3C10.0824 3 8.30486 3.59973 6.84473 4.62185L19.3782 17.1553C20.4003 15.6951 21 13.9176 21 12C21 7.02944 16.9706 3 12 3Z" fill="currentColor" />
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/Search.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function SearchIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}>
+      <path fillRule="evenodd" clipRule="evenodd" d="M17 11.5C17 13.433 15.433 15 13.5 15C11.567 15 9.99999 13.433 9.99999 11.5C9.99999 9.567 11.567 8 13.5 8C15.433 8 17 9.567 17 11.5ZM18 11.5C18 13.9853 15.9853 16 13.5 16C12.451 16 11.4859 15.6411 10.7207 15.0394L6.86241 18.8977L6.1553 18.1906L10.0077 14.3382C9.37768 13.5639 8.99999 12.5761 8.99999 11.5C8.99999 9.01472 11.0147 7 13.5 7C15.9853 7 18 9.01472 18 11.5Z"/>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/SelectFilterEmpty.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function SelectFilterEmptyIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 16 16">
+      <path
+        d="M14 2.38636L14.3698 2.72291C14.4536 2.63085 14.5 2.51085 14.5 2.38636H14ZM9.42857 7.40909L9.0588 7.07254C8.97501 7.1646 8.92857 7.28461 8.92857 7.40909H9.42857ZM14 1.5H14.5C14.5 1.22386 14.2761 1 14 1V1.5ZM2 1.5V1C1.72386 1 1.5 1.22386 1.5 1.5H2ZM2 2.38636H1.5C1.5 2.51085 1.54644 2.63085 1.63022 2.72291L2 2.38636ZM6.57143 7.40909H7.07143C7.07143 7.28461 7.02499 7.1646 6.9412 7.07254L6.57143 7.40909ZM6.57143 12.7273H6.07143C6.07143 12.9003 6.16084 13.0609 6.30782 13.1521L6.57143 12.7273ZM9.42857 14.5L9.16496 14.9249C9.31916 15.0205 9.5131 15.0252 9.67167 14.9369C9.83025 14.8487 9.92857 14.6815 9.92857 14.5H9.42857ZM13.6302 2.04981L9.0588 7.07254L9.79835 7.74564L14.3698 2.72291L13.6302 2.04981ZM13.5 1.5V2.38636H14.5V1.5H13.5ZM2 2H14V1H2V2ZM2.5 2.38636V1.5H1.5V2.38636H2.5ZM6.9412 7.07254L2.36978 2.04981L1.63022 2.72291L6.20165 7.74564L6.9412 7.07254ZM7.07143 12.7273V7.40909H6.07143V12.7273H7.07143ZM9.69218 14.0751L6.83504 12.3024L6.30782 13.1521L9.16496 14.9249L9.69218 14.0751ZM8.92857 7.40909L8.92857 14.5H9.92857L9.92857 7.40909H8.92857Z" />
+    </SvgIcon>
+  );
+}

package/src/Icons/leap/SelectFilterFilled.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export default function SelectFilterFilledIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 16 16">
+      <path opacity=".5" fillRule="evenodd" clipRule="evenodd" d="M9.429 7.41v7.09L6.57 12.727V7.41L4.387 5l8.21-1.048-3.168 3.457z" fill="currentColor"/>
+      <path d="M14 2.386l.37.337a.5.5 0 00.13-.337H14zM9.429 7.41l-.37-.336a.5.5 0 00-.13.336h.5zM14 1.5h.5A.5.5 0 0014 1v.5zm-12 0V1a.5.5 0 00-.5.5H2zm0 .886h-.5a.5.5 0 00.13.337L2 2.386zM6.571 7.41h.5a.5.5 0 00-.13-.336l-.37.336zm0 5.318h-.5a.5.5 0 00.237.425l.263-.425zM9.43 14.5l-.264.425a.5.5 0 00.764-.425h-.5zM13.63 2.05L9.06 7.073l.74.673 4.57-5.023-.739-.673zm-.13-.55v.886h1V1.5h-1zM2 2h12V1H2v1zm.5.386V1.5h-1v.886h1zm4.441 4.687L2.37 2.05l-.74.673 4.572 5.023.74-.673zm.13 5.654V7.41h-1v5.318h1zm2.621 1.348l-2.857-1.773-.527.85 2.857 1.773.527-.85zM8.93 7.41V14.5h1V7.41h-1z" fill="currentColor"/>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/Spinner.tsx

@@ -0,0 +1,39 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+import React from 'react'
+
+export default function SpinnerIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 120 120">
+      <g transform="rotate(-90 43 -17)">
+        <circle cx="0" cy="0" r="8">
+          <animateTransform id="b" attributeName="transform" dur="0.2s" type="translate" values="0 0; 14 0; 0 0" begin="0;a.end"/>
+        </circle>
+      </g>
+      <g transform="rotate(-30 124.962 -145.406)">
+        <circle cx="0" cy="0" r="8">
+          <animateTransform id="c" attributeName="transform" dur="0.2s" type="translate" values="0 0; 14 0; 0 0" begin="b.end"/>
+        </circle>
+      </g>
+      <g transform="rotate(30 -98.962 205.406)">
+        <circle cx="0" cy="0" r="8">
+          <animateTransform id="d" attributeName="transform" dur="0.2s" type="translate" values="0 0; 14 0; 0 0" begin="c.end"/>
+        </circle>
+      </g>
+      <g transform="rotate(90 -17 77)">
+        <circle cx="0" cy="0" r="8">
+          <animateTransform id="e" attributeName="transform" dur="0.2s" type="translate" values="0 0; 14 0; 0 0" begin="d.end-0.02s"/>
+        </circle>
+      </g>
+      <g transform="rotate(150 4.962 42.594)">
+        <circle cx="0" cy="0" r="8">
+          <animateTransform id="f" attributeName="transform" dur="0.2s" type="translate" values="0 0; 14 0; 0 0" begin="e.end"/>
+        </circle>
+      </g>
+      <g transform="rotate(-150 21.038 17.406)">
+        <circle cx="0" cy="0" r="8">
+          <animateTransform id="a" attributeName="transform" dur="0.2s" type="translate" values="0 0; 14 0; 0 0" begin="f.end"/>
+        </circle>
+      </g>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/Tick.tsx

@@ -0,0 +1,10 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+import React from 'react'
+
+export default function TickIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props} viewBox="0 0 12 12"> 
+        <path fillRule="evenodd" clipRule="evenodd" d="M2.415 5.744l-.79.79 2.828 2.83 6.01-6.011-.79-.79-5.22 5.22-2.038-2.039z" fill="currentColor"/>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/UserLink.tsx

@@ -0,0 +1,14 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+
+import React from 'react'
+
+export default function UserLinkIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}>
+      <path fillRule="evenodd" clipRule="evenodd" d="M7 21V19.3166C7 16.7946 8.79086 14.75 11 14.75H12.8759C12.7661 14.4745 12.7132 14.1045 12.7132 13.5597C12.7132 11.7562 14.1571 10.5918 14.1705 10.5811L14.246 10.5215L14.288 10.4343C14.7719 9.42121 14.5352 8.56722 14.374 8.18239C15.4262 5.79529 14.1527 3.8203 13.8825 3.44291C13.1979 1.42575 11.7366 1 10.6258 1C9.3091 1 8.13899 1.59109 8.12041 1.60184C6.90224 2.10075 6.071 2.89687 5.65095 3.96786C4.97239 5.69732 5.58794 7.59667 5.81089 8.17991C5.26441 9.53116 5.8945 10.4538 5.92277 10.4943L6.00759 10.5831C6.02213 10.5939 7.46245 11.7335 7.46245 13.5597C7.46245 15.3284 6.5153 15.6521 5.3153 16.0613L5.15818 16.1142C3.80834 16.5685 1 17.5138 1 20.5866V21H7Z" fill="currentColor" />
+      <path fillRule="evenodd" clipRule="evenodd" d="M14.0436 16.3999H10.9998C9.78478 16.3999 8.7998 17.3849 8.7998 18.5999V20.6378C8.7998 21.8528 9.78478 22.8378 10.9998 22.8378H19.7998C21.0148 22.8378 21.9998 21.8528 21.9998 20.6378V18.5999C21.9998 17.3849 21.0148 16.3999 19.7998 16.3999H18.8438V17.9999H14.0436V16.3999ZM10.3998 18.5999C10.3998 18.2685 10.6684 17.9999 10.9998 17.9999H19.7998C20.1312 17.9999 20.3998 18.2685 20.3998 18.5999V20.6378C20.3998 20.9692 20.1312 21.2378 19.7998 21.2378H16.2265V22.8378H12.0073V21.2378H10.9998C10.6684 21.2378 10.3998 20.9692 10.3998 20.6378V18.5999Z" fill="currentColor" />
+      <path fillRule="evenodd" clipRule="evenodd" d="M16.1183 18.0031H14.0132V16.4031H16.1183C17.1124 16.4031 17.9183 17.209 17.9183 18.2031V20H16.3183V18.2031C16.3183 18.0926 16.2288 18.0031 16.1183 18.0031Z" fill="currentColor" />
+      <path fillRule="evenodd" clipRule="evenodd" d="M14.6877 19.4375V21.0408C14.6877 21.1512 14.7773 21.2408 14.8877 21.2408H16.2266V22.8408H14.8877C13.8936 22.8408 13.0877 22.0349 13.0877 21.0408V19.4375H14.6877Z" fill="currentColor" />
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/UserLock.tsx

@@ -0,0 +1,12 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+
+import React from 'react'
+
+export default function UserLockIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}>
+      <path fillRule="evenodd" clipRule="evenodd" d="M13.1406 21V15.1719H13.1457C12.852 14.8657 12.7132 14.4417 12.7132 13.5597C12.7132 11.7562 14.1571 10.5918 14.1705 10.5811L14.246 10.5215L14.288 10.4343C14.7719 9.42121 14.5352 8.56722 14.374 8.18239C15.4262 5.79529 14.1527 3.8203 13.8825 3.44291C13.1979 1.42575 11.7366 1 10.6258 1C9.3091 1 8.13899 1.59109 8.12041 1.60184C6.90224 2.10075 6.071 2.89687 5.65095 3.96786C4.97239 5.69732 5.58794 7.59667 5.81089 8.17991C5.26441 9.53116 5.8945 10.4538 5.92277 10.4943L6.00759 10.5831C6.02213 10.5939 7.46245 11.7335 7.46245 13.5597C7.46245 15.3284 6.5153 15.6521 5.3153 16.0613L5.15818 16.1142C3.80834 16.5685 1 17.5138 1 20.5866V21H13.1406Z" fill="currentColor" />
+      <path fillRule="evenodd" clipRule="evenodd" d="M15.6875 16.1429V13.8571C15.6875 12.2792 16.9467 11 18.5 11C20.0533 11 21.3125 12.2792 21.3125 13.8571V16.1429H23V22.4272C23 22.7435 22.7475 23 22.437 23H14.563C14.2521 23 14 22.7437 14 22.4272V16.1429H15.6875ZM18.5 12.1429C17.568 12.1429 16.8125 12.9104 16.8125 13.8571V16.1429H20.1875V13.8571C20.1875 12.9104 19.432 12.1429 18.5 12.1429Z" fill="currentColor" />
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/Users.tsx

@@ -0,0 +1,10 @@
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'
+import React from 'react'
+
+export default function UsersIcon(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}>
+        <path fillRule="evenodd" clipRule="evenodd" d="M13.832 8.5c.5 0 1.157.192 1.465 1.1.122.17.695 1.058.221 2.132.073.173.18.558-.038 1.013l-.02.04-.033.027c-.006.004-.656.528-.656 1.34 0 .648.166.747.531.962.092.054.19.113.297.185.103.07.244.138.395.208l.05.024c.606.28 1.434.664 1.453 1.78l.004.189H9.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269zm-3-2c.5 0 1.157.192 1.465 1.1.057.079.213.317.314.657a1.436 1.436 0 00-.096.051c-.67.275-1.147.73-1.388 1.345-.273.698-.21 1.43.01 2.085.019.058-.105.524-.031.847.027.117.065.224.11.32.032.064.062.115.09.154l.021.031.027.028.038.04.03.03.032.026.051.048c.057.057.115.125.17.201.147.21.233.442.233.689 0 .407-.054.457-.627.652l-.07.024c-.588.197-.934.351-1.31.643a3.27 3.27 0 00-.037.029H6.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269z" fill="currentColor"/>
+    </SvgIcon>
+  )
+}

package/src/Icons/leap/index.ts

@@ -0,0 +1,45 @@
+export { default as AvatarBusinessIcon } from './AvatarBusiness';
+export { default as AvatarCompanyIcon } from './AvatarCompany';
+export { default as AvatarGovernmentIcon } from './AvatarGovernment';
+export { default as AvatarPeopleIcon } from './AvatarPeople';
+export { default as AvatarPersonIcon } from './AvatarPerson';
+export { default as AvatarTrustIcon } from './AvatarTrust';
+export { default as ButtonCaretIcon } from './ButtonCaret';
+export { default as BrowseIcon } from './Browse';
+export { default as Browse2Icon } from './Browse2';
+export { default as ButtonFilterIcon } from './ButtonFilter';
+export { default as ChevronDownIcon } from './ChevronDown';
+export { default as InsertLinkIcon } from './InsertLink';
+export { default as SearchIcon } from './Search';
+export { default as SelectFilterEmptyIcon } from './SelectFilterEmpty';
+export { default as SelectFilterFilledIcon } from './SelectFilterFilled';
+export { default as Cross16Icon } from './Cross16';
+export { default as AccessIcon } from './Access';
+export { default as AccountingIcon } from './Accounting';
+export { default as AssignCurvedIcon } from './AssignCurved';
+export { default as CalendarIcon } from './Calendar';
+export { default as ChevronLeftIcon } from './ChevronLeft';
+export { default as ChevronRightIcon } from './ChevronRight';
+export { default as CrossIcon } from './Cross';
+export { default as EmailSentIcon } from './EmailSent';
+export { default as HomeIcon } from './Home';
+export { default as LoaderIcon } from './Loader';
+export { default as MenuIcon } from './Menu';
+export { default as MoreVerticalIcon } from './MoreVertical';
+export { default as NewAppointmentIcon } from './NewAppointment';
+export { default as PowerIcon } from './Power';
+export { default as PreviewIcon } from './Preview';
+export { default as ReportingIcon } from './Reporting';
+export { default as ResponseIcon } from './Response';
+export { default as RevokeAccessIcon } from './RevokeAccess';
+export { default as SpinnerIcon } from './Spinner';
+export { default as TickIcon } from './Tick';
+export { default as UserLinkIcon } from './UserLink';
+export { default as UserLockIcon } from './UserLock';
+export { default as UsersIcon } from './Users';
+export { default as CoinPoundIcon } from './CoinPound';
+export { default as CoinIcon } from './Coin';
+export { default as CoinEuroIcon } from './CoinEuro';
+export { default as CurrencyEuroIcon } from './CurrencyEuro';
+export { default as CurrencyPoundIcon } from './CurrencyPound';
+export { default as CurrencyIcon } from './Currency';

package/src/Icons/leap-icons.stories.mdx

@@ -0,0 +1,105 @@
+import { Canvas, Meta, Story } from "@storybook/addon-docs"
+
+import { Icon } from "../Icon" 
+
+import {
+AccessIcon,
+AccountingIcon,
+AssignCurvedIcon,
+AvatarBusinessIcon,
+AvatarCompanyIcon,
+AvatarGovernmentIcon,
+AvatarPeopleIcon,
+AvatarPersonIcon,
+AvatarTrustIcon,
+BrowseIcon,
+Browse2Icon,
+ButtonCaretIcon,
+ButtonFilterIcon,
+CalendarIcon,
+ChevronDownIcon,
+ChevronLeftIcon,
+ChevronRightIcon,
+CoinEuroIcon,
+CoinIcon,
+CoinPoundIcon,
+CrossIcon,
+Cross16Icon,
+CurrencyEuroIcon,
+CurrencyIcon,
+CurrencyPoundIcon,
+EmailSentIcon,
+HomeIcon,
+InsertLinkIcon,
+LoaderIcon,
+MenuIcon,
+MoreVerticalIcon,
+NewAppointmentIcon,
+PowerIcon,
+PreviewIcon,
+ReportingIcon,
+ResponseIcon,
+RevokeAccessIcon,
+SearchIcon,
+SelectFilterEmptyIcon,
+SelectFilterFilledIcon,
+SpinnerIcon,
+TickIcon,
+UserLinkIcon,
+UserLockIcon,
+UsersIcon,
+} from "./leap"
+
+<Meta title="Design Assets/Leap Icons" />
+
+# Icons
+
+<Canvas withToolbar>
+  <Story name="Icons">
+    <Icon name={AccessIcon} />
+    <Icon name={AccountingIcon} />
+    <Icon name={AssignCurvedIcon} />
+    <Icon name={AvatarBusinessIcon} />
+    <Icon name={AvatarCompanyIcon} />
+    <Icon name={AvatarGovernmentIcon} />
+    <Icon name={AvatarPeopleIcon} />
+    <Icon name={AvatarPersonIcon} />
+    <Icon name={AvatarTrustIcon} />
+    <Icon name={BrowseIcon} />
+    <Icon name={Browse2Icon} />
+    <Icon name={ButtonCaretIcon} />
+    <Icon name={ButtonFilterIcon} />
+    <Icon name={CalendarIcon} />
+    <Icon name={ChevronDownIcon} />
+    <Icon name={ChevronLeftIcon} />
+    <Icon name={ChevronRightIcon} />
+    <Icon name={CoinEuroIcon} />
+    <Icon name={CoinIcon} />
+    <Icon name={CoinPoundIcon} />
+    <Icon name={CrossIcon} />
+    <Icon name={Cross16Icon} />
+    <Icon name={CurrencyEuroIcon} />
+    <Icon name={CurrencyIcon} />
+    <Icon name={CurrencyPoundIcon} />
+    <Icon name={EmailSentIcon} />
+    <Icon name={HomeIcon} />
+    <Icon name={InsertLinkIcon} />
+    <Icon name={LoaderIcon} />
+    <Icon name={MenuIcon} />
+    <Icon name={MoreVerticalIcon} />
+    <Icon name={NewAppointmentIcon} />
+    <Icon name={PowerIcon} />
+    <Icon name={PreviewIcon} />
+    <Icon name={ReportingIcon} />
+    <Icon name={ResponseIcon} />
+    <Icon name={RevokeAccessIcon} />
+    <Icon name={SearchIcon} />
+    <Icon name={SelectFilterEmptyIcon} />
+    <Icon name={SelectFilterFilledIcon} />
+    <Icon name={SpinnerIcon} />
+    <Icon name={TickIcon} />
+    <Icon name={UserLinkIcon} />
+    <Icon name={UserLockIcon} />
+    <Icon name={UsersIcon} />
+  </Story>
+</Canvas>

package/src/ImageUpload/ImageUpload.stories.mdx

@@ -0,0 +1,41 @@
+import { Meta, Story, Canvas, ArgsTable } from "@storybook/addon-docs";
+import ImageUpload from "./ImageUpload";
+import { Icon } from "../Icon"
+import { SvgUpload } from "../Icons/lawconnect/"
+
+<Meta title="patterns/ImageUpload" component={ImageUpload} />
+
+# ImageUpload
+
+```javascript
+import { ImageUpload } from "@galaxy-ds/core";
+```
+
+<Canvas withToolbar>
+  <Story
+    name="Default"
+    args={{
+      url: "url",
+    }}
+  >
+    {(args) => (
+      <ImageUpload
+        {...args}
+        rounded
+        placeholderImage={
+          <Icon name={SvgUpload} 
+            style={{
+              width: "100px",
+              height: "100px",
+              color: "#FFFFFF",
+              background: "#a7a7a7",
+              border: "1px solid #99A0AC",
+            }} 
+          />
+        }
+      />
+    )}
+  </Story>
+</Canvas>
+
+<ArgsTable story="Default" />

package/src/ImageUpload/ImageUpload.styled.ts

@@ -0,0 +1,69 @@
+import { styled } from "@mui/material/styles"
+import { IconButton } from "../IconButton/IconButton";
+
+export const ImageUploadStyled = styled("div")(() => ({
+  width: 135,
+  alignItems: "center",
+}));
+
+export const ImageUploadContainer = styled("div")(({theme}) => ({
+  border: `1px solid ${theme.palette.grey[400]}`,
+  backgroundColor: theme.palette.background.paper,
+  borderBottom: "none",
+  borderRadius: 0,
+  width: 135,
+  height: 135,
+  display: "flex",
+  alignItems: "center",
+  position: "relative",
+}));
+
+export const ImageUploadClose = styled("div")(({theme}) => ({
+  position: "absolute",
+  right: "0px",
+  top: "0px",
+  borderRadius: 0,
+  "& .MuiIconButton-root": {
+    paddingBottom: 0,
+    paddingLeft: 0,
+    borderRadius: 0,
+    backgroundColor:theme.palette.background.paper,
+    transition: "none",
+    "&:hover": {
+      backgroundColor: theme.palette.background.paper,
+      color: theme.palette.text.primary,
+    },
+    "&:active": {
+      backgroundColor: theme.palette.background.paper,
+      color: theme.palette.text.primary,
+    },
+  },
+}));
+
+export const ImageUploadIcon = styled(IconButton)(({theme}) => ({
+  "& .MuiIconButton-root": {
+    borderRadius: 0,
+    backgroundColor: theme.palette.background.paper,
+    transition: "none",
+    "&:hover": {
+      backgroundColor: theme.palette.background.paper,
+      color: theme.palette.grey[400],
+    },
+    "&:active": {
+      backgroundColor: theme.palette.background.paper,
+    },
+  },
+}));
+
+export const ImageUploadPhoto = styled("div")(() => ({
+  width: "100px",
+  height: "100px",
+  marginTop: "auto",
+  marginBottom: "auto",
+  overflow: "hidden",
+  display: "flex",
+  minWidth: 0,
+  "&.gds-image-upload-rounded": {
+    borderRadius: 50,
+  },
+}));

package/src/ImageUpload/ImageUpload.test.tsx

@@ -0,0 +1,6 @@
+import { render } from '@testing-library/react';
+import ImageUpload from './ImageUpload';
+
+test('renders', () => {
+  render(<ImageUpload />);
+});