@explorer-1/vue 0.0.0

package/src/components/Icons/IconArrow.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    class="IconArrow"
+    width="26"
+    height="16"
+    viewBox="0 0 26 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M17.935.929L25.006 8l-7.071 7.071-1.414-1.414L21.177 9H1V7h20.177l-4.656-4.657L17.935.93z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconArrow'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconArrow';
+</style>

package/src/components/Icons/IconArrows.vue

@@ -0,0 +1,43 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'IconArrows'
+})
+</script>
+<template>
+  <svg
+    class="IconArrows"
+    width="32"
+    height="12"
+    viewBox="0 0 32 12"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <g
+      fill="currentColor"
+      fill-rule="evenodd"
+    >
+      <path
+        d="M4 11.657l-.707-.707L8.243 6l-4.95-4.95L4 .343 9.657 6 4 11.657z"
+        transform="translate(2)"
+      />
+      <path
+        d="M10 11.657l-.707-.707L14.243 6l-4.95-4.95L10 .343 15.657 6 10 11.657z"
+        transform="translate(2)"
+      />
+      <path
+        d="M16 11.657l-.707-.707L20.243 6l-4.95-4.95L16 .343 21.657 6 16 11.657z"
+        transform="translate(2)"
+      />
+      <path
+        d="M22 11.657l-.707-.707L26.243 6l-4.95-4.95L22 .343 27.657 6 22 11.657z"
+        transform="translate(2)"
+      />
+    </g>
+  </svg>
+</template>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconArrows';
+</style>

package/src/components/Icons/IconAudio.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg
+    class="IconAudio"
+    width="60"
+    height="60"
+    viewBox="0 0 60 60"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M22 29v2a8 8 0 1016 0v-2h2v2c0 5.185-3.946 9.448-8.999 9.95L31 46h4v2H25v-2h4v-5.05c-4.962-.492-8.857-4.612-8.996-9.67L20 31v-2h2zm2-8l.004-.225A6 6 0 0136 21v10a6 6 0 11-12 0V21z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconAudio'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconAudio';
+</style>

package/src/components/Icons/IconBook.vue

@@ -0,0 +1,21 @@
+<!-- Source: https://fontawesome.com/icons/book?f=classic&s=light -->
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    width="34"
+    height="34"
+    viewBox="0 0 34 34"
+    class="IconBook"
+  >
+    <path
+      d="M28.813 22.781c0 1.108-.739 2.057-1.688 2.426v3.48h.844c.422 0 .843.422.843.844 0 .475-.421.844-.843.844H8.562c-1.898 0-3.374-1.477-3.374-3.375V7.594a4.197 4.197 0 0 1 4.218-4.219h16.875c1.371 0 2.532 1.16 2.532 2.531v16.875ZM6.875 7.594V24.1c.475-.264 1.055-.475 1.688-.475h1.687V5.062h-.844a2.532 2.532 0 0 0-2.531 2.532Zm18.563 21.093v-3.375H8.563A1.7 1.7 0 0 0 6.875 27c0 .95.738 1.688 1.688 1.688h16.874Zm.843-5.062c.422 0 .844-.37.844-.844V5.906c0-.422-.422-.843-.844-.843H11.938v18.562H26.28Zm-2.531-13.5c.422 0 .844.422.844.844 0 .474-.422.844-.844.844h-8.438a.833.833 0 0 1-.843-.844c0-.422.369-.844.844-.844h8.437Zm0 5.063c.422 0 .844.421.844.843 0 .475-.422.844-.844.844h-8.438a.833.833 0 0 1-.843-.844c0-.422.369-.843.844-.843h8.437Z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconBook'
+})
+</script>

package/src/components/Icons/IconBookUser.vue

@@ -0,0 +1,21 @@
+<!-- Source: https://fontawesome.com/icons/book-user?f=classic&s=light -->
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    width="34"
+    height="34"
+    viewBox="0 0 34 34"
+    class="IconBookUser"
+  >
+    <path
+      d="M28.813 22.781c0 1.108-.739 2.057-1.688 2.426v3.48h.844c.422 0 .843.422.843.844 0 .475-.421.844-.843.844H8.562c-1.898 0-3.374-1.477-3.374-3.375V7.594a4.197 4.197 0 0 1 4.218-4.219h16.875c1.371 0 2.532 1.16 2.532 2.531v16.875Zm-3.375 5.907v-3.375H8.563A1.7 1.7 0 0 0 6.875 27c0 .95.738 1.688 1.688 1.688h16.874Zm.843-5.063c.422 0 .844-.37.844-.844V5.906c0-.422-.422-.843-.844-.843H9.406a2.532 2.532 0 0 0-2.531 2.53V24.1c.475-.264 1.055-.475 1.688-.475H26.28Zm-7.593-7.594a4.231 4.231 0 0 1 4.218 4.219c0 .475-.422.844-.843.844a.833.833 0 0 1-.844-.844c0-1.371-1.16-2.531-2.532-2.531h-3.375a2.532 2.532 0 0 0-2.53 2.531c0 .475-.423.844-.845.844a.833.833 0 0 1-.843-.844 4.197 4.197 0 0 1 4.219-4.219h3.374ZM17 14.344c-1.898 0-3.375-1.477-3.375-3.375A3.365 3.365 0 0 1 17 7.594c1.846 0 3.375 1.529 3.375 3.375A3.365 3.365 0 0 1 17 14.344Zm0-5.063a1.7 1.7 0 0 0-1.688 1.688c0 .949.739 1.687 1.688 1.687a1.7 1.7 0 0 0 1.688-1.687c0-.897-.791-1.688-1.688-1.688Z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconBookUser'
+})
+</script>

package/src/components/Icons/IconBriefcase.vue

@@ -0,0 +1,21 @@
+<!-- Source: https://fontawesome.com/icons/briefcase?f=classic&s=light -->
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    width="34"
+    height="34"
+    viewBox="0 0 34 34"
+    class="IconBriefcase"
+  >
+    <path
+      d="M27.625 8.438c1.846 0 3.375 1.529 3.375 3.374v13.5a3.365 3.365 0 0 1-3.375 3.375H7.375C5.477 28.688 4 27.212 4 25.313v-13.5a3.365 3.365 0 0 1 3.375-3.374h3.375V5.905a2.532 2.532 0 0 1 2.531-2.531h8.438c1.37 0 2.531 1.16 2.531 2.531v2.532h3.375ZM12.437 5.905v2.532h10.126V5.905c0-.422-.422-.843-.844-.843H13.28c-.474 0-.844.421-.844.843Zm16.876 19.407v-6.75h-7.594v3.375c0 .474-.422.843-.844.843h-6.75a.833.833 0 0 1-.844-.843v-3.375H5.687v6.75c0 .949.739 1.687 1.688 1.687h20.25a1.7 1.7 0 0 0 1.688-1.688Zm-14.344-4.22h5.062v-2.53H14.97v2.53Zm14.344-4.218v-5.063c0-.896-.791-1.687-1.688-1.687H7.375a1.7 1.7 0 0 0-1.688 1.688v5.062h23.625Z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconBriefcase'
+})
+</script>

package/src/components/Icons/IconCalendar.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconCalendar"
+    width="20"
+    height="19"
+    viewBox="0 0 20 19"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M7 0v2h6V0h2v2h5v17H0V2h5V0h2zm11 9H2v8h16V9zM5 4H2v3h16V4h-3v2h-2V4H7v2H5V4z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconCalendar'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconCalendar';
+</style>

package/src/components/Icons/IconCaret.vue

@@ -0,0 +1,26 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'IconCaret'
+})
+</script>
+<template>
+  <svg
+    class="IconCaret"
+    width="8"
+    height="14"
+    viewBox="0 0 8 14"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M7.864 7.004L1.5 13.368.086 11.954l4.948-4.95-4.948-4.95L1.5.64l6.364 6.364z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconCaret';
+</style>

package/src/components/Icons/IconCheckbox.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    class="IconCheckbox"
+    width="22"
+    height="22"
+    viewBox="0 0 22 22"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      stroke="currentColor"
+      fill="none"
+      d="M0.5 0.5H21.5V21.5H0.5z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconCheckbox'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconCheckbox';
+</style>

package/src/components/Icons/IconCheckboxSelected.vue

@@ -0,0 +1,35 @@
+<template>
+  <svg
+    class="IconCheckboxSelected"
+    width="22"
+    height="22"
+    viewBox="0 0 22 22"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <g
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <path
+        fill="currentColor"
+        fill-rule="nonzero"
+        d="M0 0H22V22H0z"
+      />
+      <path
+        d="M9.732 15.718l-4.95-4.95 1.415-1.414 3.535 3.535 7.071-7.071 1.415 1.414-8.486 8.486z"
+        fill="#FFF"
+      />
+    </g>
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconCheckboxSelected'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconCheckboxSelected';
+</style>

package/src/components/Icons/IconClose.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg
+    class="IconClose"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M21.192-.02l2.829 2.828L14.828 12l9.193 9.192-2.829 2.829L12 14.828l-9.192 9.193-2.829-2.829L9.172 12-.02 2.808 2.808-.021 12 9.172 21.192-.02z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconClose'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconClose';
+</style>

package/src/components/Icons/IconCloseLightbox.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconCloseLightbox"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M12 10.6L6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconCloseLightbox'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconCloseLightbox';
+</style>

package/src/components/Icons/IconDownload.vue

@@ -0,0 +1,31 @@
+<template>
+  <svg
+    class="IconDownload"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <g
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <path
+        d="M2 16v6h20v-6h2v8H0v-8h2zM13.003 0v14.245l4.657-4.656 1.414 1.414-7.071 7.071-7.071-7.071 1.414-1.414 4.657 4.656V0h2z"
+        fill="currentColor"
+        fill-rule="nonzero"
+      />
+    </g>
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconDownload'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconDownload';
+</style>

package/src/components/Icons/IconDropdown.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconDropdown"
+    width="12"
+    height="8"
+    viewBox="0 0 12 8"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M.343 2L1.757.586 6 4.828 10.243.586 11.657 2 6 7.657.343 2z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconDropdown'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconDropdown';
+</style>

package/src/components/Icons/IconEnvelope.vue

@@ -0,0 +1,21 @@
+<!-- Source: https://fontawesome.com/icons/envelope?f=classic&s=light -->
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    width="34"
+    height="34"
+    viewBox="0 0 34 34"
+    class="IconEnvelope"
+  >
+    <path
+      d="M7.375 8.438a1.7 1.7 0 0 0-1.688 1.687v2.11l10.284 7.593c.896.633 2.11.633 3.006 0l10.335-7.594v-2.109c0-.896-.79-1.688-1.687-1.688H7.375Zm-1.688 5.906v9.281c0 .95.739 1.688 1.688 1.688h20.25a1.7 1.7 0 0 0 1.688-1.688v-9.281l-9.334 6.855c-1.477 1.055-3.534 1.055-5.01 0l-9.281-6.855ZM4 10.125A3.365 3.365 0 0 1 7.375 6.75h20.25C29.471 6.75 31 8.28 31 10.125v13.5A3.365 3.365 0 0 1 27.625 27H7.375C5.477 27 4 25.523 4 23.625v-13.5Z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconEnvelope'
+})
+</script>

package/src/components/Icons/IconExpand.vue

@@ -0,0 +1,28 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'IconExpand'
+})
+</script>
+<template>
+  <svg
+    class="IconExpand"
+    width="60"
+    height="60"
+    viewBox="0 0 60 60"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M48 37v11H37v-2h9v-9h2zm-34 0v9h9v2H12V37h2zm9-25v2h-9v9h-2V12h11zm25 0v11h-2v-9h-9v-2h11z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconExpand';
+</style>

package/src/components/Icons/IconExternal.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconExternal"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M7 2v2H2v12h12v-5h2v7H0V2h7zm11-2v8h-2V3.413l-8.243 8.244-1.414-1.414L14.585 2H10V0h8z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconExternal'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconExternal';
+</style>

package/src/components/Icons/IconFilter.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconFilter"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M5 12c1.306 0 2.418.835 2.83 2H18v2H7.829a3.001 3.001 0 01-5.658 0H0v-2h2.17A3.001 3.001 0 015 12zm0 2a1 1 0 100 2 1 1 0 000-2zm8-8c1.306 0 2.418.835 2.83 2H18v2h-2.171a3.001 3.001 0 01-5.658 0H0V8h10.17A3.001 3.001 0 0113 6zm0 2a1 1 0 100 2 1 1 0 000-2zM7 0c1.306 0 2.418.835 2.83 2H18v2H9.829a3.001 3.001 0 01-5.658 0H0V2h4.17A3.001 3.001 0 017 0zm0 2a1 1 0 100 2 1 1 0 000-2z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconFilter'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconFilter';
+</style>

package/src/components/Icons/IconForwardTen.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    class="IconForwardTen"
+    width="30"
+    height="35"
+    viewBox="0 0 30 35"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M9.41854 27.1118H11.7865V16.1198H9.89854L6.60254 18.3278L7.54654 19.9918L9.41854 18.8238V27.1118Z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+    <path
+      d="M18.6672 27.3038C21.5632 27.3038 23.6112 24.9518 23.6112 21.6078C23.6112 18.2798 21.5632 15.9278 18.6672 15.9278C15.7712 15.9278 13.7392 18.2798 13.7392 21.6078C13.7392 24.9518 15.7712 27.3038 18.6672 27.3038ZM18.6672 25.1598C17.1952 25.1598 16.1552 23.6718 16.1552 21.6078C16.1552 19.5438 17.1952 18.0718 18.6672 18.0718C20.1552 18.0718 21.1792 19.5438 21.1792 21.6078C21.1792 23.6718 20.1552 25.1598 18.6672 25.1598Z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+    <path
+      d="M14.6897 0.184982L14.2786 0.596053C13.9909 0.883802 14.032 1.33598 14.2786 1.58262L18.8415 6.14551C14.032 4.9534 8.68805 6.18662 4.98841 9.96847C-0.643259 15.6001 -0.602151 24.767 5.02952 30.3165C10.6612 35.9481 19.7459 35.907 25.3775 30.2754C27.9673 27.6856 29.406 24.2737 29.6116 20.8618C29.6116 20.4508 29.2827 20.1219 28.8716 20.1219H28.2961C27.9673 20.1219 27.5973 20.4097 27.6384 20.7796C27.474 23.7393 26.2408 26.6168 23.9799 28.8777C19.1292 33.7284 11.2778 33.7695 6.38605 28.8777C1.57652 24.0682 1.49431 16.1756 6.38605 11.2839C9.75683 7.91311 14.6897 6.92654 18.9648 8.24197L14.2786 12.9282C13.9909 13.2159 14.032 13.6681 14.2786 13.9147L14.6897 14.3258C14.9774 14.6136 15.3885 14.6136 15.6763 14.3258L22.2534 7.74868C22.5 7.50204 22.5411 7.04986 22.2534 6.76211L15.6763 0.184982C15.4296 -0.0616606 14.9363 -0.0616606 14.6897 0.184982Z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconForwardTen'
+})
+</script>
+<style lang="scss">
+// @import '@explorer-1/common/src/scss/components/IconForwardTen';
+</style>

package/src/components/Icons/IconGrid.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconGrid"
+    width="22"
+    height="22"
+    viewBox="0 0 22 22"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M9 11v9H0v-9h9zm11 0v9h-9v-9h9zM7 13H2v5h5v-5zm11 0h-5v5h5v-5zM9 0v9H0V0h9zm11 0v9h-9V0h9zM7 2H2v5h5V2zm11 0h-5v5h5V2z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconGrid'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconGrid';
+</style>

package/src/components/Icons/IconHand.vue

@@ -0,0 +1,21 @@
+<!-- Source: https://fontawesome.com/icons/hand-holding-seedling?f=classic&s=light -->
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    width="34"
+    height="34"
+    viewBox="0 0 34 34"
+    class="IconHand"
+  >
+    <path
+      d="M15.39 13.5c-4.43 0-8.015-4.166-8.015-9.281 0-.422.37-.844.844-.844h2.056c3.165 0 5.907 2.162 7.225 5.22 1.318-3.058 4.008-5.22 7.172-5.22h2.11c.421 0 .843.422.843.844 0 5.115-3.639 9.281-8.068 9.281h-1.213v2.531c0 .475-.422.844-.844.844a.833.833 0 0 1-.844-.844V13.5h-1.265Zm9.282-8.438c-3.27 0-5.96 3.006-6.328 6.75h1.213c3.27 0 5.959-2.953 6.328-6.75h-1.213Zm-14.397 0H9.062c.37 3.797 3.06 6.75 6.329 6.75h1.213c-.37-3.744-3.06-6.75-6.329-6.75Zm21.463 15.926c.58.58.95 1.371.844 2.162 0 .844-.37 1.635-1.002 2.11l-5.326 4.271a3.92 3.92 0 0 1-2.479.844H3.104c-.422 0-.792-.422-.792-.844 0-.474.37-.843.844-.843h20.62c.527 0 1.001-.211 1.423-.528l5.326-4.219a1.119 1.119 0 0 0 0-1.74 1.003 1.003 0 0 0-.685-.264c-.264 0-.58.106-.791.264l-3.27 2.584c-.369.317-.896.527-1.37.527h-9.493c-.475 0-.844-.421-.844-.843 0-.475.37-.844.844-.844h4.64c.686 0 1.266-.58 1.266-1.266a1.25 1.25 0 0 0-1.265-1.265h-7.752c-.739 0-1.424.21-2.057.633l-2.426 1.898H3.104c-.422 0-.792-.37-.792-.844 0-.422.37-.843.844-.843h3.639l2.004-1.477c.949-.686 1.951-1.055 3.058-1.055h7.594c1.477 0 2.848 1.055 3.059 2.532.105.632 0 1.212-.264 1.687h2.215c.105 0 .264 0 .37-.105l3.216-2.584a2.902 2.902 0 0 1 1.846-.633c.685 0 1.318.21 1.845.685Z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconHand'
+})
+</script>

package/src/components/Icons/IconInfo.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    class="IconInfo"
+    width="10"
+    height="22"
+    viewBox="0 0 10 22"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M7 8v12h3v2H0v-2h3V10H0V8h7zM5 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconInfo'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconInfo';
+</style>

package/src/components/Icons/IconLink.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg
+    class="IconLink"
+    width="22"
+    height="23"
+    viewBox="0 0 22 23"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M18.9852 3.598C18.6369 3.24968 18.2235 2.97336 17.7685 2.78485C17.3134 2.59633 16.8257 2.4993 16.3332 2.4993C15.8406 2.4993 15.3529 2.59633 14.8979 2.78485C14.4429 2.97336 14.0294 3.24968 13.6812 3.598L9.18118 8.098C8.75664 8.52217 8.4401 9.04203 8.25816 9.61391C8.07621 10.1858 8.03418 10.793 8.13559 11.3845C8.23699 11.976 8.47888 12.5345 8.84093 13.0131C9.20297 13.4917 9.67459 13.8765 10.2162 14.135C10.3895 14.2243 10.5212 14.3776 10.5834 14.5624C10.6456 14.7472 10.6334 14.9489 10.5494 15.1248C10.4654 15.3008 10.3162 15.4371 10.1334 15.5049C9.95061 15.5727 9.74859 15.5666 9.57018 15.488C8.81229 15.126 8.15232 14.5874 7.64569 13.9175C7.13906 13.2476 6.80056 12.4659 6.6586 11.638C6.51665 10.8102 6.57538 9.9604 6.82988 9.15997C7.08437 8.35953 7.5272 7.63184 8.12118 7.038L12.6212 2.538C13.1063 2.04013 13.6855 1.64357 14.3251 1.37133C14.9648 1.09909 15.6521 0.956586 16.3472 0.952089C17.0424 0.947593 17.7315 1.08119 18.3746 1.34514C19.0177 1.60909 19.602 1.99812 20.0935 2.48967C20.5851 2.98122 20.9741 3.56549 21.238 4.20859C21.502 4.85168 21.6356 5.5408 21.6311 6.23594C21.6266 6.93108 21.4841 7.6184 21.2118 8.25803C20.9396 8.89766 20.543 9.47685 20.0452 9.962L18.2882 11.719C18.2195 11.7927 18.1367 11.8518 18.0447 11.8928C17.9527 11.9338 17.8534 11.9558 17.7527 11.9576C17.652 11.9594 17.552 11.9408 17.4586 11.9031C17.3652 11.8654 17.2804 11.8093 17.2091 11.738C17.1379 11.6668 17.0818 11.582 17.0441 11.4886C17.0063 11.3952 16.9878 11.2952 16.9896 11.1945C16.9914 11.0938 17.0134 10.9945 17.0544 10.9025C17.0954 10.8105 17.1545 10.7277 17.2282 10.659L18.9852 8.902C19.3335 8.55377 19.6098 8.14033 19.7983 7.68529C19.9868 7.23026 20.0839 6.74254 20.0839 6.25C20.0839 5.75746 19.9868 5.26974 19.7983 4.81471C19.6098 4.35967 19.3335 3.94623 18.9852 3.598ZM11.5962 7.865C11.682 7.68561 11.8356 7.54764 12.0231 7.48144C12.2106 7.41525 12.4168 7.42624 12.5962 7.512C13.3541 7.87403 14.014 8.41261 14.5207 9.08252C15.0273 9.75244 15.3658 10.5341 15.5078 11.362C15.6497 12.1898 15.591 13.0396 15.3365 13.84C15.082 14.6405 14.6392 15.3682 14.0452 15.962L9.54518 20.462C9.06003 20.9599 8.48083 21.3564 7.84121 21.6287C7.20158 21.9009 6.51425 22.0434 5.81911 22.0479C5.12397 22.0524 4.43486 21.9188 3.79176 21.6549C3.14867 21.3909 2.56439 21.0019 2.07285 20.5103C1.5813 20.0188 1.19226 19.4345 0.928317 18.7914C0.664371 18.1483 0.53077 17.4592 0.535266 16.7641C0.539762 16.0689 0.682266 15.3816 0.954509 14.742C1.22675 14.1023 1.62331 13.5232 2.12118 13.038L3.87818 11.281C3.94684 11.2073 4.02964 11.1482 4.12164 11.1072C4.21364 11.0662 4.31295 11.0442 4.41365 11.0424C4.51436 11.0406 4.61439 11.0592 4.70777 11.0969C4.80116 11.1346 4.886 11.1907 4.95722 11.262C5.02843 11.3332 5.08458 11.418 5.1223 11.5114C5.16002 11.6048 5.17855 11.7048 5.17677 11.8055C5.17499 11.9062 5.15295 12.0055 5.11196 12.0975C5.07097 12.1895 5.01186 12.2723 4.93818 12.341L3.18118 14.098C2.83291 14.4463 2.55665 14.8597 2.36817 15.3147C2.17969 15.7698 2.08268 16.2575 2.08268 16.75C2.08268 17.2425 2.17969 17.7302 2.36817 18.1853C2.55665 18.6403 2.83291 19.0537 3.18118 19.402C3.52944 19.7503 3.94289 20.0265 4.39792 20.215C4.85296 20.4035 5.34066 20.5005 5.83318 20.5005C6.3257 20.5005 6.8134 20.4035 7.26843 20.215C7.72346 20.0265 8.13691 19.7503 8.48518 19.402L12.9852 14.902C13.4097 14.4778 13.7263 13.958 13.9082 13.3861C14.0901 12.8142 14.1322 12.207 14.0308 11.6155C13.9294 11.024 13.6875 10.4655 13.3254 9.98689C12.9634 9.50827 12.4918 9.12353 11.9502 8.865C11.8613 8.82259 11.7816 8.76309 11.7157 8.68988C11.6497 8.61667 11.5989 8.53119 11.566 8.43833C11.5332 8.34547 11.5189 8.24704 11.5241 8.14867C11.5292 8.05029 11.5537 7.9539 11.5962 7.865Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconLink'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconLink';
+</style>