feat: import svg files from stylekit (#844)

* chore: install stylekit with its new name

* feat: import svg files from stylekit

* feat: import the remaining svgs from stylekit

* fix: import 'warning' icon from stylekit

* chore: import warning icon from stylekit

* chore: bump stylekit version

* chore: update sn dependencies

app/assets/icons/ic-accessibility.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M17.5 7.50008H12.5V18.3334H10.8333V13.3334H9.16667V18.3334H7.5V7.50008H2.5V5.83342H17.5V7.50008ZM10 1.66675C10.442 1.66675 10.866 1.84234 11.1785 2.1549C11.4911 2.46746 11.6667 2.89139 11.6667 3.33342C11.6667 3.77544 11.4911 4.19937 11.1785 4.51193C10.866 4.82449 10.442 5.00008 10 5.00008C9.075 5.00008 8.33333 4.25008 8.33333 3.33342C8.33333 2.40841 9.075 1.66675 10 1.66675Z" />
-</svg>

app/assets/icons/ic-account-circle.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.0001 16.0001C7.91675 16.0001 6.07508 14.9334 5.00008 13.3334C5.02508 11.6667 8.33342 10.7501 10.0001 10.7501C11.6667 10.7501 14.9751 11.6667 15.0001 13.3334C13.9251 14.9334 12.0834 16.0001 10.0001 16.0001ZM10.0001 4.16675C10.6631 4.16675 11.299 4.43014 11.7679 4.89898C12.2367 5.36782 12.5001 6.00371 12.5001 6.66675C12.5001 7.32979 12.2367 7.96568 11.7679 8.43452C11.299 8.90336 10.6631 9.16675 10.0001 9.16675C9.33704 9.16675 8.70116 8.90336 8.23232 8.43452C7.76347 7.96568 7.50008 7.32979 7.50008 6.66675C7.50008 6.00371 7.76347 5.36782 8.23232 4.89898C8.70116 4.43014 9.33704 4.16675 10.0001 4.16675ZM10.0001 1.66675C8.90573 1.66675 7.8221 1.8823 6.81105 2.30109C5.80001 2.71987 4.88135 3.3337 4.10753 4.10753C2.54472 5.67033 1.66675 7.78995 1.66675 10.0001C1.66675 12.2102 2.54472 14.3298 4.10753 15.8926C4.88135 16.6665 5.80001 17.2803 6.81105 17.6991C7.8221 18.1179 8.90573 18.3334 10.0001 18.3334C12.2102 18.3334 14.3298 17.4554 15.8926 15.8926C17.4554 14.3298 18.3334 12.2102 18.3334 10.0001C18.3334 5.39175 14.5834 1.66675 10.0001 1.66675Z"/>
-</svg>

app/assets/icons/ic-add.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.5999 8.00002C13.5999 8.44185 13.2417 8.80002 12.7999 8.80002H8.7999V12.8C8.7999 13.2419 8.44173 13.6 7.9999 13.6C7.55807 13.6 7.1999 13.2419 7.1999 12.8V8.80002H3.1999C2.75807 8.80002 2.3999 8.44185 2.3999 8.00002C2.3999 7.5582 2.75807 7.20002 3.1999 7.20002H7.1999V3.20002C7.1999 2.7582 7.55807 2.40002 7.9999 2.40002C8.44173 2.40002 8.7999 2.7582 8.7999 3.20002V7.20002H12.7999C13.2417 7.20002 13.5999 7.5582 13.5999 8.00002Z" />
-</svg>

app/assets/icons/ic-archive.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.4444 12.3333H12.3333C12.3333 12.9522 12.0875 13.5457 11.6499 13.9832C11.2123 14.4208 10.6188 14.6667 10 14.6667C9.38116 14.6667 8.78767 14.4208 8.35008 13.9832C7.9125 13.5457 7.66667 12.9522 7.66667 12.3333H4.55556V4.55556H15.4444V12.3333ZM15.4444 3H4.55556C3.69222 3 3 3.7 3 4.55556V15.4444C3 15.857 3.16389 16.2527 3.45561 16.5444C3.74733 16.8361 4.143 17 4.55556 17H15.4444C15.857 17 16.2527 16.8361 16.5444 16.5444C16.8361 16.2527 17 15.857 17 15.4444V4.55556C17 4.143 16.8361 3.74733 16.5444 3.45561C16.2527 3.16389 15.857 3 15.4444 3Z" />
-<path d="M13.1111 8.44442H11.5556V6.11108H8.44447V8.44442H6.88892L10 11.5555L13.1111 8.44442Z" />
-</svg>

app/assets/icons/ic-arrow-left.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M16.6668 9.16663V10.8333L6.66677 10.8333L10.6584 14.825C10.9852 15.1517 10.9852 15.6815 10.6584 16.0083C10.3317 16.3351 9.80187 16.3351 9.4751 16.0083L3.46677 9.99996L9.4751 3.99163C9.80187 3.66486 10.3317 3.66486 10.6584 3.99163C10.9852 4.3184 10.9852 4.84819 10.6584 5.17496L6.66677 9.16663L16.6668 9.16663Z" />
-</svg>
-  

app/assets/icons/ic-arrows-sort-down.svg

@@ -1,5 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.50008 2.5L4.16675 5.83333H6.66675V11.6667H8.33342V5.83333H10.8334L7.50008 2.5Z" />
-  <path d="M13.3332 8.33325V14.1666H15.8332L12.4998 17.4999L9.1665 14.1666H11.6665V8.33325H13.3332Z" fill="#086DD6"/>
-</svg>
-  

app/assets/icons/ic-arrows-sort-up.svg

@@ -1,5 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.50008 2.5L4.16675 5.83333H6.66675V11.6667H8.33342V5.83333H10.8334L7.50008 2.5Z" fill="#086DD6"/>
-  <path d="M13.3332 8.33325V14.1666H15.8332L12.4998 17.4999L9.1665 14.1666H11.6665V8.33325H13.3332Z"/>
-</svg>
-  

app/assets/icons/ic-authenticator.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M9.16667 14.1667C9.16667 14.3877 9.25446 14.5996 9.41074 14.7559C9.56702 14.9122 9.77899 15 10 15C10.221 15 10.433 14.9122 10.5893 14.7559C10.7455 14.5996 10.8333 14.3877 10.8333 14.1667C10.8333 13.9457 10.7455 13.7337 10.5893 13.5774C10.433 13.4211 10.221 13.3333 10 13.3333C9.77899 13.3333 9.56702 13.4211 9.41074 13.5774C9.25446 13.7337 9.16667 13.9457 9.16667 14.1667ZM9.16667 2.5V5.83333H10.8333V4.23333C13.6583 4.64167 15.8333 7.05833 15.8333 10C15.8333 11.5471 15.2188 13.0308 14.1248 14.1248C13.0308 15.2188 11.5471 15.8333 10 15.8333C8.4529 15.8333 6.96917 15.2188 5.87521 14.1248C4.78125 13.0308 4.16667 11.5471 4.16667 10C4.16667 8.6 4.65833 7.31667 5.48333 6.31667L10 10.8333L11.175 9.65833L5.50833 3.99167V4.00833C3.68333 5.375 2.5 7.54167 2.5 10C2.5 11.9891 3.29018 13.8968 4.6967 15.3033C6.10322 16.7098 8.01088 17.5 10 17.5C11.9891 17.5 13.8968 16.7098 15.3033 15.3033C16.7098 13.8968 17.5 11.9891 17.5 10C17.5 8.01088 16.7098 6.10322 15.3033 4.6967C13.8968 3.29018 11.9891 2.5 10 2.5H9.16667ZM15 10C15 9.77899 14.9122 9.56702 14.7559 9.41074C14.5996 9.25446 14.3877 9.16667 14.1667 9.16667C13.9457 9.16667 13.7337 9.25446 13.5774 9.41074C13.4211 9.56702 13.3333 9.77899 13.3333 10C13.3333 10.221 13.4211 10.433 13.5774 10.5893C13.7337 10.7455 13.9457 10.8333 14.1667 10.8333C14.3877 10.8333 14.5996 10.7455 14.7559 10.5893C14.9122 10.433 15 10.221 15 10ZM5 10C5 10.221 5.0878 10.433 5.24408 10.5893C5.40036 10.7455 5.61232 10.8333 5.83333 10.8333C6.05435 10.8333 6.26631 10.7455 6.42259 10.5893C6.57887 10.433 6.66667 10.221 6.66667 10C6.66667 9.77899 6.57887 9.56702 6.42259 9.41074C6.26631 9.25446 6.05435 9.16667 5.83333 9.16667C5.61232 9.16667 5.40036 9.25446 5.24408 9.41074C5.0878 9.56702 5 9.77899 5 10Z" />
-</svg>

app/assets/icons/ic-check-bold.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.49995 17.0167L2.32495 11.8417L4.68328 9.48332L7.49995 12.3083L15.7333 4.06665L18.0916 6.42498L7.49995 17.0167Z" />
-</svg>

app/assets/icons/ic-check-circle.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10 1.66666C5.41669 1.66666 1.66669 5.41666 1.66669 9.99999C1.66669 14.5833 5.41669 18.3333 10 18.3333C14.5834 18.3333 18.3334 14.5833 18.3334 9.99999C18.3334 5.41666 14.5834 1.66666 10 1.66666ZM10 16.6667C6.32502 16.6667 3.33335 13.675 3.33335 9.99999C3.33335 6.32499 6.32502 3.33332 10 3.33332C13.675 3.33332 16.6667 6.32499 16.6667 9.99999C16.6667 13.675 13.675 16.6667 10 16.6667ZM13.825 6.31666L8.33335 11.8083L6.17502 9.65832L5.00002 10.8333L8.33335 14.1667L15 7.49999L13.825 6.31666Z" />
-</svg>
-  

app/assets/icons/ic-check.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.5001 5.83345L7.50008 15.8334L2.91675 11.2501L4.09175 10.0751L7.50008 13.4751L16.3251 4.65845L17.5001 5.83345Z"/>
-</svg>

app/assets/icons/ic-chevron-down.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M6.17622 7.15015L10.0012 10.9751L13.8262 7.15015L15.0012 8.33348L10.0012 13.3335L5.00122 8.33348L6.17622 7.15015Z" />
-</svg>

app/assets/icons/ic-chevron-right.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.90918 14.0667L10.7342 10.2417L6.90918 6.4167L8.09251 5.2417L13.0925 10.2417L8.09251 15.2417L6.90918 14.0667Z" />
-</svg>

app/assets/icons/ic-close.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.2459 5.92925C15.5704 5.60478 15.5704 5.07872 15.2459 4.75425C14.9214 4.42978 14.3954 4.42978 14.0709 4.75425L10.0001 8.82508L5.92925 4.75425C5.60478 4.42978 5.07872 4.42978 4.75425 4.75425C4.42978 5.07872 4.42978 5.60478 4.75425 5.92925L8.82508 10.0001L4.75425 14.0709C4.42978 14.3954 4.42978 14.9214 4.75425 15.2459C5.07872 15.5704 5.60478 15.5704 5.92925 15.2459L10.0001 11.1751L14.0709 15.2459C14.3954 15.5704 14.9214 15.5704 15.2459 15.2459C15.5704 14.9214 15.5704 14.3954 15.2459 14.0709L11.1751 10.0001L15.2459 5.92925Z" />
-</svg>

app/assets/icons/ic-cloud-off.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.44167 8.33334L13.1083 15H5C4.11594 15 3.2681 14.6488 2.64298 14.0237C2.01786 13.3986 1.66667 12.5507 1.66667 11.6667C1.66667 10.7826 2.01786 9.93478 2.64298 9.30965C3.2681 8.68453 4.11594 8.33334 5 8.33334H6.44167ZM2.5 4.39168L4.79167 6.66668C2.13333 6.79168 0 8.97501 0 11.6667C0 12.9928 0.526784 14.2645 1.46447 15.2022C2.40215 16.1399 3.67392 16.6667 5 16.6667H14.775L16.4417 18.3333L17.5 17.275L3.55833 3.33334L2.5 4.39168ZM16.125 8.35834C15.5583 5.49168 13.0333 3.33334 10 3.33334C8.75 3.33334 7.625 3.69168 6.66667 4.30834L7.875 5.52501C8.50833 5.19168 9.23333 5.00001 10 5.00001C11.2156 5.00001 12.3814 5.4829 13.2409 6.34244C14.1004 7.20198 14.5833 8.36777 14.5833 9.58334V10H15.8333C16.4964 10 17.1323 10.2634 17.6011 10.7322C18.0699 11.2011 18.3333 11.837 18.3333 12.5C18.3333 13.4417 17.8 14.2583 17.0333 14.6833L18.2417 15.8917C19.3 15.1333 20 13.9 20 12.5C20 10.3 18.2917 8.51668 16.125 8.35834Z" />
-</svg>
-  

app/assets/icons/ic-code.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M10.7417 2.5L12.375 2.83333L9.25832 17.5L7.62498 17.1667L10.7417 2.5ZM16.325 10L13.3333 7.00833V4.65L18.6833 10L13.3333 15.3417V12.9833L16.325 10ZM1.31665 10L6.66665 4.65V7.00833L3.67498 10L6.66665 12.9833V15.3417L1.31665 10Z" />
-</svg>

app/assets/icons/ic-copy.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.66724 3.66626C1.66724 2.56169 2.56267 1.66626 3.66724 1.66626H11.3339C12.4385 1.66626 13.3339 2.56169 13.3339 3.66626V13.3329H3.66724C2.56267 13.3329 1.66724 12.4375 1.66724 11.3329V3.66626ZM16.3339 6.66626C17.4385 6.66626 18.3339 7.56169 18.3339 8.66626V16.3329C18.3339 17.4375 17.4385 18.3329 16.3339 18.3329H8.66724C7.56267 18.3329 6.66724 17.4375 6.66724 16.3329V14.9996H15.0006V6.66626H16.3339ZM3.3339 3.33293V11.6663H11.6672V3.33293H3.3339Z"/>
-</svg>

app/assets/icons/ic-download.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 3.5V9.5H12.17L10 11.67L7.83 9.5H9V3.5H11ZM13 1.5H7V7.5H3L10 14.5L17 7.5H13V1.5ZM17 16.5H3V18.5H17V16.5Z"/>
-</svg>

app/assets/icons/ic-editor.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M14.1667 3.60714V8.42857L12.5 6.82143L10.8333 8.42857V3.60714H7.5V16.4643H15.8333V3.60714H14.1667ZM2.5 6.01786V4.41071H4.16667V3.60714C4.16667 2.71518 4.91667 2 5.83333 2H15.8333C16.7083 2 17.5 2.76339 17.5 3.60714V16.4643C17.5 17.308 16.7083 18.0714 15.8333 18.0714H5.83333C4.95833 18.0714 4.16667 17.308 4.16667 16.4643V15.6607H2.5V14.0536H4.16667V10.8393H2.5V9.23214H4.16667V6.01786H2.5ZM4.16667 4.41071V6.01786H5.83333V4.41071H4.16667ZM4.16667 15.6607H5.83333V14.0536H4.16667V15.6607ZM4.16667 10.8393H5.83333V9.23214H4.16667V10.8393Z" />
-</svg>

app/assets/icons/ic-email.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.33317 3.33331H16.6665C17.1085 3.33331 17.5325 3.50891 17.845 3.82147C18.1576 4.13403 18.3332 4.55795 18.3332 4.99998V15C18.3332 15.442 18.1576 15.8659 17.845 16.1785C17.5325 16.491 17.1085 16.6666 16.6665 16.6666H3.33317C2.40817 16.6666 1.6665 15.9166 1.6665 15V4.99998C1.6665 4.07498 2.40817 3.33331 3.33317 3.33331ZM9.99984 9.16665L16.6665 4.99998H3.33317L9.99984 9.16665ZM3.33317 15H16.6665V6.97498L9.99984 11.1333L3.33317 6.97498V15Z" />
-</svg>
-  

app/assets/icons/ic-eye-off.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1.66659 4.39159L2.73325 3.33325L16.6666 17.2666L15.6082 18.3333L13.0416 15.7666C12.0833 16.0833 11.0666 16.2499 9.99992 16.2499C5.83325 16.2499 2.27492 13.6583 0.833252 9.99992C1.40825 8.53325 2.32492 7.24159 3.49158 6.21659L1.66659 4.39159ZM9.99992 7.49992C10.663 7.49992 11.2988 7.76331 11.7677 8.23215C12.2365 8.70099 12.4999 9.33688 12.4999 9.99992C12.4999 10.2916 12.4499 10.5749 12.3582 10.8333L9.16658 7.64159C9.42492 7.54992 9.70825 7.49992 9.99992 7.49992ZM9.99992 3.74992C14.1666 3.74992 17.7249 6.34159 19.1666 9.99992C18.4832 11.7333 17.3249 13.2333 15.8332 14.3249L14.6499 13.1333C15.7832 12.3499 16.7166 11.2833 17.3499 9.99992C15.9749 7.19992 13.1333 5.41659 9.99992 5.41659C9.09158 5.41659 8.19992 5.56659 7.36658 5.83325L6.08325 4.55825C7.28325 4.04159 8.60825 3.74992 9.99992 3.74992ZM2.64992 9.99992C4.02492 12.7999 6.86658 14.5833 9.99992 14.5833C10.5749 14.5833 11.1416 14.5249 11.6666 14.4083L9.76658 12.4999C8.57492 12.3749 7.62492 11.4249 7.49992 10.2333L4.66658 7.39158C3.84158 8.09992 3.14992 8.98325 2.64992 9.99992Z" />
-</svg>
-  

app/assets/icons/ic-eye.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.99984 3C8.53027 3 9.03898 3.21071 9.41405 3.58579C9.78912 3.96086 9.99984 4.46957 9.99984 5C9.99984 5.53043 9.78912 6.03914 9.41405 6.41421C9.03898 6.78929 8.53027 7 7.99984 7C7.4694 7 6.9607 6.78929 6.58562 6.41421C6.21055 6.03914 5.99984 5.53043 5.99984 5C5.99984 4.46957 6.21055 3.96086 6.58562 3.58579C6.9607 3.21071 7.4694 3 7.99984 3ZM7.99984 0C11.3332 0 14.1798 2.07333 15.3332 5C14.1798 7.92667 11.3332 10 7.99984 10C4.6665 10 1.81984 7.92667 0.666504 5C1.81984 2.07333 4.6665 0 7.99984 0ZM2.11984 5C3.21984 7.24 5.49317 8.66667 7.99984 8.66667C10.5065 8.66667 12.7798 7.24 13.8798 5C12.7798 2.76 10.5065 1.33333 7.99984 1.33333C5.49317 1.33333 3.21984 2.76 2.11984 5Z" />
-</svg>
-  

app/assets/icons/ic-folder.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.6668 14.9999H3.33342V6.66658H16.6668V14.9999ZM16.6668 4.99992H10.0001L8.33342 3.33325H3.33342C2.40841 3.33325 1.66675 4.07492 1.66675 4.99992V14.9999C1.66675 15.4419 1.84234 15.8659 2.1549 16.1784C2.46746 16.491 2.89139 16.6666 3.33342 16.6666H16.6668C17.1088 16.6666 17.5327 16.491 17.8453 16.1784C18.1578 15.8659 18.3334 15.4419 18.3334 14.9999V6.66658C18.3334 5.74159 17.5834 4.99992 16.6668 4.99992Z"/>
-</svg>

app/assets/icons/ic-hashtag.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill-rule="evenodd" clip-rule="evenodd" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.6 3.5H7V6.9L3.5 6.9V8.5H7V11.4H3.5V13H7V16.5H8.6V13L11.5 13V16.5H13.1V13H16.5V11.4H13.1V8.5H16.5V6.9L13.1 6.9V3.5H11.5V6.9L8.6 6.9V3.5ZM8.6 8.5V11.4L11.5 11.4V8.5L8.6 8.5Z" />
-</svg>

app/assets/icons/ic-help.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M9.16675 15.0001H10.8334V13.3334H9.16675V15.0001ZM10.0001 1.66675C8.90573 1.66675 7.8221 1.8823 6.81105 2.30109C5.80001 2.71987 4.88135 3.3337 4.10753 4.10753C2.54472 5.67033 1.66675 7.78995 1.66675 10.0001C1.66675 12.2102 2.54472 14.3298 4.10753 15.8926C4.88135 16.6665 5.80001 17.2803 6.81105 17.6991C7.8221 18.1179 8.90573 18.3334 10.0001 18.3334C12.2102 18.3334 14.3298 17.4554 15.8926 15.8926C17.4554 14.3298 18.3334 12.2102 18.3334 10.0001C18.3334 8.90573 18.1179 7.8221 17.6991 6.81105C17.2803 5.80001 16.6665 4.88135 15.8926 4.10753C15.1188 3.3337 14.2002 2.71987 13.1891 2.30109C12.1781 1.8823 11.0944 1.66675 10.0001 1.66675ZM10.0001 16.6668C6.32508 16.6668 3.33342 13.6751 3.33342 10.0001C3.33342 6.32508 6.32508 3.33342 10.0001 3.33342C13.6751 3.33342 16.6668 6.32508 16.6668 10.0001C16.6668 13.6751 13.6751 16.6668 10.0001 16.6668ZM10.0001 5.00008C9.11603 5.00008 8.26818 5.35127 7.64306 5.97639C7.01794 6.60151 6.66675 7.44936 6.66675 8.33342H8.33342C8.33342 7.89139 8.50901 7.46747 8.82157 7.1549C9.13413 6.84234 9.55806 6.66675 10.0001 6.66675C10.4421 6.66675 10.866 6.84234 11.1786 7.1549C11.4912 7.46747 11.6667 7.89139 11.6667 8.33342C11.6667 10.0001 9.16675 9.79175 9.16675 12.5001H10.8334C10.8334 10.6251 13.3334 10.4167 13.3334 8.33342C13.3334 7.44936 12.9822 6.60151 12.3571 5.97639C11.732 5.35127 10.8841 5.00008 10.0001 5.00008Z" />
-</svg>

app/assets/icons/ic-info.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M9.16675 7.50008H10.8334V5.83342H9.16675V7.50008ZM10.0001 16.6667C6.32508 16.6667 3.33341 13.6751 3.33341 10.0001C3.33341 6.32508 6.32508 3.33341 10.0001 3.33341C13.6751 3.33341 16.6667 6.32508 16.6667 10.0001C16.6667 13.6751 13.6751 16.6667 10.0001 16.6667ZM10.0001 1.66675C8.90573 1.66675 7.8221 1.8823 6.81105 2.30109C5.80001 2.71987 4.88135 3.3337 4.10752 4.10752C2.54472 5.67033 1.66675 7.78994 1.66675 10.0001C1.66675 12.2102 2.54472 14.3298 4.10752 15.8926C4.88135 16.6665 5.80001 17.2803 6.81105 17.6991C7.8221 18.1179 8.90573 18.3334 10.0001 18.3334C12.2102 18.3334 14.3298 17.4554 15.8926 15.8926C17.4554 14.3298 18.3334 12.2102 18.3334 10.0001C18.3334 8.90573 18.1179 7.8221 17.6991 6.81105C17.2803 5.80001 16.6665 4.88135 15.8926 4.10752C15.1188 3.3337 14.2002 2.71987 13.1891 2.30109C12.1781 1.8823 11.0944 1.66675 10.0001 1.66675ZM9.16675 14.1667H10.8334V9.16675H9.16675V14.1667Z" />
-</svg>

app/assets/icons/ic-keyboard.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M3.33341 4.16675C2.89139 4.16675 2.46746 4.34234 2.1549 4.6549C1.84234 4.96746 1.66675 5.39139 1.66675 5.83341V14.1667C1.66675 14.6088 1.84234 15.0327 2.1549 15.3453C2.46746 15.6578 2.89139 15.8334 3.33341 15.8334H16.6667C17.1088 15.8334 17.5327 15.6578 17.8453 15.3453C18.1578 15.0327 18.3334 14.6088 18.3334 14.1667V5.83341C18.3334 5.39139 18.1578 4.96746 17.8453 4.6549C17.5327 4.34234 17.1088 4.16675 16.6667 4.16675H3.33341ZM3.33341 5.83341H16.6667V14.1667H3.33341V5.83341ZM4.16675 6.66675V8.33342H5.83341V6.66675H4.16675ZM6.66675 6.66675V8.33342H8.33341V6.66675H6.66675ZM9.16675 6.66675V8.33342H10.8334V6.66675H9.16675ZM11.6667 6.66675V8.33342H13.3334V6.66675H11.6667ZM14.1667 6.66675V8.33342H15.8334V6.66675H14.1667ZM4.16675 9.16675V10.8334H5.83341V9.16675H4.16675ZM6.66675 9.16675V10.8334H8.33341V9.16675H6.66675ZM9.16675 9.16675V10.8334H10.8334V9.16675H9.16675ZM11.6667 9.16675V10.8334H13.3334V9.16675H11.6667ZM14.1667 9.16675V10.8334H15.8334V9.16675H14.1667ZM6.66675 11.6667V13.3334H13.3334V11.6667H6.66675Z" />
-</svg>

app/assets/icons/ic-link-off.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.1667 5.83333H10.8334V7.41667H14.1667C15.5917 7.41667 16.7501 8.575 16.7501 10C16.7501 11.1917 15.9334 12.1917 14.8251 12.5L16.0417 13.7C17.4001 13.0083 18.3334 11.625 18.3334 10C18.3334 8.89493 17.8944 7.83512 17.113 7.05372C16.3316 6.27232 15.2718 5.83333 14.1667 5.83333ZM13.3334 9.16667H11.5084L13.1751 10.8333H13.3334V9.16667ZM1.66675 3.55833L4.25841 6.15C2.74175 6.76667 1.66675 8.25833 1.66675 10C1.66675 11.1051 2.10573 12.1649 2.88714 12.9463C3.66854 13.7277 4.72835 14.1667 5.83342 14.1667H9.16675V12.5833H5.83342C4.40841 12.5833 3.25008 11.425 3.25008 10C3.25008 8.675 4.25841 7.58333 5.55008 7.44167L7.27508 9.16667H6.66675V10.8333H8.94175L10.8334 12.725V14.1667H12.2751L15.6167 17.5L16.6667 16.45L2.72508 2.5L1.66675 3.55833Z"/>
-</svg>

app/assets/icons/ic-list-bulleted.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.83325 4.16667H17.4999V5.83333H5.83325V4.16667ZM5.83325 10.8333V9.16667H17.4999V10.8333H5.83325ZM3.33325 3.75C3.66477 3.75 3.98272 3.8817 4.21714 4.11612C4.45156 4.35054 4.58325 4.66848 4.58325 5C4.58325 5.33152 4.45156 5.64946 4.21714 5.88388C3.98272 6.1183 3.66477 6.25 3.33325 6.25C3.00173 6.25 2.68379 6.1183 2.44937 5.88388C2.21495 5.64946 2.08325 5.33152 2.08325 5C2.08325 4.66848 2.21495 4.35054 2.44937 4.11612C2.68379 3.8817 3.00173 3.75 3.33325 3.75ZM3.33325 8.75C3.66477 8.75 3.98272 8.8817 4.21714 9.11612C4.45156 9.35054 4.58325 9.66848 4.58325 10C4.58325 10.3315 4.45156 10.6495 4.21714 10.8839C3.98272 11.1183 3.66477 11.25 3.33325 11.25C3.00173 11.25 2.68379 11.1183 2.44937 10.8839C2.21495 10.6495 2.08325 10.3315 2.08325 10C2.08325 9.66848 2.21495 9.35054 2.44937 9.11612C2.68379 8.8817 3.00173 8.75 3.33325 8.75ZM5.83325 15.8333V14.1667H17.4999V15.8333H5.83325ZM3.33325 13.75C3.66477 13.75 3.98272 13.8817 4.21714 14.1161C4.45156 14.3505 4.58325 14.6685 4.58325 15C4.58325 15.3315 4.45156 15.6495 4.21714 15.8839C3.98272 16.1183 3.66477 16.25 3.33325 16.25C3.00173 16.25 2.68379 16.1183 2.44937 15.8839C2.21495 15.6495 2.08325 15.3315 2.08325 15C2.08325 14.6685 2.21495 14.3505 2.44937 14.1161C2.68379 13.8817 3.00173 13.75 3.33325 13.75Z"/>
-</svg>

app/assets/icons/ic-listed.svg

@@ -1,5 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M4.28571 3.6H15.7143C16.093 3.6 16.4 3.907 16.4 4.28571V15.7143C16.4 16.093 16.093 16.4 15.7143 16.4H4.28571C3.907 16.4 3.6 16.093 3.6 15.7143V4.28571C3.6 3.907 3.907 3.6 4.28571 3.6ZM2 4.28571C2 3.02335 3.02335 2 4.28571 2H15.7143C16.9767 2 18 3.02335 18 4.28571V15.7143C18 16.9767 16.9767 18 15.7143 18H4.28571C3.02335 18 2 16.9767 2 15.7143V4.28571ZM9.8045 6.31638C9.94745 6.27119 10.1703 6.24105 10.473 6.22599V6C10.0105 6.0226 9.35045 6.0339 8.49279 6.0339C7.59309 6.0339 6.92883 6.0226 6.5 6V6.22599C6.77748 6.24105 6.97928 6.27119 7.10541 6.31638C7.23994 6.36158 7.32823 6.44821 7.37027 6.57627C7.42072 6.70433 7.44595 6.91149 7.44595 7.19774V12.8023C7.44595 13.0885 7.42072 13.2957 7.37027 13.4237C7.32823 13.5518 7.23994 13.6384 7.10541 13.6836C6.97928 13.7288 6.77748 13.7589 6.5 13.774V14C7.40811 13.9774 8.77868 13.9661 10.6117 13.9661C11.9655 13.9661 12.9282 13.9774 13.5 14C13.4411 13.533 13.4117 12.9379 13.4117 12.2147C13.4117 11.8079 13.4243 11.4765 13.4495 11.2203H13.1595C13.0333 11.9812 12.7601 12.5913 12.3396 13.0508C11.9276 13.5104 11.4357 13.7401 10.864 13.7401H10.2459C10.0105 13.7401 9.83814 13.7213 9.72883 13.6836C9.62793 13.646 9.55646 13.5744 9.51441 13.4689C9.47237 13.3559 9.45135 13.1789 9.45135 12.9379V7.19774C9.45135 6.91149 9.47658 6.70433 9.52703 6.57627C9.57748 6.44821 9.66997 6.36158 9.8045 6.31638Z"
-    fill="currentColor" />
-</svg>

app/assets/icons/ic-lock-filled.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M9.99992 14.1666C10.4419 14.1666 10.8659 13.991 11.1784 13.6784C11.491 13.3659 11.6666 12.9419 11.6666 12.4999C11.6666 11.5749 10.9166 10.8333 9.99992 10.8333C9.55789 10.8333 9.13397 11.0088 8.82141 11.3214C8.50885 11.634 8.33325 12.0579 8.33325 12.4999C8.33325 12.9419 8.50885 13.3659 8.82141 13.6784C9.13397 13.991 9.55789 14.1666 9.99992 14.1666ZM14.9999 6.66659C15.4419 6.66659 15.8659 6.84218 16.1784 7.15474C16.491 7.4673 16.6666 7.89123 16.6666 8.33325V16.6666C16.6666 17.1086 16.491 17.5325 16.1784 17.8451C15.8659 18.1577 15.4419 18.3333 14.9999 18.3333H4.99992C4.55789 18.3333 4.13397 18.1577 3.82141 17.8451C3.50885 17.5325 3.33325 17.1086 3.33325 16.6666V8.33325C3.33325 7.40825 4.08325 6.66659 4.99992 6.66659H5.83325V4.99992C5.83325 3.89485 6.27224 2.83504 7.05364 2.05364C7.83504 1.27224 8.89485 0.833252 9.99992 0.833252C10.5471 0.833252 11.0889 0.941026 11.5944 1.15042C12.1 1.35982 12.5593 1.66673 12.9462 2.05364C13.3331 2.44055 13.64 2.89988 13.8494 3.4054C14.0588 3.91093 14.1666 4.45274 14.1666 4.99992V6.66659H14.9999ZM9.99992 2.49992C9.33688 2.49992 8.70099 2.76331 8.23215 3.23215C7.76331 3.70099 7.49992 4.33688 7.49992 4.99992V6.66659H12.4999V4.99992C12.4999 4.33688 12.2365 3.70099 11.7677 3.23215C11.2988 2.76331 10.663 2.49992 9.99992 2.49992Z" />
-</svg>

app/assets/icons/ic-lock.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10.0002 14.1666C9.07516 14.1666 8.3335 13.4166 8.3335 12.5C8.3335 11.575 9.07516 10.8333 10.0002 10.8333C10.4422 10.8333 10.8661 11.0089 11.1787 11.3215C11.4912 11.634 11.6668 12.058 11.6668 12.5C11.6668 12.942 11.4912 13.3659 11.1787 13.6785C10.8661 13.9911 10.4422 14.1666 10.0002 14.1666ZM15.0002 16.6666V8.33331H5.00016V16.6666H15.0002ZM15.0002 6.66665C15.4422 6.66665 15.8661 6.84224 16.1787 7.1548C16.4912 7.46736 16.6668 7.89129 16.6668 8.33331V16.6666C16.6668 17.1087 16.4912 17.5326 16.1787 17.8452C15.8661 18.1577 15.4422 18.3333 15.0002 18.3333H5.00016C4.07516 18.3333 3.3335 17.5833 3.3335 16.6666V8.33331C3.3335 7.40831 4.07516 6.66665 5.00016 6.66665H5.8335V4.99998C5.8335 3.89491 6.27248 2.8351 7.05388 2.0537C7.83529 1.2723 8.89509 0.833313 10.0002 0.833313C10.5473 0.833313 11.0892 0.941087 11.5947 1.15048C12.1002 1.35988 12.5595 1.66679 12.9464 2.0537C13.3333 2.44061 13.6403 2.89994 13.8497 3.40547C14.0591 3.91099 14.1668 4.45281 14.1668 4.99998V6.66665H15.0002ZM10.0002 2.49998C9.33712 2.49998 8.70124 2.76337 8.23239 3.23221C7.76355 3.70105 7.50016 4.33694 7.50016 4.99998V6.66665H12.5002V4.99998C12.5002 4.33694 12.2368 3.70105 11.7679 3.23221C11.2991 2.76337 10.6632 2.49998 10.0002 2.49998Z" />
-</svg>
-  

app/assets/icons/ic-markdown.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M12.4999 3.33325V4.99992H14.9999V14.9999H12.4999V16.6666H16.6666V3.33325H12.4999ZM3.33325 3.33325V16.6666H7.49992V14.9999H4.99992V4.99992H7.49992V3.33325H3.33325Z" />
-</svg>

app/assets/icons/ic-menu-arrow-down-alt.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.83325 8.33337L9.99992 12.5L14.1666 8.33337H5.83325Z"/>
-</svg>

app/assets/icons/ic-menu-arrow-down.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0.666656 0.666504L3.99999 3.99984L7.33332 0.666504H0.666656Z" />
-</svg>
-  

app/assets/icons/ic-menu-arrow-right.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.91675 14.5834L12.0834 10.4167L7.91675 6.25004L7.91675 14.5834Z"/>
-</svg>

app/assets/icons/ic-menu-close.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M17.5 13.0083L16.325 14.1667L12.15 10L16.325 5.83333L17.5 6.99167L14.5333 10L17.5 13.0083ZM2.5 5H13.3333V6.66667H2.5V5ZM2.5 10.8333V9.16667H10.8333V10.8333H2.5ZM2.5 15V13.3333H13.3333V15H2.5Z" />
-</svg>

app/assets/icons/ic-more.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.3333 9.99992C13.3333 9.55789 13.5088 9.13397 13.8214 8.82141C14.134 8.50885 14.5579 8.33325 14.9999 8.33325C15.4419 8.33325 15.8659 8.50885 16.1784 8.82141C16.491 9.13397 16.6666 9.55789 16.6666 9.99992C16.6666 10.4419 16.491 10.8659 16.1784 11.1784C15.8659 11.491 15.4419 11.6666 14.9999 11.6666C14.5579 11.6666 14.134 11.491 13.8214 11.1784C13.5088 10.8659 13.3333 10.4419 13.3333 9.99992ZM8.33325 9.99992C8.33325 9.55789 8.50885 9.13397 8.82141 8.82141C9.13397 8.50885 9.55789 8.33325 9.99992 8.33325C10.4419 8.33325 10.8659 8.50885 11.1784 8.82141C11.491 9.13397 11.6666 9.55789 11.6666 9.99992C11.6666 10.4419 11.491 10.8659 11.1784 11.1784C10.8659 11.491 10.4419 11.6666 9.99992 11.6666C9.55789 11.6666 9.13397 11.491 8.82141 11.1784C8.50885 10.8659 8.33325 10.4419 8.33325 9.99992ZM3.33325 9.99992C3.33325 9.55789 3.50885 9.13397 3.82141 8.82141C4.13397 8.50885 4.55789 8.33325 4.99992 8.33325C5.44195 8.33325 5.86587 8.50885 6.17843 8.82141C6.49099 9.13397 6.66658 9.55789 6.66658 9.99992C6.66658 10.4419 6.49099 10.8659 6.17843 11.1784C5.86587 11.491 5.44195 11.6666 4.99992 11.6666C4.55789 11.6666 4.13397 11.491 3.82141 11.1784C3.50885 10.8659 3.33325 10.4419 3.33325 9.99992Z" />
-</svg>

app/assets/icons/ic-notes-remove.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.05 13.2333L13.2333 12.05L15 13.825L16.7667 12.05L17.95 13.2333L16.175 15L17.95 16.7667L16.7667 17.95L15 16.175L13.2333 17.95L12.05 16.7667L13.825 15L12.05 13.2333ZM4.16667 2.5H15.8333C16.7583 2.5 17.5 3.24167 17.5 4.16667V10.6667C16.9917 10.375 16.4333 10.1667 15.8333 10.0667V4.16667H4.16667V15.8333H10.0667C10.1667 16.4333 10.375 16.9917 10.6667 17.5H4.16667C3.24167 17.5 2.5 16.7583 2.5 15.8333V4.16667C2.5 3.24167 3.24167 2.5 4.16667 2.5ZM5.83333 5.83333H14.1667V7.5H5.83333V5.83333ZM5.83333 9.16667H14.1667V10.0667C13.4583 10.1833 12.8083 10.45 12.2333 10.8333H5.83333V9.16667ZM5.83333 12.5H10V14.1667H5.83333V12.5Z"/>
-</svg>

app/assets/icons/ic-notes.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.55556 3C3.69222 3 3 3.69222 3 4.55556V15.4444C3 16.3078 3.69222 17 4.55556 17H15.4444C16.3078 17 17 16.3078 17 15.4444V4.55556C17 3.69222 16.3078 3 15.4444 3H4.55556ZM4.55556 4.55556H15.4444V15.4444H4.55556V4.55556ZM6.11111 6.11111V7.66667H13.8889V6.11111H6.11111ZM6.11111 9.22222V10.7778H13.8889V9.22222H6.11111ZM6.11111 12.3333V13.8889H11.5556V12.3333H6.11111Z"/>
-</svg>

app/assets/icons/ic-pencil-off.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.25 7.9L12.25 4.9L15.1 7.75L12.1 10.75L11.05 9.7L13 7.675L12.325 7L10.375 8.95L9.25 7.9ZM17.275 4.45L15.55 2.725C15.4 2.575 15.175 2.5 15.025 2.5C14.875 2.5 14.65 2.575 14.5 2.725L13.15 4.075L16 6.925L17.275 5.5C17.575 5.275 17.575 4.75 17.275 4.45ZM16 16.525L15.025 17.5L10.15 12.625L6.85 16H4V13.15L7.375 9.775L2.5 4.975L3.475 4L16 16.525ZM9.1 11.575L8.425 10.9L5.5 13.825V14.5H6.175L9.1 11.575Z" />
-</svg>

app/assets/icons/ic-pin-filled.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M13 10V4H13.75V2.5H6.25V4H7V10L4.5 11.5V13H9.4V17.5H10.6V13H15.5V11.5L13 10Z" />
-</svg>

app/assets/icons/ic-pin-off.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 9.68991L1.66675 4.35665L2.84526 3.17813L16.9874 17.3203L15.8089 18.4988L10.6 13.2899V17.5H9.4V13H4.50001V11.5L7 10V9.68991ZM8.8101 11.5H6.60001L8.09971 10.7896L8.8101 11.5ZM11.5 4V9.47623L15.0238 13H15.5V11.5L13 10V4H13.75V2.5H6.25001V4H7V4.97623L8.5 6.47623V4H11.5Z" />
-</svg>

app/assets/icons/ic-pin.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13 10V4H13.75V2.5H6.25V4H7V10L4.5 11.5V13H9.4V17.5H10.6V13H15.5V11.5L13 10ZM6.6 11.5L8.5 10.6V4H11.5V10.6L13.4 11.5H6.6Z" />
-</svg>

app/assets/icons/ic-premium-feature.svg

@@ -1,6 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect opacity="0.36" x="1" y="1" width="18" height="18" rx="9" fill="#BBBEC4" />
-  <path
-    d="M6.6665 12H7.99984C7.99984 12.72 8.91317 13.3333 9.99984 13.3333C11.0865 13.3333 11.9998 12.72 11.9998 12C11.9998 11.2667 11.3065 11 9.83984 10.6467C8.4265 10.2933 6.6665 9.85333 6.6665 8C6.6665 6.80667 7.6465 5.79333 8.99984 5.45333V4H10.9998V5.45333C12.3532 5.79333 13.3332 6.80667 13.3332 8H11.9998C11.9998 7.28 11.0865 6.66667 9.99984 6.66667C8.91317 6.66667 7.99984 7.28 7.99984 8C7.99984 8.73333 8.69317 9 10.1598 9.35333C11.5732 9.70667 13.3332 10.1467 13.3332 12C13.3332 13.1933 12.3532 14.2067 10.9998 14.5467V16H8.99984V14.5467C7.6465 14.2067 6.6665 13.1933 6.6665 12Z"
-    fill="#72767E" />
-</svg>

app/assets/icons/ic-restore.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 2.5C8.01088 2.5 6.10322 3.29018 4.6967 4.6967C3.29018 6.10322 2.5 8.01088 2.5 10H0L3.33333 13.3333L6.66667 10H4.16667C4.16667 8.4529 4.78125 6.96917 5.87521 5.87521C6.96917 4.78125 8.4529 4.16667 10 4.16667C11.5471 4.16667 13.0308 4.78125 14.1248 5.87521C15.2188 6.96917 15.8333 8.4529 15.8333 10C15.8333 11.5471 15.2188 13.0308 14.1248 14.1248C13.0308 15.2188 11.5471 15.8333 10 15.8333C8.75 15.8333 7.575 15.4167 6.61667 14.75L5.41667 15.95C6.7 16.9167 8.28333 17.5 10 17.5C11.9891 17.5 13.8968 16.7098 15.3033 15.3033C16.7098 13.8968 17.5 11.9891 17.5 10C17.5 8.01088 16.7098 6.10322 15.3033 4.6967C13.8968 3.29018 11.9891 2.5 10 2.5ZM11.6667 10C11.6667 9.55797 11.4911 9.13405 11.1785 8.82149C10.8659 8.50893 10.442 8.33333 10 8.33333C9.55797 8.33333 9.13405 8.50893 8.82149 8.82149C8.50893 9.13405 8.33333 9.55797 8.33333 10C8.33333 10.442 8.50893 10.866 8.82149 11.1785C9.13405 11.4911 9.55797 11.6667 10 11.6667C10.442 11.6667 10.8659 11.4911 11.1785 11.1785C11.4911 10.866 11.6667 10.442 11.6667 10Z" />
-</svg>

app/assets/icons/ic-security.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M10 10H15.4444C15.0322 12.9891 12.8933 15.6582 10 16.4873V10H4.55556V5.85455L10 3.59273V10ZM10 2L3 4.90909V9.27273C3 13.3091 5.98667 17.0764 10 18C14.0133 17.0764 17 13.3091 17 9.27273V4.90909L10 2Z" />
-</svg>

app/assets/icons/ic-server.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10.8333 15.8333H11.6666C11.8876 15.8333 12.0996 15.9211 12.2559 16.0774C12.4122 16.2337 12.5 16.4457 12.5 16.6667H18.3333V18.3333H12.5C12.5 18.5543 12.4122 18.7663 12.2559 18.9226C12.0996 19.0789 11.8876 19.1667 11.6666 19.1667H8.33329C8.11228 19.1667 7.90032 19.0789 7.74404 18.9226C7.58776 18.7663 7.49996 18.5543 7.49996 18.3333H1.66663V16.6667H7.49996C7.49996 16.4457 7.58776 16.2337 7.74404 16.0774C7.90032 15.9211 8.11228 15.8333 8.33329 15.8333H9.16663V14.1667H3.33329C3.11228 14.1667 2.90032 14.0789 2.74404 13.9226C2.58776 13.7663 2.49996 13.5543 2.49996 13.3333V10C2.49996 9.77899 2.58776 9.56702 2.74404 9.41074C2.90032 9.25446 3.11228 9.16667 3.33329 9.16667H16.6666C16.8876 9.16667 17.0996 9.25446 17.2559 9.41074C17.4122 9.56702 17.5 9.77899 17.5 10V13.3333C17.5 13.5543 17.4122 13.7663 17.2559 13.9226C17.0996 14.0789 16.8876 14.1667 16.6666 14.1667H10.8333V15.8333ZM3.33329 2.5H16.6666C16.8876 2.5 17.0996 2.5878 17.2559 2.74408C17.4122 2.90036 17.5 3.11232 17.5 3.33333V6.66667C17.5 6.88768 17.4122 7.09964 17.2559 7.25592C17.0996 7.4122 16.8876 7.5 16.6666 7.5H3.33329C3.11228 7.5 2.90032 7.4122 2.74404 7.25592C2.58776 7.09964 2.49996 6.88768 2.49996 6.66667V3.33333C2.49996 3.11232 2.58776 2.90036 2.74404 2.74408C2.90032 2.5878 3.11228 2.5 3.33329 2.5ZM7.49996 5.83333H8.33329V4.16667H7.49996V5.83333ZM7.49996 12.5H8.33329V10.8333H7.49996V12.5ZM4.16663 4.16667V5.83333H5.83329V4.16667H4.16663ZM4.16663 10.8333V12.5H5.83329V10.8333H4.16663Z" />
-</svg>
-  

app/assets/icons/ic-settings.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M10.0001 6.66675C10.8842 6.66675 11.732 7.01794 12.3571 7.64306C12.9823 8.26818 13.3334 9.11603 13.3334 10.0001C13.3334 10.8841 12.9823 11.732 12.3571 12.3571C11.732 12.9822 10.8842 13.3334 10.0001 13.3334C9.11606 13.3334 8.26821 12.9822 7.64309 12.3571C7.01797 11.732 6.66678 10.8841 6.66678 10.0001C6.66678 9.11603 7.01797 8.26818 7.64309 7.64306C8.26821 7.01794 9.11606 6.66675 10.0001 6.66675ZM10.0001 8.33342C9.55808 8.33342 9.13416 8.50901 8.8216 8.82157C8.50904 9.13413 8.33344 9.55805 8.33344 10.0001C8.33344 10.4421 8.50904 10.866 8.8216 11.1786C9.13416 11.4912 9.55808 11.6667 10.0001 11.6667C10.4421 11.6667 10.8661 11.4912 11.1786 11.1786C11.4912 10.866 11.6668 10.4421 11.6668 10.0001C11.6668 9.55805 11.4912 9.13413 11.1786 8.82157C10.8661 8.50901 10.4421 8.33342 10.0001 8.33342ZM8.33344 18.3334C8.12511 18.3334 7.95011 18.1834 7.91678 17.9834L7.60844 15.7751C7.08344 15.5667 6.63344 15.2834 6.20011 14.9501L4.12511 15.7917C3.94178 15.8584 3.71678 15.7917 3.61678 15.6084L1.95011 12.7251C1.84178 12.5417 1.89178 12.3167 2.05011 12.1917L3.80844 10.8084L3.75011 10.0001L3.80844 9.16675L2.05011 7.80841C1.89178 7.68341 1.84178 7.45841 1.95011 7.27508L3.61678 4.39175C3.71678 4.20841 3.94178 4.13341 4.12511 4.20842L6.20011 5.04175C6.63344 4.71675 7.08344 4.43341 7.60844 4.22508L7.91678 2.01675C7.95011 1.81675 8.12511 1.66675 8.33344 1.66675H11.6668C11.8751 1.66675 12.0501 1.81675 12.0834 2.01675L12.3918 4.22508C12.9168 4.43341 13.3668 4.71675 13.8001 5.04175L15.8751 4.20842C16.0584 4.13341 16.2834 4.20841 16.3834 4.39175L18.0501 7.27508C18.1584 7.45841 18.1084 7.68341 17.9501 7.80841L16.1918 9.16675L16.2501 10.0001L16.1918 10.8334L17.9501 12.1917C18.1084 12.3167 18.1584 12.5417 18.0501 12.7251L16.3834 15.6084C16.2834 15.7917 16.0584 15.8667 15.8751 15.7917L13.8001 14.9584C13.3668 15.2834 12.9168 15.5667 12.3918 15.7751L12.0834 17.9834C12.0501 18.1834 11.8751 18.3334 11.6668 18.3334H8.33344ZM9.37511 3.33341L9.06678 5.50841C8.06678 5.71675 7.18344 6.25008 6.54178 6.99175L4.53344 6.12508L3.90844 7.20841L5.66678 8.50008C5.33344 9.47508 5.33344 10.5334 5.66678 11.5001L3.90011 12.8001L4.52511 13.8834L6.55011 13.0167C7.19178 13.7501 8.06678 14.2834 9.05844 14.4834L9.36678 16.6667H10.6334L10.9418 14.4917C11.9334 14.2834 12.8084 13.7501 13.4501 13.0167L15.4751 13.8834L16.1001 12.8001L14.3334 11.5084C14.6668 10.5334 14.6668 9.47508 14.3334 8.50008L16.0918 7.20841L15.4668 6.12508L13.4584 6.99175C12.8168 6.25008 11.9334 5.71675 10.9334 5.51675L10.6251 3.33341H9.37511Z" />
-</svg>

app/assets/icons/ic-signin.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15.8333 2.5H4.16667C3.24167 2.5 2.5 3.24167 2.5 4.16667V7.5H4.16667V4.16667H15.8333V15.8333H4.16667V12.5H2.5V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5H15.8333C16.2754 17.5 16.6993 17.3244 17.0118 17.0118C17.3244 16.6993 17.5 16.2754 17.5 15.8333V4.16667C17.5 3.24167 16.75 2.5 15.8333 2.5ZM8.4 12.9833L9.58333 14.1667L13.75 10L9.58333 5.83333L8.4 7.00833L10.5583 9.16667H2.5V10.8333H10.5583L8.4 12.9833Z" />
-</svg>
-  

app/assets/icons/ic-signout.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.7333 12.9917L13.8917 10.8333H5.83333V9.16667H13.8917L11.7333 7.00833L12.9167 5.83333L17.0833 10L12.9167 14.1667L11.7333 12.9917ZM15.8333 2.5C16.2754 2.5 16.6993 2.67559 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V8.05833L15.8333 6.39167V4.16667H4.16667V15.8333H15.8333V13.6083L17.5 11.9417V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.24167 17.5 2.5 16.75 2.5 15.8333V4.16667C2.5 3.24167 3.24167 2.5 4.16667 2.5H15.8333Z" />
-</svg>
-  

app/assets/icons/ic-spreadsheets.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M4 3H16C16.3978 3 16.7794 3.15526 17.0607 3.43163C17.342 3.708 17.5 4.08284 17.5 4.47368V15.5263C17.5 15.9172 17.342 16.292 17.0607 16.5684C16.7794 16.8447 16.3978 17 16 17H4C3.60218 17 3.22064 16.8447 2.93934 16.5684C2.65804 16.292 2.5 15.9172 2.5 15.5263V4.47368C2.5 4.08284 2.65804 3.708 2.93934 3.43163C3.22064 3.15526 3.60218 3 4 3ZM4 5.94737V8.15789H7V5.94737H4ZM8.5 5.94737V8.15789H11.5V5.94737H8.5ZM16 8.15789V5.94737H13V8.15789H16ZM4 9.63158V11.8421H7V9.63158H4ZM4 15.5263H7V13.3158H4V15.5263ZM8.5 9.63158V11.8421H11.5V9.63158H8.5ZM8.5 15.5263H11.5V13.3158H8.5V15.5263ZM16 15.5263V13.3158H13V15.5263H16ZM16 9.63158H13V11.8421H16V9.63158Z" />
-</svg>

app/assets/icons/ic-star.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M10.1035 12.8875C10.0399 12.8491 9.96028 12.8491 9.89672 12.8875L7.27153 14.4724C7.12022 14.5637 6.93347 14.4283 6.9733 14.2561L7.66462 11.2674C7.68131 11.1952 7.65676 11.1197 7.60082 11.0712L5.283 9.06056C5.14938 8.94465 5.22096 8.72509 5.39722 8.7102L8.45479 8.45191C8.52877 8.44566 8.5932 8.39895 8.62214 8.33058L9.8159 5.51022C9.88478 5.3475 10.1154 5.3475 10.1843 5.51022L11.378 8.33058C11.407 8.39895 11.4714 8.44566 11.5454 8.45191L14.6029 8.7102C14.7792 8.72509 14.8508 8.94465 14.7172 9.06057L12.3993 11.0712C12.3434 11.1197 12.3189 11.1952 12.3355 11.2674L13.0269 14.2561C13.0667 14.4283 12.8799 14.5637 12.7286 14.4724L10.1035 12.8875ZM17.9751 8.01046C18.1089 7.89462 18.0374 7.67496 17.8611 7.66001L12.4619 7.20194C12.388 7.19567 12.3236 7.149 12.2947 7.08071L10.1842 2.10122C10.1153 1.93862 9.88486 1.93862 9.81594 2.10122L7.70548 7.08071C7.67653 7.149 7.61216 7.19567 7.53824 7.20194L2.13848 7.66006C1.96228 7.67501 1.89074 7.89448 2.02429 8.01039L6.11748 11.5628C6.17343 11.6114 6.19795 11.6869 6.18122 11.759L4.95694 17.0392C4.91701 17.2114 5.10377 17.347 5.25512 17.2556L9.89674 14.4541C9.96029 14.4158 10.0399 14.4158 10.1034 14.4541L14.7443 17.2552C14.8957 17.3466 15.0826 17.2108 15.0424 17.0385L13.8108 11.7593C13.794 11.687 13.8185 11.6113 13.8747 11.5627L17.9751 8.01046Z" />
-</svg>

app/assets/icons/ic-sync.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.99992 15C8.67384 15 7.40207 14.4732 6.46438 13.5355C5.5267 12.5978 4.99992 11.3261 4.99992 9.99998C4.99992 9.16665 5.20825 8.35831 5.58325 7.66665L4.36659 6.44998C3.71659 7.47498 3.33325 8.69165 3.33325 9.99998C3.33325 11.7681 4.03563 13.4638 5.28587 14.714C6.53612 15.9643 8.23181 16.6666 9.99992 16.6666V19.1666L13.3333 15.8333L9.99992 12.5V15ZM9.99992 3.33331V0.833313L6.66658 4.16665L9.99992 7.49998V4.99998C11.326 4.99998 12.5978 5.52676 13.5355 6.46445C14.4731 7.40213 14.9999 8.6739 14.9999 9.99998C14.9999 10.8333 14.7916 11.6416 14.4166 12.3333L15.6333 13.55C16.2833 12.525 16.6666 11.3083 16.6666 9.99998C16.6666 8.23187 15.9642 6.53618 14.714 5.28593C13.4637 4.03569 11.768 3.33331 9.99992 3.33331Z" />
-</svg>
-  

app/assets/icons/ic-tasks.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M15.8333 15.8333H4.16667V4.16667H12.5V2.5H4.16667C3.24167 2.5 2.5 3.24167 2.5 4.16667V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5H15.8333C16.2754 17.5 16.6993 17.3244 17.0118 17.0118C17.3244 16.6993 17.5 16.2754 17.5 15.8333V9.16667H15.8333V15.8333ZM6.59167 8.4L5.41667 9.58333L9.16667 13.3333L17.5 5L16.325 3.81667L9.16667 10.975L6.59167 8.4Z" />
-</svg>

app/assets/icons/ic-text-paragraph.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M17 5V6.66667H3V5H17ZM3 15H10V13.3333H3V15ZM3 10.8333H17V9.16667H3V10.8333Z" />
-</svg>

app/assets/icons/ic-text-rich.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M2.5 7.49984H7.5V12.4998H2.5V7.49984ZM2.5 4.1665H17.5V5.83317H2.5V4.1665ZM17.5 7.49984V9.1665H9.16667V7.49984H17.5ZM17.5 10.8332V12.4998H9.16667V10.8332H17.5ZM2.5 14.1665H14.1667V15.8332H2.5V14.1665Z" />
-</svg>

app/assets/icons/ic-text.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.4728 11.7841L10.4352 6.35376C10.2886 5.98329 10.1419 5.51532 9.99522 4.94986C9.92507 5.22934 9.85173 5.48932 9.7752 5.72981C9.70505 5.97029 9.6349 6.18477 9.56475 6.37326L7.53679 11.7841H12.4728ZM16.5 17H14.9312C14.7526 17 14.606 16.9545 14.4912 16.8635C14.3764 16.7725 14.2935 16.6555 14.2425 16.5125L13.0276 13.266H6.97241L5.75754 16.5125C5.7129 16.636 5.63 16.7498 5.50883 16.8538C5.38766 16.9513 5.24099 17 5.0688 17H3.5L8.97167 3H11.0283L16.5 17Z"/>
-</svg>

app/assets/icons/ic-textbox-password.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.2 7.8H20.4V16.2H16.2V17.88C16.2 18.1028 16.2885 18.3164 16.446 18.474C16.6035 18.6315 16.8172 18.72 17.04 18.72H18.72V20.4H16.62C16.158 20.4 15.36 20.022 15.36 19.56C15.36 20.022 14.562 20.4 14.1 20.4H12V18.72H13.68C13.9028 18.72 14.1164 18.6315 14.2739 18.474C14.4315 18.3164 14.52 18.1028 14.52 17.88V6.12C14.52 5.89722 14.4315 5.68356 14.2739 5.52603C14.1164 5.3685 13.9028 5.28 13.68 5.28H12V3.6H14.1C14.562 3.6 15.36 3.978 15.36 4.44C15.36 3.978 16.158 3.6 16.62 3.6H18.72V5.28H17.04C16.8172 5.28 16.6035 5.3685 16.446 5.52603C16.2885 5.68356 16.2 5.89722 16.2 6.12V7.8ZM3.59998 7.8H12.84V9.48H5.27998V14.52H12.84V16.2H3.59998V7.8ZM18.72 14.52V9.48H16.2V14.52H18.72ZM9.05998 12C9.05998 11.6658 8.92723 11.3453 8.69093 11.109C8.45463 10.8727 8.13415 10.74 7.79998 10.74C7.4658 10.74 7.14532 10.8727 6.90902 11.109C6.67273 11.3453 6.53998 11.6658 6.53998 12C6.53998 12.3342 6.67273 12.6547 6.90902 12.891C7.14532 13.1272 7.4658 13.26 7.79998 13.26C8.13415 13.26 8.45463 13.1272 8.69093 12.891C8.92723 12.6547 9.05998 12.3342 9.05998 12ZM12.84 11.0676C12.3276 10.5972 11.5296 10.6392 11.0592 11.16C10.5888 11.664 10.6308 12.462 11.16 12.9324C11.622 13.3692 12.3612 13.3692 12.84 12.9324V11.0676Z" />
-</svg>

app/assets/icons/ic-themes.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 18C8.94943 18 7.90914 17.7931 6.93853 17.391C5.96793 16.989 5.08601 16.3997 4.34315 15.6569C2.84285 14.1566 2 12.1217 2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2C14.4 2 18 5.2 18 9.2C18 10.473 17.4943 11.6939 16.5941 12.5941C15.6939 13.4943 14.473 14 13.2 14H11.76C11.52 14 11.36 14.16 11.36 14.4C11.36 14.48 11.44 14.56 11.44 14.64C11.76 15.04 11.92 15.52 11.92 16C12 17.12 11.12 18 10 18ZM10 3.6C8.30261 3.6 6.67475 4.27428 5.47452 5.47452C4.27428 6.67475 3.6 8.30261 3.6 10C3.6 11.6974 4.27428 13.3253 5.47452 14.5255C6.67475 15.7257 8.30261 16.4 10 16.4C10.24 16.4 10.4 16.24 10.4 16C10.4 15.84 10.32 15.76 10.32 15.68C10 15.28 9.84 14.88 9.84 14.4C9.84 13.28 10.72 12.4 11.84 12.4H13.2C14.0487 12.4 14.8626 12.0629 15.4627 11.4627C16.0629 10.8626 16.4 10.0487 16.4 9.2C16.4 6.08 13.52 3.6 10 3.6ZM5.6 8.4C6.24 8.4 6.8 8.96 6.8 9.6C6.8 10.24 6.24 10.8 5.6 10.8C4.96 10.8 4.4 10.24 4.4 9.6C4.4 8.96 4.96 8.4 5.6 8.4ZM8 5.2C8.64 5.2 9.2 5.76 9.2 6.4C9.2 7.04 8.64 7.6 8 7.6C7.36 7.6 6.8 7.04 6.8 6.4C6.8 5.76 7.36 5.2 8 5.2ZM12 5.2C12.64 5.2 13.2 5.76 13.2 6.4C13.2 7.04 12.64 7.6 12 7.6C11.36 7.6 10.8 7.04 10.8 6.4C10.8 5.76 11.36 5.2 12 5.2ZM14.4 8.4C15.04 8.4 15.6 8.96 15.6 9.6C15.6 10.24 15.04 10.8 14.4 10.8C13.76 10.8 13.2 10.24 13.2 9.6C13.2 8.96 13.76 8.4 14.4 8.4Z" />
-</svg>

app/assets/icons/ic-trash-filled.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M7.49992 2.5V3.33333H3.33325V5H4.16659V15.8333C4.16659 16.2754 4.34218 16.6993 4.65474 17.0118C4.9673 17.3244 5.39122 17.5 5.83325 17.5H14.1666C14.6086 17.5 15.0325 17.3244 15.3451 17.0118C15.6577 16.6993 15.8332 16.2754 15.8332 15.8333V5H16.6666V3.33333H12.4999V2.5H7.49992ZM7.49992 6.66667H9.16658V14.1667H7.49992V6.66667ZM10.8333 6.66667H12.4999V14.1667H10.8333V6.66667Z" />
-</svg>

app/assets/icons/ic-trash-sweep.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.5001 13.3333H15.8334V14.9999H12.5001V13.3333ZM12.5001 6.66658H18.3334V8.33325H12.5001V6.66658ZM12.5001 9.99992H17.5001V11.6666H12.5001V9.99992ZM9.16675 8.33325V14.9999H4.16675V8.33325H9.16675ZM10.8334 6.66658H2.50008V14.9999C2.50008 15.4419 2.67568 15.8659 2.98824 16.1784C3.3008 16.491 3.72472 16.6666 4.16675 16.6666H9.16675C9.60878 16.6666 10.0327 16.491 10.3453 16.1784C10.6578 15.8659 10.8334 15.4419 10.8334 14.9999V6.66658ZM11.6667 4.16659H9.16675L8.33342 3.33325H5.00008L4.16675 4.16659H1.66675V5.83325H11.6667V4.16659Z" />
-</svg>

app/assets/icons/ic-trash.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.49992 2.5V3.33333H3.33325V5H4.16659V15.8333C4.16659 16.2754 4.34218 16.6993 4.65474 17.0118C4.9673 17.3244 5.39122 17.5 5.83325 17.5H14.1666C14.6086 17.5 15.0325 17.3244 15.3451 17.0118C15.6577 16.6993 15.8333 16.2754 15.8333 15.8333V5H16.6666V3.33333H12.4999V2.5H7.49992ZM5.83325 5H14.1666V15.8333H5.83325V5ZM7.49992 6.66667V14.1667H9.16658V6.66667H7.49992ZM10.8333 6.66667V14.1667H12.4999V6.66667H10.8333Z" />
-</svg>

app/assets/icons/ic-tune.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.5 14.1667V15.8333H7.5V14.1667H2.5ZM2.5 4.16667V5.83333H10.8333V4.16667H2.5ZM10.8333 17.5V15.8333H17.5V14.1667H10.8333V12.5H9.16667V17.5H10.8333ZM5.83333 7.5V9.16667H2.5V10.8333H5.83333V12.5H7.5V7.5H5.83333ZM17.5 10.8333V9.16667H9.16667V10.8333H17.5ZM12.5 7.5H14.1667V5.83333H17.5V4.16667H14.1667V2.5H12.5V7.5Z" />
-</svg>

app/assets/icons/ic-unarchive.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3333 12.3333H15.4444V4.55556H4.55556V12.3333H7.66667C7.66667 12.9522 7.9125 13.5457 8.35008 13.9832C8.78767 14.4208 9.38116 14.6667 10 14.6667C10.6188 14.6667 11.2123 14.4208 11.6499 13.9832C12.0875 13.5457 12.3333 12.9522 12.3333 12.3333ZM4.55556 3H15.4444C15.857 3 16.2527 3.16389 16.5444 3.45561C16.8361 3.74733 17 4.143 17 4.55556V15.4444C17 15.857 16.8361 16.2527 16.5444 16.5444C16.2527 16.8361 15.857 17 15.4444 17H4.55556C4.143 17 3.74733 16.8361 3.45561 16.5444C3.16389 16.2527 3 15.857 3 15.4444V4.55556C3 3.7 3.69222 3 4.55556 3ZM8.44442 8.91667L6.88886 8.91667L9.99997 5.80555L13.1111 8.91667H11.5555V11.25H8.44442V8.91667Z" />
-</svg>

app/assets/icons/ic-user-switch.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.8334 17.4999V15.8333H12.5001V14.1666H15.8334V12.4999L18.3334 14.9999L15.8334 17.4999ZM10.8334 14.9999C10.8334 15.5916 10.9584 16.1583 11.1834 16.6666H1.66675V14.1666C1.66675 12.3249 4.65008 10.8333 8.33341 10.8333C9.16675 10.8333 9.96675 10.9083 10.7084 11.0499C11.4001 11.1833 12.0334 11.3666 12.5917 11.5999C11.5251 12.3583 10.8334 13.5999 10.8334 14.9999ZM3.33341 14.1666V14.9999H9.16675C9.16675 14.1333 9.35841 13.3083 9.70008 12.5666L8.33341 12.4999C5.57508 12.4999 3.33341 13.2499 3.33341 14.1666ZM8.33341 3.33325C9.21747 3.33325 10.0653 3.68444 10.6904 4.30956C11.3156 4.93468 11.6667 5.78253 11.6667 6.66659C11.6667 7.55064 11.3156 8.39849 10.6904 9.02361C10.0653 9.64873 9.21747 9.99992 8.33341 9.99992C7.44936 9.99992 6.60151 9.64873 5.97639 9.02361C5.35127 8.39849 5.00008 7.55064 5.00008 6.66659C5.00008 5.78253 5.35127 4.93468 5.97639 4.30956C6.60151 3.68444 7.44936 3.33325 8.33341 3.33325ZM8.33341 4.99992C7.89139 4.99992 7.46746 5.17551 7.1549 5.48807C6.84234 5.80063 6.66675 6.22456 6.66675 6.66659C6.66675 7.10861 6.84234 7.53254 7.1549 7.8451C7.46746 8.15766 7.89139 8.33325 8.33341 8.33325C8.77544 8.33325 9.19936 8.15766 9.51193 7.8451C9.82449 7.53254 10.0001 7.10861 10.0001 6.66659C10.0001 6.22456 9.82449 5.80063 9.51193 5.48807C9.19936 5.17551 8.77544 4.99992 8.33341 4.99992Z" />
-</svg>

app/assets/icons/ic-user.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M10 3C10.9283 3 11.8185 3.36875 12.4749 4.02513C13.1313 4.6815 13.5 5.57174 13.5 6.5C13.5 7.42826 13.1313 8.3185 12.4749 8.97487C11.8185 9.63125 10.9283 10 10 10C9.07174 10 8.1815 9.63125 7.52513 8.97487C6.86875 8.3185 6.5 7.42826 6.5 6.5C6.5 5.57174 6.86875 4.6815 7.52513 4.02513C8.1815 3.36875 9.07174 3 10 3ZM10 4.75C9.53587 4.75 9.09075 4.93437 8.76256 5.26256C8.43437 5.59075 8.25 6.03587 8.25 6.5C8.25 6.96413 8.43437 7.40925 8.76256 7.73744C9.09075 8.06563 9.53587 8.25 10 8.25C10.4641 8.25 10.9092 8.06563 11.2374 7.73744C11.5656 7.40925 11.75 6.96413 11.75 6.5C11.75 6.03587 11.5656 5.59075 11.2374 5.26256C10.9092 4.93437 10.4641 4.75 10 4.75ZM10 10.875C12.3363 10.875 17 12.0387 17 14.375V17H3V14.375C3 12.0387 7.66375 10.875 10 10.875ZM10 12.5375C7.40125 12.5375 4.6625 13.815 4.6625 14.375V15.3375H15.3375V14.375C15.3375 13.815 12.5988 12.5375 10 12.5375Z" />
-</svg>

app/assets/icons/ic-warning.svg

@@ -1,5 +0,0 @@
-<svg viewBox="0 0 20 20" fill="#fff" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M10.8333 10.8337H9.16663V5.83366H10.8333V10.8337ZM10.8333 14.167H9.16663V12.5003H10.8333V14.167ZM9.99996 1.66699C8.90561 1.66699 7.82198 1.88254 6.81093 2.30133C5.79988 2.72012 4.88122 3.33395 4.1074 4.10777C2.5446 5.67057 1.66663 7.79019 1.66663 10.0003C1.66663 12.2105 2.5446 14.3301 4.1074 15.8929C4.88122 16.6667 5.79988 17.2805 6.81093 17.6993C7.82198 18.1181 8.90561 18.3337 9.99996 18.3337C12.2101 18.3337 14.3297 17.4557 15.8925 15.8929C17.4553 14.3301 18.3333 12.2105 18.3333 10.0003C18.3333 8.90598 18.1177 7.82234 17.699 6.8113C17.2802 5.80025 16.6663 4.88159 15.8925 4.10777C15.1187 3.33395 14.2 2.72012 13.189 2.30133C12.1779 1.88254 11.0943 1.66699 9.99996 1.66699Z"
-    fill="currentColor" />
-</svg>

app/assets/icons/ic-window.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.33325 3.33325H16.6666V16.6666H3.33325V3.33325ZM4.99992 6.66658V14.9999H14.9999V6.66658H4.99992Z"/>
-</svg>

app/assets/icons/il-notes.svg

@@ -1,35 +0,0 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="60" cy="60" r="60" fill="#F4F5F7"/>
-<g filter="url(#filter0_d)">
-<rect x="21.5051" y="49.3528" width="40" height="40" rx="4" transform="rotate(-15 21.5051 49.3528)" fill="white"/>
-</g>
-<rect x="29.8889" y="57.4591" width="28" height="4" rx="2" transform="rotate(-15 29.8889 57.4591)" fill="#BBBEC4"/>
-<rect x="31.9595" y="65.1865" width="28" height="4" rx="2" transform="rotate(-15 31.9595 65.1865)" fill="#BBBEC4"/>
-<rect x="34.03" y="72.9139" width="16" height="4" rx="2" transform="rotate(-15 34.03 72.9139)" fill="#BBBEC4"/>
-<g filter="url(#filter1_d)">
-<rect x="40" y="32" width="56" height="56" rx="4" fill="white"/>
-</g>
-<rect x="48" y="46" width="40" height="6" rx="3" fill="#BBBEC4"/>
-<rect x="48" y="57" width="40" height="6" rx="3" fill="#BBBEC4"/>
-<rect x="48" y="68" width="22" height="6" rx="3" fill="#BBBEC4"/>
-<defs>
-<filter id="filter0_d" x="10.4031" y="31.8979" width="71.1938" height="71.1938" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="6"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-</filter>
-<filter id="filter1_d" x="28" y="24" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="6"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-</filter>
-</defs>
-</svg>

app/assets/javascripts/components/Icon.tsx

@@ -1,73 +1,75 @@
-import AccessibilityIcon from '../../icons/ic-accessibility.svg';
-import AccountCircleIcon from '../../icons/ic-account-circle.svg';
-import AddIcon from '../../icons/ic-add.svg';
-import ArchiveIcon from '../../icons/ic-archive.svg';
-import ArrowLeftIcon from '../../icons/ic-arrow-left.svg';
-import ArrowsSortDownIcon from '../../icons/ic-arrows-sort-down.svg';
-import ArrowsSortUpIcon from '../../icons/ic-arrows-sort-up.svg';
-import AuthenticatorIcon from '../../icons/ic-authenticator.svg';
-import CheckBoldIcon from '../../icons/ic-check-bold.svg';
-import CheckCircleIcon from '../../icons/ic-check-circle.svg';
-import CheckIcon from '../../icons/ic-check.svg';
-import ChevronDownIcon from '../../icons/ic-chevron-down.svg';
-import ChevronRightIcon from '../../icons/ic-chevron-right.svg';
-import CloseIcon from '../../icons/ic-close.svg';
-import CloudOffIcon from '../../icons/ic-cloud-off.svg';
-import CodeIcon from '../../icons/ic-code.svg';
-import CopyIcon from '../../icons/ic-copy.svg';
-import DownloadIcon from '../../icons/ic-download.svg';
-import EditorIcon from '../../icons/ic-editor.svg';
-import EmailIcon from '../../icons/ic-email.svg';
-import EyeIcon from '../../icons/ic-eye.svg';
-import EyeOffIcon from '../../icons/ic-eye-off.svg';
-import HashtagIcon from '../../icons/ic-hashtag.svg';
-import HelpIcon from '../../icons/ic-help.svg';
-import InfoIcon from '../../icons/ic-info.svg';
-import KeyboardIcon from '../../icons/ic-keyboard.svg';
-import LinkOffIcon from '../../icons/ic-link-off.svg';
-import ListBulleted from '../../icons/ic-list-bulleted.svg';
-import ListedIcon from '../../icons/ic-listed.svg';
-import LockFilledIcon from '../../icons/ic-lock-filled.svg';
-import LockIcon from '../../icons/ic-lock.svg';
-import MarkdownIcon from '../../icons/ic-markdown.svg';
-import MenuArrowDownAlt from '../../icons/ic-menu-arrow-down-alt.svg';
-import MenuArrowDownIcon from '../../icons/ic-menu-arrow-down.svg';
-import MenuArrowRight from '../../icons/ic-menu-arrow-right.svg';
-import MenuCloseIcon from '../../icons/ic-menu-close.svg';
-import MoreIcon from '../../icons/ic-more.svg';
-import NotesIcon from '../../icons/ic-notes.svg';
-import PasswordIcon from '../../icons/ic-textbox-password.svg';
-import PencilOffIcon from '../../icons/ic-pencil-off.svg';
-import PinFilledIcon from '../../icons/ic-pin-filled.svg';
-import PinIcon from '../../icons/ic-pin.svg';
-import PlainTextIcon from '../../icons/ic-text-paragraph.svg';
-import PremiumFeatureIcon from '../../icons/ic-premium-feature.svg';
-import RestoreIcon from '../../icons/ic-restore.svg';
-import RichTextIcon from '../../icons/ic-text-rich.svg';
-import SecurityIcon from '../../icons/ic-security.svg';
-import ServerIcon from '../../icons/ic-server.svg';
-import SettingsIcon from '../../icons/ic-settings.svg';
-import SignInIcon from '../../icons/ic-signin.svg';
-import SignOutIcon from '../../icons/ic-signout.svg';
-import SpreadsheetsIcon from '../../icons/ic-spreadsheets.svg';
-import StarIcon from '../../icons/ic-star.svg';
-import SyncIcon from '../../icons/ic-sync.svg';
-import TasksIcon from '../../icons/ic-tasks.svg';
-import ThemesIcon from '../../icons/ic-themes.svg';
-import TrashFilledIcon from '../../icons/ic-trash-filled.svg';
-import TrashIcon from '../../icons/ic-trash.svg';
-import TrashSweepIcon from '../../icons/ic-trash-sweep.svg';
-import TuneIcon from '../../icons/ic-tune.svg';
-import UnarchiveIcon from '../../icons/ic-unarchive.svg';
-import UnpinIcon from '../../icons/ic-pin-off.svg';
-import UserIcon from '../../icons/ic-user.svg';
-import UserSwitch from '../../icons/ic-user-switch.svg';
-import WarningIcon from '../../icons/ic-warning.svg';
-import WindowIcon from '../../icons/ic-window.svg';
-
 import { FunctionalComponent } from 'preact';
 import { IconType } from '@standardnotes/snjs';
 
+import {
+  AccessibilityIcon,
+  AccountCircleIcon,
+  AddIcon,
+  ArchiveIcon,
+  ArrowLeftIcon,
+  ArrowsSortDownIcon,
+  ArrowsSortUpIcon,
+  AuthenticatorIcon,
+  CheckBoldIcon,
+  CheckCircleIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronRightIcon,
+  CloseIcon,
+  CloudOffIcon,
+  CodeIcon,
+  CopyIcon,
+  DownloadIcon,
+  EditorIcon,
+  EmailIcon,
+  EyeIcon,
+  EyeOffIcon,
+  HashtagIcon,
+  HelpIcon,
+  InfoIcon,
+  KeyboardIcon,
+  LinkOffIcon,
+  ListBulleted,
+  ListedIcon,
+  LockFilledIcon,
+  LockIcon,
+  MarkdownIcon,
+  MenuArrowDownAlt,
+  MenuArrowDownIcon,
+  MenuArrowRight,
+  MenuCloseIcon,
+  MoreIcon,
+  NotesIcon,
+  PasswordIcon,
+  PencilOffIcon,
+  PinFilledIcon,
+  PinIcon,
+  PlainTextIcon,
+  PremiumFeatureIcon,
+  RestoreIcon,
+  RichTextIcon,
+  SecurityIcon,
+  ServerIcon,
+  SettingsIcon,
+  SignInIcon,
+  SignOutIcon,
+  SpreadsheetsIcon,
+  StarIcon,
+  SyncIcon,
+  TasksIcon,
+  ThemesIcon,
+  TrashFilledIcon,
+  TrashIcon,
+  TrashSweepIcon,
+  TuneIcon,
+  UnarchiveIcon,
+  UnpinIcon,
+  UserIcon,
+  UserSwitch,
+  WarningIcon,
+  WindowIcon,
+} from '@standardnotes/stylekit';
+
 const ICONS = {
   'account-circle': AccountCircleIcon,
   'arrow-left': ArrowLeftIcon,

app/assets/javascripts/components/MultipleSelectedNotes.tsx

@@ -1,5 +1,5 @@
 import { AppState } from '@/ui_models/app_state';
-import NotesIcon from '../../icons/il-notes.svg';
+import { IlNotesIcon } from '@standardnotes/stylekit';
 import { observer } from 'mobx-react-lite';
 import { NotesOptionsPanel } from './NotesOptionsPanel';
 import { WebApplication } from '@/ui_models/application';
@@ -26,7 +26,7 @@ export const MultipleSelectedNotes = observer(
           </div>
         </div>
         <div className="flex-grow flex flex-col justify-center items-center w-full max-w-md">
-          <NotesIcon className="block" />
+          <IlNotesIcon className="block" />
           <h2 className="text-lg m-0 text-center mt-4">
             {count} selected notes
           </h2>

app/assets/javascripts/components/PremiumFeaturesModal.tsx

@@ -5,7 +5,7 @@ import {
 } from '@reach/alert-dialog';
 import { FunctionalComponent } from 'preact';
 import { Icon } from './Icon';
-import PremiumIllustration from '../../svg/il-premium.svg';
+import { PremiumIllustration } from '@standardnotes/stylekit';
 import { useRef } from 'preact/hooks';
 
 type Props = {

app/assets/javascripts/components/shared/AccordionItem.tsx

@@ -1,18 +1,18 @@
 import { FunctionalComponent } from 'preact';
 import { useRef, useState } from 'preact/hooks';
-import ArrowDown from '../../../svg/arrow-down.svg';
+import { ArrowDownCheckmarkIcon } from '@standardnotes/stylekit';
 import { Title } from '@/preferences/components';
 
 type Props = {
   title: string | JSX.Element;
   className?: string;
-}
+};
 
 export const AccordionItem: FunctionalComponent<Props> = ({
-                                                            title,
-                                                            className = '',
-                                                            children
-                                                          }) => {
+  title,
+  className = '',
+  children,
+}) => {
   const elementRef = useRef<HTMLDivElement>(null);
   const [isExpanded, setIsExpanded] = useState(false);
 
@@ -25,7 +25,7 @@ export const AccordionItem: FunctionalComponent<Props> = ({
         }}
       >
         <Title>{title}</Title>
-        <ArrowDown
+        <ArrowDownCheckmarkIcon
           className={'sn-accordion-arrow-icon absolute right-0'}
           width={20}
           height={20}

app/assets/javascripts/preferences/panes/account/Authentication.tsx

@@ -10,7 +10,7 @@ import { WebApplication } from '@/ui_models/application';
 import { AppState } from '@/ui_models/app_state';
 import { observer } from 'mobx-react-lite';
 import { FunctionComponent } from 'preact';
-import AccountIllustration from '../../../../svg/il-account.svg';
+import { AccountIllustration } from '@standardnotes/stylekit';
 
 export const Authentication: FunctionComponent<{
   application: WebApplication;

app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx

@@ -5,7 +5,7 @@ import { observer } from 'mobx-react-lite';
 import { FunctionComponent } from 'preact';
 import { CreateAccount } from './panes/CreateAccount';
 import { SignIn } from './panes/SignIn';
-import SNLogoFull from '../../svg/ic-sn-logo-full.svg';
+import { SNLogoFull } from '@standardnotes/stylekit';
 
 type PaneSelectorProps = {
   currentPane: PurchaseFlowPane;

app/assets/javascripts/purchaseFlow/panes/CreateAccount.tsx

@@ -5,13 +5,15 @@ import { PurchaseFlowPane } from '@/ui_models/app_state/purchase_flow_state';
 import { observer } from 'mobx-react-lite';
 import { FunctionComponent } from 'preact';
 import { useEffect, useRef, useState } from 'preact/hooks';
-import Illustration from '../../../svg/create-account-illustration.svg';
-import Circle from '../../../svg/circle-55.svg';
-import BlueDot from '../../../svg/blue-dot.svg';
-import Diamond from '../../../svg/diamond-with-horizontal-lines.svg';
 import { FloatingLabelInput } from '@/components/FloatingLabelInput';
 import { isEmailValid } from '@/utils';
 import { loadPurchaseFlowUrl } from '../PurchaseFlowWrapper';
+import {
+  BlueDotIcon,
+  CircleIcon,
+  DiamondIcon,
+  CreateAccountIllustration,
+} from '@standardnotes/stylekit';
 
 type Props = {
   appState: AppState;
@@ -120,13 +122,13 @@ export const CreateAccount: FunctionComponent<Props> = observer(
 
     return (
       <div className="flex items-center">
-        <Circle className="absolute w-8 h-8 top-40% -left-28" />
-        <BlueDot className="absolute w-4 h-4 top-35% -left-10" />
-        <Diamond className="absolute w-26 h-26 -bottom-5 left-0 -translate-x-1/2 -z-index-1" />
+        <CircleIcon className="absolute w-8 h-8 top-40% -left-28" />
+        <BlueDotIcon className="absolute w-4 h-4 top-35% -left-10" />
+        <DiamondIcon className="absolute w-26 h-26 -bottom-5 left-0 -translate-x-1/2 -z-index-1" />
 
-        <Circle className="absolute w-8 h-8 bottom-35% -right-20" />
-        <BlueDot className="absolute w-4 h-4 bottom-25% -right-10" />
-        <Diamond className="absolute w-18 h-18 top-0 -right-2 translate-x-1/2 -z-index-1" />
+        <CircleIcon className="absolute w-8 h-8 bottom-35% -right-20" />
+        <BlueDotIcon className="absolute w-4 h-4 bottom-25% -right-10" />
+        <DiamondIcon className="absolute w-18 h-18 top-0 -right-2 translate-x-1/2 -z-index-1" />
 
         <div className="mr-12 md:mr-0">
           <h1 className="mt-0 mb-2 text-2xl">Create your free account</h1>
@@ -211,7 +213,7 @@ export const CreateAccount: FunctionComponent<Props> = observer(
             />
           </div>
         </div>
-        <Illustration className="md:hidden" />
+        <CreateAccountIllustration className="md:hidden" />
       </div>
     );
   }

app/assets/javascripts/purchaseFlow/panes/SignIn.tsx

@@ -5,12 +5,10 @@ import { PurchaseFlowPane } from '@/ui_models/app_state/purchase_flow_state';
 import { observer } from 'mobx-react-lite';
 import { FunctionComponent } from 'preact';
 import { useEffect, useRef, useState } from 'preact/hooks';
-import Circle from '../../../svg/circle-55.svg';
-import BlueDot from '../../../svg/blue-dot.svg';
-import Diamond from '../../../svg/diamond-with-horizontal-lines.svg';
 import { FloatingLabelInput } from '@/components/FloatingLabelInput';
 import { isEmailValid } from '@/utils';
 import { loadPurchaseFlowUrl } from '../PurchaseFlowWrapper';
+import { BlueDotIcon, CircleIcon, DiamondIcon } from '@standardnotes/stylekit';
 
 type Props = {
   appState: AppState;
@@ -101,13 +99,13 @@ export const SignIn: FunctionComponent<Props> = observer(
 
     return (
       <div className="flex items-center">
-        <Circle className="absolute w-8 h-8 top-35% -left-56" />
-        <BlueDot className="absolute w-4 h-4 top-30% -left-40" />
-        <Diamond className="absolute w-26 h-26 -bottom-5 left-0 -translate-x-1/2 -z-index-1" />
+        <CircleIcon className="absolute w-8 h-8 top-35% -left-56" />
+        <BlueDotIcon className="absolute w-4 h-4 top-30% -left-40" />
+        <DiamondIcon className="absolute w-26 h-26 -bottom-5 left-0 -translate-x-1/2 -z-index-1" />
 
-        <Circle className="absolute w-8 h-8 bottom-30% -right-56" />
-        <BlueDot className="absolute w-4 h-4 bottom-20% -right-44" />
-        <Diamond className="absolute w-18 h-18 top-0 -right-2 translate-x-1/2 -z-index-1" />
+        <CircleIcon className="absolute w-8 h-8 bottom-30% -right-56" />
+        <BlueDotIcon className="absolute w-4 h-4 bottom-20% -right-44" />
+        <DiamondIcon className="absolute w-18 h-18 top-0 -right-2 translate-x-1/2 -z-index-1" />
 
         <div>
           <h1 className="mt-0 mb-2 text-2xl">Sign in</h1>

app/assets/svg/arrow-down.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.4167 6.90759L10.2417 10.7326L14.0667 6.90759L15.2417 8.09093L10.2417 13.0909L5.2417 8.09093L6.4167 6.90759Z" fill="#181818"/>
-</svg>

app/assets/svg/blue-dot.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.37156 12.7469C12.5261 11.4593 14.0402 7.85996 12.7534 4.70768C11.4666 1.5554 7.86624 0.0438474 4.71174 1.33153C1.55723 2.61921 0.0431373 6.21851 1.32991 9.37079C2.61669 12.5231 6.21706 14.0346 9.37156 12.7469Z" fill="#BED7FE"/>
-</svg>

app/assets/svg/circle-55.svg

@@ -1,11 +0,0 @@
-<svg viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink">
-    <rect opacity="0.36" width="54.5639" height="54.5639" rx="27.282" fill="url(#pattern0)"/>
-    <defs>
-        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="0.0824721" height="0.0824721">
-            <use xlink:href="#image0" transform="scale(0.00916356)"/>
-        </pattern>
-        <image id="image0" width="9" height="9"
-               xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAtSURBVHgB1dChDQAACAPBHwn23wVWAYMkxdKkVacKkF1jj80oyDfoFxgD1UdRPHMLOJmKMAEAAAAASUVORK5CYII="/>
-    </defs>
-</svg>

app/assets/svg/create-account-illustration.svg

@@ -1,245 +0,0 @@
-<svg
-  width="320"
-  height="292"
-  viewBox="0 0 320 292"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
->
-  <path
-    opacity="0.36"
-    d="M28.293 250.445C28.293 250.445 147.618 182.328 291.708 250.445H28.293Z"
-    fill="url(#pattern0)"
-  />
-  <path
-    d="M91.8025 33.6013L28.6904 47.8847C26.1046 48.4699 24.4827 51.0406 25.0679 53.6264L46.768 149.51C47.3532 152.096 49.9239 153.718 52.5098 153.132L115.622 138.849C118.208 138.264 119.83 135.693 119.244 133.107L97.5443 37.2238C96.959 34.6379 94.3884 33.0161 91.8025 33.6013Z"
-    fill="#3F3D56"
-  />
-  <path
-    d="M31.2991 65.229C32.4831 65.229 33.4429 64.2692 33.4429 63.0852C33.4429 61.9012 32.4831 60.9414 31.2991 60.9414C30.1151 60.9414 29.1553 61.9012 29.1553 63.0852C29.1553 64.2692 30.1151 65.229 31.2991 65.229Z"
-    fill="white"
-  />
-  <path
-    d="M33.4426 73.0904C34.6266 73.0904 35.5865 72.1306 35.5865 70.9466C35.5865 69.7626 34.6266 68.8027 33.4426 68.8027C32.2586 68.8027 31.2988 69.7626 31.2988 70.9466C31.2988 72.1306 32.2586 73.0904 33.4426 73.0904Z"
-    fill="white"
-  />
-  <path
-    d="M47.3772 130.616C48.5612 130.616 49.521 129.656 49.521 128.472C49.521 127.288 48.5612 126.328 47.3772 126.328C46.1932 126.328 45.2334 127.288 45.2334 128.472C45.2334 129.656 46.1932 130.616 47.3772 130.616Z"
-    fill="white"
-  />
-  <path
-    d="M49.5213 138.476C50.7053 138.476 51.6651 137.516 51.6651 136.332C51.6651 135.148 50.7053 134.188 49.5213 134.188C48.3373 134.188 47.3774 135.148 47.3774 136.332C47.3774 137.516 48.3373 138.476 49.5213 138.476Z"
-    fill="white"
-  />
-  <path
-    d="M91.5362 73.4773L48.0181 83.3262L49.6596 90.5792L93.1777 80.7303L91.5362 73.4773Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M149.289 70.2477L76.813 86.6504L100.632 191.898L173.109 175.495L149.289 70.2477Z"
-    fill="#2B6FCF"
-  />
-  <path
-    d="M225.719 52.9509L153.243 69.3535L177.062 174.601L249.538 158.198L225.719 52.9509Z"
-    fill="#3F3D56"
-  />
-  <path
-    d="M135.842 85.2683L92.3237 95.1172L93.9652 102.37L137.483 92.5213L135.842 85.2683Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M147.062 101.154L89.0376 114.286L89.448 116.099L147.472 102.968L147.062 101.154Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M148.019 105.386L89.9951 118.518L90.4055 120.331L148.43 107.199L148.019 105.386Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M148.977 109.616L90.9526 122.748L91.363 124.561L149.387 111.429L148.977 109.616Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M119.713 120.687L91.9102 126.979L92.3205 128.793L120.124 122.5L119.713 120.687Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M124.902 123.96L92.8682 131.21L93.2785 133.023L125.313 125.773L124.902 123.96Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M151.849 122.31L93.8252 135.441L94.2356 137.255L152.26 124.123L151.849 122.31Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M152.807 126.541L94.7832 139.673L95.1936 141.486L153.218 128.354L152.807 126.541Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M149.533 131.729L95.7402 143.903L96.1506 145.717L149.944 133.542L149.533 131.729Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M154.722 135.003L96.6982 148.135L97.1086 149.948L155.133 136.816L154.722 135.003Z"
-    fill="#F5F5F5"
-  />
-  <path
-    d="M127.876 145.526L97.6553 152.365L98.0656 154.178L128.287 147.339L127.876 145.526Z"
-    fill="#F5F5F5"
-  />
-  <path
-    opacity="0.3"
-    d="M209.358 132.168L177.324 139.418L177.735 141.231L209.769 133.981L209.358 132.168Z"
-    fill="#2B6FCF"
-  />
-  <path
-    opacity="0.3"
-    d="M236.306 130.517L178.282 143.648L178.692 145.462L236.716 132.33L236.306 130.517Z"
-    fill="#2B6FCF"
-  />
-  <path
-    opacity="0.3"
-    d="M237.263 134.747L179.239 147.879L179.65 149.692L237.674 136.56L237.263 134.747Z"
-    fill="#2B6FCF"
-  />
-  <path
-    opacity="0.3"
-    d="M233.99 139.936L180.197 152.11L180.607 153.924L234.4 141.749L233.99 139.936Z"
-    fill="#2B6FCF"
-  />
-  <path
-    opacity="0.3"
-    d="M239.178 143.209L181.154 156.341L181.565 158.154L239.589 145.022L239.178 143.209Z"
-    fill="#2B6FCF"
-  />
-  <path
-    d="M156.112 146.76L121.056 154.694L126.527 178.871L161.584 170.937L156.112 146.76Z"
-    fill="#F5F5F5"
-  />
-  <path
-    opacity="0.3"
-    d="M197.607 66.2068L162.551 74.1406L168.022 98.3174L203.079 90.3835L197.607 66.2068Z"
-    fill="#2B6FCF"
-  />
-  <path
-    opacity="0.3"
-    d="M231.919 91.4812L196.863 99.415L202.334 123.592L237.391 115.658L231.919 91.4812Z"
-    fill="#2B6FCF"
-  />
-  <g opacity="0.5">
-    <path
-      opacity="0.5"
-      d="M67.3864 214.327H66.3145V220.401H67.3864V214.327Z"
-      fill="#47E6B1"
-    />
-    <path
-      opacity="0.5"
-      d="M69.8877 217.9V216.828H63.8135V217.9H69.8877Z"
-      fill="#47E6B1"
-    />
-  </g>
-  <g opacity="0.5">
-    <path
-      opacity="0.5"
-      d="M184.224 32H183.152V38.0742H184.224V32Z"
-      fill="#47E6B1"
-    />
-    <path
-      opacity="0.5"
-      d="M186.726 35.573V34.5011H180.651V35.573H186.726Z"
-      fill="#47E6B1"
-    />
-  </g>
-  <g opacity="0.5">
-    <path
-      opacity="0.5"
-      d="M317.499 76.6631H316.427V82.7372H317.499V76.6631Z"
-      fill="#47E6B1"
-    />
-    <path
-      opacity="0.5"
-      d="M320 80.2361V79.1642H313.926V80.2361H320Z"
-      fill="#47E6B1"
-    />
-  </g>
-  <path
-    opacity="0.5"
-    d="M128.733 213.722C128.437 213.593 128.2 213.36 128.065 213.068C127.93 212.775 127.907 212.443 128.001 212.135C128.016 212.088 128.026 212.039 128.03 211.989C128.038 211.848 128.001 211.708 127.924 211.59C127.847 211.471 127.733 211.381 127.6 211.332C127.468 211.283 127.323 211.278 127.187 211.318C127.051 211.358 126.932 211.44 126.847 211.553C126.818 211.593 126.793 211.637 126.774 211.682C126.645 211.978 126.413 212.215 126.12 212.35C125.827 212.485 125.495 212.508 125.187 212.414C125.14 212.399 125.091 212.389 125.042 212.385C124.9 212.377 124.76 212.414 124.642 212.491C124.523 212.569 124.433 212.682 124.384 212.815C124.335 212.947 124.33 213.092 124.37 213.228C124.41 213.364 124.492 213.483 124.605 213.568C124.645 213.597 124.689 213.622 124.735 213.641C125.03 213.77 125.268 214.002 125.403 214.295C125.538 214.588 125.56 214.92 125.466 215.228C125.451 215.275 125.441 215.324 125.438 215.373C125.429 215.515 125.466 215.655 125.543 215.773C125.621 215.892 125.734 215.982 125.867 216.031C126 216.08 126.145 216.085 126.28 216.045C126.416 216.005 126.535 215.923 126.62 215.81C126.65 215.77 126.674 215.726 126.693 215.681C126.822 215.385 127.055 215.147 127.347 215.012C127.64 214.878 127.972 214.855 128.28 214.949C128.327 214.964 128.376 214.974 128.426 214.977C128.567 214.986 128.707 214.949 128.826 214.872C128.944 214.794 129.034 214.681 129.083 214.548C129.132 214.415 129.137 214.271 129.097 214.135C129.057 213.999 128.975 213.88 128.862 213.795C128.822 213.765 128.779 213.741 128.733 213.722Z"
-    fill="#4D8AF0"
-  />
-  <path
-    opacity="0.5"
-    d="M180.97 258.26C180.674 258.131 180.436 257.898 180.301 257.606C180.167 257.313 180.144 256.981 180.238 256.673C180.253 256.626 180.263 256.577 180.267 256.527C180.275 256.386 180.238 256.246 180.161 256.128C180.083 256.009 179.97 255.919 179.837 255.87C179.705 255.821 179.56 255.816 179.424 255.856C179.288 255.896 179.169 255.978 179.084 256.091C179.054 256.131 179.03 256.175 179.011 256.22C178.882 256.516 178.649 256.754 178.357 256.888C178.064 257.023 177.732 257.046 177.424 256.952C177.377 256.937 177.328 256.927 177.278 256.923C177.137 256.915 176.997 256.952 176.879 257.029C176.76 257.107 176.67 257.22 176.621 257.353C176.572 257.485 176.567 257.63 176.607 257.766C176.647 257.902 176.729 258.021 176.842 258.106C176.882 258.136 176.926 258.16 176.971 258.179C177.267 258.308 177.505 258.541 177.639 258.833C177.774 259.126 177.797 259.458 177.703 259.766C177.688 259.813 177.678 259.862 177.674 259.911C177.666 260.053 177.703 260.193 177.78 260.311C177.858 260.43 177.971 260.52 178.104 260.569C178.236 260.618 178.381 260.623 178.517 260.583C178.653 260.543 178.772 260.461 178.857 260.348C178.887 260.308 178.911 260.264 178.93 260.219C179.059 259.923 179.292 259.685 179.584 259.55C179.877 259.416 180.209 259.393 180.517 259.487C180.564 259.502 180.613 259.512 180.662 259.516C180.804 259.524 180.944 259.487 181.062 259.41C181.181 259.332 181.271 259.219 181.32 259.086C181.369 258.954 181.374 258.809 181.334 258.673C181.294 258.537 181.212 258.418 181.099 258.333C181.059 258.303 181.015 258.279 180.97 258.26Z"
-    fill="#4D8AF0"
-  />
-  <path
-    opacity="0.5"
-    d="M4.39143 107.5C4.09603 107.371 3.85826 107.139 3.72336 106.846C3.58846 106.553 3.56585 106.221 3.65985 105.913C3.67506 105.866 3.68465 105.817 3.6884 105.768C3.697 105.626 3.65989 105.486 3.58257 105.368C3.50525 105.249 3.39183 105.159 3.25912 105.11C3.1264 105.061 2.98145 105.056 2.84572 105.096C2.71 105.136 2.59072 105.218 2.50557 105.331C2.47628 105.371 2.45183 105.415 2.43271 105.461C2.30406 105.756 2.07128 105.994 1.77869 106.129C1.48609 106.264 1.15411 106.286 0.845929 106.192C0.798682 106.177 0.749803 106.167 0.700311 106.164C0.559115 106.155 0.41891 106.192 0.300455 106.269C0.181999 106.347 0.0915968 106.46 0.0426396 106.593C-0.00631764 106.726 -0.0112273 106.871 0.0286388 107.006C0.0685049 107.142 0.151028 107.261 0.263981 107.346C0.304058 107.376 0.347448 107.4 0.393253 107.419C0.688651 107.548 0.926428 107.781 1.06133 108.073C1.19623 108.366 1.21883 108.698 1.12483 109.006C1.10962 109.053 1.10003 109.102 1.09627 109.152C1.08768 109.293 1.12479 109.433 1.20211 109.552C1.27943 109.67 1.39285 109.76 1.52557 109.809C1.65828 109.858 1.80323 109.863 1.93896 109.823C2.07468 109.784 2.19395 109.701 2.27911 109.588C2.30839 109.548 2.33284 109.505 2.35196 109.459C2.48061 109.163 2.71339 108.926 3.00599 108.791C3.29858 108.656 3.63057 108.633 3.93875 108.727C3.986 108.742 4.03487 108.752 4.08436 108.756C4.22556 108.764 4.36576 108.727 4.48422 108.65C4.60267 108.573 4.69307 108.459 4.74203 108.327C4.79098 108.194 4.7959 108.049 4.75603 107.913C4.71617 107.777 4.63365 107.658 4.5207 107.573C4.48062 107.544 4.43723 107.519 4.39143 107.5Z"
-    fill="#4D8AF0"
-  />
-  <path
-    opacity="0.5"
-    d="M313.529 161.788C313.234 161.66 312.996 161.427 312.861 161.134C312.726 160.842 312.704 160.51 312.798 160.201C312.813 160.154 312.822 160.105 312.826 160.056C312.835 159.915 312.798 159.774 312.72 159.656C312.643 159.537 312.53 159.447 312.397 159.398C312.264 159.349 312.119 159.344 311.983 159.384C311.848 159.424 311.728 159.506 311.643 159.619C311.614 159.66 311.59 159.703 311.57 159.749C311.442 160.044 311.209 160.282 310.916 160.417C310.624 160.552 310.292 160.574 309.984 160.48C309.936 160.465 309.887 160.455 309.838 160.452C309.697 160.443 309.557 160.48 309.438 160.558C309.32 160.635 309.229 160.748 309.18 160.881C309.131 161.014 309.126 161.159 309.166 161.294C309.206 161.43 309.289 161.549 309.402 161.635C309.442 161.664 309.485 161.688 309.531 161.707C309.826 161.836 310.064 162.069 310.199 162.361C310.334 162.654 310.357 162.986 310.263 163.294C310.247 163.341 310.238 163.39 310.234 163.44C310.225 163.581 310.262 163.721 310.34 163.84C310.417 163.958 310.531 164.049 310.663 164.097C310.796 164.146 310.941 164.151 311.077 164.111C311.212 164.072 311.332 163.989 311.417 163.876C311.446 163.836 311.471 163.793 311.49 163.747C311.618 163.451 311.851 163.214 312.144 163.079C312.436 162.944 312.768 162.921 313.076 163.015C313.124 163.031 313.173 163.04 313.222 163.044C313.363 163.052 313.503 163.015 313.622 162.938C313.74 162.861 313.831 162.747 313.88 162.615C313.929 162.482 313.934 162.337 313.894 162.201C313.854 162.065 313.771 161.946 313.658 161.861C313.618 161.832 313.575 161.807 313.529 161.788Z"
-    fill="#4D8AF0"
-  />
-  <path
-    opacity="0.5"
-    d="M38.4446 196.819C39.6286 196.819 40.5884 195.859 40.5884 194.675C40.5884 193.491 39.6286 192.531 38.4446 192.531C37.2606 192.531 36.3008 193.491 36.3008 194.675C36.3008 195.859 37.2606 196.819 38.4446 196.819Z"
-    fill="#F55F44"
-  />
-  <path
-    opacity="0.5"
-    d="M114.907 36.2876C116.091 36.2876 117.051 35.3278 117.051 34.1438C117.051 32.9598 116.091 32 114.907 32C113.723 32 112.764 32.9598 112.764 34.1438C112.764 35.3278 113.723 36.2876 114.907 36.2876Z"
-    fill="#4D8AF0"
-  />
-  <path
-    opacity="0.5"
-    d="M165.716 197.766C166.9 197.766 167.86 196.806 167.86 195.622C167.86 194.438 166.9 193.479 165.716 193.479C164.532 193.479 163.572 194.438 163.572 195.622C163.572 196.806 164.532 197.766 165.716 197.766Z"
-    fill="#47E6B1"
-  />
-  <path
-    opacity="0.5"
-    d="M289.343 251.362C290.527 251.362 291.487 250.402 291.487 249.218C291.487 248.034 290.527 247.074 289.343 247.074C288.159 247.074 287.199 248.034 287.199 249.218C287.199 250.402 288.159 251.362 289.343 251.362Z"
-    fill="#F55F44"
-  />
-  <path
-    d="M248.302 78.9783L185.189 93.2616C182.604 93.8469 180.982 96.4175 181.567 99.0034L203.267 194.887C203.852 197.473 206.423 199.094 209.009 198.509L272.121 184.226C274.707 183.641 276.329 181.07 275.743 178.484L254.043 82.6007C253.458 80.0149 250.887 78.393 248.302 78.9783Z"
-    fill="#2B6FCF"
-  />
-  <path
-    d="M187.798 110.607C188.982 110.607 189.941 109.647 189.941 108.463C189.941 107.279 188.982 106.319 187.798 106.319C186.614 106.319 185.654 107.279 185.654 108.463C185.654 109.647 186.614 110.607 187.798 110.607Z"
-    fill="white"
-  />
-  <path
-    d="M189.942 118.467C191.126 118.467 192.085 117.507 192.085 116.324C192.085 115.14 191.126 114.18 189.942 114.18C188.758 114.18 187.798 115.14 187.798 116.324C187.798 117.507 188.758 118.467 189.942 118.467Z"
-    fill="white"
-  />
-  <path
-    d="M203.876 175.994C205.06 175.994 206.02 175.034 206.02 173.85C206.02 172.666 205.06 171.706 203.876 171.706C202.692 171.706 201.732 172.666 201.732 173.85C201.732 175.034 202.692 175.994 203.876 175.994Z"
-    fill="white"
-  />
-  <path
-    d="M206.02 183.854C207.204 183.854 208.164 182.894 208.164 181.71C208.164 180.526 207.204 179.566 206.02 179.566C204.836 179.566 203.876 180.526 203.876 181.71C203.876 182.894 204.836 183.854 206.02 183.854Z"
-    fill="white"
-  />
-  <path
-    d="M248.035 118.855L204.517 128.704L206.159 135.957L249.677 126.108L248.035 118.855Z"
-    fill="#F5F5F5"
-  />
-  <defs>
-    <pattern
-      id="pattern0"
-      patternContentUnits="objectBoundingBox"
-      width="0.0170833"
-      height="0.148641"
-    >
-      <use xlink:href="#image0" transform="scale(0.00189815 0.0165157)" />
-    </pattern>
-    <image
-      id="image0"
-      width="9"
-      height="9"
-      xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAtSURBVHgB1dChDQAACAPBHwn23wVWAYMkxdKkVacKkF1jj80oyDfoFxgD1UdRPHMLOJmKMAEAAAAASUVORK5CYII="
-    />
-  </defs>
-</svg>

app/assets/svg/diamond-with-horizontal-lines.svg

@@ -1,12 +0,0 @@
-<svg viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink">
-    <rect opacity="0.36" y="52.0004" width="73.5394" height="73.5394" rx="8" transform="rotate(-45 0 52.0004)"
-          fill="url(#pattern0)"/>
-    <defs>
-        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="0.0611917" height="0.0611917">
-            <use xlink:href="#image0" transform="scale(0.00679907)"/>
-        </pattern>
-        <image id="image0" width="9" height="9"
-               xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAtSURBVHgB1dChDQAACAPBHwn23wVWAYMkxdKkVacKkF1jj80oyDfoFxgD1UdRPHMLOJmKMAEAAAAASUVORK5CYII="/>
-    </defs>
-</svg>

app/assets/svg/il-account.svg

@@ -1,25 +0,0 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="60" cy="60" r="60" fill="#F4F5F7" />
-  <g filter="url(#filter0_d_118_16)">
-    <rect x="31" y="31" width="58" height="58" rx="4" fill="white" />
-    <rect x="64" y="45" width="17" height="4" rx="2" fill="#BBBEC4" />
-    <rect x="64" y="51" width="17" height="4" rx="2" fill="#BBBEC4" />
-    <rect x="64" y="57" width="17" height="4" rx="2" fill="#BBBEC4" />
-    <path
-      d="M54 45C55.9891 45 57.8968 45.7902 59.3033 47.1967C60.7098 48.6032 61.5 50.5109 61.5 52.5C61.5 54.4891 60.7098 56.3968 59.3033 57.8033C57.8968 59.2098 55.9891 60 54 60C52.0109 60 50.1032 59.2098 48.6967 57.8033C47.2902 56.3968 46.5 54.4891 46.5 52.5C46.5 50.5109 47.2902 48.6032 48.6967 47.1967C50.1032 45.7902 52.0109 45 54 45ZM54 61.875C59.0063 61.875 69 64.3687 69 69.375V75H39V69.375C39 64.3687 48.9937 61.875 54 61.875Z"
-      fill="#BBBEC4" />
-  </g>
-  <defs>
-    <filter id="filter0_d_118_16" x="19" y="23" width="82" height="82" filterUnits="userSpaceOnUse"
-      color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-        result="hardAlpha" />
-      <feOffset dy="4" />
-      <feGaussianBlur stdDeviation="6" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_118_16" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_118_16" result="shape" />
-    </filter>
-  </defs>
-</svg>

app/assets/svg/il-premium.svg

@@ -1,22 +0,0 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="60" cy="60" r="60" fill="#F4F5F7" />
-  <g filter="url(#filter0_d_5_1809)">
-    <rect x="31" y="31" width="58" height="58" rx="4" fill="white" />
-    <path
-      d="M49.9997 66H53.9997C53.9997 68.16 56.7397 70 59.9997 70C63.2596 70 65.9996 68.16 65.9996 66C65.9996 63.8 63.9197 63 59.5197 61.94C55.2797 60.88 49.9997 59.56 49.9997 54C49.9997 50.42 52.9397 47.38 56.9997 46.36V42H62.9996V46.36C67.0596 47.38 69.9996 50.42 69.9996 54H65.9996C65.9996 51.84 63.2596 50 59.9997 50C56.7397 50 53.9997 51.84 53.9997 54C53.9997 56.2 56.0796 57 60.4796 58.06C64.7196 59.12 69.9996 60.44 69.9996 66C69.9996 69.58 67.0596 72.62 62.9996 73.64V78H56.9997V73.64C52.9397 72.62 49.9997 69.58 49.9997 66Z"
-      fill="#BBBEC4" />
-  </g>
-  <defs>
-    <filter id="filter0_d_5_1809" x="19" y="23" width="82" height="82" filterUnits="userSpaceOnUse"
-      color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-        result="hardAlpha" />
-      <feOffset dy="4" />
-      <feGaussianBlur stdDeviation="6" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_1809" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_1809" result="shape" />
-    </filter>
-  </defs>
-</svg>

package.json

@@ -27,7 +27,7 @@
     "@babel/preset-typescript": "^7.15.0",
     "@reach/disclosure": "^0.16.2",
     "@reach/visually-hidden": "^0.16.0",
-    "@svgr/webpack": "^5.5.0",
+    "@svgr/webpack": "^6.2.1",
     "@types/jest": "^27.0.3",
     "@types/lodash": "^4.14.176",
     "@types/pug": "^2.0.5",
@@ -63,7 +63,7 @@
     "pug-loader": "^2.4.0",
     "sass-loader": "^12.2.0",
     "serve-static": "^1.14.1",
-    "@standardnotes/stylekit": "5.4.0",
+    "@standardnotes/stylekit": "5.5.0",
     "svg-jest": "^1.0.1",
     "ts-jest": "^27.0.7",
     "ts-loader": "^9.2.6",
@@ -82,9 +82,9 @@
     "@reach/dialog": "^0.16.2",
     "@reach/listbox": "^0.16.2",
     "@reach/tooltip": "^0.16.2",
-    "@standardnotes/components": "1.7.0",
-    "@standardnotes/features": "1.32.0",
-    "@standardnotes/snjs": "2.58.1",
+    "@standardnotes/components": "1.7.1",
+    "@standardnotes/features": "1.32.1",
+    "@standardnotes/snjs": "2.59.2",
     "@standardnotes/settings": "^1.11.3",
     "@standardnotes/sncrypto-web": "1.6.2",
     "mobx": "^6.3.5",

webpack.config.js

@@ -73,7 +73,7 @@ module.exports = (env) => {
           ],
         },
         {
-          test: /\.svg$/,
+          test: /\.svg$/i,
           use: ['@svgr/webpack'],
         },
         {