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

package/components/icon/document.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+export default {
+    name: 'IconDocument',
+    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="M29.9931 10.8785C29.9931 10.8237 29.9791 10.769 29.9583 10.7211C29.9583 10.7006 29.9444 10.6869 29.9374 10.6664C29.9096 10.6048 29.8749 10.5501 29.8262 10.5022L20.3017 1.17103C20.2531 1.12314 20.1905 1.08894 20.1279 1.05473C20.114 1.04789 20.0932 1.04105 20.0793 1.04105C20.0236 1.02053 19.968 1.01369 19.9124 1.00685C19.9055 1.00685 19.8915 1.00685 19.8846 1.00685H5.59093C5.26418 1 5 1.25996 5 1.58149V34.4185C5 34.74 5.26418 35 5.59093 35H29.4091C29.7358 35 30 34.74 30 34.4185V10.9127C30 10.9127 30 10.8922 30 10.8785H29.9931ZM20.4755 2.97707L27.9839 10.3312H20.4755V2.97707ZM6.18187 33.837V2.16298H19.2937V10.9127C19.2937 11.2342 19.5578 11.4942 19.8846 11.4942H28.8251V33.837H6.18187Z" />
+        <path
+            d="M25.4394 27.4065H9.56066C9.23391 27.4065 8.96973 27.6665 8.96973 27.988C8.96973 28.3095 9.23391 28.5695 9.56066 28.5695H25.4394C25.7662 28.5695 26.0303 28.3095 26.0303 27.988C26.0303 27.6665 25.7662 27.4065 25.4394 27.4065Z" />
+        <path
+            d="M25.4394 23.3976H9.56066C9.23391 23.3976 8.96973 23.6575 8.96973 23.9791C8.96973 24.3006 9.23391 24.5606 9.56066 24.5606H25.4394C25.7662 24.5606 26.0303 24.3006 26.0303 23.9791C26.0303 23.6575 25.7662 23.3976 25.4394 23.3976Z" />
+        <path
+            d="M25.4394 19.3888H9.56066C9.23391 19.3888 8.96973 19.6488 8.96973 19.9703C8.96973 20.2918 9.23391 20.5518 9.56066 20.5518H25.4394C25.7662 20.5518 26.0303 20.2918 26.0303 19.9703C26.0303 19.6488 25.7662 19.3888 25.4394 19.3888Z" />
+        <path
+            d="M25.4394 15.373H9.56066C9.23391 15.373 8.96973 15.633 8.96973 15.9545C8.96973 16.2761 9.23391 16.536 9.56066 16.536H25.4394C25.7662 16.536 26.0303 16.2761 26.0303 15.9545C26.0303 15.633 25.7662 15.373 25.4394 15.373Z" />
+    </svg>
+</template>

package/components/icon/electric-vehicle.vue

@@ -0,0 +1,37 @@
+<script lang="ts">
+export default {
+    name: 'IconElectricVehicle',
+    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="M29.999 22.221s-.076-2.988-.269-3.974c-.221-1.155-.846-2.072-1.336-2.638a2.4 2.4 0 0 0-.846-.63 1.507 1.507 0 0 1-.788-.84l-.362-.829s-.006-.018-.012-.023c0 0 0-.012-.011-.018-.876-1.605-2.51-4.342-3.694-4.756-.263-.11-1.337-.432-4.966-.46l.28-5.533a.497.497 0 0 0-.386-.508.497.497 0 0 0-.566.292l-2.45 5.754c-4.372.012-6.128.426-6.233.45-1.185.379-2.842 3.145-3.723 4.767 0 0-.006.012-.012.018a.044.044 0 0 1-.012.023l-.373.846c-.14.368-.42.66-.776.823a2.473 2.473 0 0 0-.847.63c-.49.566-1.12 1.482-1.336 2.638-.187.986-.268 3.95-.268 4.015-.059 1.179.058 2.766.916 3.665 0 0 .006 0 .012.011v2.195c0 .822.665 1.488 1.488 1.488h2.398c.823 0 1.488-.666 1.488-1.488V26.58h6.221L13 29.69a.491.491 0 0 0 .49.578.502.502 0 0 0 .432-.251l1.99-3.467c.041.012.082.024.129.024h7.644v1.558c0 .823.666 1.488 1.489 1.488h2.404c.823 0 1.488-.665 1.488-1.488v-2.194l.012-.012c.857-.899.968-2.492.91-3.706h.012ZM6.34 28.127a.496.496 0 0 1-.496.496H3.44a.496.496 0 0 1-.496-.496v-1.628c.175.04.356.07.549.07H6.34v1.558Zm7.283-2.55H3.493c-.257 0-.473-.065-.66-.187a.486.486 0 0 0-.175-.152c-.472-.496-.706-1.564-.642-2.935v-.076c.012-.368.094-2.982.251-3.799.187-.986.776-1.786 1.115-2.177.146-.163.31-.292.502-.373a2.433 2.433 0 0 0 1.29-1.348l.356-.811c1.278-2.335 2.567-4.097 3.11-4.266.017 0 1.628-.38 5.544-.415L9.889 19.117a.488.488 0 0 0 .07.502c.11.14.298.21.473.18l4.423-.758-1.126 6.56c-.035-.007-.064-.018-.1-.018l-.005-.006Zm2.322-7.062a.477.477 0 0 0-.14-.431.5.5 0 0 0-.35-.146c-.03 0-.058 0-.082.006l-4.213.723 5.713-13.416-.554 10.948a.49.49 0 0 0 .169.397c.11.099.263.14.414.116l3.91-.677-6.343 11.047 1.47-8.567h.006Zm6.25-2.9a.499.499 0 0 0-.023-.53.504.504 0 0 0-.49-.205l-4.342.747.333-6.589c3.746.024 4.587.362 4.598.368l.082.035c.578.187 1.873 1.943 3.145 4.277l.35.788c.24.613.695 1.098 1.296 1.366.187.082.356.21.502.373.338.391.928 1.185 1.115 2.177.157.823.239 3.431.25 3.793v.088c.07 1.354-.163 2.41-.624 2.918a.46.46 0 0 0-.204.175c-.181.122-.397.18-.648.18H16.477l5.72-9.96Zm5.894 12.512a.496.496 0 0 1-.496.496H25.19a.496.496 0 0 1-.496-.496v-1.558h2.848c.192 0 .373-.03.548-.07v1.628Z" />
+    </svg>
+</template>

package/components/icon/electricity-circle.vue

@@ -0,0 +1,39 @@
+<script lang="ts">
+export default {
+    name: 'IconElectricityCircle',
+    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.3482 6.30181C27.2902 3.03863 23.1172 1.10262 18.8963 1C18.7458 1 18.5953 1 18.4448 1C8.87414 1 1.24637 8.26519 1.00009 17.7195C0.883796 22.0841 2.62826 26.4761 5.78199 29.7803C8.86046 33.0024 13.0267 34.9042 17.2202 34.9932C17.3639 34.9932 17.5075 34.9932 17.6444 34.9932C27.3381 34.9932 34.7607 27.8374 34.9933 18.1915C35.0959 13.8954 33.3993 9.56499 30.3482 6.30181ZM17.2476 33.8302C13.3619 33.7481 9.48983 31.9763 6.62343 28.973C3.68863 25.8946 2.06046 21.8036 2.16991 17.7469C2.39567 8.79195 9.35301 2.16298 18.4242 2.16298C18.5679 2.16298 18.7184 2.16298 18.8689 2.16298C22.782 2.25191 26.654 4.05111 29.4999 7.09537C32.3458 10.1396 33.9261 14.1759 33.8303 18.1642C33.6114 27.297 26.4762 34.0217 17.2476 33.8302V33.8302Z" />
+        <path
+            d="M22.5217 16.8164L19.2311 17.3842L19.7579 6.99948C19.7716 6.71899 19.58 6.46588 19.3064 6.40431C19.0327 6.34274 18.7523 6.4864 18.6428 6.74636L12.8416 20.3532C12.7595 20.5516 12.7869 20.7773 12.9237 20.9415C13.0537 21.1057 13.2657 21.1878 13.4778 21.1536L16.8026 20.5858L15.3659 28.9387C15.318 29.2192 15.4754 29.486 15.7422 29.5818C15.8038 29.6023 15.8722 29.616 15.9406 29.616C16.1458 29.616 16.3374 29.5065 16.4468 29.3218L23.1305 17.6784C23.24 17.48 23.2331 17.2405 23.1032 17.0558C22.9732 16.8711 22.7474 16.7753 22.5285 16.8164H22.5217ZM17.0694 25.8944L18.0887 19.9633C18.1229 19.7786 18.0613 19.587 17.9245 19.457C17.815 19.3476 17.6645 19.286 17.514 19.286C17.4798 19.286 17.4456 19.286 17.4182 19.2928L14.3329 19.8196L18.4376 10.2011L18.0408 18.0478C18.0339 18.2256 18.1024 18.3967 18.2392 18.513C18.3692 18.6293 18.547 18.6771 18.7249 18.6498L21.5092 18.1709L17.0762 25.8944H17.0694Z" />
+    </svg>
+</template>

package/components/icon/envelope.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+export default {
+    name: 'IconEnvelope',
+    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="M1.879 3.879A3 3 0 0 1 4 3h16a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 .879-2.121Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M4 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4ZM1.879 3.879A3 3 0 0 1 4 3h16a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 .879-2.121Z" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="m8.876 14.782-7.5-6.001 1.249-1.562 7.5 6.001a3 3 0 0 0 3.75 0l7.5-6 1.25 1.56-7.501 6.002a5 5 0 0 1-6.248 0Z" />
+    </svg>
+</template>

package/components/icon/es-leaf.vue

@@ -0,0 +1,39 @@
+<script lang="ts">
+export default {
+    name: 'IconESLeaf',
+    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="M13.3636 5.85199c0-.32601-.2282-.61941-.5433-.70635-.0978-.0326-.2065-.0326-.3261-.01086-.2064.0326-.3912.15213-.489.31514L9.07118 12.3178c-.14127.2499-.1304.5542.02173.7824.16301.2391.45641.3586.72808.3151l.94541-.163-.7172 3.6187v.0435c0 .326.2173.6194.5325.7063.076.0218.1304.0326.1956.0326.0434 0 .076 0 .1195-.0108.2065-.0326.3912-.163.5108-.3478l3.4122-5.955c.1521-.25.1521-.5651-.0109-.8042-.163-.2391-.4564-.3586-.739-.3151l-.9888.1738.2608-4.55318.0217.01087Zm.3477 5.46601-2.4015 4.1838.5976-3.4448-1.7604.3043 2.1408-5.03141-.2174 4.27071 1.6301-.2826h.0108Z" />
+        <path
+            d="M19.0036 8.14497c-.6194-1.04322-1.4671-2.15164-2.4994-3.31439-1.7822-2.01038-3.5318-3.47741-3.5426-3.48827-.5325-.456412-1.391-.456412-1.9343 0-.0109.01086-1.74959 1.47789-3.54263 3.49913-1.04322 1.17363-1.87997 2.28205-2.49938 3.3144C4.12681 9.59027 3.71387 10.84 3.71387 11.9918c0 4.2381 3.27093 7.8351 7.47643 8.248v1.9452c0 .4564.3695.815.815.815.4455 0 .815-.3695.815-.815v-1.9452c4.1946-.4129 7.4656-4.0099 7.4656-8.248 0-1.1518-.413-2.40153-1.2715-3.83596l-.0108-.01087ZM12.3313 18.6206h-.6737c-3.54265-.1738-6.32457-3.097-6.32457-6.6505 0-3.55345 5.85727-8.62829 6.65057-9.3129.7932.69548 6.6614 5.91158 6.6614 9.3238 0 3.4122-2.7711 6.4766-6.3246 6.6505l.0109-.0109Z" />
+    </svg>
+</template>

package/components/icon/eye.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconEye',
+    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.992 4c4.502 0 8.202 4 10.103 6.4.7 1 .7 2.3 0 3.2-1.9 2.4-5.601 6.4-10.102 6.4C7.49 20 3.79 16.1 1.99 13.6c-.4-.4-.6-1-.6-1.6 0-.6.2-1.2.6-1.7C3.79 8 7.491 4 11.992 4Z"
+            fill="none" />
+        <path
+            d="M22.095 10.4C20.195 8 16.494 4 11.993 4 7.49 4 3.79 8 1.99 10.3c-.4.5-.6 1.1-.6 1.7 0 .6.2 1.2.6 1.6 1.8 2.5 5.501 6.4 10.002 6.4 4.502 0 8.202-4 10.103-6.4.7-.9.7-2.2 0-3.2Zm-1.6 2.1c-1.3 1.6-4.702 5.5-8.503 5.5-3.8 0-7.201-3.9-8.501-5.6-.1-.1-.1-.3-.1-.4 0-.1.1-.3.1-.4C4.79 9.9 8.19 6 11.993 6c3.8 0 7.201 3.9 8.501 5.6.2.3.2.6 0 .9Z" />
+        <path
+            d="M11.992 8c-2.2 0-4 1.8-4 4s1.8 4 4 4c2.201 0 4.001-1.8 4.001-4s-1.8-4-4-4Zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z" />
+    </svg>
+</template>

package/components/icon/facebook.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconFacebook',
+    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-31Zm5.7 8.1h-2a2 2 0 0 0-1.6.5c-.3.4-.4 1-.4 1.4V13h3.9l-.5 4h-3.4v10h-4V17H9.8v-4h3.4v-2.8a5.1 5.1 0 0 1 1.3-3.9A5 5 0 0 1 18.2 5l3 .1v3.5Z" />
+    </svg>
+</template>

package/components/icon/file-doc.vue

@@ -0,0 +1,72 @@
+<script lang="ts">
+export default {
+    name: 'IconFileDoc',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '56px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '73px',
+            required: false,
+        },
+    },
+};
+</script>
+
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        viewBox="0 0 56 73"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none">
+        <path
+            fill="none"
+            d="M47.133 64.74v3.802c0 1.34-1.11 2.438-2.468 2.438H4.468C3.111 70.98 2 69.883 2 68.542V10.964c0-1.34 1.11-2.438 2.468-2.438h3.825" />
+        <path
+            fill="currentColor"
+            d="M46.087 64.74v3.802h2.092V64.74h-2.092Zm0 3.802c0 .75-.63 1.391-1.422 1.391v2.093c1.923 0 3.514-1.553 3.514-3.484h-2.092Zm-1.422 1.391H4.468v2.093h40.197v-2.093Zm-40.197 0c-.792 0-1.422-.64-1.422-1.39H.954c0 1.93 1.591 3.483 3.514 3.483v-2.093Zm-1.422-1.39v-57.58H.954v57.58h2.092Zm0-57.58c0-.75.63-1.39 1.422-1.39V7.48C2.545 7.48.954 9.033.954 10.964h2.092Zm1.422-1.39h3.825V7.48H4.468v2.093Z" />
+        <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M47.133 64.74v3.802c0 1.34-1.11 2.438-2.468 2.438H4.468C3.111 70.98 2 69.883 2 68.542V10.964c0-1.34 1.11-2.438 2.468-2.438h3.825" />
+        <path
+            fill="none"
+            d="M41.605 2H11.329C9.97 2 8.86 3.097 8.86 4.437v57.579c0 1.34 1.11 2.437 2.468 2.437h40.203c1.357 0 2.468-1.097 2.468-2.437V14.18" />
+        <path
+            fill="currentColor"
+            d="M41.605.954H11.329v2.092h30.276V.954Zm-30.276 0c-1.923 0-3.514 1.553-3.514 3.483h2.092c0-.75.63-1.39 1.422-1.39V.953ZM7.815 4.437v57.579h2.092V4.437H7.815Zm0 57.579c0 1.93 1.59 3.483 3.514 3.483v-2.092c-.792 0-1.422-.64-1.422-1.391H7.815Zm3.514 3.483h40.203v-2.092H11.329v2.092Zm40.203 0c1.923 0 3.514-1.553 3.514-3.483h-2.092c0 .75-.63 1.391-1.422 1.391v2.092Zm3.514-3.483V14.18h-2.092v47.835h2.092Z" />
+        <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M41.605 2H11.329C9.97 2 8.86 3.097 8.86 4.437v57.579c0 1.34 1.11 2.437 2.468 2.437h40.203c1.357 0 2.468-1.097 2.468-2.437V14.18" />
+        <path
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M41.605 2v12.187H54L41.605 2Z" />
+        <path
+            fill="currentColor"
+            d="M21.205 41h-3.226v-8.727H21.2c.889 0 1.654.174 2.296.524a3.582 3.582 0 0 1 1.492 1.5c.35.65.524 1.429.524 2.335 0 .91-.175 1.69-.524 2.344a3.582 3.582 0 0 1-1.487 1.504c-.645.347-1.41.52-2.297.52Zm-1.117-1.798h1.036c.488 0 .902-.083 1.24-.247.34-.168.598-.44.771-.814.176-.378.264-.881.264-1.509 0-.628-.088-1.128-.264-1.5a1.63 1.63 0 0 0-.78-.81c-.34-.167-.761-.251-1.261-.251h-1.006v5.13ZM34.982 36.636c0 .96-.185 1.774-.554 2.442a3.773 3.773 0 0 1-1.5 1.521c-.628.347-1.333.52-2.114.52-.784 0-1.49-.174-2.118-.524a3.818 3.818 0 0 1-1.495-1.521c-.367-.668-.55-1.48-.55-2.438 0-.96.183-1.774.55-2.441a3.782 3.782 0 0 1 1.495-1.522c.628-.346 1.334-.52 2.118-.52.781 0 1.486.174 2.114.52.63.347 1.13.854 1.5 1.522.37.667.554 1.481.554 2.441Zm-2.157 0c0-.568-.08-1.048-.242-1.44-.16-.392-.39-.689-.69-.89-.3-.202-.658-.303-1.079-.303-.418 0-.777.1-1.078.302-.301.202-.533.499-.695.891-.159.392-.238.872-.238 1.44 0 .569.08 1.049.238 1.44.162.393.394.69.695.891.301.202.66.303 1.078.303.42 0 .78-.101 1.078-.303.301-.201.531-.498.69-.89.163-.392.243-.872.243-1.44ZM44.135 35.435h-2.13a1.846 1.846 0 0 0-.175-.593 1.44 1.44 0 0 0-.865-.737 1.974 1.974 0 0 0-.652-.102c-.424 0-.789.103-1.096.31-.303.208-.538.508-.703.9-.162.392-.242.867-.242 1.423 0 .58.082 1.066.247 1.458.167.389.402.683.703.882.304.196.663.294 1.078.294.233 0 .445-.03.635-.09.193-.06.362-.146.507-.26.148-.116.268-.257.362-.421.097-.168.163-.357.2-.567l2.131.013c-.037.386-.149.767-.337 1.142a3.646 3.646 0 0 1-.762 1.027 3.602 3.602 0 0 1-1.185.733c-.463.181-.994.272-1.594.272-.79 0-1.497-.173-2.122-.52a3.744 3.744 0 0 1-1.474-1.525c-.361-.668-.541-1.48-.541-2.438 0-.96.183-1.774.55-2.441.366-.668.861-1.175 1.486-1.522.625-.346 1.326-.52 2.101-.52.529 0 1.017.074 1.466.222.45.145.844.358 1.185.64.34.278.618.62.83 1.026.214.406.346.87.397 1.394Z" />
+    </svg>
+</template>

package/components/icon/file-docx.vue

@@ -0,0 +1,72 @@
+<script lang="ts">
+export default {
+    name: 'IconFileDocx',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '56px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '73px',
+            required: false,
+        },
+    },
+};
+</script>
+
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        viewBox="0 0 56 73"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none">
+        <path
+            fill="none"
+            d="M47.133 64.74v3.802c0 1.34-1.11 2.438-2.468 2.438H4.468C3.111 70.98 2 69.883 2 68.542V10.964c0-1.34 1.11-2.438 2.468-2.438h3.825" />
+        <path
+            fill="currentColor"
+            d="M46.087 64.74v3.802h2.092V64.74h-2.092Zm0 3.802c0 .75-.63 1.391-1.422 1.391v2.093c1.923 0 3.514-1.553 3.514-3.484h-2.092Zm-1.422 1.391H4.468v2.093h40.197v-2.093Zm-40.197 0c-.792 0-1.422-.64-1.422-1.39H.954c0 1.93 1.591 3.483 3.514 3.483v-2.093Zm-1.422-1.39v-57.58H.954v57.58h2.092Zm0-57.58c0-.75.63-1.39 1.422-1.39V7.48C2.545 7.48.954 9.033.954 10.964h2.092Zm1.422-1.39h3.825V7.48H4.468v2.093Z" />
+        <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M47.133 64.74v3.802c0 1.34-1.11 2.438-2.468 2.438H4.468C3.111 70.98 2 69.883 2 68.542V10.964c0-1.34 1.11-2.438 2.468-2.438h3.825" />
+        <path
+            fill="none"
+            d="M41.605 2H11.329C9.97 2 8.86 3.097 8.86 4.437v57.579c0 1.34 1.11 2.437 2.468 2.437h40.203c1.357 0 2.468-1.097 2.468-2.437V14.18" />
+        <path
+            fill="currentColor"
+            d="M41.605.954H11.329v2.092h30.276V.954Zm-30.276 0c-1.923 0-3.514 1.553-3.514 3.483h2.092c0-.75.63-1.39 1.422-1.39V.953ZM7.815 4.437v57.579h2.092V4.437H7.815Zm0 57.579c0 1.93 1.59 3.483 3.514 3.483v-2.092c-.792 0-1.422-.64-1.422-1.391H7.815Zm3.514 3.483h40.203v-2.092H11.329v2.092Zm40.203 0c1.923 0 3.514-1.553 3.514-3.483h-2.092c0 .75-.63 1.391-1.422 1.391v2.092Zm3.514-3.483V14.18h-2.092v47.835h2.092Z" />
+        <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M41.605 2H11.329C9.97 2 8.86 3.097 8.86 4.437v57.579c0 1.34 1.11 2.437 2.468 2.437h40.203c1.357 0 2.468-1.097 2.468-2.437V14.18" />
+        <path
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M41.605 2v12.187H54L41.605 2Z" />
+        <path
+            fill="currentColor"
+            d="M17.892 41h-3.226v-8.727h3.222c.89 0 1.655.174 2.297.524a3.582 3.582 0 0 1 1.491 1.5c.35.65.525 1.429.525 2.335 0 .91-.175 1.69-.525 2.344a3.582 3.582 0 0 1-1.487 1.504c-.645.347-1.41.52-2.297.52Zm-1.116-1.798h1.035c.489 0 .902-.083 1.24-.247.341-.168.598-.44.772-.814.176-.378.264-.881.264-1.509 0-.628-.088-1.128-.264-1.5a1.63 1.63 0 0 0-.78-.81c-.341-.167-.762-.251-1.262-.251h-1.005v5.13ZM31.67 36.636c0 .96-.185 1.774-.555 2.442a3.773 3.773 0 0 1-1.5 1.521c-.628.347-1.332.52-2.113.52-.784 0-1.49-.174-2.118-.524a3.818 3.818 0 0 1-1.496-1.521c-.367-.668-.55-1.48-.55-2.438 0-.96.183-1.774.55-2.441a3.782 3.782 0 0 1 1.496-1.522c.628-.346 1.334-.52 2.118-.52.78 0 1.485.174 2.113.52.63.347 1.13.854 1.5 1.522.37.667.554 1.481.554 2.441Zm-2.157 0c0-.568-.081-1.048-.243-1.44-.159-.392-.39-.689-.69-.89-.299-.202-.658-.303-1.078-.303-.418 0-.777.1-1.078.302-.302.202-.533.499-.695.891-.16.392-.239.872-.239 1.44 0 .569.08 1.049.239 1.44.162.393.393.69.695.891.3.202.66.303 1.078.303.42 0 .78-.101 1.078-.303.3-.201.531-.498.69-.89.162-.392.243-.872.243-1.44ZM40.823 35.435h-2.131a1.846 1.846 0 0 0-.175-.593 1.44 1.44 0 0 0-.865-.737 1.974 1.974 0 0 0-.652-.102c-.423 0-.788.103-1.095.31-.304.208-.538.508-.703.9-.162.392-.243.867-.243 1.423 0 .58.082 1.066.247 1.458.168.389.402.683.703.882.304.196.664.294 1.078.294.233 0 .445-.03.635-.09.194-.06.363-.146.507-.26.148-.116.269-.257.363-.421.096-.168.163-.357.2-.567l2.13.013c-.036.386-.149.767-.336 1.142a3.646 3.646 0 0 1-.763 1.027 3.602 3.602 0 0 1-1.184.733c-.464.181-.995.272-1.594.272-.79 0-1.497-.173-2.122-.52a3.744 3.744 0 0 1-1.475-1.525c-.36-.668-.541-1.48-.541-2.438 0-.96.183-1.774.55-2.441.366-.668.862-1.175 1.487-1.522.625-.346 1.325-.52 2.1-.52.53 0 1.018.074 1.467.222.449.145.843.358 1.184.64.341.278.618.62.831 1.026.213.406.346.87.397 1.394ZM43.93 32.273l1.594 2.757h.068l1.611-2.757h2.36l-2.633 4.363L49.65 41h-2.42l-1.637-2.787h-.068L43.888 41h-2.404l2.706-4.364-2.638-4.363h2.378Z" />
+    </svg>
+</template>

package/components/icon/file-pdf.vue

@@ -0,0 +1,72 @@
+<script lang="ts">
+export default {
+    name: 'IconFilePdf',
+    props: {
+        /**
+         * Width
+         */
+        width: {
+            type: String,
+            default: '56px',
+            required: false,
+        },
+        /**
+         * Height
+         */
+        height: {
+            type: String,
+            default: '73px',
+            required: false,
+        },
+    },
+};
+</script>
+
+<template>
+    <svg
+        :style="{
+            height: height,
+            width: width,
+        }"
+        viewBox="0 0 56 73"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none">
+        <path
+            fill="none"
+            d="M47.133 64.74v3.802c0 1.34-1.11 2.438-2.468 2.438H4.468C3.111 70.98 2 69.883 2 68.542V10.964c0-1.34 1.11-2.438 2.468-2.438h3.825" />
+        <path
+            fill="currentColor"
+            d="M46.087 64.74v3.802h2.092V64.74h-2.092Zm0 3.802c0 .75-.63 1.391-1.422 1.391v2.093c1.923 0 3.514-1.553 3.514-3.484h-2.092Zm-1.422 1.391H4.468v2.093h40.197v-2.093Zm-40.197 0c-.792 0-1.422-.64-1.422-1.39H.954c0 1.93 1.591 3.483 3.514 3.483v-2.093Zm-1.422-1.39v-57.58H.954v57.58h2.092Zm0-57.58c0-.75.63-1.39 1.422-1.39V7.48C2.545 7.48.954 9.033.954 10.964h2.092Zm1.422-1.39h3.825V7.48H4.468v2.093Z" />
+        <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M47.133 64.74v3.802c0 1.34-1.11 2.438-2.468 2.438H4.468C3.111 70.98 2 69.883 2 68.542V10.964c0-1.34 1.11-2.438 2.468-2.438h3.825" />
+        <path
+            fill="none"
+            d="M41.605 2H11.329C9.97 2 8.86 3.097 8.86 4.437v57.579c0 1.34 1.11 2.437 2.468 2.437h40.203c1.357 0 2.468-1.097 2.468-2.437V14.18" />
+        <path
+            fill="currentColor"
+            d="M41.605.954H11.329v2.092h30.276V.954Zm-30.276 0c-1.923 0-3.514 1.553-3.514 3.483h2.092c0-.75.63-1.39 1.422-1.39V.953ZM7.815 4.437v57.579h2.092V4.437H7.815Zm0 57.579c0 1.93 1.59 3.483 3.514 3.483v-2.092c-.792 0-1.422-.64-1.422-1.391H7.815Zm3.514 3.483h40.203v-2.092H11.329v2.092Zm40.203 0c1.923 0 3.514-1.553 3.514-3.483h-2.092c0 .75-.63 1.391-1.422 1.391v2.092Zm3.514-3.483V14.18h-2.092v47.835h2.092Z" />
+        <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M41.605 2H11.329C9.97 2 8.86 3.097 8.86 4.437v57.579c0 1.34 1.11 2.437 2.468 2.437h40.203c1.357 0 2.468-1.097 2.468-2.437V14.18" />
+        <path
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-miterlimit="10"
+            stroke-width="3.138"
+            d="M41.605 2v12.187H54L41.605 2Z" />
+        <path
+            fill="currentColor"
+            d="M19.854 41v-8.727h3.605c.653 0 1.217.128 1.692.383.477.253.845.607 1.104 1.061.258.452.387.978.387 1.577 0 .602-.132 1.13-.396 1.581a2.657 2.657 0 0 1-1.12 1.044c-.487.247-1.063.37-1.73.37H21.17v-1.661h1.832c.318 0 .584-.056.797-.166.216-.111.38-.266.49-.465.11-.202.166-.436.166-.703 0-.27-.055-.503-.166-.699a1.115 1.115 0 0 0-.49-.46c-.216-.108-.482-.162-.797-.162h-1.04V41h-2.11ZM30.908 41h-3.226v-8.727h3.222c.889 0 1.654.174 2.296.524a3.582 3.582 0 0 1 1.492 1.5c.35.65.524 1.429.524 2.335 0 .91-.175 1.69-.524 2.344a3.581 3.581 0 0 1-1.487 1.504c-.645.347-1.41.52-2.297.52Zm-1.117-1.798h1.036c.488 0 .902-.083 1.24-.247.34-.168.598-.44.771-.814.176-.378.264-.881.264-1.509 0-.628-.088-1.128-.264-1.5a1.63 1.63 0 0 0-.78-.81c-.34-.167-.76-.251-1.26-.251H29.79v5.13ZM36.448 41v-8.727h5.957v1.713h-3.848v1.79h3.469v1.717h-3.469V41h-2.11Z" />
+    </svg>
+</template>

package/components/icon/flag.vue

@@ -0,0 +1,37 @@
+<script lang="ts">
+export default {
+    name: 'IconFlag',
+    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="M15.6369 8.87295L18.7994 5.19737C19.0191 4.94421 19.0669 4.5879 18.9236 4.27848C18.7803 3.97843 18.4745 3.78153 18.1306 3.78153H5.91083V2.93765C5.91083 2.42194 5.48089 2 4.95541 2C4.42994 2 4 2.42194 4 2.93765V21.0624C4 21.5781 4.42994 22 4.95541 22C5.48089 22 5.91083 21.5781 5.91083 21.0624V13.9644H18.1306C18.4745 13.9644 18.7803 13.7675 18.9236 13.4674C19.0669 13.1674 19.0191 12.8111 18.7994 12.5485L15.6369 8.87295ZM5.91083 12.2391V5.49742H16.2484L13.8217 8.31974C13.5446 8.63854 13.5446 9.10736 13.8217 9.42616L16.2484 12.2485H5.91083V12.2391Z"
+            fill-rule="evenodd" />
+    </svg>
+</template>

package/components/icon/folder.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+    name: 'IconFolder',
+    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="M8.763 2a3 3 0 0 1 2.684 1.659l.894 1.788a1.001 1.001 0 0 0 .895.553H20a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h4.763Z"
+            fill="none" />
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M8.763 2a3 3 0 0 1 2.684 1.659l.894 1.788a1.001 1.001 0 0 0 .895.553H20a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h4.763Zm.527 2.15A1 1 0 0 0 8.763 4H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-6.764a3 3 0 0 1-2.684-1.659L9.66 4.553a1 1 0 0 0-.37-.404Z" />
+    </svg>
+</template>

package/components/icon/gear.vue

@@ -0,0 +1,37 @@
+<script lang="ts">
+export default {
+    name: 'IconGear',
+    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
+            d="m22.447 11.706-1.48-.72-.035-.145 1.276-1.079a.966.966 0 0 0 .265-1.095l-.6-1.515a.984.984 0 0 0-.924-.608l-1.738.043-.05-.069.564-1.746a.967.967 0 0 0-.317-1.053l-1.121-.899a.952.952 0 0 0-1.13-.06l-1.54 1.002-.12-.043-.403-1.84a.975.975 0 0 0-.848-.754L12.851.988a.974.974 0 0 0-.95.497l-.805 1.455-.35.094-.908-1.267a.964.964 0 0 0-1.139-.334l-1.652.66a.964.964 0 0 0-.59 1.112l.308 1.361-.231.189-1.652-.437a.964.964 0 0 0-1.002.334l-.89 1.13a.981.981 0 0 0-.052 1.113l.9 1.395-.104.223-1.669.222a.963.963 0 0 0-.83.83l-.231 1.67a.963.963 0 0 0 .608 1.036l1.498.582.034.282-1.378 1.079a.972.972 0 0 0-.3 1.121l.6 1.515c.162.411.581.642 1.026.6l1.627-.214.197.214-.54 1.754c-.12.403.035.83.377 1.07l1.096.77a.963.963 0 0 0 1.044.035l1.37-.822.385.163.257 1.498a.964.964 0 0 0 .787.788l1.456.248c.043 0 .128.017.17.017a.956.956 0 0 0 .883-.574l.616-1.403.334-.052 1.155 1.293c.274.3.702.402 1.08.248l1.309-.522a.97.97 0 0 0 .608-.959l-.095-1.592.249-.223 1.686.54a.967.967 0 0 0 1.096-.377l.899-1.318a.978.978 0 0 0-.018-1.122l-.924-1.267.086-.214 1.677-.274a.972.972 0 0 0 .805-.821l.231-1.618a.971.971 0 0 0-.53-1.01h-.018Zm-1.087 2.071-1.72.283a.745.745 0 0 0-.557.436l-.402.968a.708.708 0 0 0 .085.71l.968 1.318-.497.728-1.737-.556a.719.719 0 0 0-.703.145l-.821.728a.704.704 0 0 0-.24.59l.094 1.593-.659.265-1.19-1.335a.719.719 0 0 0-.65-.231l-1.122.17a.717.717 0 0 0-.556.429l-.625 1.42-.753-.128L10 19.77a.755.755 0 0 0-.428-.548l-1.088-.463a.718.718 0 0 0-.659.043l-1.42.856-.54-.377.556-1.806a.722.722 0 0 0-.154-.702l-.736-.804a.717.717 0 0 0-.633-.231l-1.627.213-.325-.821 1.412-1.105a.733.733 0 0 0 .274-.65l-.128-1.121a.745.745 0 0 0-.462-.6l-1.55-.599.12-.899 1.704-.222a.72.72 0 0 0 .565-.42l.436-.95a.716.716 0 0 0-.051-.693l-.925-1.439.471-.599 1.704.445a.75.75 0 0 0 .642-.137l.864-.71a.729.729 0 0 0 .248-.728l-.316-1.395.916-.368.967 1.352a.74.74 0 0 0 .779.283l1.138-.3a.725.725 0 0 0 .454-.35l.796-1.447.728.077.41 1.883a.72.72 0 0 0 .454.522l.83.308a.756.756 0 0 0 .651-.068l1.558-1.01.582.47-.573 1.781a.728.728 0 0 0 .111.66l.505.675c.137.18.351.291.582.291h.018l1.771-.042.343.873-1.344 1.138a.736.736 0 0 0-.24.728l.223.916a.716.716 0 0 0 .394.48l1.463.71-.128.916.017-.009Zm-9.365-7.43c-3.09 0-5.598 2.517-5.598 5.615 0 3.1 2.508 5.616 5.598 5.616s5.599-2.517 5.599-5.616c0-3.098-2.509-5.615-5.599-5.615Zm0 9.784c-2.285 0-4.143-1.866-4.143-4.16s1.858-4.16 4.143-4.16c2.286 0 4.143 1.866 4.143 4.16s-1.857 4.16-4.143 4.16Z" />
+    </svg>
+</template>