Create AdvancedInput component

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>

3 files changed, 27 insertions, 0 deletions

diff --git a/img/bell-outline.svg b/img/bell-outline.svg
new file mode 100644
index 000000000..f6af2ff4b
--- /dev/null
+++ b/img/bell-outline.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.154 10.508L13.05 9.325V7.566C13.05 5.367 11.783 3.448 9.854 2.653C9.751 1.725 8.959 1 8 1C7.042 1 6.25 1.724 6.146 2.652C4.217 3.447 2.95 5.367 2.95 7.566V9.324L1.846 10.508C1.385 11.002 1.385 11.805 1.846 12.294C2.078 12.545 2.391 12.683 2.726 12.683H5.613C5.613 12.6871 5.61193 12.6907 5.6109 12.6942C5.60994 12.6975 5.609 12.7006 5.609 12.704C5.608 13.97 6.691 15 8.022 15C9.312 15 10.37 14.032 10.434 12.819C10.437 12.781 10.439 12.743 10.439 12.704C10.439 12.6999 10.4379 12.6963 10.4369 12.6928C10.4359 12.6895 10.435 12.6864 10.435 12.683H13.276C13.315 12.683 13.354 12.679 13.392 12.672C13.544 12.641 13.924 12.542 14.153 12.297C14.615 11.805 14.616 11.002 14.154 10.508ZM8.022 13.802C7.343 13.802 6.791 13.31 6.791 12.704H9.255C9.255 13.31 8.703 13.802 8.022 13.802ZM2.704 11.471L13.207 11.485C13.26 11.47 13.314 11.45 13.336 11.437C13.3341 11.4367 13.3327 11.4294 13.3306 11.4184C13.3261 11.3951 13.3184 11.3555 13.296 11.331L12.03 9.976C11.927 9.865 11.869 9.717 11.869 9.565V7.566C11.869 5.738 10.747 4.163 9.079 3.644C8.792 3.555 8.616 3.261 8.671 2.962C8.67174 2.95784 8.67248 2.95369 8.67323 2.94953C8.67861 2.91967 8.684 2.88972 8.684 2.859C8.684 2.494 8.377 2.198 8 2.198C7.623 2.198 7.317 2.494 7.317 2.859C7.317 2.89152 7.32271 2.92159 7.32824 2.95069C7.32883 2.9538 7.32942 2.95691 7.33 2.96C7.385 3.259 7.209 3.553 6.923 3.643C5.254 4.161 4.133 5.738 4.133 7.566V9.564C4.133 9.716 4.075 9.864 3.971 9.975L2.705 11.331C2.672 11.367 2.671 11.437 2.704 11.471Z" fill="#7F7F7F"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="14" height="14">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.154 10.508L13.05 9.325V7.566C13.05 5.367 11.783 3.448 9.854 2.653C9.751 1.725 8.959 1 8 1C7.042 1 6.25 1.724 6.146 2.652C4.217 3.447 2.95 5.367 2.95 7.566V9.324L1.846 10.508C1.385 11.002 1.385 11.805 1.846 12.294C2.078 12.545 2.391 12.683 2.726 12.683H5.613C5.613 12.6871 5.61193 12.6907 5.6109 12.6942C5.60994 12.6975 5.609 12.7006 5.609 12.704C5.608 13.97 6.691 15 8.022 15C9.312 15 10.37 14.032 10.434 12.819C10.437 12.781 10.439 12.743 10.439 12.704C10.439 12.6999 10.4379 12.6963 10.4369 12.6928C10.4359 12.6895 10.435 12.6864 10.435 12.683H13.276C13.315 12.683 13.354 12.679 13.392 12.672C13.544 12.641 13.924 12.542 14.153 12.297C14.615 11.805 14.616 11.002 14.154 10.508ZM8.022 13.802C7.343 13.802 6.791 13.31 6.791 12.704H9.255C9.255 13.31 8.703 13.802 8.022 13.802ZM2.704 11.471L13.207 11.485C13.26 11.47 13.314 11.45 13.336 11.437C13.3341 11.4367 13.3327 11.4294 13.3306 11.4184C13.3261 11.3951 13.3184 11.3555 13.296 11.331L12.03 9.976C11.927 9.865 11.869 9.717 11.869 9.565V7.566C11.869 5.738 10.747 4.163 9.079 3.644C8.792 3.555 8.616 3.261 8.671 2.962C8.67174 2.95784 8.67248 2.95369 8.67323 2.94953C8.67861 2.91967 8.684 2.88972 8.684 2.859C8.684 2.494 8.377 2.198 8 2.198C7.623 2.198 7.317 2.494 7.317 2.859C7.317 2.89152 7.32271 2.92159 7.32824 2.95069C7.32883 2.9538 7.32942 2.95691 7.33 2.96C7.385 3.259 7.209 3.553 6.923 3.643C5.254 4.161 4.133 5.738 4.133 7.566V9.564C4.133 9.716 4.075 9.864 3.971 9.975L2.705 11.331C2.672 11.367 2.671 11.437 2.704 11.471Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<rect width="16" height="16" fill="#7F7F7F"/>
+</g>
+</svg>
diff --git a/img/clip-add-file.svg b/img/clip-add-file.svg
new file mode 100644
index 000000000..27f0999be
--- /dev/null
+++ b/img/clip-add-file.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9626 8.45815L14.0572 7.5876C14.0068 7.54001 13.9257 7.54001 13.8762 7.5876L8.14315 13.0997C6.86221 14.3313 4.77823 14.3313 3.49643 13.0997C2.21549 11.8682 2.21549 9.86449 3.49643 8.63291L9.83286 2.54069C10.6154 1.78829 11.887 1.78829 12.6687 2.54069C13.4512 3.29227 13.4512 4.51482 12.6687 5.26722L6.52085 11.1773C6.23838 11.4497 5.7784 11.4497 5.49507 11.1773C5.2126 10.9057 5.21346 10.4643 5.49593 10.1919L11.0404 4.86189C11.0908 4.8143 11.0899 4.73553 11.0396 4.68712L10.135 3.81739C10.0838 3.76898 10.0035 3.76898 9.95405 3.81739L4.40956 9.14737C3.52801 9.99495 3.52801 11.375 4.40956 12.2226C5.29111 13.0702 6.72652 13.0702 7.60807 12.2226L13.7559 6.31254C15.1358 4.98496 15.1358 2.82376 13.7559 1.49701C12.3743 0.167799 10.1273 0.167799 8.7465 1.49619L2.41006 7.5876C0.530041 9.39598 0.530894 12.3375 2.41006 14.1442C4.29009 15.9518 7.35035 15.9518 9.22952 14.145L14.9626 8.63291C15.013 8.58451 15.013 8.50656 14.9626 8.45815Z" fill="white"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="15" height="16">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9626 8.45815L14.0572 7.5876C14.0068 7.54001 13.9257 7.54001 13.8762 7.5876L8.14315 13.0997C6.86221 14.3313 4.77823 14.3313 3.49643 13.0997C2.21549 11.8682 2.21549 9.86449 3.49643 8.63291L9.83286 2.54069C10.6154 1.78829 11.887 1.78829 12.6687 2.54069C13.4512 3.29227 13.4512 4.51482 12.6687 5.26722L6.52085 11.1773C6.23838 11.4497 5.7784 11.4497 5.49507 11.1773C5.2126 10.9057 5.21346 10.4643 5.49593 10.1919L11.0404 4.86189C11.0908 4.8143 11.0899 4.73553 11.0396 4.68712L10.135 3.81739C10.0838 3.76898 10.0035 3.76898 9.95405 3.81739L4.40956 9.14737C3.52801 9.99495 3.52801 11.375 4.40956 12.2226C5.29111 13.0702 6.72652 13.0702 7.60807 12.2226L13.7559 6.31254C15.1358 4.98496 15.1358 2.82376 13.7559 1.49701C12.3743 0.167799 10.1273 0.167799 8.7465 1.49619L2.41006 7.5876C0.530041 9.39598 0.530894 12.3375 2.41006 14.1442C4.29009 15.9518 7.35035 15.9518 9.22952 14.145L14.9626 8.63291C15.013 8.58451 15.013 8.50656 14.9626 8.45815Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<rect opacity="0.5" width="16" height="16" fill="black"/>
+</g>
+</svg>
diff --git a/img/emoji-smile.svg b/img/emoji-smile.svg
new file mode 100644
index 000000000..5ec4f1fdf
--- /dev/null
+++ b/img/emoji-smile.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 0.800003C4.02999 0.800003 0.799988 4.03 0.799988 8C0.799988 11.97 4.02999 15.2 7.99999 15.2C11.97 15.2 15.2 11.971 15.2 8C15.2 4.029 11.97 0.800003 7.99999 0.800003ZM7.99999 14C4.68599 14 1.99999 11.314 1.99999 8C1.99999 4.686 4.68599 2 7.99999 2C11.313 2 14 4.686 14 8C14 11.314 11.313 14 7.99999 14ZM6.99999 5.8C6.99999 6.35229 6.55227 6.8 5.99999 6.8C5.4477 6.8 4.99999 6.35229 4.99999 5.8C4.99999 5.24772 5.4477 4.8 5.99999 4.8C6.55227 4.8 6.99999 5.24772 6.99999 5.8ZM11.001 5.8C11.001 6.35229 10.5533 6.8 10.001 6.8C9.4487 6.8 9.00099 6.35229 9.00099 5.8C9.00099 5.24772 9.4487 4.8 10.001 4.8C10.5533 4.8 11.001 5.24772 11.001 5.8ZM11.75 7.6C11.391 7.6 11.1 7.891 11.1 8.25C11.1 9.821 9.70899 11.1 7.99999 11.1C6.29099 11.1 4.89999 9.822 4.89999 8.25C4.89999 7.891 4.60899 7.6 4.24999 7.6C3.89099 7.6 3.59999 7.891 3.59999 8.25C3.59999 10.538 5.57399 12.4 7.99999 12.4C10.426 12.4 12.401 10.538 12.401 8.25C12.4 7.891 12.109 7.6 11.75 7.6Z" fill="white"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 0.800003C4.02999 0.800003 0.799988 4.03 0.799988 8C0.799988 11.97 4.02999 15.2 7.99999 15.2C11.97 15.2 15.2 11.971 15.2 8C15.2 4.029 11.97 0.800003 7.99999 0.800003ZM7.99999 14C4.68599 14 1.99999 11.314 1.99999 8C1.99999 4.686 4.68599 2 7.99999 2C11.313 2 14 4.686 14 8C14 11.314 11.313 14 7.99999 14ZM6.99999 5.8C6.99999 6.35229 6.55227 6.8 5.99999 6.8C5.4477 6.8 4.99999 6.35229 4.99999 5.8C4.99999 5.24772 5.4477 4.8 5.99999 4.8C6.55227 4.8 6.99999 5.24772 6.99999 5.8ZM11.001 5.8C11.001 6.35229 10.5533 6.8 10.001 6.8C9.4487 6.8 9.00099 6.35229 9.00099 5.8C9.00099 5.24772 9.4487 4.8 10.001 4.8C10.5533 4.8 11.001 5.24772 11.001 5.8ZM11.75 7.6C11.391 7.6 11.1 7.891 11.1 8.25C11.1 9.821 9.70899 11.1 7.99999 11.1C6.29099 11.1 4.89999 9.822 4.89999 8.25C4.89999 7.891 4.60899 7.6 4.24999 7.6C3.89099 7.6 3.59999 7.891 3.59999 8.25C3.59999 10.538 5.57399 12.4 7.99999 12.4C10.426 12.4 12.401 10.538 12.401 8.25C12.4 7.891 12.109 7.6 11.75 7.6Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<rect opacity="0.5" width="16" height="16" fill="black"/>
+</g>
+</svg>