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

package/components/icon/saving.vue

@@ -0,0 +1,37 @@
+<script lang="ts">
+export default {
+    name: 'IconSaving',
+    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="M11.3988 31.776C4.76199 31.776 3.61639 29.8432 3.50759 29.6256C3.46919 29.5552 3.44999 29.472 3.44999 29.3888V26.752C3.44999 26.752 3.44999 26.7264 3.44999 26.7136V24.064C3.44999 24.064 3.44999 24 3.45639 23.968C3.45639 23.9488 3.45639 23.9232 3.44999 23.904V21.2288C3.44999 21.2288 3.44999 21.1968 3.44999 21.184C3.44999 21.184 3.44999 21.184 3.44999 21.1776V18.5024C3.44999 18.4192 3.46919 18.3424 3.50119 18.272C3.50119 18.2656 3.50119 18.2528 3.50119 18.24C3.50119 16.3008 8.66599 15.7888 11.3924 15.7888C12.7172 15.7888 13.9972 15.8784 15.13 16.0448V15.136C15.13 15.136 15.13 15.104 15.13 15.0912C15.13 15.0912 15.13 15.0912 15.13 15.0848V12.48C15.13 12.3968 15.1492 12.32 15.1812 12.256C15.1812 12.2496 15.1812 12.2368 15.1812 12.2304C15.1812 10.336 20.0132 9.8368 22.8676 9.8368C25.722 9.8368 30.5604 10.3424 30.5604 12.2304C30.5604 12.2816 30.5604 12.3328 30.5476 12.384C30.554 12.416 30.5604 12.448 30.5604 12.48V15.0464C30.5604 15.0464 30.5604 15.0784 30.5604 15.0976C30.5604 15.1104 30.5604 15.1232 30.5604 15.136V17.7024C30.5604 17.7024 30.5604 17.7408 30.5604 17.7664C30.5604 17.7856 30.5604 17.7984 30.5604 17.8176V22.8864C30.5604 22.9248 30.5604 22.9696 30.5412 23.0336C30.554 23.072 30.5604 23.1104 30.5604 23.1488V25.7152C30.5604 25.7152 30.5604 25.7344 30.5604 25.7408C30.5604 25.7472 30.5604 25.7536 30.5604 25.76V28.3264C30.5604 28.9216 28.666 30.6624 22.8676 30.6624C21.3252 30.6624 19.9684 30.5536 18.8292 30.3424C18.746 30.3296 18.6756 30.2976 18.6116 30.2528C17.5236 31.0016 15.1108 31.7696 11.3924 31.7696L11.3988 31.776ZM4.50599 29.2224C4.78119 29.5168 6.21479 30.72 11.3988 30.72C16.2052 30.72 17.8756 29.5168 18.2404 29.1968V27.936C17.69 28.2304 16.8516 28.512 15.5844 28.7104C14.4324 28.8896 13.0244 28.9792 11.3988 28.9792C7.52039 28.9792 5.52999 28.4864 4.50599 27.9488V29.2224ZM19.2964 29.3632C20.314 29.5296 21.5172 29.6192 22.874 29.6192C27.5268 29.6192 29.1524 28.4608 29.5108 28.1472V26.8352C28.0708 27.5776 25.3764 27.9232 22.874 27.9232C21.6196 27.9232 20.3844 27.84 19.2964 27.68V29.3696V29.3632ZM4.50599 26.4256C4.50599 26.4256 4.55079 26.4832 4.56359 26.5152C4.85159 27.0784 7.44359 27.8912 11.3924 27.8912C15.3412 27.8912 17.946 27.0784 18.2276 26.5152C18.2276 26.5152 18.2276 26.5088 18.234 26.5024V25.1328C16.762 25.9072 13.978 26.2592 11.3924 26.2592C9.18439 26.2592 6.82919 26.0032 5.27399 25.4464C4.96679 25.344 4.71719 25.2352 4.49959 25.12V26.4256H4.50599ZM19.2964 26.6112C20.3716 26.7776 21.6068 26.8672 22.874 26.8672C26.714 26.8672 29.2292 26.08 29.5108 25.536C29.5108 25.536 29.5108 25.5296 29.5108 25.5232V24.128C28.5124 24.6464 26.5924 25.1264 22.874 25.1264C21.5172 25.1264 20.314 25.0624 19.2964 24.9408V26.6112ZM5.90119 24.544C6.89319 24.8384 8.56999 25.0944 11.3988 25.0944C17.1204 25.0944 18.1124 23.9808 18.2404 23.7888V22.3872C17.3636 22.8544 15.7572 23.2896 12.8388 23.392C11.8852 23.4432 10.938 23.4432 9.98439 23.392C7.02119 23.2896 5.39559 22.8544 4.50599 22.3872V23.7376C4.50599 23.7376 4.55079 23.7952 4.56359 23.8272C4.67239 24.0448 5.13959 24.3072 5.90119 24.5376V24.544ZM19.2964 23.8784C20.3012 24.0064 21.5044 24.0704 22.874 24.0704C28.4036 24.0704 29.3828 23.0016 29.5108 22.8096V21.632C28.5124 22.1504 26.5924 22.6304 22.874 22.6304C21.5172 22.6304 20.314 22.5664 19.2964 22.4448V23.8784ZM10.0164 22.3424C10.8804 22.3744 11.9556 22.3744 12.8196 22.3424C15.9684 22.176 17.9844 21.4976 18.234 21.0048C18.234 21.0048 18.234 20.9984 18.2404 20.992V19.584C16.8004 20.3392 14.0868 20.6976 11.5332 20.704C8.87719 20.7104 5.98439 20.3584 4.50599 19.552V20.9152C4.50599 20.9152 4.55079 20.9728 4.56359 21.0048C4.81319 21.4976 6.84839 22.1888 10.0164 22.3488V22.3424ZM19.2964 21.376C20.3012 21.504 21.5044 21.568 22.874 21.568C28.09 21.568 29.2548 20.6144 29.4788 20.3456V20.3264C29.4788 20.2624 29.4916 20.1984 29.5108 20.1344V18.9376C28.5124 19.456 26.5924 19.936 22.874 19.936C21.5172 19.936 20.314 19.872 19.2964 19.7504V21.1392C19.2964 21.1392 19.2964 21.1712 19.2964 21.184C19.2964 21.1968 19.2964 21.216 19.2964 21.2288V21.3632V21.376ZM11.3988 16.8576C6.82919 16.8576 4.62759 17.8688 4.56359 18.2528C4.85799 18.8288 7.44999 19.6416 11.3988 19.6416C15.3476 19.6416 17.9524 18.8288 18.234 18.2656C18.2212 18.1376 17.6836 17.5936 15.578 17.2032C15.5716 17.2032 15.5652 17.2032 15.5588 17.2032C14.3428 16.9792 12.9028 16.8576 11.3988 16.8576ZM19.2964 18.6944C20.3012 18.8224 21.5044 18.8864 22.874 18.8864C28.4036 18.8864 29.3828 17.8176 29.5108 17.6256V16.288C28.6468 16.736 27.0916 17.152 24.2756 17.2608C23.8084 17.2864 23.3348 17.2992 22.874 17.2992C22.8356 17.2992 22.8036 17.2992 22.7652 17.2864C20.826 17.2864 19.3732 17.1456 18.2916 16.9472C18.9572 17.312 19.2964 17.7408 19.2964 18.2464C19.2964 18.2976 19.2964 18.3488 19.2836 18.4C19.29 18.432 19.2964 18.4704 19.2964 18.5088V18.6944ZM16.1924 14.976C16.3076 15.1552 17.2356 16.2304 22.8804 16.2304C23.3796 16.2304 23.8404 16.224 24.2692 16.2048C27.3156 16.0448 29.2676 15.3856 29.5108 14.912C29.5108 14.912 29.5108 14.9056 29.5108 14.8992V13.5552C28.1028 14.2848 25.4724 14.624 23.0084 14.6368C20.4292 14.6496 17.6388 14.2976 16.1924 13.5232V14.9696V14.976ZM16.3076 12.3392C16.8004 12.8832 19.2516 13.5872 22.874 13.5872C26.714 13.5872 29.2292 12.8 29.5108 12.256C29.4084 11.7952 26.97 10.9056 22.874 10.9056C18.778 10.9056 16.3588 11.7888 16.2436 12.2496C16.2436 12.2496 16.2436 12.2496 16.2436 12.256C16.2564 12.2816 16.2756 12.3136 16.3012 12.3392H16.3076ZM8.27559 12.3776C4.86439 12.3712 2.08679 9.6 2.08679 6.1888C2.08679 2.7776 4.86439 0 8.27559 0C11.6868 0 14.4644 2.7776 14.4644 6.1888C14.4644 9.6 11.6868 12.3776 8.27559 12.3776ZM8.27559 1.0624C5.44679 1.056 3.14279 3.36 3.14279 6.1888C3.14279 9.0176 5.44679 11.3216 8.27559 11.3216C11.1044 11.3216 13.4084 9.0176 13.4084 6.1888C13.4084 3.36 11.1044 1.056 8.27559 1.056V1.0624ZM8.23719 9.9264C7.94279 9.9264 7.70599 9.6896 7.70599 9.3952V8.64C7.08519 8.4096 6.63719 7.808 6.63719 7.1104C6.63719 6.816 6.87399 6.5792 7.16839 6.5792C7.46279 6.5792 7.69959 6.816 7.69959 7.1104C7.69959 7.4304 7.95559 7.6864 8.27559 7.6864C8.59559 7.6864 8.85159 7.4304 8.85159 7.1104C8.85159 6.7904 8.59559 6.5344 8.27559 6.5344C7.43719 6.5216 6.77159 5.8432 6.77159 5.0304C6.77159 4.3968 7.16199 3.8592 7.71239 3.6352V2.8864C7.71239 2.592 7.94919 2.3552 8.24359 2.3552C8.53799 2.3552 8.77479 2.592 8.77479 2.8864V3.6096C9.36359 3.8144 9.78599 4.3776 9.78599 5.0304C9.78599 5.3248 9.54919 5.5616 9.25479 5.5616C8.96039 5.5616 8.72359 5.3248 8.72359 5.0304C8.72359 4.7808 8.51879 4.5824 8.27559 4.5824C8.03239 4.5824 7.82759 4.7872 7.82759 5.0304C7.82759 5.2736 8.02599 5.4784 8.26919 5.4784C9.17799 5.4784 9.90759 6.208 9.90759 7.1104C9.90759 7.84 9.42759 8.4544 8.76839 8.6656V9.3952C8.76839 9.6896 8.53159 9.9264 8.23719 9.9264Z" />
+    </svg>
+</template>

package/components/icon/search.vue

@@ -0,0 +1,43 @@
+<script lang="ts">
+export default {
+    name: 'IconSearch',
+    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,
+        }"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            fill-rule="evenodd"
+            d="M10.5 3.545a6.955 6.955 0 1 0 0 13.91 6.955 6.955 0 0 0 0-13.91ZM2 10.5a8.5 8.5 0 1 1 17 0 8.5 8.5 0 0 1-17 0Z"
+            clip-rule="evenodd" />
+        <path
+            fill-rule="evenodd"
+            d="M15.293 16.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414l-5-5a1 1 0 0 1 0-1.414Z"
+            clip-rule="evenodd" />
+    </svg>
+</template>

package/components/icon/settings-horizontal.vue

@@ -0,0 +1,57 @@
+<script lang="ts">
+export default {
+    name: 'IconSettingsHorizontal',
+    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">
+        <circle
+            cx="9"
+            cy="5"
+            r="2"
+            fill="none" />
+        <circle
+            cx="17"
+            cy="12"
+            r="2"
+            fill="none" />
+        <circle
+            cx="7"
+            cy="19"
+            r="2"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M2 5a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm8 0a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H11a1 1 0 0 1-1-1Zm-8 7a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm16 0a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1ZM2 19a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M9 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm11 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-3 1a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm-7 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-3 1a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z" />
+    </svg>
+</template>

package/components/icon/settings-vertical.vue

@@ -0,0 +1,57 @@
+<script lang="ts">
+export default {
+    name: 'IconSettingsVertical',
+    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 2a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0V3a1 1 0 0 1 1-1Zm7 0a1 1 0 0 1 1 1v12a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1Zm7 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1ZM5 8a1 1 0 0 1 1 1v12a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm14 2a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1Zm-7 8a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z" />
+        <circle
+            cx="5"
+            cy="7"
+            r="3"
+            fill="none" />
+        <circle
+            cx="19"
+            cy="9"
+            r="2"
+            fill="none" />
+        <circle
+            cx="12"
+            cy="17"
+            r="2"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M19.999 9.3a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-1-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-1-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM6 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM5 4a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z" />
+    </svg>
+</template>

package/components/icon/shield-with-check.vue

@@ -0,0 +1,38 @@
+<script lang="ts">
+export default {
+    name: 'IconShieldWithCheck',
+    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 18 18"
+        fill="none">
+        <path
+            fill="currentColor"
+            d="M15.875 0.4375H2.125C1.76033 0.4375 1.41059 0.582366 1.15273 0.840228C0.894866 1.09809 0.75 1.44783 0.75 1.8125V6.86391C0.75 14.5648 7.26578 17.1197 8.57031 17.5537C8.84894 17.6484 9.15106 17.6484 9.42969 17.5537C10.7359 17.1197 17.25 14.5648 17.25 6.86391V1.8125C17.25 1.44783 17.1051 1.09809 16.8473 0.840228C16.5894 0.582366 16.2397 0.4375 15.875 0.4375ZM15.875 6.86477C15.875 13.604 10.173 15.8555 9 16.2474C7.83727 15.8598 2.125 13.61 2.125 6.86477V1.8125H15.875V6.86477ZM5.07609 9.17391C4.94709 9.0449 4.87462 8.86994 4.87462 8.6875C4.87462 8.50506 4.94709 8.3301 5.07609 8.20109C5.2051 8.07209 5.38006 7.99962 5.5625 7.99962C5.74494 7.99962 5.9199 8.07209 6.04891 8.20109L7.625 9.77719L11.9511 5.45109C12.015 5.38722 12.0908 5.33655 12.1743 5.30198C12.2577 5.26741 12.3472 5.24962 12.4375 5.24962C12.5278 5.24962 12.6173 5.26741 12.7007 5.30198C12.7842 5.33655 12.86 5.38722 12.9239 5.45109C12.9878 5.51497 13.0385 5.5908 13.073 5.67426C13.1076 5.75772 13.1254 5.84717 13.1254 5.9375C13.1254 6.02783 13.1076 6.11728 13.073 6.20074C13.0385 6.2842 12.9878 6.36003 12.9239 6.42391L8.11141 11.2364C8.04756 11.3003 7.97173 11.351 7.88827 11.3856C7.80481 11.4202 7.71535 11.438 7.625 11.438C7.53465 11.438 7.44519 11.4202 7.36173 11.3856C7.27827 11.351 7.20244 11.3003 7.13859 11.2364L5.07609 9.17391Z" />
+    </svg>
+</template>

package/components/icon/shield.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconShield',
+    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="M11.56 1.102a1 1 0 0 1 .88 0l7.81 3.818a1.837 1.837 0 0 1 .994 1.287 14.395 14.395 0 0 1-5.854 14.641l-1.67 1.168a3 3 0 0 1-3.44 0L8.61 20.85A14.394 14.394 0 0 1 2.757 6.207v-.001A1.837 1.837 0 0 1 3.75 4.92h.001l7.809-3.818Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M11.56 1.102a1 1 0 0 1 .88 0l7.81 3.818a1.837 1.837 0 0 1 .994 1.287 14.395 14.395 0 0 1-5.854 14.641l-1.67 1.168a3 3 0 0 1-3.44 0L8.61 20.85A14.394 14.394 0 0 1 2.757 6.207v-.001A1.837 1.837 0 0 1 3.75 4.92h.001l7.809-3.818Zm1.014 19.276 1.67-1.168a12.395 12.395 0 0 0 5.055-12.528L12 3.113l-7.3 3.57a12.393 12.393 0 0 0 5.057 12.526l1.67 1.169a1 1 0 0 0 1.147 0Z" />
+    </svg>
+</template>

package/components/icon/shopping-bag.vue

@@ -0,0 +1,39 @@
+<script lang="ts">
+export default {
+    name: 'IconShoppingBag',
+    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.934 7.8c.599.5.898 1.2.998 2l.898 9.9c0 .4-.1.8-.2 1.2-.1.4-.299.8-.598 1.1-.3.3-.6.5-.998.7-.4.2-.799.3-1.198.3H5.164c-.4 0-.798 0-1.198-.2-.399-.2-.698-.4-.998-.7-.2-.3-.499-.7-.598-1.1-.2-.4-.2-.8-.2-1.2l.699-10c.1-.8.399-1.5.998-2 .598-.5 1.297-.8 2.095-.8h.998V6c0-1.3.5-2.6 1.497-3.5.898-1 2.196-1.5 3.493-1.5 1.297 0 2.595.6 3.493 1.5.998.9 1.497 2.2 1.497 3.5v1h.998c.699 0 1.397.3 1.996.8Z"
+            fill="none" />
+        <path
+            d="M20.932 9.8c-.1-.8-.4-1.5-.998-2-.599-.5-1.297-.8-1.996-.8h-.998V6c0-1.3-.499-2.6-1.497-3.5-.898-.9-2.195-1.5-3.493-1.5-1.297 0-2.595.5-3.493 1.5C7.46 3.4 6.96 4.7 6.96 6v1h-.998c-.798 0-1.497.3-2.095.8-.6.5-.899 1.2-.998 2l-.699 10c0 .4 0 .8.2 1.2.1.4.399.8.598 1.1.3.3.6.5.998.7.4.2.799.2 1.198.2h13.672c.4 0 .799-.1 1.198-.3.399-.2.698-.4.998-.7.299-.3.499-.7.598-1.1.1-.4.2-.8.2-1.2l-.898-9.9ZM8.956 6c0-.8.3-1.6.898-2.1 1.098-1.1 3.094-1.1 4.192 0 .599.6.898 1.3.898 2.1v1H8.956V6Zm10.778 14.4c0 .1-.1.3-.2.4-.1.1-.199.2-.299.2H5.164c-.1 0-.3 0-.4-.1-.1-.1-.199-.1-.299-.2-.1-.1-.2-.2-.2-.3-.1-.2-.1-.3-.1-.4l.8-10c0-.3.1-.5.299-.7.2-.2.399-.3.698-.3h.998v2c0 .6.4 1 .998 1 .599 0 .998-.4.998-1V9h5.988v2c0 .6.4 1 .998 1 .599 0 .998-.4.998-1V9h.998c.3 0 .499.1.699.3.2.2.299.4.299.7l.798 10v.4Z" />
+    </svg>
+</template>

package/components/icon/solar.vue

@@ -0,0 +1,37 @@
+<script lang="ts">
+export default {
+    name: 'IconSolar',
+    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.403 13.361h2.584c.394 0 .706-.32.706-.705a.712.712 0 0 0-.706-.706H18.47s-.037-.01-.065-.01h-.87a5.563 5.563 0 0 0-1.127-2.702l3.143-3.143a.708.708 0 0 0 0-.999.708.708 0 0 0-.999 0L15.408 8.24a5.595 5.595 0 0 0-2.712-1.127V2.659a.706.706 0 0 0-.706-.706.712.712 0 0 0-.705.706v4.444A5.56 5.56 0 0 0 8.573 8.23L5.43 5.087a.708.708 0 0 0-.999 0 .708.708 0 0 0 0 .999l3.143 3.143a5.564 5.564 0 0 0-1.127 2.703H5.32s-.037 0-.055.009H2.003a.706.706 0 0 0-.706.705c0 .385.321.706.706.706h2.355l-3.024 9.676a.74.74 0 0 0 .1.632.704.704 0 0 0 .569.293h19.993c.23 0 .44-.11.578-.293a.722.722 0 0 0 .091-.641l-3.253-9.649-.009-.009Zm-9.53 4.728.193-2.016h3.684l.247 2.016H9.874Zm4.298 1.42.367 3.015H9.452l.294-3.015h4.434-.009ZM4.99 16.082h3.656l-.192 2.016H4.358l.632-2.015Zm8.439-2.73.156 1.31h-3.381l.128-1.31h3.097Zm1.76 2.73h3.646l.678 2.016h-4.087l-.247-2.015h.01Zm3.17-1.42h-3.345l-.156-1.31h1.998s.027.01.046.01h1.017l.44 1.3ZM9.03 9.714s.018 0 .027-.018c0 0 .01-.018.019-.028a4.198 4.198 0 0 1 2.932-1.209 4.183 4.183 0 0 1 4.114 3.473H7.885a4.165 4.165 0 0 1 1.137-2.218h.009Zm-1.915 3.647s.027 0 .046-.009h1.75l-.129 1.31H5.43l.403-1.3h1.283ZM3.927 19.51h4.39l-.294 3.015H2.965l.944-3.015h.018Zm12.05 3.015-.367-3.015h4.398l1.017 3.015h-5.049Z" />
+    </svg>
+</template>

package/components/icon/sound-down.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+export default {
+    name: 'IconSoundDown',
+    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="M15 12a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1Z" />
+        <path
+            d="M9.572 3.614C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41a1.15 1.15 0 0 1-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356a.988.988 0 0 1 .028-.03Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="m10.998 5.02.002.023v13.914c0 .01 0 .019-.002.024l-2.956-3.33-.014-.017A1.98 1.98 0 0 0 6.58 15H3.012A.064.064 0 0 1 3 14.959V9.04c0-.02.007-.033.012-.04H6.59a1.98 1.98 0 0 0 1.452-.642l2.956-3.339ZM9.572 3.613C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41l-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356.028-.03Z" />
+    </svg>
+</template>

package/components/icon/sound-off.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconSoundOff',
+    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="M9.572 3.614C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41a1.15 1.15 0 0 1-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356a.988.988 0 0 1 .028-.03Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.293 8.293a1 1 0 0 1 1.414 0L19 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L20.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L19 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L17.586 12l-2.293-2.293a1 1 0 0 1 0-1.414ZM10.998 5.02l.002.023v13.914c0 .01 0 .019-.002.024l-2.956-3.33-.014-.017A1.98 1.98 0 0 0 6.58 15H3.012A.064.064 0 0 1 3 14.959V9.04c0-.02.007-.033.012-.04H6.59a1.98 1.98 0 0 0 1.452-.642l2.956-3.339ZM9.572 3.613C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41l-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356.028-.03Z" />
+    </svg>
+</template>

package/components/icon/sound-on.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconSoundOn',
+    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="M9.572 3.614C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41a1.15 1.15 0 0 1-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356a.988.988 0 0 1 .028-.03Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="m10.998 5.02.002.023v13.914c0 .01 0 .019-.002.024l-2.956-3.33-.014-.017A1.98 1.98 0 0 0 6.58 15H3.012A.064.064 0 0 1 3 14.959V9.04c0-.02.007-.033.012-.04H6.59a1.98 1.98 0 0 0 1.452-.642l2.956-3.339ZM9.572 3.613C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41l-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356.028-.03Zm8.705.695a1 1 0 0 1 1.414-.032c4.396 4.198 4.43 11.269-.005 15.45a1 1 0 1 1-1.372-1.455c3.59-3.384 3.575-9.13-.005-12.549a1 1 0 0 1-.032-1.414ZM15.4 7.7a1 1 0 0 1 1.4.201c.836 1.115 1.2 2.655 1.2 4.1 0 1.445-.364 2.985-1.2 4.1a1 1 0 0 1-1.6-1.2c.497-.663.8-1.734.8-2.9s-.303-2.237-.8-2.9a1 1 0 0 1 .2-1.4Z" />
+    </svg>
+</template>

package/components/icon/sound-up.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconSoundUp',
+    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="M9.572 3.614C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41a1.15 1.15 0 0 1-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356a.988.988 0 0 1 .028-.03Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M19 8a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2V9a1 1 0 0 1 1-1Zm-8.002-2.98.002.023v13.914c0 .01 0 .019-.002.024l-2.956-3.33-.014-.017A1.98 1.98 0 0 0 6.58 15H3.012A.064.064 0 0 1 3 14.959V9.04c0-.02.007-.033.012-.04H6.59a1.98 1.98 0 0 0 1.452-.642l2.956-3.339ZM9.572 3.613C10.886 2.245 13 3.304 13 5.043v13.914c0 1.753-2.141 2.804-3.446 1.41l-.018-.02L6.566 17H3c-1.142 0-2-.952-2-2.041V9.04C1 7.951 1.86 7 3 7h3.573l2.971-3.356.028-.03Z" />
+    </svg>
+</template>

package/components/icon/star-empty.vue

@@ -0,0 +1,38 @@
+<script lang="ts">
+export default {
+    name: 'IconStarEmpty',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '20px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '20px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 20 20"
+        fill="white">
+        <path
+            d="M10 1.30198L12.0661 6.26946C12.2101 6.61569 12.5357 6.85226 12.9095 6.88223L18.2723 7.31216L14.1864 10.8122C13.9016 11.0561 13.7773 11.4389 13.8643 11.8037L15.1126 17.0368L10.5213 14.2325C10.2012 14.037 9.79876 14.037 9.47874 14.2325L4.88743 17.0368L6.13574 11.8037C6.22275 11.4389 6.09838 11.0561 5.81359 10.8122L1.72769 7.31216L7.0905 6.88223C7.46429 6.85226 7.7899 6.61569 7.93391 6.26946L10 1.30198Z"
+            stroke="currentColor"
+            stroke-linejoin="round" />
+    </svg>
+</template>

package/components/icon/star-full.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+export default {
+    name: 'IconStarFull',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '20px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '20px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 20 20"
+        fill="currentColor">
+        <path
+            d="M9.53834 1.10996C9.70914 0.699318 10.2909 0.699318 10.4617 1.10996L12.5278 6.07744C12.5998 6.25056 12.7626 6.36885 12.9495 6.38383L18.3123 6.81376C18.7556 6.8493 18.9354 7.40256 18.5976 7.69189L14.5117 11.1919C14.3693 11.3139 14.3071 11.5053 14.3506 11.6876L15.5989 16.9208C15.7021 17.3534 15.2315 17.6954 14.8519 17.4635L10.2606 14.6592C10.1006 14.5615 9.89938 14.5615 9.73937 14.6592L5.14806 17.4635C4.76851 17.6954 4.29788 17.3534 4.40108 16.9208L5.64939 11.6876C5.69289 11.5053 5.6307 11.3139 5.48831 11.1919L1.40241 7.69189C1.06464 7.40256 1.24441 6.8493 1.68773 6.81376L7.05054 6.38383C7.23744 6.36885 7.40024 6.25056 7.47225 6.07744L9.53834 1.10996Z" />
+    </svg>
+</template>

package/components/icon/star-half.vue

@@ -0,0 +1,55 @@
+<script lang="ts">
+export default {
+    name: 'IconStarHalf',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '20px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '20px',
+            required: false,
+        },
+    },
+};
+</script>
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 20 20">
+        <mask
+            id="halfFull"
+            style="mask-type: alpha"
+            maskUnits="userSpaceOnUse"
+            x="0"
+            y="0"
+            :width="width"
+            :height="height">
+            <path
+                d="M10 0L12.645 6.35942L19.5106 6.90983L14.2798 11.3906L15.8779 18.0902L10 14.5L4.12215 18.0902L5.72025 11.3906L0.489435 6.90983L7.35497 6.35942L10 0Z"
+                fill="currentColor" />
+        </mask>
+        <g mask="url(#halfFull)">
+            <path
+                d="M10 1.30198L12.0661 6.26946C12.2101 6.61569 12.5357 6.85226 12.9095 6.88223L18.2723 7.31216L14.1864 10.8122C13.9016 11.0561 13.7773 11.4389 13.8643 11.8037L15.1126 17.0368L10.5213 14.2325C10.2012 14.037 9.79876 14.037 9.47874 14.2325L4.88743 17.0368L6.13574 11.8037C6.22275 11.4389 6.09838 11.0561 5.81359 10.8122L1.72769 7.31216L7.0905 6.88223C7.46429 6.85226 7.7899 6.61569 7.93391 6.26946L10 1.30198Z"
+                fill="white"
+                stroke="currentColor"
+                stroke-linejoin="round" />
+            <path
+                d="M9.9051 14.2195V2.50412C9.9051 1.95741 9.15339 1.80732 8.94344 2.31211L7.37735 6.07744C7.30534 6.25056 7.14254 6.36885 6.95564 6.38383L1.59283 6.81376C1.1495 6.8493 0.969741 7.40256 1.30751 7.69189L5.3934 11.1919C5.5358 11.3139 5.59799 11.5053 5.55448 11.6876L4.30617 16.9208C4.20298 17.3534 4.67361 17.6954 5.05315 17.4635L9.66572 14.6462C9.81441 14.5554 9.9051 14.3937 9.9051 14.2195Z"
+                fill="currentColor" />
+        </g>
+    </svg>
+</template>