Update | Project Ready

2025-04-03 17:05:59 +01:00
commit c5aee9e2ec
176 changed files with 34486 additions and 0 deletions
@@ -0,0 +1,4 @@
+export { default as BrandLogo } from './BrandLogo.png'
+export { default as GrayMaterial } from './gray.png'
+export { default as WoodgrainMaterial } from './woodgrain.png'
+export { default as PerforatedMaterial } from './perforated.png'
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const ArrowLeftIcon = () => {
+  return (
+    <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M11.25 6.5H0.75M0.75 6.5L6 11.75M0.75 6.5L6 1.25" stroke="#4A5578" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const ArrowRrightIcon = () => {
+  return (
+    <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M1.66675 7H13.3334M13.3334 7L7.50008 1.16667M13.3334 7L7.50008 12.8333" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const Chevron = ( { active } ) => {
+  return (
+    <svg className={ `${ active ? 'rotate-90' : '' }` } width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M1.93734 10.5208C1.65956 10.7014 1.37817 10.7117 1.09317 10.5517C0.808726 10.3922 0.666504 10.1458 0.666504 9.81248V1.18749C0.666504 0.854152 0.808726 0.607485 1.09317 0.447485C1.37817 0.288041 1.65956 0.298597 1.93734 0.479152L8.729 4.79165C8.979 4.95832 9.104 5.19443 9.104 5.49999C9.104 5.80554 8.979 6.04165 8.729 6.20832L1.93734 10.5208Z" fill="black" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const CloseIcon = () => {
+  return (
+    <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M13 1.5L1 13.5M1 1.5L13 13.5" stroke="#5D6B98" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const CopyIcon = () => {
+  return (
+    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M7 15V17.8C7 18.9201 7 19.4802 7.21799 19.908C7.40973 20.2843 7.71569 20.5903 8.09202 20.782C8.51984 21 9.07989 21 10.2 21H17.8C18.9201 21 19.4802 21 19.908 20.782C20.2843 20.5903 20.5903 20.2843 20.782 19.908C21 19.4802 21 18.9201 21 17.8V10.2C21 9.0799 21 8.51984 20.782 8.09202C20.5903 7.71569 20.2843 7.40973 19.908 7.21799C19.4802 7 18.9201 7 17.8 7H15M4.2 15H11.8C12.9201 15 13.4802 15 13.908 14.782C14.2843 14.5903 14.5903 14.2843 14.782 13.908C15 13.4802 15 12.9201 15 11.8V4.2C15 3.0799 15 2.51984 14.782 2.09202C14.5903 1.71569 14.2843 1.40973 13.908 1.21799C13.4802 1 12.9201 1 11.8 1H4.2C3.0799 1 2.51984 1 2.09202 1.21799C1.71569 1.40973 1.40973 1.71569 1.21799 2.09202C1 2.51984 1 3.07989 1 4.2V11.8C1 12.9201 1 13.4802 1.21799 13.908C1.40973 14.2843 1.71569 14.5903 2.09202 14.782C2.51984 15 3.07989 15 4.2 15Z" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,3 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4999 9.50004L9.49992 16.5M9.49992 9.50004L16.4999 16.5M24.6666 13C24.6666 19.4434 19.4432 24.6667 12.9999 24.6667C6.5566 24.6667 1.33325 19.4434 1.33325 13C1.33325 6.55672 6.5566 1.33337 12.9999 1.33337C19.4432 1.33337 24.6666 6.55672 24.6666 13Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const DownloadIcon = () => {
+  return (
+    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M19 13.5V17.5C19 18.0304 18.7893 18.5391 18.4142 18.9142C18.0391 19.2893 17.5304 19.5 17 19.5H3C2.46957 19.5 1.96086 19.2893 1.58579 18.9142C1.21071 18.5391 1 18.0304 1 17.5V13.5M5 8.5L10 13.5M10 13.5L15 8.5M10 13.5V1.5" stroke="#4A5578" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const GreenTickIcon = () => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M10.2793 14.6541L7.421 11.7958C7.246 11.6208 7.03211 11.5333 6.77933 11.5333C6.52655 11.5333 6.31266 11.6208 6.13766 11.7958C5.94322 11.9903 5.846 12.2187 5.846 12.4812C5.846 12.7437 5.9335 12.9625 6.1085 13.1375L9.66683 16.6958C9.82239 16.8514 10.0266 16.9291 10.2793 16.9291C10.5321 16.9291 10.7363 16.8514 10.8918 16.6958L17.8918 9.69581C18.0668 9.52081 18.1543 9.30692 18.1543 9.05415C18.1543 8.80137 18.0571 8.57776 17.8627 8.38331C17.6877 8.20831 17.4689 8.12081 17.2064 8.12081C16.9439 8.12081 16.7154 8.21804 16.521 8.41248L10.2793 14.6541ZM12.0002 23.6666C10.3474 23.6666 8.81127 23.3701 7.39183 22.7771C5.97239 22.184 4.73766 21.3625 3.68766 20.3125C2.63766 19.2625 1.81614 18.0278 1.22308 16.6083C0.630024 15.1889 0.333496 13.6528 0.333496 12C0.333496 10.3666 0.630024 8.84026 1.22308 7.42081C1.81614 6.00137 2.63766 4.76665 3.68766 3.71665C4.73766 2.66665 5.97239 1.84026 7.39183 1.23748C8.81127 0.634702 10.3474 0.333313 12.0002 0.333313C13.6335 0.333313 15.1599 0.634702 16.5793 1.23748C17.9988 1.84026 19.2335 2.66665 20.2835 3.71665C21.3335 4.76665 22.1599 6.00137 22.7627 7.42081C23.3654 8.84026 23.6668 10.3666 23.6668 12C23.6668 13.6528 23.3654 15.1889 22.7627 16.6083C22.1599 18.0278 21.3335 19.2625 20.2835 20.3125C19.2335 21.3625 17.9988 22.184 16.5793 22.7771C15.1599 23.3701 13.6335 23.6666 12.0002 23.6666Z" fill="#039855" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const HandIcon = () => {
+  return (
+    <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M4.9 10.4444V13.2222M4.9 10.4444V3.77778C4.9 2.8573 5.66112 2.11111 6.6 2.11111C7.53888 2.11111 8.3 2.8573 8.3 3.77778M4.9 10.4444C4.9 9.52397 4.13888 8.77778 3.2 8.77778C2.26112 8.77778 1.5 9.52397 1.5 10.4444V12.6667C1.5 17.269 5.30558 21 10 21C14.6944 21 18.5 17.269 18.5 12.6667V7.11111C18.5 6.19064 17.7389 5.44444 16.8 5.44444C15.8611 5.44444 15.1 6.19064 15.1 7.11111M8.3 3.77778V9.88889M8.3 3.77778V2.66667C8.3 1.74619 9.06112 1 10 1C10.9389 1 11.7 1.74619 11.7 2.66667V3.77778M11.7 3.77778V9.88889M11.7 3.77778C11.7 2.8573 12.4611 2.11111 13.4 2.11111C14.3389 2.11111 15.1 2.8573 15.1 3.77778V7.11111M15.1 7.11111V9.88889" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,16 @@
+import React from 'react'
+
+export const Loader = ( { fill, stroke, className } ) => {
+  return (
+    <svg className={ `animate-spin -ml-1 mr-3 text-white inline ${ className }` } xmlns="http://www.w3.org/2000/svg" fill={ fill } viewBox="0 0 24 24">
+      <circle className="opacity-25" cx="12" cy="12" r="10" stroke={ stroke } strokeWidth="4"></circle>
+      <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+    </svg>
+  )
+}
+
+Loader.defaultProps = {
+  className: "h-5 w-5",
+  fill: "none",
+  stroke: "currentColor",
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const MinusSquareIcon = () => {
+  return (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M6 10H14M5.8 19H14.2C15.8802 19 16.7202 19 17.362 18.673C17.9265 18.3854 18.3854 17.9265 18.673 17.362C19 16.7202 19 15.8802 19 14.2V5.8C19 4.11984 19 3.27976 18.673 2.63803C18.3854 2.07354 17.9265 1.6146 17.362 1.32698C16.7202 1 15.8802 1 14.2 1H5.8C4.11984 1 3.27976 1 2.63803 1.32698C2.07354 1.6146 1.6146 2.07354 1.32698 2.63803C1 3.27976 1 4.11984 1 5.8V14.2C1 15.8802 1 16.7202 1.32698 17.362C1.6146 17.9265 2.07354 18.3854 2.63803 18.673C3.27976 19 4.11984 19 5.8 19Z" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,15 @@
+
+import React from 'react'
+
+export const PasteIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="2" stroke="#B9C0D4" className="w-6 h-6">
+      <path strokeLinecap="round" strokeLinejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184" />
+    </svg>
+  )
+}
+
+
+    // <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    //   <path d="M5.5 1H12.6C14.8402 1 15.9603 1 16.816 1.43597C17.5686 1.81947 18.1805 2.43139 18.564 3.18404C19 4.03969 19 5.15979 19 7.4V14.5M4.2 19H12.3C13.4201 19 13.9802 19 14.408 18.782C14.7843 18.5903 15.0903 18.2843 15.282 17.908C15.5 17.4802 15.5 16.9201 15.5 15.8V7.7C15.5 6.57989 15.5 6.01984 15.282 5.59202C15.0903 5.21569 14.7843 4.90973 14.408 4.71799C13.9802 4.5 13.4201 4.5 12.3 4.5H4.2C3.0799 4.5 2.51984 4.5 2.09202 4.71799C1.71569 4.90973 1.40973 5.21569 1.21799 5.59202C1 6.01984 1 6.57989 1 7.7V15.8C1 16.9201 1 17.4802 1.21799 17.908C1.40973 18.2843 1.71569 18.5903 2.09202 18.782C2.51984 19 3.0799 19 4.2 19Z" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    // </svg>
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const PlusSquareIcon = () => {
+  return (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M10 6V14M6 10H14M5.8 19H14.2C15.8802 19 16.7202 19 17.362 18.673C17.9265 18.3854 18.3854 17.9265 18.673 17.362C19 16.7202 19 15.8802 19 14.2V5.8C19 4.11984 19 3.27976 18.673 2.63803C18.3854 2.07354 17.9265 1.6146 17.362 1.32698C16.7202 1 15.8802 1 14.2 1H5.8C4.11984 1 3.27976 1 2.63803 1.32698C2.07354 1.6146 1.6146 2.07354 1.32698 2.63803C1 3.27976 1 4.11984 1 5.8V14.2C1 15.8802 1 16.7202 1.32698 17.362C1.6146 17.9265 2.07354 18.3854 2.63803 18.673C3.27976 19 4.11984 19 5.8 19Z" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const PrinterIcon = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={ 2 } stroke="#B9C0D4" className="w-6 h-6">
+      <path strokeLinecap="round" strokeLinejoin="round" d="M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0110.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0l.229 2.523a1.125 1.125 0 01-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0021 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 00-1.913-.247M6.34 18H5.25A2.25 2.25 0 013 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 011.913-.247m10.5 0a48.536 48.536 0 00-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5zm-3 0h.008v.008H15V10.5z" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const ReverseLeftIcon = () => {
+  return (
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M1 5H11C14.3137 5 17 7.68629 17 11C17 14.3137 14.3137 17 11 17H1M1 5L5 1M1 5L5 9" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const ReverseRightIcon = () => {
+  return (
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M17 5H7C3.68629 5 1 7.68629 1 11C1 14.3137 3.68629 17 7 17H17M17 5L13 1M17 5L13 9" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,3 @@
+<svg width="22" height="30" viewBox="0 0 22 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 6.92297C1 6.92297 2.08016 6.34404 9.09964 7.41561C16.1191 8.48719 20.9408 15.0463 19.8693 22.0658C19.4896 24.5528 18.4211 26.7639 16.8873 28.5348M1 6.92297L7.90615 1.84612M1 6.92297L6.07686 13.8291" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const TrashIcon = () => {
+  return (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M7 1H13M1 4H19M17 4L16.2987 14.5193C16.1935 16.0975 16.1409 16.8867 15.8 17.485C15.4999 18.0118 15.0472 18.4353 14.5017 18.6997C13.882 19 13.0911 19 11.5093 19H8.49065C6.90891 19 6.11803 19 5.49834 18.6997C4.95276 18.4353 4.50009 18.0118 4.19998 17.485C3.85911 16.8867 3.8065 16.0975 3.70129 14.5193L3 4" stroke="#B9C0D4" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const UploadIcon = () => {
+  return (
+    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M19 13.5V17.5C19 18.0304 18.7893 18.5391 18.4142 18.9142C18.0391 19.2893 17.5304 19.5 17 19.5H3C2.46957 19.5 1.96086 19.2893 1.58579 18.9142C1.21071 18.5391 1 18.0304 1 17.5V13.5M15 6.5L10 1.5M10 1.5L5 6.5M10 1.5V13.5" stroke="#4A5578" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
@@ -0,0 +1,19 @@
+export { UploadIcon } from './UploadIcon'
+export { DownloadIcon } from './DownloadIcon'
+export { Chevron } from './Chevron'
+export { HandIcon } from './HandIcon'
+export { PlusSquareIcon } from './PlusSquareIcon'
+export { MinusSquareIcon } from './MinusSquareIcon'
+export { ReverseLeftIcon } from './ReverseLeftIcon'
+export { ReverseRightIcon } from './ReverseRightIcon'
+export { CopyIcon } from './CopyIcon'
+export { TrashIcon } from './TrashIcon'
+export { PasteIcon } from './PasteIcon'
+export { Loader } from './Loader'
+export { CloseIcon } from './CloseIcon'
+export { ArrowRrightIcon } from './ArrowRrightIcon'
+export { ArrowLeftIcon } from './ArrowLeftIcon'
+export { GreenTickIcon } from './GreenTickIcon'
+export { PrinterIcon } from './PrinterIcon'
+export { default as DeleteIcon } from './DeleteIcon.svg'
+export { default as RotateIcon } from './RotateIcon.svg'