@energysage/es-ds-components 0.0.1 → 3.0.0-alpha.10

package/components/icon/gift.vue

@@ -0,0 +1,37 @@
+<script lang="ts">
+export default {
+    name: 'IconGift',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+    },
+};
+</script>
+
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        viewBox="0 0 36 36"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M30.861 8.60604H24.8182C24.8182 8.60604 24.8249 8.60604 24.8315 8.5996C26.2152 7.78833 26.4225 6.80322 26.4358 5.90181C26.2353 3.04306 24.2433 2.01288 22.6056 2C22.6056 2 22.6056 2 22.5989 2C20.5535 2.01288 19.0361 4.60765 18.0067 7.29256C16.984 4.61408 15.4733 2.03219 13.3944 2C12.5588 2.03219 9.80481 2.41207 9.56417 5.94044C9.57754 6.79678 9.78476 7.78189 11.1684 8.59316C11.1684 8.59316 11.1751 8.59316 11.1818 8.5996H5.13904C3.96257 8.5996 3 9.52032 3 10.66V13.2869C3 14.4072 3.92914 15.3151 5.08556 15.3408V33.4527C5.08556 33.7553 5.33957 34 5.65374 34H30.3463C30.6604 34 30.9144 33.7553 30.9144 33.4527V15.3408C32.0709 15.3151 33 14.4072 33 13.2869V10.66C33 9.52676 32.0441 8.5996 30.861 8.5996V8.60604ZM22.5989 3.09457C23.1938 3.10101 25.119 3.3328 25.2995 5.92113C25.2861 6.65513 25.1123 7.15091 24.2433 7.65956C23.3877 8.16177 22.0909 8.47082 20.627 8.53521H18.7553C19.9118 5.16781 21.3623 3.10101 22.5989 3.09457V3.09457ZM10.7005 5.97264C10.8676 3.55815 12.492 3.1332 13.4144 3.09457C14.6845 3.11388 16.1016 5.12917 17.258 8.53521H15.3997C13.9158 8.47726 12.6257 8.16177 11.7634 7.65956C10.8944 7.15091 10.7206 6.65513 10.7005 5.9662V5.97264ZM4.13636 13.2869V10.66C4.13636 10.1256 4.58422 9.69416 5.13904 9.69416H16.6564L13.4345 13.0358C13.2206 13.2547 13.234 13.6024 13.4612 13.8085C13.5682 13.905 13.7086 13.9565 13.8489 13.9565C14.0027 13.9565 14.1564 13.8986 14.2634 13.7827L17.4519 10.4732V14.2463H5.13904C4.58422 14.2463 4.13636 13.8149 4.13636 13.2805V13.2869ZM6.22193 15.3473H17.4586V32.9054H6.22193V15.3473ZM29.7781 32.9054H18.5949V15.3473H29.7781V32.9054ZM31.8636 13.2869C31.8636 13.8213 31.4158 14.2527 30.861 14.2527H18.5949V10.4089L21.8703 13.5638C22.0909 13.7763 22.4519 13.7763 22.6725 13.5638C22.893 13.3513 22.893 13.0036 22.6725 12.7911L19.4639 9.7006H30.861C31.4158 9.7006 31.8636 10.132 31.8636 10.6664V13.2934V13.2869Z" />
+    </svg>
+</template>

package/components/icon/hamburger.vue

@@ -0,0 +1,38 @@
+<script lang="ts">
+export default {
+    name: 'IconHamburger',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M2 5c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1Zm0 7c0-.5523.44772-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3c-.55228 0-1-.4477-1-1Zm0 7c0-.5523.44772-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3c-.55228 0-1-.4477-1-1Z" />
+    </svg>
+</template>

package/components/icon/heart.vue

@@ -0,0 +1,39 @@
+<script lang="ts">
+export default {
+    name: 'IconHeart',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            d="M12 4.5c1-1 2.8-2.5 5-2.5 3.3 0 6 2.7 6 6 0 2.8-1.3 8.3-10 13.6-.3.2-.6.3-1 .3-.3 0-.7-.1-1-.3C2.3 16.3 1 10.8 1 8c0-3.3 2.7-6 6-6 2.2 0 4 1.5 5 2.5Z"
+            fill="none" />
+        <path
+            d="M17 2c-2.2 0-4 1.5-5 2.5C11 3.5 9.2 2 7 2 3.7 2 1 4.7 1 8c0 2.8 1.3 8.3 10 13.6.3.2.7.3 1 .3.4 0 .7-.1 1-.3C21.7 16.3 23 10.8 23 8c0-3.3-2.7-6-6-6Zm-5 17.9C4.2 15.1 3 10.4 3 8c0-2.2 1.8-4 4-4s4.2 2.6 4.2 2.6c.2.3.5.4.8.4.3 0 .6-.1.8-.4 0 0 2-2.6 4.2-2.6s4 1.8 4 4c0 2.4-1.2 7.1-9 11.9Z" />
+    </svg>
+</template>

package/components/icon/heat-pump.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconHeatPump',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+    },
+};
+</script>
+
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M28.285 4H3.715C1.668 4 0 5.632 0 7.636v15.728C0 25.368 1.668 27 3.715 27h24.57C30.332 27 32 25.368 32 23.364V7.636C32 5.632 30.332 4 28.285 4Zm2.62 19.364c0 1.412-1.178 2.565-2.62 2.565H3.715c-1.442 0-2.62-1.153-2.62-2.565V7.636c0-1.412 1.178-2.565 2.62-2.565h24.57c1.442 0 2.62 1.153 2.62 2.565v15.728Z" />
+        <path
+            d="M11.557 7.314h-.218c-4.72 0-8.48 3.498-8.596 8.047-.058 2.099.798 4.21 2.35 5.804 1.52 1.556 3.58 2.476 5.66 2.52h.212c4.778 0 8.441-3.446 8.55-8.09.052-2.074-.785-4.16-2.291-5.728-1.507-1.576-3.574-2.502-5.66-2.553h-.007Zm-.785 15.3c-1.79-.038-3.573-.838-4.893-2.193-1.346-1.386-2.093-3.22-2.048-5.034.11-4.027 3.316-7.008 7.495-7.008h.206c1.796.044 3.58.851 4.887 2.212 1.313 1.368 2.04 3.182 1.996 4.972-.103 4.102-3.393 7.127-7.643 7.039v.012Z" />
+        <path
+            d="M13.335 9.237a.567.567 0 0 0-.521.05.54.54 0 0 0-.245.454c.026 1.53-.534 2.804-1.243 4.19-.322-1.008-.804-1.972-1.674-2.76-1.152-1.04-2.691-1.115-3.65-.17-1.25 1.229-1.513 2.83-1.61 4.373a.51.51 0 0 0 .212.454.573.573 0 0 0 .503.088c1.61-.51 3.161-.321 4.777-.057-.038.044-.084.088-.122.126-.76.832-1.565 1.872-1.751 3.277-.207 1.531.727 2.741 2.26 2.936.218.026.43.045.637.045 1.21 0 2.324-.441 3.528-.964a.536.536 0 0 0 .316-.404.54.54 0 0 0-.174-.479c-1.326-1.172-1.97-2.653-2.601-4.222 1.159.057 2.498.013 3.753-.668.792-.428 1.327-1.077 1.514-1.827.16-.674.019-1.367-.4-1.966-.83-1.178-2.009-1.84-3.522-2.47l.013-.006Zm-6.033 5.28c-.573 0-1.152.05-1.745.17.142-1.197.451-2.167 1.23-2.936.547-.536 1.404-.454 2.131.201.799.719 1.217 1.664 1.552 2.912-1.069-.183-2.105-.353-3.161-.353l-.007.006Zm5.969 6.093c-.992.404-1.887.656-2.846.53-.927-.12-1.449-.8-1.32-1.74.148-1.115.83-1.99 1.481-2.703.097-.107.2-.208.316-.315.585 1.462 1.204 2.956 2.369 4.228Zm2.917-7.183c-.11.454-.458.857-.973 1.134-1.05.567-2.234.586-3.258.53.02-.045.045-.089.065-.133.74-1.43 1.442-2.798 1.603-4.417.985.466 1.764.99 2.318 1.77.245.347.328.732.238 1.11l.007.006ZM28.22 8.518h-6.85a.541.541 0 0 0-.548.536c0 .296.245.535.547.535h6.851c.303 0 .547-.24.547-.535a.541.541 0 0 0-.547-.536ZM28.22 10.667h-6.85a.541.541 0 0 0-.548.536c0 .296.245.535.547.535h6.851c.303 0 .547-.24.547-.535a.541.541 0 0 0-.547-.536ZM28.22 12.816h-6.85a.541.541 0 0 0-.548.535c0 .296.245.536.547.536h6.851c.303 0 .547-.24.547-.536a.541.541 0 0 0-.547-.535ZM28.22 14.964h-6.85a.541.541 0 0 0-.548.536c0 .296.245.536.547.536h6.851c.303 0 .547-.24.547-.536a.541.541 0 0 0-.547-.536ZM28.22 17.113h-6.85a.541.541 0 0 0-.548.536c0 .296.245.535.547.535h6.851c.303 0 .547-.239.547-.535a.541.541 0 0 0-.547-.536ZM28.22 19.268h-6.85a.541.541 0 0 0-.548.536c0 .296.245.536.547.536h6.851c.303 0 .547-.24.547-.536a.541.541 0 0 0-.547-.536ZM28.22 21.417h-6.85a.541.541 0 0 0-.548.536c0 .296.245.535.547.535h6.851c.303 0 .547-.24.547-.535a.541.541 0 0 0-.547-.536Z" />
+    </svg>
+</template>

package/components/icon/image.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+export default {
+    name: 'IconImage',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            d="M2.464 2.464A5 5 0 0 1 6 1h12a5 5 0 0 1 5 5v12a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V6a5 5 0 0 1 1.464-3.536Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm-3.536-.536A5 5 0 0 1 6 1h12a5 5 0 0 1 5 5v12a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V6a5 5 0 0 1 1.464-3.536Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M8.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM5 8.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm11 2.466a3 3 0 0 1 2.217.973l4.032 4.397.036.04c.13.14.32.347.457.59.182.32.258.656.258 1.034v.133A4.867 4.867 0 0 1 18.133 23H6a1 1 0 0 1-.74-1.673l8.526-9.379A3.003 3.003 0 0 1 16 10.966Zm-.734 2.328L8.26 21h9.873A2.867 2.867 0 0 0 21 18.133V18a.502.502 0 0 0-.003-.056.786.786 0 0 0-.045-.058 5.736 5.736 0 0 0-.159-.178l-.021-.024-4.03-4.393a1.002 1.002 0 0 0-1.476.003Z" />
+    </svg>
+</template>

package/components/icon/info-blog-post.vue

@@ -0,0 +1,47 @@
+<script lang="ts">
+export default {
+    name: 'IconInfoBlogPost',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+    },
+};
+</script>
+
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M26.4643 5H5.54015C5.24351 5 5 5.24923 5 5.55283V24.0046C5 24.3082 5.24351 24.5575 5.54015 24.5575H19.3051L19.7213 26.4697C19.7523 26.6193 19.8718 26.7325 20.0179 26.7643C20.164 26.7914 20.3146 26.7325 20.3987 26.6057L21.2399 25.3505L22.5504 26.8775C22.6257 26.9636 22.7275 27.009 22.8338 27.009C22.9179 27.009 22.9976 26.9818 23.0684 26.9274L24.3701 25.8716C24.4498 25.8081 24.4985 25.713 24.5118 25.6088C24.5251 25.5045 24.4896 25.4003 24.4277 25.3233L23.8034 24.562H26.4599C26.7565 24.562 27 24.3128 27 24.0092V5.55283C27 5.24923 26.7565 5 26.4599 5H26.4643ZM26.2518 5.77034V8.27619H5.75267V5.77034H26.2518ZM18.7649 19.0564C18.6365 18.9703 18.4727 18.9748 18.3443 19.0609C18.2159 19.1515 18.1584 19.3101 18.1894 19.4597L18.4639 20.7103H8.31616V18.3449H23.2987V20.7103H21.231L18.7649 19.0564V19.0564ZM22.8869 26.0891L21.4923 24.4668C21.4214 24.3853 21.3152 24.3354 21.2089 24.3354C21.2 24.3354 21.1956 24.3354 21.1868 24.3354C21.0716 24.3445 20.9654 24.4034 20.899 24.5031L20.2703 25.4366L19.128 20.2209L23.4315 23.112L22.5238 23.3204C22.3955 23.3476 22.2936 23.4473 22.2493 23.5742C22.2051 23.701 22.2316 23.8415 22.3158 23.9457L23.5997 25.5091L22.8825 26.0936L22.8869 26.0891ZM23.9451 23.7826L24.4675 23.6648C24.6136 23.6331 24.7287 23.5107 24.7553 23.3567C24.7818 23.2026 24.7199 23.0485 24.5915 22.967L22.3777 21.4807H23.675C23.8831 21.4807 24.0513 21.3085 24.0513 21.0955V17.9598C24.0513 17.7468 23.8831 17.5746 23.675 17.5746H7.93983C7.73174 17.5746 7.56349 17.7468 7.56349 17.9598V21.0955C7.56349 21.3085 7.73174 21.4807 7.93983 21.4807H18.6321L19.1368 23.7871H5.75267V9.04653H26.2518V23.7871H23.9406L23.9451 23.7826Z" />
+        <path
+            d="M9.75506 7.39704C9.96758 7.39704 10.1402 7.22032 10.1402 7.00281C10.1402 6.78531 9.96758 6.60858 9.75506 6.60858C9.54254 6.60858 9.36987 6.78531 9.36987 7.00281C9.36987 7.22032 9.54254 7.39704 9.75506 7.39704Z" />
+        <path
+            d="M8.29403 7.39704C8.50655 7.39704 8.67922 7.22032 8.67922 7.00281C8.67922 6.78531 8.50655 6.60858 8.29403 6.60858C8.08151 6.60858 7.90884 6.78531 7.90884 7.00281C7.90884 7.22032 8.08151 7.39704 8.29403 7.39704Z" />
+        <path
+            d="M6.83297 7.39704C7.04549 7.39704 7.21816 7.22032 7.21816 7.00281C7.21816 6.78531 7.04549 6.60858 6.83297 6.60858C6.62045 6.60858 6.44778 6.78531 6.44778 7.00281C6.44778 7.22032 6.62045 7.39704 6.83297 7.39704Z" />
+        <path
+            d="M23.4757 11.4255H8.03722C7.82913 11.4255 7.66089 11.5977 7.66089 11.8107C7.66089 12.0237 7.82913 12.1959 8.03722 12.1959H23.4757C23.6838 12.1959 23.8521 12.0237 23.8521 11.8107C23.8521 11.5977 23.6838 11.4255 23.4757 11.4255Z" />
+        <path
+            d="M23.4757 14.5023H8.03722C7.82913 14.5023 7.66089 14.6745 7.66089 14.8875C7.66089 15.1005 7.82913 15.2727 8.03722 15.2727H23.4757C23.6838 15.2727 23.8521 15.1005 23.8521 14.8875C23.8521 14.6745 23.6838 14.5023 23.4757 14.5023Z" />
+    </svg>
+</template>

package/components/icon/info.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+export default {
+    name: 'IconInfo',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M11 7a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Zm1 3a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1Z" />
+    </svg>
+</template>

package/components/icon/instagram.vue

@@ -0,0 +1,49 @@
+<script lang="ts">
+export default {
+    name: 'IconInstagram',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '31px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 31 32"
+        fill="currentColor">
+        <path
+            fill="none"
+            d="M0 .4h31v31H0z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.5.4a15.5 15.5 0 1 0 0 31 15.5 15.5 0 0 0 0-31Zm9.65 19.47c-.04.82-.2 1.63-.51 2.4a4.96 4.96 0 0 1-2.82 2.83c-.76.28-1.55.43-2.36.45-1.03.05-1.36.05-3.98.05-2.63 0-2.92-.05-4-.05a7.44 7.44 0 0 1-2.4-.55 4.51 4.51 0 0 1-2.77-2.78 7.56 7.56 0 0 1-.46-2.35c-.05-1.04-.05-1.36-.05-3.99s0-2.96.05-3.99c.03-.82.2-1.63.5-2.4a4.51 4.51 0 0 1 2.78-2.78 7.44 7.44 0 0 1 2.36-.45c1.03-.05 1.36-.05 3.99-.05 2.62 0 2.95 0 3.98.05.85.02 1.69.19 2.48.5a4.76 4.76 0 0 1 2.75 2.8c.28.75.43 1.55.46 2.35 0 1.03.05 1.37.05 3.99s-.05 2.89-.05 3.97Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M22.98 10.16a2.93 2.93 0 0 0-.73-1.07c-.3-.32-.66-.57-1.07-.74a5.58 5.58 0 0 0-1.8-.4H15.5c-2.58 0-2.89 0-3.92.08a5.5 5.5 0 0 0-1.8.34c-.41.15-.79.4-1.1.72-.32.3-.57.66-.73 1.07-.2.58-.32 1.2-.32 1.8v7.84c0 .61.12 1.22.33 1.8.16.4.4.77.72 1.07.3.32.67.57 1.07.73.58.2 1.2.32 1.81.32 1.02.06 1.33.06 3.9.06 2.59 0 2.85-.06 3.92-.06a5.58 5.58 0 0 0 1.8-.33c.8-.35 1.45-1 1.8-1.8.21-.58.32-1.2.33-1.81.05-1.02.05-1.33.05-3.91s-.05-2.9-.05-3.91a5.5 5.5 0 0 0-.33-1.8Zm-7.48 10.7a4.96 4.96 0 1 1 0-9.92 4.96 4.96 0 0 1 0 9.93Zm5.28-8.84a1.18 1.18 0 1 1 0-2.36 1.18 1.18 0 0 1 1.2 1.14v.03A1.18 1.18 0 0 1 20.75 12l.03.01Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.5 12.65a3.23 3.23 0 1 0-.06 6.46 3.23 3.23 0 0 0 .06-6.46Z" />
+    </svg>
+</template>

package/components/icon/light-bulb.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+export default {
+    name: 'IconLightBulb',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            d="M19.6413 8.0574c-.2908-3.57905-3.0869-6.52059-6.6324-6.99034-2.2369-.301982-4.47385.38028-6.14034 1.84545C5.19087 4.37769 4.229 6.49157 4.229 8.71729c0 2.71781 1.45399 5.26791 3.79156 6.65481.50331.302.50331.4138.50331.5816v1.0625c0 .4586.38027.8389.83884.8389.45857 0 .83889-.3803.83889-.8389v-1.0625c0-1.0961-.67112-1.633-1.33101-2.0244-1.83427-1.0849-2.97509-3.0758-2.97509-5.21201 0-1.74479.74937-3.4001 2.05796-4.55211 1.33096-1.16319 3.04224-1.6665 4.80934-1.44281 2.729.35791 4.9548 2.70666 5.1896 5.45806.2014 2.42707-1.0289 4.63037-3.1987 5.74887-.4251.2237-1.4093.727-1.4428 2.0356v1.029c0 .4585.3802.8388.8388.8388s.8388-.3803.8388-.8388v-1.0067c0-.1677 0-.2908.5369-.5704 2.7961-1.4428 4.362-4.2725 4.1047-7.38177l.0112.02237ZM14.4516 18.7499H9.45212c-.45856 0-.83884.3803-.83884.8388 0 .4586.38028.8389.83884.8389h4.99948c.4586 0 .8389-.3803.8389-.8389 0-.4585-.3803-.8388-.8389-.8388ZM14.4516 21.3223H9.45212c-.45856 0-.83884.3802-.83884.8388s.38028.8388.83884.8388h4.99948c.4586 0 .8389-.3802.8389-.8388s-.3803-.8388-.8389-.8388Z" />
+    </svg>
+</template>

package/components/icon/link-out.vue

@@ -0,0 +1,38 @@
+<script lang="ts">
+export default {
+    name: 'IconLinkOut',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M5 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-5a1 1 0 1 1 2 0v5a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h5a1 1 0 1 1 0 2H5Zm10.076-1.383A1 1 0 0 1 16 2h5a.997.997 0 0 1 1 1v5a1 1 0 0 1-1.707.707L18.5 6.914l-4.293 4.293a1 1 0 0 1-1.414-1.414L17.086 5.5l-1.793-1.793a1 1 0 0 1-.217-1.09ZM19.914 5.5l.086.086v-.172l-.086.086ZM18.586 4l-.086.086L18.414 4h.172Z" />
+    </svg>
+</template>

package/components/icon/linkedin.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconLinkedin',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '31px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 31 32"
+        fill="currentColor">
+        <path
+            fill="none"
+            d="M0 .4h31v31H0z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.5.4a15.5 15.5 0 1 0 0 31 15.5 15.5 0 0 0 0-31Zm-4.74 23.8H7.04V13.02h3.72V24.2ZM8.9 11.47a1.93 1.93 0 1 1 .05-3.86 1.94 1.94 0 1 1 0 3.86H8.9Zm15.28 12.71h-3.72v-5.98c0-1.5-.53-2.53-1.86-2.53a2.03 2.03 0 0 0-1.9 1.36c-.1.3-.14.6-.13.9v6.25h-3.72s.05-10.13 0-11.16h3.72v1.59a3.72 3.72 0 0 1 3.36-1.86c2.39-.02 4.25 1.58 4.25 5v6.43Z" />
+    </svg>
+</template>

package/components/icon/location.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+export default {
+    name: 'IconLocation',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            d="M5.636 3.636A9 9 0 0 1 21 10c0 1.017-.108 1.912-.389 2.76-.283.853-.724 1.608-1.33 2.365a.985.985 0 0 1-.025.03l-6.5 7.5a1 1 0 0 1-1.512 0l-6.5-7.5a1.017 1.017 0 0 1-.024-.03c-.607-.757-1.048-1.512-1.331-2.365C3.108 11.912 3 11.017 3 10a9 9 0 0 1 2.636-6.364Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M12 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M5.636 3.636A9 9 0 0 1 21 10c0 1.017-.108 1.912-.389 2.76-.283.853-.724 1.608-1.33 2.365a.985.985 0 0 1-.025.03l-6.5 7.5a1 1 0 0 1-1.512 0l-6.5-7.5a1.017 1.017 0 0 1-.024-.03c-.607-.757-1.048-1.512-1.331-2.365C3.108 11.912 3 11.017 3 10a9 9 0 0 1 2.636-6.364ZM12 3a7 7 0 0 0-7 7c0 .875.093 1.545.287 2.131.192.577.497 1.122.982 1.729L12 20.473l5.731-6.613c.485-.607.79-1.152.981-1.729.195-.586.288-1.256.288-2.131a7 7 0 0 0-7-7Z" />
+    </svg>
+</template>

package/components/icon/lock-off.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+export default {
+    name: 'IconLockOff',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            d="M2 12a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-8Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M5 11a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H5Zm-3 1a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-8Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M9 3a2 2 0 0 0-2 2v5a1 1 0 1 1-2 0V5a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v1a1 1 0 1 1-2 0V5a2 2 0 0 0-2-2H9Z" />
+    </svg>
+</template>

package/components/icon/lock-on.vue

@@ -0,0 +1,48 @@
+<script lang="ts">
+export default {
+    name: 'IconLockOn',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '24px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor">
+        <path
+            d="M2 12a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-8Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M5 11a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H5Zm-3 1a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-8Z" />
+        <path
+            d="M6.172 3.172A4 4 0 0 1 9 2h6a4 4 0 0 1 4 4v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a4 4 0 0 1 1.172-2.828Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M9 4a2 2 0 0 0-2 2v3h10V6a2 2 0 0 0-2-2H9Zm-2.828-.828A4 4 0 0 1 9 2h6a4 4 0 0 1 4 4v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a4 4 0 0 1 1.172-2.828Z" />
+    </svg>
+</template>

package/components/icon/marketplace.vue

@@ -0,0 +1,43 @@
+<script lang="ts">
+export default {
+    name: 'IconMarketplace',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '32px',
+            required: false,
+        },
+    },
+};
+</script>
+
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M26.6676 12.2197C26.5968 12.1356 26.4905 12.0825 26.3799 12.0825H22.3251C22.7191 11.3787 22.9272 10.5907 22.9272 9.7674C22.9272 7.13803 20.7891 5 18.1598 5C15.5304 5 13.3924 7.13803 13.3924 9.7674C13.3924 10.5907 13.6004 11.3787 13.9944 12.0825H10.2097L9.76257 10.4004C9.53682 9.53722 8.75775 8.93964 7.86358 8.93964H6.37626C6.16821 8.93964 6 9.10785 6 9.3159C6 9.52394 6.16821 9.69215 6.37626 9.69215H7.86358C8.41247 9.69215 8.89497 10.064 9.03219 10.5952L11.874 21.3384C12.0998 22.2016 12.8833 22.7992 13.773 22.7992H24.3525C24.5606 22.7992 24.7288 22.631 24.7288 22.4229C24.7288 22.2149 24.5606 22.0467 24.3525 22.0467H13.7775C13.2463 22.0467 12.7859 21.7014 12.6266 21.1968H16.1988H20.134H24.8394C25.0209 21.1968 25.1759 21.0684 25.2113 20.8869L26.7384 12.5252C26.7606 12.4145 26.7296 12.3038 26.6587 12.2153L26.6676 12.2197ZM25.561 14.8491H21.8781L22.334 12.835H25.9328L25.5654 14.8491H25.561ZM25.0475 17.66H21.2406L21.7054 15.6016H25.4237L25.0475 17.66V17.66ZM16.5042 20.4443L16.0483 18.4125H20.3022L19.8463 20.4443H16.5042ZM11.1392 15.6016H14.6406L15.1054 17.66H11.6837L11.1392 15.6016V15.6016ZM11.8829 18.4125H15.2736L15.7296 20.4443H12.4185L11.8829 18.4125V18.4125ZM15.8757 17.66L15.4109 15.6016H20.9352L20.4704 17.66H15.8757V17.66ZM14.7867 12.835H21.5549L21.099 14.8491H15.2382L14.7823 12.835H14.7867ZM14.1404 9.7674C14.1404 7.55412 15.9421 5.74809 18.1598 5.74809C20.3775 5.74809 22.1791 7.5497 22.1791 9.7674C22.1791 10.6085 21.9223 11.4052 21.4354 12.0825H14.8841C14.4016 11.4008 14.1449 10.6085 14.1449 9.7674H14.1404ZM14.0165 12.835L14.4724 14.8491H10.94L10.4089 12.835H14.0209H14.0165ZM24.5384 20.4443H20.6165L21.0724 18.4125H24.9103L24.5384 20.4443Z" />
+        <path
+            d="M15.2604 23.0073C14.1581 23.0073 13.264 23.9015 13.264 25.0037C13.264 26.1059 14.1581 27.0001 15.2604 27.0001C16.3626 27.0001 17.2567 26.1059 17.2567 25.0037C17.2567 23.9015 16.3626 23.0073 15.2604 23.0073ZM15.2604 26.2476C14.5742 26.2476 14.0165 25.6898 14.0165 25.0037C14.0165 24.3176 14.5742 23.7598 15.2604 23.7598C15.9465 23.7598 16.5042 24.3176 16.5042 25.0037C16.5042 25.6898 15.9465 26.2476 15.2604 26.2476Z" />
+        <path
+            d="M21.6214 23.0073C20.5192 23.0073 19.625 23.9015 19.625 25.0037C19.625 26.1059 20.5192 27.0001 21.6214 27.0001C22.7236 27.0001 23.6178 26.1059 23.6178 25.0037C23.6178 23.9015 22.7236 23.0073 21.6214 23.0073ZM21.6214 26.2476C20.9353 26.2476 20.3775 25.6898 20.3775 25.0037C20.3775 24.3176 20.9353 23.7598 21.6214 23.7598C22.3075 23.7598 22.8653 24.3176 22.8653 25.0037C22.8653 25.6898 22.3075 26.2476 21.6214 26.2476Z" />
+        <path
+            d="M20.3288 7.45682L17.4028 10.3828L16.2607 9.3204C16.1102 9.17875 15.8712 9.1876 15.7296 9.3381C15.6632 9.40893 15.6277 9.50189 15.6277 9.59484C15.6277 9.69665 15.6676 9.79847 15.7473 9.86929L17.1549 11.1796C17.2257 11.246 17.3187 11.2814 17.4117 11.2814C17.5046 11.2814 17.6064 11.246 17.6772 11.1707L20.8599 7.99243C20.9352 7.91718 20.9706 7.82422 20.9706 7.72684C20.9706 7.62945 20.9352 7.53649 20.8599 7.46124C20.7139 7.31517 20.4748 7.31517 20.3288 7.46124V7.45682Z" />
+    </svg>
+</template>