@pocketprep/ui-kit 3.8.0 → 3.8.1

package/lib/components/Icons/Icon.vue

@@ -72,6 +72,9 @@ import IconQuickActions from './IconQuickActions.vue'
 import IconHighlight from './IconHighlight.vue'
 import IconGridDrag from './IconGridDrag.vue'
 import IconReadiness from './IconReadiness.vue'
+import IconConcept from './IconConcept.vue'
+import IconStar from './IconStar.vue'
+import IconRecommendedFilter from './IconRecommendedFilter.vue'
 
 withDefaults(defineProps<{
     type?: TIconType
@@ -169,4 +172,7 @@ withDefaults(defineProps<{
     <IconHighlight v-else-if="type === 'highlight'" :title="title" />
     <IconGridDrag v-else-if="type === 'gridDrag'" :title="title" />
     <IconReadiness v-else-if="type === 'readiness'" :title="title" />
+    <IconConcept v-else-if="type === 'concept'" :title="title" />
+    <IconStar v-else-if="type === 'star'" :title="title" />
+    <IconRecommendedFilter v-else-if="type === 'recommendedFilter'" :title="title" />
 </template>

package/lib/components/Icons/IconConcept.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+        
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
+<template>
+    <!-- eslint-disable -->
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <title>{{ title }}</title>
+        <path d="M10.094 20.4493C11.3264 22.1122 13.8759 22.0569 15.0208 20.2833L23.1858 7.62706C24.4734 5.63096 23.0406 3.0015 20.6653 3.00108H4.33521C1.95974 3.00127 0.527071 5.63087 1.8147 7.62706L9.97974 20.2833L10.094 20.4493ZM3.49536 6.54308C3.0661 5.87772 3.54346 5.00127 4.33521 5.00108H20.6653L20.8098 5.01085C21.466 5.10328 21.8537 5.81465 21.5754 6.41612L21.5051 6.54308L19.9202 9.00011H5.08032L3.49536 6.54308ZM8.30688 14.0001L5.72583 10.0001H19.2747L16.6936 14.0001H8.30688ZM13.3401 19.1983C12.9463 19.8086 12.0544 19.8084 11.6604 19.1983L8.95142 15.0001H16.0491L13.3401 19.1983Z" fill="currentColor"/>
+        <path d="M12.5 21L16.3971 14.25H8.60289L12.5 21Z" fill="currentColor" fill-opacity="0.2"/>
+    </svg>
+    <!-- eslint-enable -->
+</template>

package/lib/components/Icons/IconRecommendedFilter.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+        
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
+<template>
+    <!-- eslint-disable -->
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <title>{{ title }}</title>
+        <path d="M0.627197 2.69531C0.795865 2.22786 1.31207 1.98482 1.77954 2.15332C3.22494 2.67483 7.4087 3.7675 11.8088 4.75879C16.2202 5.75261 20.6897 6.60864 22.7288 6.69629C22.8976 6.70343 23.1894 6.73706 23.4514 6.93164C23.7862 7.18053 23.9008 7.5561 23.8713 7.88281C23.8474 8.14683 23.7352 8.36365 23.6545 8.49707C23.5647 8.64555 23.4534 8.79034 23.3372 8.9248C22.8849 9.44792 22.0929 10.1348 21.1594 10.8926C19.2907 12.4096 16.5178 14.4686 14.0715 16.4023C12.687 17.4974 11.1218 19.0248 9.79614 20.3262C9.14239 20.9679 8.54077 21.5608 8.06665 21.999C7.83041 22.2174 7.61015 22.4124 7.42114 22.5605C7.32705 22.6343 7.22617 22.7072 7.12622 22.7686C7.04385 22.8191 6.88683 22.9086 6.6936 22.9492V22.9482C6.2335 23.0451 5.83537 22.8777 5.56177 22.626C5.32331 22.4064 5.17073 22.1219 5.06665 21.8799C4.85446 21.3862 4.7 20.7153 4.56763 20.0098C4.50648 19.6838 4.44631 19.3328 4.38696 18.9658C4.3683 18.9778 4.35013 18.9908 4.3313 19.0029C3.91331 19.2719 3.35517 19.1504 3.08618 18.7324C2.81777 18.3147 2.93837 17.7583 3.35571 17.4893C3.61016 17.3255 3.85153 17.1703 4.07935 17.0234C3.96684 16.3214 3.84756 15.6028 3.70532 14.8975V14.8965C3.40893 13.4343 2.70727 11.3576 2.05493 9.53809C1.72597 8.62056 1.43262 7.82984 1.19751 7.17773C1.0838 6.86234 0.985784 6.58574 0.915283 6.37012C0.880295 6.26308 0.848466 6.16159 0.824463 6.07324C0.806695 6.00781 0.771521 5.87519 0.763916 5.74023C0.736208 5.24402 1.11636 4.81883 1.61255 4.79102C2.08439 4.76478 2.49033 5.10705 2.55298 5.56738C2.55419 5.57285 2.55718 5.58366 2.56177 5.60059C2.57433 5.64682 2.59535 5.71612 2.62622 5.81055C2.68775 5.99874 2.77784 6.25389 2.89087 6.56738C3.10948 7.17373 3.42828 8.03537 3.74927 8.93066C3.77973 9.01563 3.80924 9.10188 3.84009 9.18848C4.2592 9.1562 4.79055 9.16456 5.36646 9.19824C6.76526 9.28007 8.68514 9.51246 10.6028 9.7793C12.5266 10.047 14.4735 10.3543 15.9377 10.5947C16.6698 10.7149 17.2825 10.8181 17.7122 10.8916C17.8944 10.9228 18.0446 10.9485 18.1565 10.9678C18.831 10.4452 19.462 9.95188 20.0247 9.49512C20.55 9.06862 20.9898 8.69286 21.3352 8.37891C18.8709 8.09152 15.0537 7.33454 11.4143 6.51465C7.02695 5.52625 2.7364 4.41301 1.16919 3.84766C0.701792 3.67901 0.45882 3.16274 0.627197 2.69531ZM9.12427 16.3467C9.10679 16.4081 9.09048 16.4638 9.07446 16.5088C8.96277 16.8225 8.76688 17.2136 8.56958 17.5918C8.39704 17.9225 8.21501 18.2676 8.03833 18.6074C8.42051 18.2113 8.764 17.7467 8.95923 17.2793C9.15083 16.8208 9.67838 16.6044 10.137 16.7959C10.3023 16.865 10.4349 16.9788 10.5295 17.1162C10.691 16.9647 10.8538 16.8138 11.0168 16.6641L9.12427 16.3467ZM6.04224 17.9053C6.06899 18.0774 6.09535 18.2458 6.12134 18.4102C6.25843 18.1311 6.40186 17.8518 6.54126 17.5859C6.38625 17.6838 6.22098 17.7911 6.04224 17.9053ZM5.69751 15.7734C5.70871 15.8381 5.72074 15.9024 5.73169 15.9668C5.81401 15.9152 5.89337 15.8657 5.96997 15.8184L5.69751 15.7734ZM4.45337 10.9688C4.78782 11.9737 5.10164 12.9888 5.32056 13.8838L12.7805 15.1328C12.8392 15.0855 12.8971 15.0382 12.9553 14.9922L14.8674 13.5C15.3213 13.1496 15.7714 12.8037 16.2131 12.4648C16.0337 12.435 15.8442 12.4027 15.6458 12.3701C14.1892 12.131 12.2577 11.8264 10.3538 11.5615C8.44332 11.2957 6.58358 11.0735 5.26099 10.9961C4.94821 10.9778 4.67863 10.9698 4.45337 10.9688Z" fill="currentColor"/>
+    </svg>
+    <!-- eslint-enable -->
+</template>

package/lib/components/Icons/IconStar.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+        
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
+<template>
+    <!-- eslint-disable -->
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <title>{{ title }}</title>
+        <path d="M5.18244 0.527861C4.81169 0.616252 4.62363 0.887994 4.55162 1.07355C4.4904 1.23142 4.4915 1.36701 4.4927 1.4154C4.49544 1.52345 4.51814 1.60757 4.52361 1.62819C4.5328 1.66281 4.54286 1.69214 4.54922 1.71028C4.56215 1.74717 4.57638 1.78289 4.58798 1.81058C4.6121 1.86814 4.64384 1.94008 4.68141 2.02152C4.82598 2.33491 4.97747 3.03908 5.11307 3.89889C5.17722 4.3056 5.23371 4.71561 5.28338 5.08627C5.33217 5.45043 5.37623 5.79056 5.41339 6.0329C5.54425 6.88651 5.59938 7.74576 5.65071 8.64479C5.6882 9.30151 5.72395 9.98363 5.78941 10.6735C5.75971 10.6846 5.73071 10.6967 5.70169 10.7072C3.62507 11.4574 3.58143 11.5329 1.53917 12.2138C1.13068 12.35 0.749428 12.4949 0.502855 12.6668C0.43358 12.7152 0.332054 12.7952 0.241329 12.9117C0.151153 13.0276 0.0190088 13.2497 0.0360351 13.5528C0.0540656 13.8728 0.225902 14.0955 0.364624 14.2174C0.492802 14.33 0.62614 14.3896 0.705369 14.4205C0.980386 14.5276 1.35166 14.5583 1.63259 14.5749C1.9622 14.5944 2.36663 14.6012 2.80444 14.6044C3.81647 14.6118 5.02821 14.6 6.16786 14.6358C6.24567 15.7666 6.31106 16.9268 6.39319 18.0279C6.47418 19.1136 6.57074 20.1423 6.71218 20.9861C6.78294 21.4083 6.86868 21.8038 6.97536 22.147C7.07776 22.4764 7.21976 22.8252 7.43775 23.1051C7.57625 23.283 7.76335 23.4448 8.00587 23.5461C8.25021 23.6481 8.49768 23.6662 8.72085 23.6352C9.13237 23.5781 9.47298 23.3537 9.71138 23.1605C10.2055 22.7601 10.6972 22.1278 11.1155 21.5229C11.5469 20.8991 11.9535 20.2256 12.2692 19.6837C12.6083 19.1016 12.8028 18.7454 12.8724 18.6398C13.4116 17.8224 13.8744 16.8663 14.3022 15.9176C14.8297 16.0369 15.2517 16.149 15.644 16.2773C16.8937 16.6859 17.7937 17.2228 20.8729 18.6696C21.5987 19.0106 22.1657 19.253 22.5216 19.3321C22.6071 19.3511 22.7807 19.3854 22.9755 19.3601C23.0787 19.3467 23.2559 19.3077 23.4302 19.1808C23.6285 19.0362 23.7576 18.8249 23.7976 18.5923C23.8601 18.2278 23.6827 17.9498 23.6502 17.8968C23.586 17.7918 23.5096 17.6999 23.4474 17.6311C23.2069 17.365 22.7758 16.9968 22.2675 16.582C21.7412 16.1526 21.0717 15.6253 20.3127 15.0276C19.1418 14.1056 17.7501 13.0072 16.2936 11.8071C16.3064 11.7869 16.3186 11.7663 16.3315 11.7462C17.0737 10.5948 17.9659 9.36899 18.7115 8.10169C18.7714 7.9998 18.8948 7.83981 19.0899 7.60187C19.2637 7.38991 19.4882 7.12324 19.6692 6.87319C19.8249 6.65811 20.0668 6.30221 20.1335 5.91881C20.172 5.69739 20.1711 5.35622 19.9396 5.04042C19.7137 4.73243 19.3896 4.61532 19.1566 4.57047C18.9046 4.52203 18.6622 4.55933 18.5055 4.59147C18.3269 4.62814 18.1361 4.68599 17.9451 4.75284C17.562 4.88697 17.1006 5.08494 16.596 5.31989C15.5834 5.79142 14.3122 6.44962 12.9867 7.14348C12.567 7.3632 12.1419 7.58495 11.7181 7.80682C10.9076 7.0431 10.1276 6.27153 9.41177 5.50265C8.51091 4.53495 7.59371 3.16754 6.95442 2.15942C6.66504 1.70308 6.37434 1.22643 6.26289 1.05263C6.23202 1.00449 6.19235 0.943238 6.15443 0.892575C6.15171 0.888941 6.08777 0.79848 5.99057 0.71753C5.96152 0.693336 5.89536 0.641679 5.8 0.595544C5.72331 0.558473 5.48662 0.455348 5.18244 0.527861ZM7.99298 14.7558C8.2058 14.7806 8.40777 14.8092 8.59587 14.8432C10.2521 15.1422 11.4966 15.3668 12.4727 15.5498C12.1122 16.3305 11.7507 17.05 11.3467 17.6624C11.2428 17.8199 10.9767 18.3015 10.6926 18.7892C10.385 19.3171 10.005 19.9463 9.61205 20.5145C9.279 20.9961 8.96816 21.3846 8.71151 21.6355L8.71094 21.6347C8.63676 21.396 8.56726 21.0857 8.50363 20.7061C8.37631 19.9464 8.28436 18.9851 8.20401 17.908C8.13047 16.9222 8.06624 15.8381 7.99298 14.7558ZM15.4282 13.415C16.1472 14.0043 16.8456 14.5646 17.5034 15.0878C17.0551 14.8905 16.6441 14.7274 16.2072 14.5846C15.8505 14.4679 15.4731 14.3621 15.0394 14.2573C15.1688 13.9689 15.2983 13.6877 15.4282 13.415ZM7.74371 11.799C8.84266 11.3049 10.1299 10.6577 11.4301 9.98362C12.2749 10.7508 13.1395 11.5004 13.9925 12.2204C13.7217 12.7622 13.4679 13.3236 13.2236 13.8752C12.1491 13.6688 10.7753 13.4246 8.91305 13.0885C8.58984 13.0301 8.23353 12.9843 7.85679 12.9488C7.82267 12.5556 7.78493 12.1706 7.74371 11.799ZM13.8478 8.71988C15.1345 8.04629 16.3304 7.42816 17.283 6.98046C17.2305 7.05491 17.1811 7.12891 17.1388 7.2009C16.4346 8.39778 15.6881 9.41646 14.8939 10.6373C14.3031 10.1354 13.7107 9.62019 13.1255 9.09729C13.3686 8.96974 13.6103 8.84422 13.8478 8.71988ZM5.122 12.8288C5.37158 12.735 5.65393 12.6321 5.99371 12.508C6.0047 12.62 6.01614 12.7329 6.02651 12.8468C5.72376 12.8383 5.42055 12.8322 5.122 12.8288ZM7.19206 5.65353C7.47942 6.02203 7.77557 6.38057 8.07632 6.70361C8.69194 7.36482 9.35192 8.02638 10.0358 8.68289C9.15602 9.13521 8.30896 9.55707 7.54711 9.91512C7.5146 9.4701 7.48977 9.01876 7.46334 8.55577C7.41219 7.65973 7.35374 6.72297 7.2086 5.77641C7.20274 5.73822 7.19834 5.69707 7.19206 5.65353Z" fill="currentColor"/>
+    </svg>
+    <!-- eslint-enable -->
+</template>

package/lib/components/Icons/icon.d.ts

@@ -70,4 +70,7 @@ export type TIconType =
     | 'quickActions'
     | 'highlight'
     | 'gridDrag'
-    | 'readiness'
+    | 'readiness'
+    | 'concept'
+    | 'star'
+    | 'recommendedFilter'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pocketprep/ui-kit",
-  "version": "3.8.0",
+  "version": "3.8.1",
   "description": "Pocket Prep UI Kit",
   "author": "pocketprep",
   "scripts": {