@crystallize/design-system 1.24.45 → 2.0.1

package/src/iconography/copy-with-cloud.tsx

@@ -1,19 +1,8 @@
 import { forwardRef, SVGProps } from 'react';
 
-type CopyWithCloudProps = SVGProps<SVGSVGElement>;
-type CopyWithCloudRef = SVGSVGElement;
-
-export const CopyWithCloud = forwardRef<CopyWithCloudRef, CopyWithCloudProps>((delegated, ref) => {
+export const CopyWithCloud = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
-    <svg
-      ref={ref}
-      xmlns="http://www.w3.org/2000/svg"
-      width="22"
-      height="22"
-      fill="none"
-      viewBox="0 0 22 22"
-      {...delegated}
-    >
+    <svg ref={ref} width="22" height="22" fill="none" viewBox="0 0 22 22" {...delegated}>
       <path
         fill="#fff"
         d="M19.055 13.054c-.595 1.263-1.441 1.553-3.22 1.553-3.734 0-5.845-.123-9.562-.123-1.725 0-3.546-.242-4.082-1.92-.34-1.064-.153-2.123.496-2.817.473-.493 1.014-.699 1.76-.763.563-.048 1.429.226 1.429.226s-.324-2.173.61-2.764c.37-.234.64-.306 1.078-.308.343-.003.86.18.86.18l.911.642s1.164-2.957 3.686-2.957c.217 0 .434.022.647.067 1.136.242 2.228.971 2.757 2.259.405.986.05 2.729.05 2.729s1.887.405 2.454 1.338c.54.888.57 1.718.126 2.658Z"

package/src/iconography/copy.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type CopyProps = SVGProps<SVGSVGElement>;
-
-type CopyRef = SVGSVGElement;
-
-export const Copy = forwardRef<CopyRef, CopyProps>((delegated, ref) => {
+export const Copy = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/coupon.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type CouponProps = SVGProps<SVGSVGElement>;
-
-type CouponRef = SVGSVGElement;
-
-export const Coupon = forwardRef<CouponRef, CouponProps>((delegated, ref) => {
+export const Coupon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <g clipPath="url(#coupon)" fillRule="evenodd" clipRule="evenodd">

package/src/iconography/crystal.tsx

@@ -1,20 +1,8 @@
 import { forwardRef, SVGProps } from 'react';
 
-type CrystalProps = SVGProps<SVGSVGElement>;
-
-type CrystalRef = SVGSVGElement;
-
-export const Crystal = forwardRef<CrystalRef, CrystalProps>((delegated, ref) => {
+export const Crystal = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
-    <svg
-      ref={ref}
-      width="27"
-      height="27"
-      viewBox="0 0 27 27"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...delegated}
-    >
+    <svg ref={ref} width="27" height="27" viewBox="0 0 27 27" fill="none" {...delegated}>
       <path
         fill="#528693"
         d="M13.945 26.805c3.479 0 6.299-.386 6.299-.861 0-.476-2.82-.861-6.299-.861-3.478 0-6.298.385-6.298.86 0 .476 2.82.862 6.298.862ZM25.356 5.894l-2.998-2.938-1.98 4.77 4.978-1.832ZM26.995 14.579l-.341-3.357-3.644 1.896 3.985 1.46ZM.896 14.579l.341-3.357 3.643 1.896-3.984 1.46ZM2.563 5.894l2.999-2.938 1.98 4.77-4.979-1.832Z"

package/src/iconography/customers.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type CustomersProps = SVGProps<SVGSVGElement>;
-
-type CustomersRef = SVGSVGElement;
-
-export const Customers = forwardRef<CustomersRef, CustomersProps>((delegated, ref) => {
+export const Customers = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="16" height="16" viewBox="0 0 16 16" fill="none" {...delegated}>
       <path

package/src/iconography/dashboard.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type DashboardProps = SVGProps<SVGSVGElement>;
-
-type DashboardRef = SVGSVGElement;
-
-export const Dashboard = forwardRef<DashboardRef, DashboardProps>((delegated, ref) => {
+export const Dashboard = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} viewBox="0 0 22 22" width="22" height="22" fill="none" {...delegated}>
       <path

package/src/iconography/date-infinity.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type DateInfinityProps = SVGProps<SVGSVGElement>;
-
-type DateInfinityRef = SVGSVGElement;
-
-export const DateInfinity = forwardRef<DateInfinityRef, DateInfinityProps>((delegated, ref) => {
+export const DateInfinity = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="23" viewBox="0 0 23 23" fill="none" {...delegated}>
       <path

package/src/iconography/date.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type DateProps = SVGProps<SVGSVGElement>;
-
-type DateRef = SVGSVGElement;
-
-export const Date = forwardRef<DateRef, DateProps>((delegated, ref) => {
+export const Date = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/discovery.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type DiscoveryProps = SVGProps<SVGSVGElement>;
-
-type DiscoveryRef = SVGSVGElement;
-
-export const Discovery = forwardRef<DiscoveryRef, DiscoveryProps>((delegated, ref) => {
+export const Discovery = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <g clipPath="url(#discovery)">

package/src/iconography/document-shortcut.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type DocumentShortcutProps = SVGProps<SVGSVGElement>;
-
-type DocumentShortcutRef = SVGSVGElement;
-
-export const DocumentShortcut = forwardRef<DocumentShortcutRef, DocumentShortcutProps>((delegated, ref) => {
+export const DocumentShortcut = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/document.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type DocumentProps = SVGProps<SVGSVGElement>;
-
-type DocumentRef = SVGSVGElement;
-
-export const Document = forwardRef<DocumentRef, DocumentProps>((delegated, ref) => {
+export const Document = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/dots.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type DotsProps = SVGProps<SVGSVGElement>;
-
-type DotsRef = SVGSVGElement;
-
-export const Dots = forwardRef<DotsRef, DotsProps>((delegated, ref) => {
+export const Dots = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true" {...delegated}>
       <circle cx="10" cy="5" r="1.7857" fill="#9095A8" />

package/src/iconography/download.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type DownloadProps = SVGProps<SVGSVGElement>;
-
-type DownloadRef = SVGSVGElement;
-
-export const Download = forwardRef<DownloadRef, DownloadProps>((delegated, ref) => {
+export const Download = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="30" viewBox="0 0 23 30" fill="none" {...delegated}>
       <path d="M21.6035 29.4999H.4998V1.2426H14.061l7.5425 7.808v20.4493Z" fill="#BFF6F8" />

package/src/iconography/drag-handle.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type DragHandleProps = SVGProps<SVGSVGElement>;
-
-type DragHandleRef = SVGSVGElement;
-
-export const DragHandle = forwardRef<DragHandleRef, DragHandleProps>((delegated, ref) => {
+export const DragHandle = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="11" height="18" viewBox="0 0 11 18" fill="none" {...delegated}>
       <circle cx="2" cy="2" r="2" fill="#7E8592" />

package/src/iconography/dynamic-value.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type DynamicValueProps = SVGProps<SVGSVGElement>;
-
-type DynamicValueRef = SVGSVGElement;
-
-export const DynamicValue = forwardRef<DynamicValueRef, DynamicValueProps>((delegated, ref) => {
+export const DynamicValue = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <g clipPath="url(#dynamic-value)">

package/src/iconography/edit.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type EditProps = SVGProps<SVGSVGElement>;
-
-type EditRef = SVGSVGElement;
-
-export const Edit = forwardRef<EditRef, EditProps>((delegated, ref) => {
+export const Edit = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/error-white.tsx

@@ -1,9 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type ErrorWhiteProps = SVGProps<SVGSVGElement>;
-type ErrorWhiteRef = SVGSVGElement;
-
-export const ErrorWhite = forwardRef<ErrorWhiteRef, ErrorWhiteProps>((delegated, ref) => {
+export const ErrorWhite = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="17" height="15" viewBox="0 0 17 15" fill="none" color="#fff" {...delegated}>
       <path d="M15.463 1.2L8.5 12.685 1.537 1.2h13.925zM1.353.896s0 0 0 0h0z" stroke="currentColor" strokeWidth={2.4} />

package/src/iconography/error.tsx

@@ -1,9 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type ErrorProps = SVGProps<SVGSVGElement>;
-type ErrorRef = SVGSVGElement;
-
-export const Error = forwardRef<ErrorRef, ErrorProps>((delegated, ref) => {
+export const Error = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" fill="none" viewBox="0 0 22 22" {...delegated}>
       <path

package/src/iconography/expanded.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type ExpandedProps = SVGProps<SVGSVGElement>;
-
-type ExpandedRef = SVGSVGElement;
-
-export const Expanded = forwardRef<ExpandedRef, ExpandedProps>((delegated, ref) => {
+export const Expanded = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/eye-closed.tsx

@@ -1,14 +1,12 @@
 import { forwardRef, SVGProps } from 'react';
 
-type EyeClosedProps = SVGProps<SVGSVGElement>;
+import { stroke } from './variables';
 
-type EyeClosedRef = SVGSVGElement;
-
-export const EyeClosed = forwardRef<EyeClosedRef, EyeClosedProps>((delegated, ref) => {
+export const EyeClosed = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="17" height="17" fill="none" viewBox="0 0 17 17" {...delegated}>
       <path
-        fill="#528693"
+        fill={stroke}
         d="M12.772 7.303c.515-.48.77-.882.795-.924a.294.294 0 1 0-.502-.308c-.014.024-1.492 2.367-4.89 2.367-3.385 0-4.832-2.27-4.892-2.367a.294.294 0 0 0-.501.308c.025.042.28.445.794.924l-.966.975a.21.21 0 0 0 .298.296l.987-.995c.2.163.43.327.689.485l-.698 1.167a.21.21 0 1 0 .36.216L4.95 8.27c.22.115.456.222.711.317L5.25 9.894a.21.21 0 0 0 .4.127l.41-1.298c.242.074.5.137.772.186l-.202 1.364a.21.21 0 0 0 .416.062l.201-1.364c.23.028.469.045.717.051v1.372a.21.21 0 0 0 .42 0V9.022a7.63 7.63 0 0 0 .733-.053l.277 1.377a.21.21 0 1 0 .412-.084l-.273-1.356c.253-.047.494-.105.722-.173l.445 1.293a.21.21 0 1 0 .397-.137L10.654 8.6c.268-.099.516-.21.745-.33l.703 1.177a.21.21 0 1 0 .36-.216l-.697-1.167c.259-.158.488-.322.689-.485l.986.995a.21.21 0 0 0 .298.002.21.21 0 0 0 0-.298l-.966-.975Z"
       />
     </svg>

package/src/iconography/eye-open.tsx

@@ -1,31 +1,29 @@
 import { forwardRef, SVGProps } from 'react';
 
-type EyeOpenProps = SVGProps<SVGSVGElement>;
+import { fill, stroke } from './variables';
 
-type EyeOpenRef = SVGSVGElement;
-
-export const EyeOpen = forwardRef<EyeOpenRef, EyeOpenProps>((delegated, ref) => {
+export const EyeOpen = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="17" height="17" fill="none" viewBox="0 0 17 17" {...delegated}>
       <g clipPath="url(#eye-open)">
         <path
-          fill="#BFF6F8"
+          fill={fill}
           d="M8.15 4.132c2.607-.007 5.953 2.523 7.313 3.649a.674.674 0 0 1-.005 1.052c-1.366 1.108-4.714 3.59-7.308 3.583-2.577-.007-5.907-2.478-7.268-3.583a.675.675 0 0 1-.005-1.052C2.232 6.658 5.56 4.139 8.15 4.13Z"
         />
         <path
-          fill="#528693"
+          fill={stroke}
           fillRule="evenodd"
-          d="M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z"
           clipRule="evenodd"
+          d="M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z"
         />
         <path fill="#fff" d="M11.678 8.273a3.508 3.508 0 1 1-7.016 0 3.508 3.508 0 0 1 7.016 0Z" />
         <path
-          fill="#528693"
+          fill={stroke}
           fillRule="evenodd"
-          d="M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z"
           clipRule="evenodd"
+          d="M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z"
         />
-        <path fill="#528693" d="M8.168 6.445a1.829 1.829 0 1 0 0 3.657 1.829 1.829 0 0 0 0-3.657Z" />
+        <path fill={stroke} d="M8.168 6.445a1.829 1.829 0 1 0 0 3.657 1.829 1.829 0 0 0 0-3.657Z" />
       </g>
       <defs>
         <clipPath id="eye-open">

package/src/iconography/file-upload.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type FileUploadProps = SVGProps<SVGSVGElement>;
-
-type FileUploadRef = SVGSVGElement;
-
-export const FileUpload = forwardRef<FileUploadRef, FileUploadProps>((delegated, ref) => {
+export const FileUpload = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/filename.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type FilenameProps = SVGProps<SVGSVGElement>;
-
-type FilenameRef = SVGSVGElement;
-
-export const Filename = forwardRef<FilenameRef, FilenameProps>((delegated, ref) => {
+export const Filename = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/fixed-property-table.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type FixedPropertyTableProps = SVGProps<SVGSVGElement>;
-
-type FixedPropertyTableRef = SVGSVGElement;
-
-export const FixedPropertyTable = forwardRef<FixedPropertyTableRef, FixedPropertyTableProps>((delegated, ref) => {
+export const FixedPropertyTable = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/fixed-value.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { stroke, fill } from './variables';
 
-type FixedValueProps = SVGProps<SVGSVGElement>;
-
-type FixedValueRef = SVGSVGElement;
-
-export const FixedValue = forwardRef<FixedValueRef, FixedValueProps>((delegated, ref) => {
+export const FixedValue = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path fill={fill} d="M7.379 7.414c-.413.248-.959.148-1.218-.259" />

package/src/iconography/flow.tsx

@@ -1,56 +1,44 @@
 import { forwardRef, SVGProps } from 'react';
 
-type FlowProps = SVGProps<SVGSVGElement>;
-
-type FlowRef = SVGSVGElement;
-
-export const Flow = forwardRef<FlowRef, FlowProps>((delegated, ref) => {
+export const Flow = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
-    <svg
-      ref={ref}
-      xmlns="http://www.w3.org/2000/svg"
-      width="23"
-      height="22"
-      fill="none"
-      viewBox="0 0 23 22"
-      {...delegated}
-    >
+    <svg ref={ref} width="23" height="22" fill="none" viewBox="0 0 23 22" {...delegated}>
       <path
         fill="#fff"
         d="M9.892 13.114a1.04 1.04 0 01-1.041-1.04v-2.29c0-.576.466-1.042 1.04-1.042h2.29c.576 0 1.042.466 1.042 1.041v2.29a1.04 1.04 0 01-1.041 1.04h-2.29z"
-      ></path>
+      />
       <path
         fill="#528693"
         fillRule="evenodd"
         d="M8.226 12.073v-2.29c0-.92.746-1.665 1.666-1.665h2.29c.92 0 1.665.745 1.665 1.665v2.29c0 .92-.746 1.665-1.665 1.665h-2.29c-.92 0-1.666-.745-1.666-1.665zm.625 0c0 .575.466 1.04 1.04 1.04h2.29a1.04 1.04 0 001.042-1.04v-2.29a1.04 1.04 0 00-1.041-1.04h-2.29a1.04 1.04 0 00-1.041 1.04v2.29z"
         clipRule="evenodd"
-      ></path>
+      />
       <path
         fill="#BFF6F8"
         d="M15.79 13.114a1.04 1.04 0 01-1.041-1.04v-2.29c0-.576.465-1.042 1.04-1.042h2.29c.575 0 1.041.466 1.041 1.041v2.29a1.04 1.04 0 01-1.04 1.04h-2.29z"
-      ></path>
+      />
       <path
         fill="#528693"
         fillRule="evenodd"
         d="M14.124 12.073v-2.29c0-.92.746-1.665 1.665-1.665h2.29c.92 0 1.665.745 1.665 1.665v2.29c0 .92-.745 1.665-1.665 1.665h-2.29c-.92 0-1.665-.745-1.665-1.665zm.624 0c0 .575.466 1.04 1.041 1.04h2.29a1.04 1.04 0 001.041-1.04v-2.29a1.04 1.04 0 00-1.04-1.04h-2.29a1.04 1.04 0 00-1.041 1.04v2.29z"
         clipRule="evenodd"
-      ></path>
+      />
       <path
         fill="#BFF6F8"
         d="M3.994 13.114a1.04 1.04 0 01-1.04-1.04v-2.29c0-.576.465-1.042 1.04-1.042h2.29c.575 0 1.041.466 1.041 1.041v2.29a1.04 1.04 0 01-1.04 1.04h-2.29z"
-      ></path>
+      />
       <path
         fill="#528693"
         fillRule="evenodd"
         d="M2.329 12.073v-2.29c0-.92.746-1.665 1.665-1.665h2.29c.92 0 1.665.745 1.665 1.665v2.29c0 .92-.745 1.665-1.665 1.665h-2.29c-.92 0-1.665-.745-1.665-1.665zm.624 0c0 .575.466 1.04 1.041 1.04h2.29a1.04 1.04 0 001.041-1.04v-2.29a1.04 1.04 0 00-1.04-1.04h-2.29a1.04 1.04 0 00-1.042 1.04v2.29zM5.14 17.778a.312.312 0 01-.313-.313v-2.558a.312.312 0 11.624 0v2.558c0 .173-.14.313-.312.313zM14.617 5.526l1.987-1.987a.312.312 0 01.442 0l1.987 1.987a.312.312 0 01-.441.441l-1.454-1.454V8.34a.312.312 0 01-.625 0V4.513l-1.454 1.454a.312.312 0 11-.442-.441z"
         clipRule="evenodd"
-      ></path>
+      />
       <path
         fill="#528693"
         fillRule="evenodd"
         d="M11.037 8.651c.172 0 .312-.14.312-.312V4.59c0-.747-.606-1.353-1.353-1.353h-3.97c-.748 0-1.354.606-1.354 1.353v3.75a.312.312 0 00.625 0V4.59c0-.402.326-.728.728-.728h3.97c.403 0 .73.326.73.728v3.75c0 .173.14.312.312.312zM11.037 13.479a.312.312 0 00-.313.312v3.75c0 .747.606 1.353 1.354 1.353h3.97c.748 0 1.353-.606 1.353-1.353v-3.75a.312.312 0 00-.624 0v3.75a.729.729 0 01-.729.728h-3.97a.729.729 0 01-.729-.728v-3.75a.312.312 0 00-.312-.312zM5.14 20.29a.312.312 0 01-.313-.311v-.91a.312.312 0 11.624 0v.91c0 .172-.14.312-.312.312z"
         clipRule="evenodd"
-      ></path>
+      />
     </svg>
   );
 });

package/src/iconography/folder-shortcut.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type FolderShortcutProps = SVGProps<SVGSVGElement>;
-
-type FolderShortcutRef = SVGSVGElement;
-
-export const FolderShortcut = forwardRef<FolderShortcutRef, FolderShortcutProps>((delegated, ref) => {
+export const FolderShortcut = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/folder.tsx

@@ -2,11 +2,7 @@ import { forwardRef, SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type FolderProps = SVGProps<SVGSVGElement>;
-
-type FolderRef = SVGSVGElement;
-
-export const Folder = forwardRef<FolderRef, FolderProps>((delegated, ref) => {
+export const Folder = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/frontends.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type FrontendsProps = SVGProps<SVGSVGElement>;
-
-type FrontendsRef = SVGSVGElement;
-
-export const Frontends = forwardRef<FrontendsRef, FrontendsProps>((delegated, ref) => {
+export const Frontends = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
       <path

package/src/iconography/fulfilment.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type FulfilmentProps = SVGProps<SVGSVGElement>;
-
-type FulfilmentRef = SVGSVGElement;
-
-export const Fulfilment = forwardRef<FulfilmentRef, FulfilmentProps>((delegated, ref) => {
+export const Fulfilment = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
       <path

package/src/iconography/glasses.tsx

@@ -1,19 +1,8 @@
 import { forwardRef, SVGProps } from 'react';
 
-type GlassesProps = SVGProps<SVGSVGElement>;
-type GlassesRef = SVGSVGElement;
-
-export const Glasses = forwardRef<GlassesRef, GlassesProps>((delegated, ref) => {
+export const Glasses = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
-    <svg
-      ref={ref}
-      width="20"
-      height="15"
-      viewBox="0 0 20 15"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...delegated}
-    >
+    <svg ref={ref} width="20" height="15" viewBox="0 0 20 15" fill="none" {...delegated}>
       <path
         fillRule="evenodd"
         clipRule="evenodd"

package/src/iconography/graphQL.tsx

@@ -1,19 +1,8 @@
 import { forwardRef, SVGProps } from 'react';
 
-type GraphQLProps = SVGProps<SVGSVGElement>;
-type GraphQLRef = SVGSVGElement;
-
-export const GraphQL = forwardRef<GraphQLRef, GraphQLProps>((delegated, ref) => {
+export const GraphQL = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
-    <svg
-      ref={ref}
-      width="23"
-      height="22"
-      viewBox="0 0 23 22"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...delegated}
-    >
+    <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
       <path d="M10.479 3.4a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
       <path
         fillRule="evenodd"

package/src/iconography/grid-relation.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type GridRelationProps = SVGProps<SVGSVGElement>;
-
-type GridRelationRef = SVGSVGElement;
-
-export const GridRelation = forwardRef<GridRelationRef, GridRelationProps>((delegated, ref) => {
+export const GridRelation = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/grid.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type GridProps = SVGProps<SVGSVGElement>;
-
-type GridRef = SVGSVGElement;
-
-export const Grid = forwardRef<GridRef, GridProps>((delegated, ref) => {
+export const Grid = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
       <path

package/src/iconography/hand-mirror.tsx

@@ -1,9 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type HandMirrorProps = SVGProps<SVGSVGElement>;
-type HandMirrorRef = SVGSVGElement;
-
-export const HandMirror = forwardRef<HandMirrorRef, HandMirrorProps>((delegated, ref) => {
+export const HandMirror = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="66" height="66" viewBox="0 0 66 66" fill="none" {...delegated}>
       <path

package/src/iconography/hooks.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type HooksProps = SVGProps<SVGSVGElement>;
-
-type HooksRef = SVGSVGElement;
-
-export const Hooks = forwardRef<HooksRef, HooksProps>((delegated, ref) => {
+export const Hooks = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" {...delegated}>
       <path

package/src/iconography/image.tsx

@@ -1,10 +1,6 @@
 import { forwardRef, SVGProps } from 'react';
 
-type ImageProps = SVGProps<SVGSVGElement>;
-
-type ImageRef = SVGSVGElement;
-
-export const Image = forwardRef<ImageRef, ImageProps>((delegated, ref) => {
+export const Image = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path