@explorer-1/vue 0.0.0

package/src/components/Icons/IconList.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconList"
+    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-9h9zm-2 2H2v5h5v-5zm12 3v2h-8v-2h8zm3-4v2H11v-2h11zM9 0v9H0V0h9zM7 2H2v5h5V2zm12 3v2h-8V5h8zm3-4v2H11V1h11z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconList'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconList';
+</style>

package/src/components/Icons/IconLocation.vue

@@ -0,0 +1,37 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'IconLocation'
+})
+</script>
+<template>
+  <svg
+    class="IconLocation"
+    width="16"
+    height="22"
+    viewBox="0 0 16 22"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <g
+      transform="translate(-4 -1)"
+      stroke="currentColor"
+      stroke-width="2"
+      fill="none"
+    >
+      <path
+        d="M12 2c1.933 0 3.683.784 4.95 2.05A6.978 6.978 0 0119 9c0 2.681-2.41 6.81-7 12.43C7.41 15.81 5 11.68 5 9c0-1.933.784-3.683 2.05-4.95A6.978 6.978 0 0112 2z"
+      />
+      <circle
+        cx="12"
+        cy="9"
+        r="3"
+      />
+    </g>
+  </svg>
+</template>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconLocation';
+</style>

package/src/components/Icons/IconMagnifyingGlass.vue

@@ -0,0 +1,21 @@
+<!-- Source: https://fontawesome.com/icons/magnifying-glass?f=classic&s=light -->
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    width="34"
+    height="34"
+    viewBox="0 0 34 34"
+    class="IconMagnifyingGlass"
+  >
+    <path
+      d="M30.736 28.951c.317.317.317.897 0 1.213-.158.158-.369.211-.58.211-.263 0-.474-.053-.685-.21l-7.436-7.49a10.791 10.791 0 0 1-7.119 2.637C8.904 25.313 4 20.409 4 14.345 4 8.332 8.852 3.375 14.916 3.375c6.012 0 10.969 4.957 10.969 10.969 0 2.742-.95 5.22-2.637 7.172l7.488 7.435ZM14.97 23.625a9.261 9.261 0 0 0 9.281-9.281c0-5.115-4.166-9.281-9.281-9.281a9.261 9.261 0 0 0-9.281 9.28 9.261 9.261 0 0 0 9.28 9.282Z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconMagnifyingGlass'
+})
+</script>

package/src/components/Icons/IconMedal.vue

@@ -0,0 +1,21 @@
+<!-- Source: https://fontawesome.com/icons/medal?f=classic&s=light -->
+<template>
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    width="34"
+    height="34"
+    viewBox="0 0 34 34"
+    class="IconMedal"
+  >
+    <path
+      d="m19.821 17.93 2.32.316c.528.106 1.002.475 1.16 1.002.159.527.053 1.107-.368 1.477l-1.688 1.634.422 2.32c.158.95-.633 1.688-1.477 1.688-.21 0-.422-.053-.633-.158l-2.056-1.107-2.11 1.107a1.46 1.46 0 0 1-.685.158c-.791 0-1.582-.738-1.424-1.687l.422-2.32-1.688-1.635c-.421-.37-.527-.95-.369-1.477.159-.527.633-.896 1.16-1.002l2.32-.316 1.056-2.11c.263-.474.79-.738 1.318-.738.474 0 1.002.211 1.265.738l1.055 2.11Zm-.369 3.85 1.951-1.9-2.69-.421-1.265-2.479-1.213 2.479-2.69.422 1.952 1.898-.475 2.742 2.426-1.318 2.479 1.319-.475-2.743Zm-1.951-9.968c5.115 0 9.281 4.167 9.281 9.282a9.261 9.261 0 0 1-9.281 9.281 9.228 9.228 0 0 1-9.281-9.281 9.261 9.261 0 0 1 9.28-9.282Zm0 16.876c4.166 0 7.594-3.375 7.594-7.594 0-4.166-3.428-7.594-7.594-7.594-4.219 0-7.594 3.428-7.594 7.594a7.562 7.562 0 0 0 7.594 7.593ZM9.907 13.5c-.316 0-.58-.105-.738-.37L4.265 5.855c-.317-.475-.37-1.108-.106-1.583.264-.527.791-.896 1.371-.896h5.537c.528 0 1.055.316 1.371.791l3.375 5.643c.211.369.106.896-.316 1.16a.874.874 0 0 1-1.16-.317L10.962 5.01l-5.22.053 4.85 7.171c.264.37.159.897-.263 1.16-.106.106-.264.106-.422.106ZM30.79 4.271a1.54 1.54 0 0 1-.106 1.635l-4.904 7.225c-.158.264-.422.369-.685.369-.211 0-.37 0-.475-.105-.422-.264-.527-.791-.264-1.213l4.852-7.12h-5.326l-3.27 5.59a.874.874 0 0 1-1.16.317.874.874 0 0 1-.316-1.16l3.375-5.643c.316-.475.843-.791 1.37-.791h5.538c.58 0 1.107.37 1.37.896Z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconMedal'
+})
+</script>

package/src/components/Icons/IconMenu.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg
+    class="IconMenu"
+    width="30"
+    height="26"
+    viewBox="0 0 30 26"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M30 22v4H0v-4h30zm0-11v4H0v-4h30zm0-11v4H0V0h30z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconMenu'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconMenu';
+</style>

package/src/components/Icons/IconMinus.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    class="IconMinus"
+    width="12"
+    height="2"
+    viewBox="0 0 12 2"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      transform="translate(-6 -11)"
+      fill="currentColor"
+      d="M6 11H18V13H6z"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconMinus'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconMinus';
+</style>

package/src/components/Icons/IconMute.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg
+    class="IconMute"
+    width="60"
+    height="60"
+    viewBox="0 0 512 512"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      fill="currentColor"
+      fill-rule="evenodd"
+      d="M454.63 256l55.03-55.03c3.12-3.12 3.12-8.19 0-11.31l-11.31-11.31c-3.12-3.12-8.19-3.12-11.31 0L432 233.37l-55.03-55.03c-3.12-3.12-8.19-3.12-11.31 0l-11.31 11.31c-3.12 3.12-3.12 8.19 0 11.31L409.37 256l-55.03 55.03c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c3.12 3.12 8.19 3.12 11.31 0L432 278.63l55.03 55.03c3.12 3.12 8.19 3.12 11.31 0l11.31-11.31c3.12-3.12 3.12-8.19 0-11.31L454.63 256zM231.81 64c-5.91 0-11.92 2.18-16.78 7.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c4.87 4.87 10.88 7.05 16.78 7.05 12.33 0 24.19-9.52 24.19-24.02V88.02C256 73.51 244.13 64 231.81 64zM224 404.67l-75.32-75.3-9.37-9.37H32V192h107.31l9.37-9.37 75.32-75.3v297.34z"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconMute'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconMute';
+</style>

package/src/components/Icons/IconNext.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    viewBox="0 0 50 50"
+    class="IconNext"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M21 36.314l-1.414-1.415 9.9-9.899-9.9-9.9L21 13.687 32.314 25 21 36.314z"
+      fill="currentColor"
+      aria-hidden="true"
+      focusable="false"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconNext'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconNext';
+</style>

package/src/components/Icons/IconPause.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    class="IconPause"
+    width="60"
+    height="60"
+    viewBox="0 0 60 60"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      fill="currentColor"
+      transform="matrix(-1 0 0 1 54 6)"
+      fill-rule="evenodd"
+      d="M12 38h8V10h-8v28zm16-28v28h8V10h-8z5"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconPause'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconPause';
+</style>

package/src/components/Icons/IconPlay.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    class="IconPlay"
+    width="60"
+    height="60"
+    viewBox="0 0 60 60"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      fill="currentColor"
+      transform="matrix(-1 0 0 1 64 0)"
+      fill-rule="evenodd"
+      d="M42 17L22 30 42 43z"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconPlay'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconPlay';
+</style>

package/src/components/Icons/IconPlus.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconPlus"
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M7 0v5h5v2H7v5H5V7H0V5h5V0h2z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconPlus'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconPlus';
+</style>

package/src/components/Icons/IconPrev.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    viewBox="0 0 50 50"
+    class="IconPrev"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M29 13.686l1.414 1.415-9.9 9.899 9.9 9.9L29 36.313 17.686 25 29 13.686z"
+      fill="currentColor"
+      aria-hidden="true"
+      focusable="false"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconPrev'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconPrev';
+</style>

package/src/components/Icons/IconRewindTen.vue

@@ -0,0 +1,42 @@
+<template>
+  <svg
+    class="IconRewindTen"
+    width="30"
+    height="35"
+    viewBox="0 0 30 35"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <g
+      fill="currentColor"
+      fill-rule="evenodd"
+    >
+      <path
+        d="m8.41854 27.1118h2.36796v-10.992h-1.88796l-3.296 2.208.944 1.664 1.872-1.168z"
+        fill="currentColor"
+        fill-rule="evenodd"
+      />
+      <path
+        d="m17.6672 27.3038c2.896 0 4.944-2.352 4.944-5.696 0-3.328-2.048-5.68-4.944-5.68s-4.928 2.352-4.928 5.68c0 3.344 2.032 5.696 4.928 5.696zm0-2.144c-1.472 0-2.512-1.488-2.512-3.552s1.04-3.536 2.512-3.536c1.488 0 2.512 1.472 2.512 3.536s-1.024 3.552-2.512 3.552z"
+        fill="currentColor"
+        fill-rule="evenodd"
+      />
+      <path
+        d="m20.0853.839157c-.2034-.352419-.6508-.429745-.9529-.255343l-8.0553 4.650736c-.3524.20347-.4588.60053-.2554.95295l4.6508 8.0553c.1744.3021.6005.4588.9529.2554l.5035-.2907c.3021-.1744.4297-.6509.2553-.953l-3.3427-5.78972c4.4699-.16412 8.9794 2.06555 11.3919 6.24422 3.4299 5.9408 1.3368 13.5935-4.5536 16.9944-5.9911 3.4589-13.59349 1.3368-16.99434-4.5537-1.62775-2.8193-2.07419-5.9179-1.46699-8.8194.13546-.3467-.14742-.7204-.46507-.8055l-.55589-.1489c-.397067-.1064-.799833.1261-.906226.5232-.684529 3.3488-.177867 7.0168 1.682426 10.2389 3.95313 6.847 12.71759 9.238 19.64399 5.3062 6.847-3.9531 9.2593-12.797 5.2771-19.6944-2.5947-4.61052-7.4374-7.18482-12.3625-7.22778l5.5884-3.22645c.302-.1744.4297-.65088.2553-.95296z"
+        fill="currentColor"
+        fill-rule="evenodd"
+      />
+    </g>
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconRewindTen'
+})
+</script>
+<style lang="scss">
+// @import '@explorer-1/common/src/scss/components/IconRewindTen';
+</style>

package/src/components/Icons/IconSearch.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconSearch"
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M8 0a8 8 0 016.096 13.181l5.293 5.294-1.414 1.414-5.357-5.356A8 8 0 118 0zm0 2a6 6 0 100 12A6 6 0 008 2z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSearch'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconSearch';
+</style>

package/src/components/Icons/IconShare.vue

@@ -0,0 +1,30 @@
+<!-- Source: https://fontawesome.com/icons/book?f=classic&s=light -->
+<template>
+  <svg
+    width="23"
+    height="23"
+    viewBox="0 0 23 23"
+    fill="none"
+    aria-hidden="true"
+    focusable="false"
+    class="IconShare"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6.21518 10.2999C5.94644 9.8298 5.52473 9.45977 5.01626 9.24788C4.50778 9.03599 3.94132 8.99425 3.4058 9.12919C2.87027 9.26414 2.396 9.56814 2.05743 9.99348C1.71886 10.4188 1.53516 10.9414 1.53516 11.4792C1.53516 12.017 1.71886 12.5396 2.05743 12.965C2.396 13.3903 2.87027 13.6943 3.4058 13.8293C3.94132 13.9642 4.50778 13.9225 5.01626 13.7106C5.52473 13.4987 5.94644 13.1286 6.21518 12.6585M6.21518 10.2999C6.41496 10.6495 6.52928 11.0509 6.52928 11.4792C6.52928 11.9076 6.41496 12.31 6.21518 12.6585M6.21518 10.2999L16.8323 4.56623M6.21518 12.6585L16.8323 18.3922M16.8323 4.56623C16.988 4.85122 17.2005 5.1032 17.4575 5.30741C17.7146 5.51162 18.0109 5.66397 18.3291 5.75556C18.6474 5.84714 18.9813 5.87613 19.3112 5.84081C19.6411 5.8055 19.9605 5.7066 20.2507 5.54989C20.5408 5.39318 20.796 5.18181 21.0011 4.92813C21.2062 4.67445 21.3573 4.38357 21.4455 4.07247C21.5336 3.76137 21.5571 3.43631 21.5145 3.11629C21.4719 2.79627 21.3642 2.48772 21.1975 2.20866C20.869 1.65875 20.3318 1.25608 19.7012 1.08719C19.0705 0.918307 18.3969 0.996698 17.8252 1.30551C17.2534 1.61433 16.829 2.12891 16.6434 2.73865C16.4577 3.34839 16.5256 4.0046 16.8323 4.56623ZM16.8323 18.3922C16.673 18.671 16.5718 18.9776 16.5343 19.2944C16.4969 19.6112 16.524 19.9321 16.6141 20.2387C16.7043 20.5454 16.8556 20.8318 17.0596 21.0815C17.2636 21.3313 17.5162 21.5396 17.8029 21.6944C18.0897 21.8493 18.405 21.9477 18.7309 21.9841C19.0568 22.0205 19.3869 21.9942 19.7023 21.9065C20.0178 21.8189 20.3123 21.6718 20.5693 21.4735C20.8262 21.2752 21.0404 21.0296 21.1997 20.7509C21.5215 20.1878 21.5999 19.5236 21.4179 18.9043C21.2359 18.2851 20.8083 17.7614 20.2291 17.4487C19.65 17.1359 18.9667 17.0596 18.3297 17.2365C17.6927 17.4135 17.1541 17.8292 16.8323 18.3922Z"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconShare'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconShare';
+</style>

package/src/components/Icons/IconSlideshow.vue

@@ -0,0 +1,30 @@
+<template>
+  <svg
+    class="IconSlideshow"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke="currentColor"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+    />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSlideshow'
+})
+</script>
+<style lang="scss">
+// @import '@explorer-1/common/src/scss/components/IconSlideshow';
+.IconSlideshow {
+  width: 1em;
+  height: 1em;
+}
+</style>

package/src/components/Icons/IconSocialEmail.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    class="IconSocialEmail"
+    width="22"
+    height="16"
+    viewBox="0 0 22 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M11 9l11-7v14H0V2l11 7zm11-9L11 7 0 0h22z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSocialEmail'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconSocialEmail';
+</style>

package/src/components/Icons/IconSocialFacebook.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    class="IconSocialFacebook"
+    width="12"
+    height="23"
+    viewBox="0 0 12 23"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M11.214 12.84l.622-4.131h-3.89V6.028c0-1.13.543-2.232 2.285-2.232H12V.28S10.395 0 8.86 0C5.656 0 3.562 1.978 3.562 5.56V8.71H0v4.13h3.562v9.987a13.877 13.877 0 004.383 0V12.84h3.269"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSocialFacebook'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconSocialFacebook';
+</style>

package/src/components/Icons/IconSocialGoogleClassroom.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    class="IconSocialGoogleClassroom"
+    width="24"
+    height="19"
+    viewBox="0 0 24 19"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M2.01406 1.78125H5.17656C5.65453 1.78125 6.03906 1.38418 6.03906 0.890625C6.03906 0.39707 5.65453 0 5.17656 0H1.43906C0.802969 0 0.289062 0.530664 0.289062 1.1875V5.04688C0.289062 5.54043 0.673594 5.9375 1.15156 5.9375C1.62953 5.9375 2.01406 5.54043 2.01406 5.04688V1.78125ZM6.60687 8.3125C6.83341 8.3125 7.05772 8.26643 7.267 8.17691C7.47629 8.08739 7.66645 7.95619 7.82663 7.79078C7.98681 7.62538 8.11388 7.42902 8.20057 7.2129C8.28726 6.99679 8.33187 6.76517 8.33187 6.53125C8.33187 6.29733 8.28726 6.06571 8.20057 5.8496C8.11388 5.63348 7.98681 5.43712 7.82663 5.27172C7.66645 5.10631 7.47629 4.97511 7.267 4.88559C7.05772 4.79607 6.83341 4.75 6.60687 4.75C6.38034 4.75 6.15603 4.79607 5.94675 4.88559C5.73746 4.97511 5.5473 5.10631 5.38712 5.27172C5.22693 5.43712 5.09987 5.63348 5.01318 5.8496C4.92649 6.06571 4.88187 6.29733 4.88187 6.53125C4.88187 6.76517 4.92649 6.99679 5.01318 7.2129C5.09987 7.42902 5.22693 7.62538 5.38712 7.79078C5.5473 7.95619 5.73746 8.08739 5.94675 8.17691C6.15603 8.26643 6.38034 8.3125 6.60687 8.3125ZM5.65453 9.5C4.59797 9.5 3.73906 10.3869 3.73906 11.4779C3.73906 12.0234 4.16672 12.4688 4.69859 12.4688H6.71469C7.00219 11.2033 7.89344 10.1791 9.05781 9.7375C8.78828 9.58535 8.47563 9.5 8.14859 9.5H5.65453ZM18.8795 12.4688C19.4078 12.4688 19.8391 12.0271 19.8391 11.4779C19.8391 10.3832 18.9802 9.5 17.9236 9.5H15.4295C15.0989 9.5 14.7898 9.58535 14.5203 9.7375C15.6847 10.1791 16.5759 11.2033 16.8634 12.4688H18.8795ZM15.6667 12.4688C15.3577 11.567 14.5922 10.8879 13.6578 10.7246C13.5177 10.6986 13.3739 10.6875 13.2266 10.6875H10.3516C10.2042 10.6875 10.0605 10.6986 9.92031 10.7246C8.98594 10.8879 8.22047 11.567 7.91141 12.4688C7.81437 12.7471 7.76406 13.0477 7.76406 13.3594C7.76406 13.8529 8.14859 14.25 8.62656 14.25H14.9516C15.4295 14.25 15.8141 13.8529 15.8141 13.3594C15.8141 13.0477 15.7637 12.7471 15.6667 12.4688ZM16.9641 8.3125C17.1906 8.3125 17.4149 8.26643 17.6242 8.17691C17.8335 8.08739 18.0236 7.95619 18.1838 7.79078C18.344 7.62538 18.4711 7.42902 18.5578 7.2129C18.6444 6.99679 18.6891 6.76517 18.6891 6.53125C18.6891 6.29733 18.6444 6.06571 18.5578 5.8496C18.4711 5.63348 18.344 5.43712 18.1838 5.27172C18.0236 5.10631 17.8335 4.97511 17.6242 4.88559C17.4149 4.79607 17.1906 4.75 16.9641 4.75C16.7375 4.75 16.5132 4.79607 16.3039 4.88559C16.0946 4.97511 15.9045 5.10631 15.7443 5.27172C15.5841 5.43712 15.4571 5.63348 15.3704 5.8496C15.2837 6.06571 15.2391 6.29733 15.2391 6.53125C15.2391 6.76517 15.2837 6.99679 15.3704 7.2129C15.4571 7.42902 15.5841 7.62538 15.7443 7.79078C15.9045 7.95619 16.0946 8.08739 16.3039 8.17691C16.5132 8.26643 16.7375 8.3125 16.9641 8.3125ZM14.0891 7.125C14.0891 6.49511 13.8467 5.89102 13.4154 5.44562C12.9841 5.00022 12.3991 4.75 11.7891 4.75C11.1791 4.75 10.5941 5.00022 10.1627 5.44562C9.73138 5.89102 9.48906 6.49511 9.48906 7.125C9.48906 7.75489 9.73138 8.35898 10.1627 8.80438C10.5941 9.24978 11.1791 9.5 11.7891 9.5C12.3991 9.5 12.9841 9.24978 13.4154 8.80438C13.8467 8.35898 14.0891 7.75489 14.0891 7.125ZM18.4016 1.78125H21.5641V5.04688C21.5641 5.54043 21.9486 5.9375 22.4266 5.9375C22.9045 5.9375 23.2891 5.54043 23.2891 5.04688V1.1875C23.2891 0.530664 22.7752 0 22.1391 0H18.4016C17.9236 0 17.5391 0.39707 17.5391 0.890625C17.5391 1.38418 17.9236 1.78125 18.4016 1.78125ZM2.01406 17.2188V13.9531C2.01406 13.4596 1.62953 13.0625 1.15156 13.0625C0.673594 13.0625 0.289062 13.4596 0.289062 13.9531V17.8125C0.289062 18.4693 0.802969 19 1.43906 19H5.17656C5.65453 19 6.03906 18.6029 6.03906 18.1094C6.03906 17.6158 5.65453 17.2188 5.17656 17.2188H2.01406ZM18.4016 17.2188C17.9236 17.2188 17.5391 17.6158 17.5391 18.1094C17.5391 18.6029 17.9236 19 18.4016 19H22.1391C22.7752 19 23.2891 18.4693 23.2891 17.8125V13.9531C23.2891 13.4596 22.9045 13.0625 22.4266 13.0625C21.9486 13.0625 21.5641 13.4596 21.5641 13.9531V17.2188H18.4016Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSocialGoogleClassroom'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconSocialGoogleClassroom';
+</style>

package/src/components/Icons/IconSocialInstagram.vue

@@ -0,0 +1,35 @@
+<template>
+  <svg
+    class="IconSocialInstagram"
+    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
+        d="M0 0H24V24H0z"
+        transform="translate(-1 -1)"
+      />
+      <path
+        d="M13.092 1.008c2.01.003 2.427.019 3.438.065 1.17.054 1.97.24 2.67.511a5.39 5.39 0 011.947 1.269A5.39 5.39 0 0122.416 4.8c.272.7.457 1.5.51 2.67l.03.655.006.205c.02.581.028 1.211.03 2.578v2.191a80.391 80.391 0 01-.03 2.578l-.007.205-.028.655c-.053 1.17-.24 1.97-.511 2.67a5.39 5.39 0 01-1.269 1.947 5.39 5.39 0 01-1.947 1.269c-.7.272-1.5.457-2.67.51a89.3 89.3 0 01-.655.029l-.205.007c-.581.02-1.211.028-2.578.03h-2.191a80.392 80.392 0 01-2.578-.03l-.205-.007a89.299 89.299 0 01-.655-.028c-1.17-.054-1.97-.24-2.67-.511a5.39 5.39 0 01-1.947-1.269 5.39 5.39 0 01-1.269-1.947c-.272-.7-.457-1.5-.51-2.67-.047-1.01-.063-1.429-.066-3.438v-2.191c.003-2.01.019-2.427.065-3.438.054-1.17.24-1.97.511-2.67a5.39 5.39 0 011.269-1.947 5.39 5.39 0 011.947-1.269c.7-.272 1.5-.458 2.67-.51 1.01-.047 1.429-.063 3.438-.066zm.014 1.981h-2.22c-1.375.002-1.976.01-2.562.031l-.208.008a98.53 98.53 0 00-.563.024c-1.072.05-1.654.228-2.042.379-.513.2-.88.438-1.264.823a3.407 3.407 0 00-.823 1.264c-.15.388-.33.97-.379 2.042l-.024.563-.008.208c-.02.586-.029 1.187-.03 2.563v2.22c.002 1.942.017 2.34.062 3.333.05 1.072.229 1.654.38 2.042.199.513.437.88.822 1.264.384.385.75.623 1.264.823.388.15.97.33 2.042.379 1.04.047 1.426.06 3.612.063h1.664c2.185-.002 2.572-.016 3.611-.063 1.072-.05 1.654-.229 2.042-.38.513-.199.88-.437 1.264-.822.385-.384.623-.75.823-1.264.15-.388.33-.97.379-2.042.047-1.035.06-1.423.063-3.585v-1.717a86.876 86.876 0 00-.028-2.71l-.01-.312a98.528 98.528 0 00-.025-.563c-.05-1.072-.228-1.654-.379-2.042-.2-.513-.438-.88-.823-1.264a3.407 3.407 0 00-1.264-.823c-.388-.15-.97-.33-2.042-.379-.994-.045-1.391-.06-3.334-.063zM12.5 7a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1.93a3.57 3.57 0 100 7.14 3.57 3.57 0 000-7.14zM18 5a1 1 0 110 2 1 1 0 010-2z"
+        fill="currentColor"
+        transform="translate(-1 -1)"
+      />
+    </g>
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSocialInstagram'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconSocialInstagram';
+</style>

package/src/components/Icons/IconSocialPinterest.vue

@@ -0,0 +1,26 @@
+<!-- Source: https://fontawesome.com/icons/book?f=classic&s=light -->
+<template>
+  <svg
+    class="IconSocialPinterest"
+    width="23"
+    height="23"
+    viewBox="0 0 23 23"
+    aria-hidden="true"
+    focusable="false"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M23 11.5C23 17.8528 17.8528 23 11.5 23C10.3129 23 9.17218 22.8192 8.09637 22.4853C8.56472 21.7202 9.26492 20.4681 9.5246 19.4712C9.66371 18.9333 10.2387 16.7353 10.2387 16.7353C10.6143 17.4494 11.7087 18.0569 12.8726 18.0569C16.3411 18.0569 18.8405 14.8665 18.8405 10.9018C18.8405 7.10403 15.7383 4.26149 11.7504 4.26149C6.78871 4.26149 4.1502 7.59093 4.1502 11.2218C4.1502 12.9097 5.0498 15.0103 6.48266 15.678C6.7006 15.78 6.81653 15.7337 6.86754 15.525C6.90464 15.3673 7.0994 14.5837 7.1875 14.222C7.21532 14.106 7.20141 14.004 7.10867 13.8927C6.64032 13.3131 6.26008 12.2558 6.26008 11.2681C6.26008 8.73165 8.17984 6.27863 11.4536 6.27863C14.2776 6.27863 16.2577 8.20302 16.2577 10.9575C16.2577 14.069 14.6857 16.2252 12.6407 16.2252C11.5139 16.2252 10.6653 15.2931 10.9389 14.1478C11.2635 12.7798 11.8895 11.3052 11.8895 10.3175C11.8895 9.43649 11.4165 8.69919 10.4335 8.69919C9.27883 8.69919 8.35141 9.89093 8.35141 11.4907C8.35141 12.5109 8.69456 13.1972 8.69456 13.1972C8.69456 13.1972 7.55847 18.0105 7.3498 18.9101C7.11794 19.9024 7.21069 21.3028 7.30806 22.2117C3.03266 20.5377 0 16.3736 0 11.5C0 5.14718 5.14718 0 11.5 0C17.8528 0 23 5.14718 23 11.5Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSocialPinterest'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconSocialPinterest';
+</style>

package/src/components/Icons/IconSocialReddit.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    class="IconSocialReddit"
+    width="24"
+    height="22"
+    viewBox="0 0 24 22"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <path
+      d="M24,11.187c0.001-1.449-1.172-2.625-2.622-2.626c-0.681-0.001-1.336,0.264-1.826,0.737 c-1.795-1.296-4.268-2.132-7.023-2.228l1.196-5.628l3.908,0.832c0.048,1.036,0.927,1.837,1.963,1.789s1.837-0.927,1.789-1.963 c-0.048-1.036-0.927-1.837-1.963-1.789c-0.683,0.032-1.295,0.432-1.597,1.045l-4.364-0.928c-0.253-0.054-0.502,0.108-0.556,0.361 l-1.336,6.28C8.775,7.146,6.263,7.984,4.444,9.294C3.399,8.289,1.738,8.322,0.733,9.366s-0.973,2.706,0.072,3.711 c0.218,0.21,0.472,0.381,0.748,0.504c-0.041,0.263-0.062,0.528-0.063,0.794c0,4.04,4.703,7.316,10.504,7.316 s10.504-3.275,10.504-7.316c0-0.264-0.021-0.528-0.062-0.789C23.387,13.167,24,12.226,24,11.187z M5.996,13.063 c0-1.036,0.84-1.876,1.875-1.876c1.036,0,1.876,0.84,1.876,1.875c0,1.036-0.839,1.876-1.875,1.876 C6.837,14.938,5.997,14.099,5.996,13.063z M16.455,18.02c-1.28,1.278-3.733,1.378-4.455,1.378s-3.175-0.099-4.453-1.378 c-0.19-0.19-0.19-0.498,0-0.687c0.19-0.19,0.498-0.19,0.687,0c0.807,0.807,2.533,1.093,3.767,1.093s2.959-0.286,3.767-1.094 c0.193-0.186,0.501-0.181,0.688,0.013C16.637,17.533,16.636,17.832,16.455,18.02L16.455,18.02z M16.125,14.939 c-1.036,0-1.876-0.84-1.876-1.876c0-1.036,0.84-1.876,1.876-1.876c1.036,0,1.876,0.84,1.876,1.876c0,0,0,0,0,0 C17.999,14.099,17.16,14.938,16.125,14.939z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'IconSocialReddit'
+})
+</script>
+<style lang="scss">
+@import '@explorer-1/common/src/scss/components/IconSocialReddit';
+</style>