@citizenplane/pimp 8.21.0 → 8.22.1

package/src/components/icons/IconNoRefund.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12.7799 3.37097C8.59342 3.37669 4.98193 6.27356 4.11929 10.3178C4.10009 10.4123 4.01607 10.4803 3.91848 10.4803H2.28643C2.11991 10.4804 1.96983 10.5795 1.90622 10.7314C1.84261 10.8833 1.87801 11.0581 1.99591 11.1742L4.59088 13.7344C4.75157 13.893 5.01206 13.893 5.17275 13.7344L7.7669 11.1742C7.88546 11.0575 7.92056 10.8815 7.85567 10.7291C7.79079 10.5768 7.63886 10.4784 7.47144 10.4803H6.03363C5.96936 10.4806 5.90868 10.4512 5.86971 10.4007C5.83073 10.3503 5.81799 10.2847 5.83528 10.2236C6.82212 6.67417 10.39 4.45521 14.0591 5.10904C15.6271 5.38846 16.992 6.15307 18.015 7.22328L19.1792 6.07394C17.5682 4.40849 15.2968 3.37097 12.7799 3.37097Z"
+    />
+    <path
+      d="M20.1979 7.34326L19.0014 8.52452C19.7311 9.7587 20.0905 11.2184 19.9526 12.7393C19.6201 16.4053 16.5083 19.2147 12.7799 19.2147C12.3254 19.2147 11.9569 19.5785 11.9569 20.0273C11.9569 20.476 12.3254 20.8398 12.7799 20.8398C17.6662 20.8398 21.6273 16.9292 21.6273 12.1053C21.6273 10.3486 21.102 8.71298 20.1979 7.34326Z"
+    />
+    <path
+      d="M13.6803 11.5026L12.1473 10.9104C11.9656 10.8208 11.8748 10.6414 11.8748 10.462C11.8748 10.193 12.0565 10.0136 12.329 10.0136H14.4185C14.9636 10.0136 15.327 9.65487 15.327 9.11675C15.327 8.57863 14.9636 8.21989 14.4185 8.21989H14.0551C13.9643 8.21989 13.8734 8.1302 13.8734 8.04051V7.95083C13.8734 7.41271 13.51 7.05396 12.9649 7.05396C12.4199 7.05396 12.0565 7.41271 12.0565 7.95083V8.30957C12.0565 8.39926 11.9656 8.48893 11.8748 8.48893C11.148 8.66831 10.6029 9.11675 10.3304 9.83424C9.87619 10.9104 10.4212 12.2557 11.6022 12.7042L12.221 12.9432L13.6803 11.5026Z"
+    />
+    <path
+      d="M13.8381 13.622L15.1304 12.3461C15.6575 12.9626 15.8242 13.8401 15.5087 14.5877C15.2361 15.3052 14.691 15.7536 13.9643 15.933C13.8734 15.933 13.7826 16.0227 13.7826 16.1124V16.2917C13.7826 16.8298 13.4192 17.1886 12.8741 17.1886C12.329 17.1886 11.9656 16.8298 11.9656 16.2917V16.202C11.9656 16.1124 11.8748 16.0227 11.7839 16.0227L11.4205 16.202C11.3575 16.202 11.2968 16.1972 11.2389 16.1879L13.0415 14.4083H13.51C13.7826 14.4083 13.9643 14.2289 13.9643 13.9599C13.9643 13.8378 13.9222 13.7158 13.8381 13.622Z"
+    />
+    <path
+      d="M21.8781 2.60471C21.5489 2.27971 21.0551 2.27971 20.7259 2.60471L2.61959 20.4798C2.29038 20.8048 2.29038 21.2922 2.61959 21.6173C2.9488 21.9422 3.52491 21.9422 3.77181 21.6173L21.8781 3.74221C22.2073 3.41721 22.2073 2.92971 21.8781 2.60471Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconNotion.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M3.25781 3.11684C3.67771 3.45796 3.83523 3.43193 4.62369 3.37933L12.0571 2.93299C12.2147 2.93299 12.0836 2.77571 12.0311 2.74957L10.7965 1.85711C10.56 1.67347 10.2448 1.46315 9.64083 1.51576L2.44308 2.04074C2.18059 2.06677 2.12815 2.19801 2.2327 2.30322L3.25781 3.11684ZM3.7041 4.84917V12.6704C3.7041 13.0907 3.91415 13.248 4.38693 13.222L12.5562 12.7493C13.0292 12.7233 13.0819 12.4341 13.0819 12.0927V4.32397C13.0819 3.98306 12.9508 3.79921 12.6612 3.82545L4.12422 4.32397C3.80918 4.35044 3.7041 4.50803 3.7041 4.84917ZM11.7688 5.26872C11.8212 5.50518 11.7688 5.74142 11.5319 5.76799L11.1383 5.84641V11.6205C10.7965 11.8042 10.4814 11.9092 10.2188 11.9092C9.79835 11.9092 9.69305 11.7779 9.37812 11.3844L6.80345 7.34249V11.2532L7.61816 11.437C7.61816 11.437 7.61816 11.9092 6.96086 11.9092L5.14879 12.0143C5.09615 11.9092 5.14879 11.647 5.33259 11.5944L5.80546 11.4634V6.29276L5.1489 6.24015C5.09625 6.00369 5.22739 5.66278 5.5954 5.63631L7.53935 5.50528L10.2188 9.5998V5.97765L9.53564 5.89924C9.4832 5.61018 9.69305 5.40028 9.95576 5.37425L11.7688 5.26872ZM1.83874 1.33212L9.32557 0.780787C10.245 0.701932 10.4815 0.754753 11.0594 1.17452L13.4492 2.85424C13.8436 3.14309 13.975 3.22173 13.975 3.53661V12.7493C13.975 13.3266 13.7647 13.6681 13.0293 13.7203L4.33492 14.2454C3.78291 14.2717 3.52019 14.193 3.23111 13.8253L1.47116 11.5419C1.1558 11.1216 1.02466 10.8071 1.02466 10.4392V2.25041C1.02466 1.77825 1.23504 1.38441 1.83874 1.33212Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconOffline.vue

@@ -0,0 +1,25 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_7211_17582)">
+      <path
+        d="M5.89999 2.37764C6.09017 2.30657 6.28499 2.24487 6.4839 2.1931C6.39865 2.32123 6.31621 2.45105 6.23662 2.58244C6.04586 2.89736 6.14652 3.30729 6.46144 3.49805C6.77636 3.68881 7.18629 3.58815 7.37705 3.27323C7.56648 2.9605 7.77434 2.65795 7.99996 2.36728C8.99641 3.65107 9.64661 5.1666 9.89209 6.76777C9.94788 7.13171 10.2881 7.38151 10.6521 7.32572C11.016 7.26992 11.2658 6.92966 11.21 6.56572C10.9702 5.00162 10.3916 3.50921 9.51615 2.1933C11.8874 2.81073 13.688 4.84224 13.9633 7.33342H12C11.6318 7.33342 11.3333 7.63189 11.3333 8.00008C11.3333 8.36827 11.6318 8.66675 12 8.66675H13.9634C13.903 9.21371 13.7692 9.73787 13.5723 10.2296C13.4354 10.5714 13.6015 10.9594 13.9433 11.0963C14.2851 11.2332 14.6731 11.0671 14.81 10.7253C15.1478 9.88191 15.3333 8.96184 15.3333 8.00008C15.3333 3.94999 12.05 0.666748 7.99996 0.666748C7.0982 0.666748 6.233 0.829818 5.43327 1.12866C5.08837 1.25754 4.91326 1.64162 5.04214 1.98651C5.17102 2.33141 5.55509 2.50652 5.89999 2.37764Z"
+      />
+      <path
+        d="M12.6926 13.6356C11.4213 14.6953 9.78431 15.3334 7.99996 15.3334C3.94987 15.3334 0.666626 12.0502 0.666626 8.00008C0.666626 6.21573 1.30474 4.57878 2.36443 3.30742L0.861888 1.80488C0.601539 1.54453 0.601539 1.12242 0.861888 0.862071C1.12224 0.601722 1.54435 0.601722 1.8047 0.862071L15.138 14.1954C15.3984 14.4558 15.3984 14.8779 15.138 15.1382C14.8777 15.3986 14.4556 15.3986 14.1952 15.1382L12.6926 13.6356ZM3.31198 4.25497C2.6212 5.11838 2.16436 6.17593 2.03653 7.33342H4.70002C4.74028 6.83724 4.81443 6.34642 4.92117 5.86417L3.31198 4.25497ZM6.0731 7.01609C6.05976 7.12155 6.04817 7.22733 6.03835 7.33342H6.39042L6.0731 7.01609ZM7.72375 8.66675H6.03835C6.20582 10.4755 6.88684 12.1988 7.99996 13.6329C8.72056 12.7045 9.26007 11.6549 9.5964 10.5394L7.72375 8.66675ZM10.6481 11.5911C10.3576 12.3687 9.97817 13.1124 9.51603 13.807C10.3417 13.5922 11.0979 13.2058 11.7451 12.6881L10.6481 11.5911ZM4.70002 8.66675C4.84949 10.5089 5.46603 12.2771 6.48376 13.8069C4.1125 13.1894 2.31196 11.1579 2.03658 8.66675H4.70002Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_7211_17582">
+        <rect width="16" height="16" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/src/components/icons/IconPaid.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M4 22V2L5.6 3.62162L7.2 2L8.8 3.62162L10.4 2L12 3.62162L13.6 2L15.2 3.62162L16.8 2L18.4 3.62162L20 2V22L18.4 20.3784L16.8 22L15.2 20.3784L13.6 22L12 20.3784L10.4 22L8.8 20.3784L7.2 22L5.6 20.3784L4 22Z"
+    />
+    <path d="M16 9L11.1875 14L9 11.7273" />
+  </svg>
+</template>

package/src/components/icons/IconPassport.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+  >
+    <path
+      d="M3.45483 3.88318C3.45483 2.22632 4.79798 0.883179 6.45483 0.883179H17.545C19.2018 0.883179 20.545 2.22632 20.545 3.88318V20.1169C20.545 21.7737 19.2018 23.1169 17.545 23.1169H6.45483C4.79798 23.1169 3.45483 21.7737 3.45483 20.1169V3.88318ZM6.45483 2.88318C5.90255 2.88318 5.45483 3.33089 5.45483 3.88318V20.1169C5.45483 20.6691 5.90255 21.1169 6.45483 21.1169H17.545C18.0973 21.1169 18.545 20.6691 18.545 20.1169V3.88318C18.545 3.33089 18.0973 2.88318 17.545 2.88318H6.45483Z"
+    />
+    <path
+      d="M7.57593 18.2964C7.57593 17.7441 8.02364 17.2964 8.57593 17.2964H15.4242C15.9765 17.2964 16.4242 17.7441 16.4242 18.2964C16.4242 18.8487 15.9765 19.2964 15.4242 19.2964H8.57593C8.02364 19.2964 7.57593 18.8487 7.57593 18.2964Z"
+    />
+    <path
+      d="M11.9999 14.5239C14.8415 14.5239 17.1452 12.221 17.1466 9.37975L17.1466 9.37732C17.1466 6.53491 14.8423 4.23059 11.9999 4.23059C9.1575 4.23059 6.85327 6.53482 6.85327 9.37724C6.85327 12.2196 9.1575 14.5239 11.9999 14.5239ZM10.2876 6.15677C9.34877 6.657 8.65444 7.55578 8.43046 8.62732H9.54302C9.64653 7.76371 9.89961 6.92801 10.2876 6.15677ZM13.7124 6.15688C14.1004 6.92809 14.3535 7.76375 14.457 8.62732H15.5694C15.3454 7.55586 14.6512 6.65713 13.7124 6.15688ZM12.9435 8.62732C12.8122 7.75568 12.4898 6.9241 12 6.19247C11.5102 6.9241 11.1877 7.75568 11.0565 8.62732H12.9435ZM11.0565 10.1273H12.9435C12.8122 10.9989 12.4897 11.8304 12 12.5619C11.5103 11.8304 11.1878 10.9989 11.0565 10.1273ZM9.54305 10.1273H8.43049C8.65452 11.1988 9.34884 12.0975 10.2877 12.5977C9.89968 11.8265 9.64659 10.9909 9.54305 10.1273ZM13.7123 12.5976C14.1003 11.8265 14.3534 10.9908 14.4569 10.1273H15.5693C15.3453 11.1987 14.6511 12.0974 13.7123 12.5976Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconPayout.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    xmlns="http://www.w3.org/2000/svg"
+    fill-rule="evenodd"
+    fill="currentColor"
+    clip-rule="evenodd"
+  >
+    <path
+      d="M13.0435 8.78749C13.0435 9.30923 12.6087 9.83097 12 9.83097C11.3913 9.83097 10.8696 9.39619 10.8696 8.78749V6.78749C10.8696 6.70053 10.7826 6.61358 10.6957 6.61358H9.39129C9.13042 6.61358 8.95651 6.52662 8.78259 6.35271C8.43477 6.00488 8.43477 5.48314 8.78259 5.13532L11.3913 2.52662C11.7391 2.17879 12.2609 2.17879 12.6087 2.52662L15.2174 5.13532C15.3913 5.30923 15.4783 5.48314 15.4783 5.74401C15.4783 6.26575 15.1304 6.61358 14.6087 6.61358H13.2174C13.1304 6.61358 13.0435 6.70053 13.0435 6.78749V8.78749ZM3.56653 10.7628C2.46196 10.7628 1.56653 11.6582 1.56653 12.7628V21.2084C1.56653 22.3129 2.46196 23.2084 3.56653 23.2084H20.4333C21.5379 23.2084 22.4333 22.3129 22.4333 21.2084V12.7628C22.4333 11.6582 21.5379 10.7628 20.4333 10.7628H3.56653ZM18.9775 12.7628H5.02242C4.95091 13.1093 4.78075 13.4394 4.51192 13.7082C4.24309 13.977 3.91296 14.1472 3.56653 14.2187V19.7524C3.91296 19.8239 4.24309 19.9941 4.51192 20.2629C4.78077 20.5317 4.95094 20.8619 5.02244 21.2084H18.9775C19.0489 20.8619 19.2191 20.5317 19.488 20.2629C19.7568 19.9941 20.0869 19.8239 20.4333 19.7524V14.2187C20.0869 14.1472 19.7568 13.977 19.488 13.7082C19.2191 13.4394 19.049 13.1093 18.9775 12.7628ZM13.5717 16.9856C13.5717 17.8536 12.868 18.5573 12 18.5573C11.132 18.5573 10.4283 17.8536 10.4283 16.9856C10.4283 16.1176 11.132 15.4139 12 15.4139C12.868 15.4139 13.5717 16.1176 13.5717 16.9856ZM15.5717 16.9856C15.5717 18.9582 13.9726 20.5573 12 20.5573C10.0274 20.5573 8.42834 18.9582 8.42834 16.9856C8.42834 15.013 10.0274 13.4139 12 13.4139C13.9726 13.4139 15.5717 15.013 15.5717 16.9856ZM7 16.9856C7 17.5379 6.55228 17.9856 6 17.9856C5.44772 17.9856 5 17.5379 5 16.9856C5 16.4333 5.44772 15.9856 6 15.9856C6.55228 15.9856 7 16.4333 7 16.9856ZM19 16.9856C19 17.5379 18.5523 17.9856 18 17.9856C17.4477 17.9856 17 17.5379 17 16.9856C17 16.4333 17.4477 15.9856 18 15.9856C18.5523 15.9856 19 16.4333 19 16.9856Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconReceipt.vue

@@ -0,0 +1,20 @@
+<template>
+  <svg
+    width="25"
+    height="25"
+    viewBox="0 0 25 25"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M4.80469 22.5V2.5L6.40469 4.12162L8.00469 2.5L9.60469 4.12162L11.2047 2.5L12.8047 4.12162L14.4047 2.5L16.0047 4.12162L17.6047 2.5L19.2047 4.12162L20.8047 2.5V22.5L19.2047 20.8784L17.6047 22.5L16.0047 20.8784L14.4047 22.5L12.8047 20.8784L11.2047 22.5L9.60469 20.8784L8.00469 22.5L6.40469 20.8784L4.80469 22.5Z"
+    />
+    <path d="M16.8047 8.5H8.80469" />
+    <path d="M16.8047 12.5H8.80469" />
+    <path d="M16.8047 16.5H8.80469" />
+  </svg>
+</template>

package/src/components/icons/IconRecurrence.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M13.9432 0.511841C14.4955 0.511841 14.9432 0.959556 14.9432 1.51184V2.27185H16.3431C17.9999 2.27185 19.3431 3.615 19.3431 5.27185V8.42388C19.3431 8.44533 19.3424 8.46663 19.3411 8.48776C19.3424 8.50888 19.3431 8.53018 19.3431 8.55164C19.3431 9.10392 18.8954 9.55164 18.3431 9.55164H3.50354V17.1114C3.50354 17.6637 3.95126 18.1114 4.50354 18.1114H6.11962C6.6719 18.1114 7.11962 18.5591 7.11962 19.1114C7.11962 19.6637 6.6719 20.1114 6.11962 20.1114H4.50354C2.84668 20.1114 1.50354 18.7682 1.50354 17.1114V5.27185C1.50354 3.61499 2.84669 2.27185 4.50354 2.27185H5.90344V1.51184C5.90344 0.959556 6.35116 0.511841 6.90344 0.511841C7.45573 0.511841 7.90344 0.959556 7.90344 1.51184V2.27185H12.9432V1.51184C12.9432 0.959556 13.391 0.511841 13.9432 0.511841ZM17.3431 5.27185V7.55164H3.50354V5.27185C3.50354 4.71957 3.95125 4.27185 4.50354 4.27185H5.90344V5.03174C5.90344 5.58402 6.35116 6.03174 6.90344 6.03174C7.45573 6.03174 7.90344 5.58402 7.90344 5.03174V4.27185H12.9432V5.03174C12.9432 5.58402 13.391 6.03174 13.9432 6.03174C14.4955 6.03174 14.9432 5.58402 14.9432 5.03174V4.27185H16.3431C16.8954 4.27185 17.3431 4.71957 17.3431 5.27185Z"
+    />
+    <path
+      d="M18.3333 17.4153C17.781 17.4153 17.3333 17.863 17.3333 18.4153C17.3333 18.9676 17.781 19.4153 18.3333 19.4153H19.3088L18.4419 20.2299C18.4343 20.237 18.4268 20.2443 18.4194 20.2517C17.9119 20.7595 17.284 21.1304 16.5943 21.3299C15.9047 21.5294 15.1757 21.5509 14.4755 21.3925C13.7753 21.234 13.1266 20.9008 12.59 20.4239C12.0534 19.9469 11.6464 19.3418 11.4069 18.665C11.2226 18.1444 10.6512 17.8717 10.1306 18.0559C9.60993 18.2401 9.33721 18.8116 9.52145 19.3322C9.87365 20.3275 10.4722 21.2174 11.2614 21.9187C12.0505 22.6201 13.0044 23.1102 14.0342 23.3431C15.0639 23.5761 16.1359 23.5445 17.1501 23.2511C18.159 22.9593 19.0781 22.4179 19.8224 21.6771L20.8333 20.7272V21.9153C20.8333 22.4676 21.281 22.9153 21.8333 22.9153C22.3855 22.9153 22.8333 22.4676 22.8333 21.9153V18.4284C22.8366 18.1785 22.7468 17.927 22.5621 17.7305C22.4581 17.6198 22.3348 17.5381 22.2023 17.4856C22.0881 17.4402 21.9636 17.4153 21.8333 17.4153H18.3333Z"
+    />
+    <path
+      d="M9 11.582C9.55229 11.582 10 12.0297 10 12.582V13.7701L11.011 12.8201C11.7553 12.0793 12.6743 11.538 13.6833 11.2461C14.6975 10.9528 15.7695 10.9211 16.7992 11.1541C17.8289 11.3871 18.7829 11.8771 19.572 12.5785C20.3611 13.2799 20.9597 14.1697 21.3119 15.165C21.4961 15.6857 21.2234 16.2571 20.7028 16.4413C20.1821 16.6256 19.6107 16.3529 19.4265 15.8322C19.187 15.1554 18.7799 14.5503 18.2433 14.0734C17.7067 13.5964 17.058 13.2632 16.3578 13.1048C15.6576 12.9463 14.9287 12.9679 14.239 13.1674C13.5494 13.3668 12.9215 13.7378 12.414 14.2455C12.4066 14.2529 12.3991 14.2602 12.3914 14.2674L11.5245 15.082H12.5C13.0523 15.082 13.5 15.5297 13.5 16.082C13.5 16.6343 13.0523 17.082 12.5 17.082H9C8.74912 17.082 8.51981 16.9896 8.34426 16.837C8.24102 16.7473 8.15638 16.6367 8.09685 16.5119C8.03476 16.3817 8 16.2359 8 16.082V12.582C8 12.0297 8.44772 11.582 9 11.582Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconRefund.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M3.77243 10.2761C4.64589 6.12802 8.30266 3.15687 12.5416 3.151C17.4892 3.151 21.5 7.1618 21.5 12.1094C21.5 17.057 17.4892 21.0678 12.5416 21.0678C12.0814 21.0678 11.7083 20.6947 11.7083 20.2344C11.7083 19.7742 12.0814 19.4011 12.5416 19.4011C16.3167 19.4011 19.4676 16.5197 19.8042 12.7596C20.1408 8.99949 17.5519 5.60423 13.8368 4.93364C10.1218 4.26305 6.50916 6.5389 5.50994 10.1794C5.49243 10.2421 5.50533 10.3093 5.54479 10.3611C5.58425 10.4128 5.6457 10.443 5.71077 10.4427H7.16661C7.33613 10.4407 7.48996 10.5416 7.55566 10.6979C7.62136 10.8542 7.58582 11.0347 7.46578 11.1544L4.8391 13.7802C4.67639 13.9429 4.41264 13.9429 4.24993 13.7802L1.62242 11.1544C1.50305 11.0353 1.4672 10.8561 1.53161 10.7002C1.59602 10.5444 1.74799 10.4428 1.91659 10.4427H3.5691C3.66792 10.4427 3.75299 10.373 3.77243 10.2761Z"
+    />
+    <path
+      d="M10.2454 15.391C10.2454 15.943 10.6133 16.3109 11.1652 16.3109L11.5332 16.1269C11.6251 16.1269 11.7171 16.2189 11.7171 16.3109V16.4029C11.7171 16.9548 12.0851 17.3227 12.637 17.3227C13.1889 17.3227 13.5568 16.9548 13.5568 16.4029V16.2189C13.5568 16.1269 13.6488 16.0349 13.7408 16.0349C14.4767 15.851 15.0286 15.391 15.3046 14.6552C15.7645 13.5513 15.2126 12.1715 14.0168 11.7116L11.9011 10.8837C11.7171 10.7917 11.6251 10.6078 11.6251 10.4238C11.6251 10.1478 11.8091 9.96387 12.0851 9.96387H14.2007C14.7527 9.96387 15.1206 9.59593 15.1206 9.04401C15.1206 8.4921 14.7527 8.12416 14.2007 8.12416H13.8328C13.7408 8.12416 13.6488 8.03217 13.6488 7.94018V7.8482C13.6488 7.29628 13.2809 6.92834 12.729 6.92834C12.1771 6.92834 11.8091 7.29628 11.8091 7.8482V8.21614C11.8091 8.30813 11.7171 8.40012 11.6251 8.40012C10.8893 8.58409 10.3373 9.04401 10.0614 9.7799C9.60149 10.8837 10.1534 12.2635 11.3492 12.7235L13.4649 13.5513C13.6488 13.6433 13.7408 13.8273 13.7408 14.0113C13.7408 14.2872 13.5568 14.4712 13.2809 14.4712H11.1652C10.6133 14.4712 10.2454 14.8391 10.2454 15.391Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconRoundTrip.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+  >
+    <path
+      d="M6.74805 9.61494C7.23216 10.0422 8.12116 9.75737 8.12116 9.11655L8.1212 7.6363H16.1213C17.3263 7.6363 18.3031 8.61312 18.3031 9.81809V11.0302C18.3031 11.4319 18.6287 11.7575 19.0304 11.7575C19.432 11.7575 19.7576 11.4319 19.7576 11.0302V9.81809C19.7576 7.80981 18.1296 6.18177 16.1213 6.18177H8.12123L8.12126 4.70192C8.12126 4.06101 7.23216 3.77555 6.74805 4.20344L4.24193 6.41076C3.91948 6.69563 3.91948 7.12284 4.24193 7.40762L6.74805 9.61494ZM7.87882 17.3332L15.8789 17.3332L15.8788 18.813C15.8788 19.4539 16.7679 19.7393 17.2521 19.3114L19.7582 17.1041C20.0806 16.8192 20.0806 16.392 19.7582 16.1073L17.2521 13.8999C16.7679 13.4726 15.8789 13.7575 15.8789 14.3983L15.8789 15.8787L7.87882 15.8787C6.67385 15.8787 5.69702 14.9019 5.69702 13.6969L5.69702 12.4848C5.69702 12.0831 5.37142 11.7575 4.96976 11.7575C4.5681 11.7575 4.24249 12.0831 4.24249 12.4848L4.24249 13.6969C4.24249 15.7052 5.87053 17.3332 7.87882 17.3332Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconRouteNoStop.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M17.3806 8.68262C17.6241 8.43913 17.9893 8.43913 18.2328 8.68262L21.1545 11.6043C21.3974 11.8478 21.3974 12.213 21.1545 12.3957L18.2328 15.318C18.111 15.4391 17.9893 15.5 17.8067 15.5C17.4409 15.5 17.198 15.2565 17.198 14.8913V12.899L4.23801 12.9C4.01886 12.9 3.80725 12.8201 3.64285 12.6751C3.47844 12.5302 3.37255 12.3303 3.34501 12.1129L3.33801 12C3.33801 11.7613 3.43283 11.5324 3.60162 11.3636C3.7704 11.1948 3.99932 11.1 4.23801 11.1L17.198 11.099V9.10872C17.198 8.96272 17.237 8.85552 17.3149 8.75612L17.3806 8.68262Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconRouteOneStop.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12.858 11.1611H17.5838C17.6672 11.1611 17.7505 11.0777 17.7505 10.9944V9.41094C17.7505 8.66094 18.6672 8.32754 19.1664 8.82764L21.7506 11.411C22.0831 11.7443 22.0831 12.2443 21.7506 12.5777L19.1664 15.1611C18.6672 15.6619 17.7504 15.3278 17.7504 14.5777V12.9944C17.7504 12.911 17.6672 12.8277 17.5838 12.8277H12.8582C12.5151 13.7988 11.589 14.4946 10.5002 14.4946C9.4115 14.4946 8.4855 13.7988 8.1424 12.8276H2.8334C2.3334 12.8276 2 12.4943 2 11.9943C2 11.4943 2.3333 11.161 2.8334 11.161H8.1424C8.4857 10.19 9.4117 9.49444 10.5003 9.49444C11.5889 9.49444 12.5148 10.19 12.8581 11.161L12.858 11.1611Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconScheduleChange.vue

@@ -0,0 +1,31 @@
+<template>
+  <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#3E3E5B">
+    <path
+      d="M18.3431 9.31279V6.16077C18.3431 5.0562 17.4476 4.16077 16.3431 4.16077H4.50354C3.39897 4.16077 2.50354 5.0562 2.50354 6.16077V18.0003C2.50354 19.1049 3.39897 20.0003 4.50354 20.0003H6.11962"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M13.9432 2.40076V5.92065" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M6.90344 2.40076V5.92065" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M2.50354 9.44055H18.3431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M15.9196 14.4542V17.8002L18.1502 18.9156"
+      stroke-width="1.78937"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.3429 17.8002C10.3429 14.7202 12.8397 12.2235 15.9196 12.2235C18.9995 12.2235 21.4963 14.7202 21.4963 17.8002C21.4963 20.8462 19.005 23.3771 15.9196 23.3771"
+      stroke-width="1.78937"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.96887 17.1132L10.3429 18.4872L11.7169 17.1132"
+      stroke-width="1.78937"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/components/icons/IconSeatEmpty.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path
+      d="M13.0827 2.6348H11.4613L9.84009 2.63477C7.63095 2.63477 5.84009 4.42563 5.84009 6.63477V10.5709H6.65073C7.7553 10.5709 8.65073 11.4663 8.65073 12.5709V15.3513L11.4613 15.3513H14.272V12.5709C14.272 11.4663 15.1675 10.5709 16.272 10.5709H17.0827V6.6348C17.0827 4.42566 15.2918 2.6348 13.0827 2.6348Z"
+    />
+    <path
+      d="M5.44946 14.0751L5.44947 16.6389C5.44948 17.6882 6.30014 18.5389 7.34947 18.5389H11.2033H15.5734C16.6227 18.5389 17.4734 17.6882 17.4734 16.6389V14.0751"
+    />
+    <path d="M8.13684 22.5175L14.7859 22.5175" />
+    <path d="M11.4614 18.5387L11.4614 22.5385" />
+  </svg>
+</template>

package/src/components/icons/IconSeatSold.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="#3E3E5B"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path
+      d="M13.3861 9V5.74613C13.3861 3.53699 11.5953 1.74612 9.38614 1.74612H7.7648L6.14356 1.74609C3.93442 1.74609 2.14355 3.53696 2.14355 5.74609V9.68219H2.95419C4.05876 9.68219 4.95419 10.5776 4.95419 11.6822V14.4626L7.7648 14.4627"
+    />
+    <path d="M1.75293 13.1865L1.75294 15.7504C1.75295 16.7997 2.6036 17.6503 3.65294 17.6503H7.69867" />
+    <path d="M4.44043 21.6289L11.0895 21.6289" />
+    <path d="M7.76367 17.6494L7.76367 21.6492" />
+    <path d="M22 9L14.4375 17L11 13.3636" />
+  </svg>
+</template>

package/src/components/icons/IconSeatTotal.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path
+      d="M9.52811 2.6348H7.90677L6.28552 2.63477C4.07638 2.63477 2.28552 4.42563 2.28552 6.63477V10.5709H3.09616C4.20073 10.5709 5.09616 11.4663 5.09616 12.5709V15.3513L7.90677 15.3513H10.7175V12.5709C10.7175 11.4663 11.6129 10.5709 12.7175 10.5709H13.5281V6.6348C13.5281 4.42566 11.7372 2.6348 9.52811 2.6348Z"
+    />
+    <path
+      d="M1.8949 14.0751L1.89491 16.6389C1.89491 17.6882 2.74557 18.5389 3.79491 18.5389H7.64869H12.0188C13.0682 18.5389 13.9188 17.6882 13.9188 16.6389V14.0751"
+    />
+    <path d="M4.58228 22.5175L11.2314 22.5175" />
+    <path d="M7.90686 18.5387L7.90686 22.5385" />
+    <path
+      d="M15.4546 2.5H18.5C20.1569 2.5 21.5 3.84315 21.5 5.5V11H20.4693C19.3648 11 18.4693 11.8954 18.4693 13V15.3227H17.153"
+    />
+    <path d="M21.7691 14.0751V16.6366C21.7691 17.6859 20.9184 18.5366 19.8691 18.5366H16.7479V22.5283" />
+    <path d="M14.6714 22.5175L20.0383 22.5175" />
+  </svg>
+</template>

package/src/components/icons/IconTemplate.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path
+      d="M13 2.73706H6C5.46957 2.73706 4.96086 2.94777 4.58579 3.32285C4.21071 3.69792 4 4.20663 4 4.73706V20.7371C4 21.2675 4.21071 21.7762 4.58579 22.1513C4.96086 22.5263 5.46957 22.7371 6 22.7371H18C18.5304 22.7371 19.0391 22.5263 19.4142 22.1513C19.7893 21.7762 20 21.2675 20 20.7371V9.73706L13 2.73706Z"
+    />
+    <path d="M12.1357 9.02393L9.59766 13.3278H13.6255L11.0841 17.6324" />
+  </svg>
+</template>

package/src/components/icons/IconTicket.vue

@@ -0,0 +1,23 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path
+      d="M22 6H2V9.5H2.42683C3.80754 9.5 4.92683 10.6193 4.92683 12C4.92683 13.3807 3.80754 14.5 2.42683 14.5H2V18H22V14.5H21.5732C20.1925 14.5 19.0732 13.3807 19.0732 12C19.0732 10.6193 20.1925 9.5 21.5732 9.5H22V6Z"
+    />
+    <path d="M11 10.3334H16.5" />
+    <path d="M11 13.6667H14" />
+    <path d="M8 7H8.01" />
+    <path d="M8 10.3334H8.01" />
+    <path d="M8 13.6667H8.01" />
+    <path d="M8 17.0001H8.01" />
+  </svg>
+</template>

package/src/components/icons/IconTimer.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M8.43535 10.7231C8.82587 10.3325 9.45904 10.3325 9.84956 10.7231L12.4187 13.2922C12.8092 13.6827 12.8092 14.3159 12.4187 14.7064C12.0281 15.0969 11.395 15.0969 11.0044 14.7064L8.43535 12.1373C8.04483 11.7468 8.04483 11.1136 8.43535 10.7231Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.5421 1.74255L9.4812 1.74258C8.92891 1.74258 8.4812 2.1903 8.4812 2.74258C8.4812 3.29486 8.92892 3.74258 9.48121 3.74258L11.0051 3.74257V5.97386C6.99453 6.46438 3.88843 9.882 3.88843 14.0251C3.88843 18.505 7.52013 22.1367 12.0001 22.1367C16.48 22.1367 20.1117 18.505 20.1117 14.0251C20.1117 12.1326 19.4636 10.3914 18.3772 9.01146L19.5985 7.79019C19.989 7.39967 19.989 6.7665 19.5985 6.37598C19.2079 5.98545 18.5748 5.98545 18.1842 6.37598L16.9567 7.60351C15.8359 6.7371 14.482 6.15761 13.0051 5.9751V3.74256L14.5421 3.74255C15.0944 3.74255 15.5421 3.29483 15.5421 2.74255C15.5421 2.19026 15.0944 1.74255 14.5421 1.74255ZM12.0001 7.91345C8.6247 7.91345 5.88843 10.6497 5.88843 14.0251C5.88843 17.4004 8.6247 20.1367 12.0001 20.1367C15.3754 20.1367 18.1117 17.4004 18.1117 14.0251C18.1117 10.6497 15.3754 7.91345 12.0001 7.91345Z"
+    />
+  </svg>
+</template>

package/src/components/icons/IconTrafficControl.vue

@@ -0,0 +1,11 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      stroke="none"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V4H3.00001C2.70443 4 2.424 4.13076 2.234 4.35717C2.044 4.58358 1.96389 4.88244 2.01518 5.17353L3.46045 13.3757C3.54467 13.8537 3.95994 14.2022 4.44528 14.2022H7V21.928C7 22.4803 7.44772 22.928 8 22.928C8.55228 22.928 9 22.4803 9 21.928V14.2022H12.1534H15.2021V21.928C15.2021 22.4803 15.6499 22.928 16.2021 22.928C16.7544 22.928 17.2021 22.4803 17.2021 21.928V14.2022H19.8615C20.3469 14.2022 20.7621 13.8537 20.8464 13.3757L22.2916 5.17353C22.3429 4.88244 22.2628 4.58358 22.0728 4.35717C21.8828 4.13076 21.6024 4 21.3068 4H13V3ZM11 6H9.06389L9.54098 12.2022H12.1534H14.6613L15.1384 6H13H12.1534H11ZM4.19162 6H7.05799L7.53508 12.2022H5.28448L4.19162 6ZM16.6672 12.2022H19.0223L20.1152 6H17.1443L16.6672 12.2022Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/components/{index.js → index.ts}

@@ -120,7 +120,7 @@ const Pimp = {
     app.directive('tooltip', vTooltip)
 
     // CpToaster
-    let methods = createToaster(options)
+    const methods = createToaster(options)
     app.$toaster = methods
     app.config.globalProperties.$toaster = methods
   },

package/src/components/inputs/CpInput.vue

@@ -4,7 +4,7 @@
       {{ capitalizedLabel }} <span v-if="isRequired" class="u-asterisk">*</span>
       <cp-tooltip v-if="tooltip" :content="tooltip">
         <button type="button" class="cpInput__tooltip">
-          <icon-tooltip class="cpInput__tooltipIcon" />
+          <cp-icon class="cpInput__tooltipIcon" type="cp-tooltip" />
         </button>
       </cp-tooltip>
     </base-input-label>
@@ -121,7 +121,7 @@ defineOptions({ inheritAttrs: false })
 const attrs = useAttrs()
 
 // class is a reserved word, we can't remove 'class' property from attrs
-// eslint-disable-next-line no-unused-vars
+// eslint-disable-next-line
 const { ['class']: value, id, ...restAttributes } = attrs
 
 const inputIdentifier = ref(id || randomString())

package/src/components/lists-and-table/CpTable.vue

@@ -311,12 +311,14 @@ const handleNavigationClick = (isNext = true) => {
   resetScrollPosition()
 
   if (isNext) {
-    hasRemainingPages.value && augmentOffset()
+    if (hasRemainingPages.value) {
+      augmentOffset()
+    }
     emit('onNextClick')
     return
   }
 
-  hasPreviousPages.value && decreaseOffset()
+  if (hasPreviousPages.value) decreaseOffset()
   emit('onPreviousClick')
 }
 

package/src/components/selects/CpSelectMenu.vue

@@ -129,8 +129,12 @@ export default {
       this.$emit('on-close')
     },
     onChange(value) {
-      value.value !== this.selectedValue.value && this.$emit('update:selectedValue', value)
-      this.closeOnSelect && this.closeDropdown()
+      if (value.value !== this.selectedValue.value) {
+        this.$emit('update:selectedValue', value)
+      }
+      if (this.closeOnSelect) {
+        this.closeDropdown()
+      }
     },
     updateFilterValue(event) {
       this.$emit('on-filter-change', event.target.value)

package/src/components/visual/CpIcon.vue

@@ -1,76 +1,90 @@
-<script>
-import { defineComponent, h, watch } from 'vue'
+<template>
+  <component :is="wrapperTag" v-bind="wrapperAttrs">
+    <component :is="dynamicIcon" v-bind="iconAttrs" />
+  </component>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
 import * as feather from 'feather-icons'
+import { CustomCpIcons } from '@/constants'
 
-export default defineComponent({
-  name: 'CpIcon',
-  props: {
-    size: {
-      type: [Number, String],
-      default: 24,
-    },
+interface Props {
+  size?: number | string
+  tag?: string
+  type: string
+  weight?: number
+}
 
-    tag: {
-      type: String,
-      default: 'i',
-    },
+const props = withDefaults(defineProps<Props>(), {
+  size: 24,
+  tag: 'i',
+  weight: 0,
+})
 
-    type: {
-      type: String,
-      default: 'feather',
-      validator(type) {
-        if (!feather) {
-          throw new Error('The Feather icons is required.')
-        }
+const wrapperTag = computed(() => props.tag)
+const type = computed(() => props.type)
+const size = computed(() => props.size)
+const weight = computed(() => props.weight)
 
-        if (!feather.icons[type]) {
-          throw new Error(`"${type}" is not an available icon type.`)
-        }
+// @ts-expect-error cannot use string as index type for CustomCpIcons
+const isCustomIcon = computed(() => !!CustomCpIcons[type.value])
+// @ts-expect-error cannot use string as index type for feather.icons
+const isFeatherIcon = computed(() => !!feather.icons[type.value])
 
-        return true
-      },
-    },
-  },
-  setup(props, { attrs }) {
-    let icon = feather.icons[props.type] || ''
+const dynamicIcon = computed(() => {
+  if (isFeatherIcon.value && isCustomIcon.value) {
+    throw new Error(`Icon type "${type.value}" is defined in both feather icons and CustomCpIcons. Please choose one.`)
+  }
+
+  if (isFeatherIcon.value) {
+    return 'svg'
+  } else if (type.value === 'checked-baggage') {
+    return weight.value >= 30 ? CustomCpIcons['checked-baggage-20'] : CustomCpIcons['checked-baggage-30']
+  } else {
+    // @ts-expect-error cannot use string as index type for CustomCpIcons
+    return CustomCpIcons[type.value] || ''
+  }
+})
 
-    watch(
-      () => props.type,
-      () => {
-        icon = feather.icons[props.type]
-      },
-    )
+const wrapperAttrs = computed(() => {
+  const attrs: Record<string, unknown> = {
+    'data-name': type.value,
+    'data-type': type.value,
+    class: {
+      cpIcon: true,
+      [`cpIcon--${type.value as string}`]: type.value,
+    },
+  }
 
-    return () =>
-      h(
-        props.tag,
+  if (!isCustomIcon.value) {
+    attrs['data-tags'] = dynamicIcon.value.tags
+  }
 
-        {
-          ...attrs,
-          'data-name': props.type,
-          'data-tags': icon.tags,
-          'data-type': props.type,
-          class: {
-            cpIcon: true,
-            [`cpIcon--${props.type}`]: props.type,
-          },
-        },
+  return attrs
+})
 
-        [
-          h(
-            'svg',
+const iconAttrs = computed(() => {
+  const attrs: Record<string, unknown> = {
+    height: size.value,
+    width: size.value,
+  }
 
-            {
-              ...icon.attrs,
-              height: props.size,
-              width: props.size,
-              class: [icon.attrs.class, 'cpIcon__content'],
-              innerHTML: icon.contents,
-            },
-          ),
-        ],
-      )
-  },
+  if (isCustomIcon.value) {
+    return {
+      ...attrs,
+      class: 'cpIcon__content',
+    }
+  } else {
+    // @ts-expect-error cannot use string as index type for feather.icons
+    const featherIcon = feather.icons[type.value]
+    return {
+      ...featherIcon.attrs,
+      ...attrs,
+      class: [featherIcon.attrs?.class, 'cpIcon__content'],
+      innerHTML: featherIcon.contents || '',
+    }
+  }
 })
 </script>
 

package/src/constants/{index.js → index.ts}

@@ -2,3 +2,4 @@ export { default as Colors } from './src/colors/Colors'
 export { default as ToggleColors } from './src/colors/ToggleColors'
 export { default as Position } from './src/Position'
 export { default as CpTableConfig } from './src/CpTableConfig'
+export { default as CustomCpIcons } from './src/CpCustomIcons'