@zap-wunschlachen/wl-shared-components 1.0.76 → 1.0.78

package/src/components/Icons/FavIcon.vue

@@ -1,69 +1,69 @@
-<template>
-  <!-- Cocoon version -->
-  <svg v-if="currentDomain === 'domain-cocoon'"
-    :width="width"
-    :height="height"
-    viewBox="0 0 42 41"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M20.6167 0.147949C9.29819 0.147949 0.103317 9.28184 0.103317 20.4999C0.103317 31.7179 9.30966 40.8518 20.6167 40.8518C31.9238 40.8518 41.1301 31.7179 41.1301 20.4999C41.1301 9.28184 31.9238 0.147949 20.6167 0.147949ZM20.6167 38.4716C17.414 38.4716 14.395 37.6402 11.7777 36.1824C18.2635 33.3466 23.521 27.8799 23.5784 20.4999C23.5784 13.2452 18.2061 7.63045 11.8007 4.81739C14.4064 3.371 17.414 2.53962 20.6167 2.53962C23.8194 2.53962 21.3858 2.551 21.7646 2.58517C26.3793 7.20906 29.2261 13.5071 29.2147 20.5113C29.2606 27.3902 26.3908 33.7566 21.7417 38.4488C21.3629 38.4716 20.984 38.4829 20.6052 38.4829L20.6167 38.4716ZM4.2588 12.7782C4.35063 12.8124 4.43099 12.8466 4.52282 12.8921C7.77145 14.3385 12.0647 16.7757 12.2024 20.4999C12.0762 24.2354 7.77145 26.6613 4.52282 28.1077C4.43099 28.1418 4.35063 28.176 4.2588 28.2216C3.13383 25.8868 2.50248 23.2674 2.50248 20.4999C2.50248 17.7324 3.13383 15.1129 4.2588 12.7782ZM5.36081 30.1805C6.42838 29.8274 7.48447 29.4174 8.49464 28.9277C10.6183 27.8799 12.696 26.3538 13.9588 24.2924C15.8299 21.3085 15.21 17.6982 12.8108 15.1927C10.8708 13.1541 8.24209 11.7191 5.37229 10.7966C6.56613 8.95156 8.09286 7.33434 9.87215 6.03601C16.7597 9.48684 22.5567 16.1379 20.1461 24.0988C18.539 29.0871 14.5442 32.6404 9.84919 34.941C8.08139 33.6427 6.55465 32.0255 5.36081 30.1805ZM25.4954 37.7996C28.5144 34.4285 30.6725 30.2943 31.5449 25.8071C33.3242 17.4135 30.7299 9.12239 25.4954 3.20017C33.1176 5.3185 38.7195 12.2771 38.7195 20.4999C38.7195 28.7227 33.1176 35.6813 25.4954 37.7996Z"
-      :fill="colors['logo_primary_fill']"
-    />
-  </svg>
-  <!-- Dental version -->
-  <svg v-else
-    :width="width"
-    :height="height"
-    viewBox="0 0 30 30"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M15 30C23.271 30 30 23.271 30 15C30 6.72904 23.271 0 15 0C6.72904 0 0 6.72904 0 15C0 23.271 6.72904 30 15 30ZM15 2.22269C22.0453 2.22269 27.776 7.95343 27.776 14.9987C27.776 22.044 22.0453 27.7748 15 27.7748C7.9547 27.7748 2.22396 22.044 2.22396 14.9987C2.22396 7.95343 7.9547 2.22269 15 2.22269Z"
-      :fill="colors['logo_primary_fill']"
-    />
-    <path
-      d="M12.1607 14.8585L13.1564 10.9466C13.291 10.4207 13.5057 10.0283 13.8016 9.77044C14.0988 9.51134 14.4811 9.38306 14.9497 9.38306C15.4184 9.38306 15.7917 9.51515 16.0978 9.77679C16.4039 10.0397 16.6287 10.4398 16.7722 10.9758L17.7679 14.861L18.9529 9.59771H21.0332L19.6844 15.3526C19.5981 15.7158 19.4545 16.0143 19.2539 16.2493C19.0532 16.4842 18.8157 16.6582 18.5439 16.7726C18.2709 16.8869 18.0003 16.9453 17.7336 16.9453C17.3133 16.9453 16.9424 16.8132 16.6224 16.5503C16.3023 16.2874 16.075 15.8924 15.9403 15.3665L14.9624 11.4279L13.9743 15.3665C13.841 15.8924 13.6162 16.2874 13.2999 16.5503C12.985 16.8132 12.6116 16.9453 12.181 16.9453C11.913 16.9453 11.6451 16.8869 11.3771 16.7726C11.1091 16.6582 10.8754 16.4842 10.6748 16.2493C10.4741 16.0143 10.3306 15.7158 10.2442 15.3526L8.96655 9.59771H11.0189L12.162 14.8585H12.1607Z"
-      :fill="colors['logo_primary_fill']"
-    />
-    <path
-      d="M15.0006 22.9428C18.2074 22.9428 21.2123 21.2231 22.8418 18.4555L20.9253 17.3264C19.6934 19.4183 17.4225 20.7176 15.0006 20.7176C12.5786 20.7176 10.3078 19.4183 9.07583 17.3264L7.15934 18.4555C8.79007 21.2231 11.7937 22.9428 15.0006 22.9428Z"
-      :fill="colors['logo_primary_fill']"
-    />
-  </svg>
-</template>
-
-<script setup lang="ts">
-import { siteColors } from "../../utils/index";
-import { computed, inject } from "vue";
-
-// Inject theme colors from ThemeProvider, fallback to global siteColors
-const injectedThemeColors = inject('themeColors', null);
-const colors = computed(() => {
-    if (injectedThemeColors) {
-        return injectedThemeColors.value;
-    }
-    return siteColors;
-});
-
-const currentDomain = computed(() => {
-    return props.domain || colors.value['domain'] || "domain-dental";
-});
-
-const props = defineProps({
-    width: {
-        type: String,
-        default: "30",
-    },
-    height: {
-        type: String,
-        default: "30",
-    },
-    domain: {
-        type: String,
-        default: "",
-    },
-});
-</script>
+<template>
+  <!-- Cocoon version -->
+  <svg v-if="currentDomain === 'domain-cocoon'"
+    :width="width"
+    :height="height"
+    viewBox="0 0 42 41"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M20.6167 0.147949C9.29819 0.147949 0.103317 9.28184 0.103317 20.4999C0.103317 31.7179 9.30966 40.8518 20.6167 40.8518C31.9238 40.8518 41.1301 31.7179 41.1301 20.4999C41.1301 9.28184 31.9238 0.147949 20.6167 0.147949ZM20.6167 38.4716C17.414 38.4716 14.395 37.6402 11.7777 36.1824C18.2635 33.3466 23.521 27.8799 23.5784 20.4999C23.5784 13.2452 18.2061 7.63045 11.8007 4.81739C14.4064 3.371 17.414 2.53962 20.6167 2.53962C23.8194 2.53962 21.3858 2.551 21.7646 2.58517C26.3793 7.20906 29.2261 13.5071 29.2147 20.5113C29.2606 27.3902 26.3908 33.7566 21.7417 38.4488C21.3629 38.4716 20.984 38.4829 20.6052 38.4829L20.6167 38.4716ZM4.2588 12.7782C4.35063 12.8124 4.43099 12.8466 4.52282 12.8921C7.77145 14.3385 12.0647 16.7757 12.2024 20.4999C12.0762 24.2354 7.77145 26.6613 4.52282 28.1077C4.43099 28.1418 4.35063 28.176 4.2588 28.2216C3.13383 25.8868 2.50248 23.2674 2.50248 20.4999C2.50248 17.7324 3.13383 15.1129 4.2588 12.7782ZM5.36081 30.1805C6.42838 29.8274 7.48447 29.4174 8.49464 28.9277C10.6183 27.8799 12.696 26.3538 13.9588 24.2924C15.8299 21.3085 15.21 17.6982 12.8108 15.1927C10.8708 13.1541 8.24209 11.7191 5.37229 10.7966C6.56613 8.95156 8.09286 7.33434 9.87215 6.03601C16.7597 9.48684 22.5567 16.1379 20.1461 24.0988C18.539 29.0871 14.5442 32.6404 9.84919 34.941C8.08139 33.6427 6.55465 32.0255 5.36081 30.1805ZM25.4954 37.7996C28.5144 34.4285 30.6725 30.2943 31.5449 25.8071C33.3242 17.4135 30.7299 9.12239 25.4954 3.20017C33.1176 5.3185 38.7195 12.2771 38.7195 20.4999C38.7195 28.7227 33.1176 35.6813 25.4954 37.7996Z"
+      :fill="colors['logo_primary_fill']"
+    />
+  </svg>
+  <!-- Dental version -->
+  <svg v-else
+    :width="width"
+    :height="height"
+    viewBox="0 0 30 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M15 30C23.271 30 30 23.271 30 15C30 6.72904 23.271 0 15 0C6.72904 0 0 6.72904 0 15C0 23.271 6.72904 30 15 30ZM15 2.22269C22.0453 2.22269 27.776 7.95343 27.776 14.9987C27.776 22.044 22.0453 27.7748 15 27.7748C7.9547 27.7748 2.22396 22.044 2.22396 14.9987C2.22396 7.95343 7.9547 2.22269 15 2.22269Z"
+      :fill="colors['logo_primary_fill']"
+    />
+    <path
+      d="M12.1607 14.8585L13.1564 10.9466C13.291 10.4207 13.5057 10.0283 13.8016 9.77044C14.0988 9.51134 14.4811 9.38306 14.9497 9.38306C15.4184 9.38306 15.7917 9.51515 16.0978 9.77679C16.4039 10.0397 16.6287 10.4398 16.7722 10.9758L17.7679 14.861L18.9529 9.59771H21.0332L19.6844 15.3526C19.5981 15.7158 19.4545 16.0143 19.2539 16.2493C19.0532 16.4842 18.8157 16.6582 18.5439 16.7726C18.2709 16.8869 18.0003 16.9453 17.7336 16.9453C17.3133 16.9453 16.9424 16.8132 16.6224 16.5503C16.3023 16.2874 16.075 15.8924 15.9403 15.3665L14.9624 11.4279L13.9743 15.3665C13.841 15.8924 13.6162 16.2874 13.2999 16.5503C12.985 16.8132 12.6116 16.9453 12.181 16.9453C11.913 16.9453 11.6451 16.8869 11.3771 16.7726C11.1091 16.6582 10.8754 16.4842 10.6748 16.2493C10.4741 16.0143 10.3306 15.7158 10.2442 15.3526L8.96655 9.59771H11.0189L12.162 14.8585H12.1607Z"
+      :fill="colors['logo_primary_fill']"
+    />
+    <path
+      d="M15.0006 22.9428C18.2074 22.9428 21.2123 21.2231 22.8418 18.4555L20.9253 17.3264C19.6934 19.4183 17.4225 20.7176 15.0006 20.7176C12.5786 20.7176 10.3078 19.4183 9.07583 17.3264L7.15934 18.4555C8.79007 21.2231 11.7937 22.9428 15.0006 22.9428Z"
+      :fill="colors['logo_primary_fill']"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+import { siteColors } from "../../utils/index";
+import { computed, inject } from "vue";
+
+// Inject theme colors from ThemeProvider, fallback to global siteColors
+const injectedThemeColors = inject('themeColors', null);
+const colors = computed(() => {
+    if (injectedThemeColors) {
+        return injectedThemeColors.value;
+    }
+    return siteColors;
+});
+
+const currentDomain = computed(() => {
+    return props.domain || colors.value['domain'] || "domain-dental";
+});
+
+const props = defineProps({
+    width: {
+        type: String,
+        default: "30",
+    },
+    height: {
+        type: String,
+        default: "30",
+    },
+    domain: {
+        type: String,
+        default: "",
+    },
+});
+</script>

package/src/components/Icons/FilledCircle.vue

@@ -1,11 +1,11 @@
-<template>
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="8" cy="8" r="8" fill="#C1C1C2" />
-  </svg>
-</template>
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="8" cy="8" r="8" fill="#C1C1C2" />
+  </svg>
+</template>

package/src/components/Icons/Group3.vue

@@ -1,57 +1,57 @@
-<template>
-  <svg
-    class="icon-primary"
-    width="21"
-    height="20"
-    viewBox="0 0 21 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M2.6405 4.72591C3.91828 4.72591 4.95532 3.66731 4.95532 2.36296C4.95532 1.0586 3.91828 0 2.6405 0C1.36272 0 0.325684 1.0586 0.325684 2.36296C0.325684 3.66731 1.36272 4.72591 2.6405 4.72591Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M10.3256 4.72591C11.6033 4.72591 12.6404 3.66731 12.6404 2.36296C12.6404 1.0586 11.6033 0 10.3256 0C9.04778 0 8.01074 1.0586 8.01074 2.36296C8.01074 3.66731 9.04778 4.72591 10.3256 4.72591Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M18.0109 4.72591C19.2886 4.72591 20.3257 3.66731 20.3257 2.36296C20.3257 1.0586 19.2886 0 18.0109 0C16.7331 0 15.696 1.0586 15.696 2.36296C15.696 3.66731 16.7331 4.72591 18.0109 4.72591Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M2.6405 12.363C3.91828 12.363 4.95532 11.3044 4.95532 10C4.95532 8.69569 3.91828 7.63708 2.6405 7.63708C1.36272 7.63708 0.325684 8.69569 0.325684 10C0.325684 11.3044 1.36272 12.363 2.6405 12.363Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M10.3256 12.363C11.6033 12.363 12.6404 11.3044 12.6404 10C12.6404 8.69569 11.6033 7.63708 10.3256 7.63708C9.04778 7.63708 8.01074 8.69569 8.01074 10C8.01074 11.3044 9.04778 12.363 10.3256 12.363Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M18.0109 12.363C19.2886 12.363 20.3257 11.3044 20.3257 10C20.3257 8.69569 19.2886 7.63708 18.0109 7.63708C16.7331 7.63708 15.696 8.69569 15.696 10C15.696 11.3044 16.7331 12.363 18.0109 12.363Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M2.6405 20.0001C3.91828 20.0001 4.95532 18.9415 4.95532 17.6372C4.95532 16.3328 3.91828 15.2742 2.6405 15.2742C1.36272 15.2742 0.325684 16.3328 0.325684 17.6372C0.325684 18.9415 1.36272 20.0001 2.6405 20.0001Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M10.3256 20.0001C11.6033 20.0001 12.6404 18.9415 12.6404 17.6372C12.6404 16.3328 11.6033 15.2742 10.3256 15.2742C9.04778 15.2742 8.01074 16.3328 8.01074 17.6372C8.01074 18.9415 9.04778 20.0001 10.3256 20.0001Z"
-      :fill="siteColors['font_color_code']"
-    />
-    <path
-      d="M18.0109 20.0001C19.2886 20.0001 20.3257 18.9415 20.3257 17.6372C20.3257 16.3328 19.2886 15.2742 18.0109 15.2742C16.7331 15.2742 15.696 16.3328 15.696 17.6372C15.696 18.9415 16.7331 20.0001 18.0109 20.0001Z"
-      :fill="siteColors['font_color_code']"
-    />
-  </svg>
-</template>
-
-<script setup lang="ts">
-import { siteColors } from "../../utils/index";
-</script>
-
-<style scoped>
-.icon-primary {
-  color: var(--primary-color);
-}
-</style>
+<template>
+  <svg
+    class="icon-primary"
+    width="21"
+    height="20"
+    viewBox="0 0 21 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M2.6405 4.72591C3.91828 4.72591 4.95532 3.66731 4.95532 2.36296C4.95532 1.0586 3.91828 0 2.6405 0C1.36272 0 0.325684 1.0586 0.325684 2.36296C0.325684 3.66731 1.36272 4.72591 2.6405 4.72591Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M10.3256 4.72591C11.6033 4.72591 12.6404 3.66731 12.6404 2.36296C12.6404 1.0586 11.6033 0 10.3256 0C9.04778 0 8.01074 1.0586 8.01074 2.36296C8.01074 3.66731 9.04778 4.72591 10.3256 4.72591Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M18.0109 4.72591C19.2886 4.72591 20.3257 3.66731 20.3257 2.36296C20.3257 1.0586 19.2886 0 18.0109 0C16.7331 0 15.696 1.0586 15.696 2.36296C15.696 3.66731 16.7331 4.72591 18.0109 4.72591Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M2.6405 12.363C3.91828 12.363 4.95532 11.3044 4.95532 10C4.95532 8.69569 3.91828 7.63708 2.6405 7.63708C1.36272 7.63708 0.325684 8.69569 0.325684 10C0.325684 11.3044 1.36272 12.363 2.6405 12.363Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M10.3256 12.363C11.6033 12.363 12.6404 11.3044 12.6404 10C12.6404 8.69569 11.6033 7.63708 10.3256 7.63708C9.04778 7.63708 8.01074 8.69569 8.01074 10C8.01074 11.3044 9.04778 12.363 10.3256 12.363Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M18.0109 12.363C19.2886 12.363 20.3257 11.3044 20.3257 10C20.3257 8.69569 19.2886 7.63708 18.0109 7.63708C16.7331 7.63708 15.696 8.69569 15.696 10C15.696 11.3044 16.7331 12.363 18.0109 12.363Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M2.6405 20.0001C3.91828 20.0001 4.95532 18.9415 4.95532 17.6372C4.95532 16.3328 3.91828 15.2742 2.6405 15.2742C1.36272 15.2742 0.325684 16.3328 0.325684 17.6372C0.325684 18.9415 1.36272 20.0001 2.6405 20.0001Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M10.3256 20.0001C11.6033 20.0001 12.6404 18.9415 12.6404 17.6372C12.6404 16.3328 11.6033 15.2742 10.3256 15.2742C9.04778 15.2742 8.01074 16.3328 8.01074 17.6372C8.01074 18.9415 9.04778 20.0001 10.3256 20.0001Z"
+      :fill="siteColors['font_color_code']"
+    />
+    <path
+      d="M18.0109 20.0001C19.2886 20.0001 20.3257 18.9415 20.3257 17.6372C20.3257 16.3328 19.2886 15.2742 18.0109 15.2742C16.7331 15.2742 15.696 16.3328 15.696 17.6372C15.696 18.9415 16.7331 20.0001 18.0109 20.0001Z"
+      :fill="siteColors['font_color_code']"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+import { siteColors } from "../../utils/index";
+</script>
+
+<style scoped>
+.icon-primary {
+  color: var(--primary-color);
+}
+</style>

package/src/components/Icons/Play.vue

@@ -1,16 +1,16 @@
-<template>
-  <svg class="icon-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" :stroke="siteColors['font_color_code']" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M15.9099 11.6722C16.1671 11.8151 16.1671 12.1849 15.9099 12.3278L10.3071 15.4405C10.0572 15.5794 9.75 15.3986 9.75 15.1127V8.88732C9.75 8.60139 10.0572 8.42065 10.3071 8.55951L15.9099 11.6722Z" :stroke="siteColors['font_color_code']" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-  </svg>
-</template>
-
-<script setup lang="ts">
-import { siteColors } from "../../utils/index";
-</script>
-
-<style scoped>
-.icon-primary {
-  color: var(--primary-color);
-}
-</style>
+<template>
+  <svg class="icon-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" :stroke="siteColors['font_color_code']" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.9099 11.6722C16.1671 11.8151 16.1671 12.1849 15.9099 12.3278L10.3071 15.4405C10.0572 15.5794 9.75 15.3986 9.75 15.1127V8.88732C9.75 8.60139 10.0572 8.42065 10.3071 8.55951L15.9099 11.6722Z" :stroke="siteColors['font_color_code']" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<script setup lang="ts">
+import { siteColors } from "../../utils/index";
+</script>
+
+<style scoped>
+.icon-primary {
+  color: var(--primary-color);
+}
+</style>

package/src/components/Icons/RingNotification.vue

@@ -1,65 +1,65 @@
-<template>
-  <svg
-    class="icon-primary"
-    width="23"
-    height="23"
-    viewBox="0 0 23 23"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g clip-path="url(#clip0_1311_589)">
-      <path
-        d="M18.6328 12.6722C20.6723 12.6722 22.3257 11.0189 22.3257 8.97937C22.3257 6.93985 20.6723 5.2865 18.6328 5.2865C16.5933 5.2865 14.9399 6.93985 14.9399 8.97937C14.9399 11.0189 16.5933 12.6722 18.6328 12.6722Z"
-        fill="#F4297E"
-      />
-      <path
-        d="M16.9778 3.75416C16.5794 3.26382 16.1351 2.81945 15.6141 2.4517C14.4802 1.63957 13.0858 1.14923 11.5841 1.14923C7.76863 1.14923 4.67336 4.2445 4.67336 8.04463V8.90273C4.67336 11.569 3.66203 13.99 2.02246 15.8288C4.01447 16.5643 6.11373 17.07 8.28962 17.3304"
-        :stroke="siteColors['font_color_code']"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M14.8633 17.3457C17.0392 17.0853 19.1384 16.5796 21.1304 15.8441C20.9312 15.6142 20.732 15.3844 20.5635 15.1545C20.3643 14.8787 20.1651 14.6029 19.9812 14.3118"
-        :stroke="siteColors['font_color_code']"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M14.8632 17.3458C13.7906 17.4683 12.6873 17.545 11.5841 17.545C10.4808 17.545 9.37755 17.4837 8.30493 17.3458"
-        :stroke="siteColors['font_color_code']"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M14.8633 17.3458C14.9706 17.6829 15.0319 18.0353 15.0319 18.4031C15.0319 20.3031 13.4842 21.8508 11.5842 21.8508C9.68411 21.8508 8.13647 20.3031 8.13647 18.4031C8.13647 18.0353 8.19777 17.6829 8.30503 17.3458"
-        :stroke="siteColors['font_color_code']"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_1311_589">
-        <rect
-          width="21.4524"
-          height="23"
-          fill="white"
-          transform="translate(0.873291)"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
-
-<script setup lang="ts">
-import { siteColors } from "../../utils/index";
-</script>
-
-<style scoped>
-.icon-primary {
-  color: var(--primary-color);
-}
-</style>
+<template>
+  <svg
+    class="icon-primary"
+    width="23"
+    height="23"
+    viewBox="0 0 23 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_1311_589)">
+      <path
+        d="M18.6328 12.6722C20.6723 12.6722 22.3257 11.0189 22.3257 8.97937C22.3257 6.93985 20.6723 5.2865 18.6328 5.2865C16.5933 5.2865 14.9399 6.93985 14.9399 8.97937C14.9399 11.0189 16.5933 12.6722 18.6328 12.6722Z"
+        fill="#F4297E"
+      />
+      <path
+        d="M16.9778 3.75416C16.5794 3.26382 16.1351 2.81945 15.6141 2.4517C14.4802 1.63957 13.0858 1.14923 11.5841 1.14923C7.76863 1.14923 4.67336 4.2445 4.67336 8.04463V8.90273C4.67336 11.569 3.66203 13.99 2.02246 15.8288C4.01447 16.5643 6.11373 17.07 8.28962 17.3304"
+        :stroke="siteColors['font_color_code']"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.8633 17.3457C17.0392 17.0853 19.1384 16.5796 21.1304 15.8441C20.9312 15.6142 20.732 15.3844 20.5635 15.1545C20.3643 14.8787 20.1651 14.6029 19.9812 14.3118"
+        :stroke="siteColors['font_color_code']"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.8632 17.3458C13.7906 17.4683 12.6873 17.545 11.5841 17.545C10.4808 17.545 9.37755 17.4837 8.30493 17.3458"
+        :stroke="siteColors['font_color_code']"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.8633 17.3458C14.9706 17.6829 15.0319 18.0353 15.0319 18.4031C15.0319 20.3031 13.4842 21.8508 11.5842 21.8508C9.68411 21.8508 8.13647 20.3031 8.13647 18.4031C8.13647 18.0353 8.19777 17.6829 8.30503 17.3458"
+        :stroke="siteColors['font_color_code']"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1311_589">
+        <rect
+          width="21.4524"
+          height="23"
+          fill="white"
+          transform="translate(0.873291)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+
+<script setup lang="ts">
+import { siteColors } from "../../utils/index";
+</script>
+
+<style scoped>
+.icon-primary {
+  color: var(--primary-color);
+}
+</style>

package/src/components/Icons/SolidArrowRight.vue

@@ -1,14 +1,14 @@
-<template>
-  <svg
-    width="10"
-    height="16"
-    viewBox="0 0 10 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M9.17412 7.01135C9.6155 7.4086 9.6155 8.1007 9.17412 8.49794L1.66896 15.2526C1.02544 15.8317 -3.78441e-08 15.3751 0 14.5093V1.00001C3.78441e-08 0.134239 1.02544 -0.322455 1.66896 0.256715L9.17412 7.01135Z"
-      fill="#01D449"
-    />
-  </svg>
-</template>
+<template>
+  <svg
+    width="10"
+    height="16"
+    viewBox="0 0 10 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M9.17412 7.01135C9.6155 7.4086 9.6155 8.1007 9.17412 8.49794L1.66896 15.2526C1.02544 15.8317 -3.78441e-08 15.3751 0 14.5093V1.00001C3.78441e-08 0.134239 1.02544 -0.322455 1.66896 0.256715L9.17412 7.01135Z"
+      fill="#01D449"
+    />
+  </svg>
+</template>

package/src/components/Icons/checkbox.vue

@@ -1,19 +1,19 @@
-<template>
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect
-      x="0.5"
-      y="0.5"
-      width="15"
-      height="15"
-      rx="3.5"
-      fill="white"
-      stroke="#C1C1C2"
-    />
-  </svg>
-</template>
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="0.5"
+      y="0.5"
+      width="15"
+      height="15"
+      rx="3.5"
+      fill="white"
+      stroke="#C1C1C2"
+    />
+  </svg>
+</template>

package/src/components/Icons/outlineChecked.vue

@@ -1,38 +1,38 @@
-<template>
-  <svg
-    class="icon-primary"
-    width="25"
-    height="25"
-    viewBox="0 0 25 25"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect x="1" y="1" width="23" height="23" rx="3" fill="white" />
-    <rect
-      x="1"
-      y="1"
-      width="23"
-      height="23"
-      rx="3"
-      :stroke="siteColors['font_color_code']"
-      stroke-width="2"
-    />
-    <path
-      d="M7.8125 12.9688L11.5625 16.7188L17.1875 8.28125"
-      :stroke="siteColors['font_color_code']"
-      stroke-width="2.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
-
-<script setup lang="ts">
-import { siteColors } from "../../utils/index";
-</script>
-
-<style scoped>
-.icon-primary {
-  color: var(--primary-color);
-}
-</style>
+<template>
+  <svg
+    class="icon-primary"
+    width="25"
+    height="25"
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect x="1" y="1" width="23" height="23" rx="3" fill="white" />
+    <rect
+      x="1"
+      y="1"
+      width="23"
+      height="23"
+      rx="3"
+      :stroke="siteColors['font_color_code']"
+      stroke-width="2"
+    />
+    <path
+      d="M7.8125 12.9688L11.5625 16.7188L17.1875 8.28125"
+      :stroke="siteColors['font_color_code']"
+      stroke-width="2.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+import { siteColors } from "../../utils/index";
+</script>
+
+<style scoped>
+.icon-primary {
+  color: var(--primary-color);
+}
+</style>