@itfin/components 1.5.1 → 1.5.2

package/src/components/icon/new-icons/approval-chain.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12C12.9193 12 13.8295 12.1814 14.6788 12.5332C15.3163 12.7973 15.9101 13.1536 16.4415 13.5898L15.0001 14.4229C14.421 14.7574 14.0495 15.358 14.005 16.0205L14.0001 16.1543V18.4639C14.0001 18.6476 14.0263 18.8276 14.0743 19H6.00008C5.44783 19 4.99274 18.5496 5.07137 18.0029C5.15431 17.4266 5.30946 16.8616 5.53328 16.3213C5.88507 15.472 6.40086 14.6998 7.05086 14.0498C7.70074 13.4 8.47234 12.8849 9.32137 12.5332C10.1706 12.1814 11.0809 12 12.0001 12ZM12.0001 4C13.6569 4 15.0001 5.34315 15.0001 7C15.0001 8.65685 13.6569 10 12.0001 10C10.3433 9.99995 9.00008 8.65683 9.00008 7C9.00008 5.34317 10.3433 4.00005 12.0001 4Z" fill="currentColor"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 14.1339C17.8094 13.9554 18.1906 13.9554 18.5 14.1339L20.5 15.2892C20.8092 15.4678 20.9999 15.7974 21 16.1544V18.464C21 18.8213 20.8094 19.1516 20.5 19.3302L18.5 20.4845C18.1906 20.6631 17.8094 20.6631 17.5 20.4845L15.5 19.3302C15.1906 19.1516 15 18.8213 15 18.464V16.1544C15.0001 15.7974 15.1908 15.4678 15.5 15.2892L17.5 14.1339ZM18 16.3097C17.4477 16.3097 17 16.7574 17 17.3097C17.0001 17.8619 17.4478 18.3097 18 18.3097C18.5522 18.3097 18.9999 17.8619 19 17.3097C19 16.7574 18.5523 16.3097 18 16.3097Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/budget.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0059 9.66699L18.0273 12.0977C18.3384 12.4736 18.5786 12.8947 18.7471 13.3613C18.9155 13.8279 19 14.3073 19 14.7998C19 15.9799 18.5919 16.9753 17.7754 17.7852C16.9587 18.5951 15.9665 19 14.7998 19H9.2002C8.02113 19.0005 7.02625 18.5955 6.21582 17.7852C5.40538 16.9747 5 15.9794 5 14.7998C5.00002 14.3073 5.08447 13.8279 5.25293 13.3613C5.42144 12.8947 5.66156 12.4736 5.97266 12.0977L7.99414 9.66699H16.0059ZM12 12C11.5733 12.001 11.2068 12.1532 10.9014 12.457C10.596 12.7609 10.4438 13.1274 10.4443 13.5557C10.4449 13.9838 10.5972 14.35 10.9014 14.6543C11.2057 14.9587 11.5722 15.1113 12 15.1113C12.4298 15.1134 12.7958 14.9607 13.0986 14.6543C13.4014 14.3479 13.5541 13.9818 13.5557 13.5557C13.5572 13.1294 13.4046 12.763 13.0986 12.457C12.7928 12.1513 12.4266 11.999 12 12ZM15.8887 5C16.1863 5 16.4102 5.12292 16.5596 5.36914C16.7089 5.61544 16.7185 5.86867 16.5889 6.12793L15.5977 8.11133H8.40234L7.41113 6.12793C7.28202 5.86867 7.29161 5.61544 7.44043 5.36914C7.58924 5.12292 7.81323 5 8.11133 5H15.8887Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/close-alt.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.11914 15.8824L15.8839 4.11773" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.11914 4.11765L15.8839 15.8823" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/cog-lightning.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.7862 10.9463C19.1758 10.4469 19.9568 10.82 19.8348 11.4473L19.1582 14.918C19.1404 15.0089 19.2085 15.0938 19.2989 15.0938H20.2545C20.8783 15.0938 21.2252 15.8345 20.8358 16.3344L17.379 20.7681C16.9894 21.2679 16.2081 20.8946 16.3303 20.2671L17.007 16.7965C17.0245 16.7056 16.9566 16.6207 16.8663 16.6207H15.9106C15.3487 16.6207 15.0119 16.0204 15.2352 15.5358C15.2382 15.529 15.2417 15.5224 15.245 15.5157C15.254 15.4975 15.2637 15.4795 15.2743 15.4617C15.2907 15.4341 15.3088 15.4065 15.3294 15.3801L18.7862 10.9463Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.73397 3.31435C9.44916 2.89522 10.3339 2.89522 11.0491 3.31435L15.6439 6.0065C16.3493 6.42014 16.7829 7.17978 16.7831 8.0005V11.1635L14.2122 14.4622C13.7278 15.0836 13.635 15.8314 13.8255 16.4863L11.0491 18.1149C10.3339 18.5341 9.44919 18.5341 8.73397 18.1149L4.13921 15.4215C3.4338 15.0078 3 14.2483 3 13.4275V8.0005C3.00013 7.17978 3.43374 6.42014 4.13921 6.0065L8.73397 3.31435ZM9.89153 8.20141C8.50767 8.20141 7.38579 9.35299 7.38552 10.773C7.38581 12.193 8.50768 13.3446 9.89153 13.3446C11.2754 13.3446 12.3973 12.193 12.3975 10.773C12.3973 9.35299 11.2754 8.20141 9.89153 8.20141Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/comment-add.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18 11C20.2091 11 22 12.7909 22 15C22 17.2091 20.2091 19 18 19C15.7909 19 14 17.2091 14 15C14 12.7909 15.7909 11 18 11ZM17.9873 12.7275C17.6088 12.7345 17.3078 13.0464 17.3145 13.4248L17.3301 14.3271L16.4287 14.3438C16.0503 14.3507 15.7492 14.6626 15.7559 15.041C15.7628 15.4195 16.0747 15.7205 16.4531 15.7139L17.3555 15.6973L17.3721 16.5996C17.379 16.978 17.691 17.2791 18.0693 17.2725C18.4478 17.2655 18.7489 16.9536 18.7422 16.5752L18.7256 15.6719L19.6279 15.6562C20.0063 15.6492 20.3075 15.3374 20.3008 14.959C20.2939 14.5805 19.982 14.2795 19.6035 14.2861L18.7002 14.3018L18.6846 13.4004C18.6775 13.022 18.3657 12.7209 17.9873 12.7275Z" fill="currentColor"/>
+    <path d="M16.125 5C17.1591 5 18 5.84092 18 6.875V10C15.2386 10 13 12.2386 13 15C13 15.4316 13.0544 15.8505 13.1572 16.25H11.5322L6.75 20.0762V16.25H4.875C3.84095 16.25 3.00002 15.409 3 14.375V6.875C3 5.84093 3.84093 5.00002 4.875 5H16.125Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/comment.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5469 4H5.65353C4.3202 4 3.2002 5.12 3.2002 6.45333V11.3067C3.2002 12.5867 4.1602 13.6533 5.4402 13.76V14.56C5.4402 15.0933 5.70686 15.52 6.18686 15.7333C6.61353 15.9467 7.14686 15.8933 7.57353 15.5733L9.65353 13.8133H13.5469C14.8802 13.8133 16.0002 12.6933 16.0002 11.36V6.45333C16.0002 5.12 14.8802 4 13.5469 4ZM12.1069 10.6133H7.09353C6.77353 10.6133 6.5602 10.4 6.5602 10.08C6.5602 9.76 6.77353 9.54667 7.09353 9.54667H12.0535C12.3735 9.54667 12.5869 9.76 12.5869 10.08C12.5869 10.4 12.3735 10.6133 12.1069 10.6133ZM12.1069 8.21333H7.09353C6.77353 8.21333 6.5602 8 6.5602 7.68C6.5602 7.36 6.77353 7.14667 7.09353 7.14667H12.0535C12.3735 7.14667 12.5869 7.36 12.5869 7.68C12.5869 8 12.3735 8.21333 12.1069 8.21333Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/comments.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.6 16.8H7.2V20.0648L11.2808 16.8H15.2C16.0824 16.8 16.8 16.0824 16.8 15.2V8.80001C16.8 7.91761 16.0824 7.20001 15.2 7.20001H5.6C4.7176 7.20001 4 7.91761 4 8.80001V15.2C4 16.0824 4.7176 16.8 5.6 16.8Z" fill="currentColor"/>
+    <path d="M18.4002 4H8.8002C7.9178 4 7.2002 4.7176 7.2002 5.6H16.8002C17.6826 5.6 18.4002 6.3176 18.4002 7.2V13.6C19.2826 13.6 20.0002 12.8824 20.0002 12V5.6C20.0002 4.7176 19.2826 4 18.4002 4Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/copy.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.3335 9.33337H10.6668C9.93045 9.33337 9.3335 9.93033 9.3335 10.6667V17.3334C9.3335 18.0698 9.93045 18.6667 10.6668 18.6667H17.3335C18.0699 18.6667 18.6668 18.0698 18.6668 17.3334V10.6667C18.6668 9.93033 18.0699 9.33337 17.3335 9.33337Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.66683 14.6667C5.9335 14.6667 5.3335 14.0667 5.3335 13.3334V6.66671C5.3335 5.93337 5.9335 5.33337 6.66683 5.33337H13.3335C14.0668 5.33337 14.6668 5.93337 14.6668 6.66671" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/dollar.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.2 11.7H6C6 13.254 7.452 14.172 9 14.364V15.6H10.2V14.358C11.55 14.178 13.2 13.404 13.2 11.7C13.2 9.996 11.55 9.222 10.2 9.042V6.06C10.998 6.204 12 6.624 12 7.5H13.2C13.2 5.796 11.55 5.022 10.2 4.842V3.6H9V4.842C7.65 5.022 6 5.796 6 7.5C6 9.204 7.602 9.966 9 10.158V13.14C8.13 12.99 7.2 12.528 7.2 11.7ZM12 11.7C12 12.576 10.998 12.996 10.2 13.14V10.26C10.998 10.404 12 10.824 12 11.7ZM7.2 7.5C7.2 6.624 8.202 6.204 9 6.06V8.94C8.178 8.79 7.2 8.34 7.2 7.5Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/expense-requests.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.7205 4.00567C12.8205 4.00189 12.9215 4 13.0225 4C15.2378 4 17.2435 4.89535 18.6951 6.34332C19.9542 7.59889 20.797 9.26999 20.9985 11.1321C21.0061 11.2053 20.9848 11.2711 20.9355 11.3259C20.8862 11.3807 20.8226 11.4091 20.7492 11.4091H19.2142C19.0881 11.4091 18.9828 11.3174 18.9657 11.1926C18.7861 9.86374 18.1689 8.6734 17.2634 7.77096C16.1783 6.68888 14.6788 6.01903 13.0225 6.01903C12.9993 6.01903 12.9755 6.0195 12.9523 6.0195C12.8257 6.02139 12.7196 5.93015 12.7011 5.80535L12.4816 4.2912C12.4712 4.2184 12.4901 4.15175 12.5375 4.09549C12.5845 4.03876 12.647 4.00851 12.7205 4.00567ZM20.9985 12.8679C20.797 14.73 19.9542 16.4016 18.6951 17.6567C17.2435 19.1047 15.2378 20 13.0225 20C10.8072 20 8.80147 19.1047 7.3499 17.6567C5.89787 16.2092 5 14.2091 5 12C5 9.84814 5.85188 7.89482 7.23803 6.45725L6.78341 5.94765C6.65494 5.80346 6.6208 5.61201 6.69191 5.43237C6.76255 5.25273 6.91851 5.13597 7.11098 5.11753L10.0885 4.83815C10.2526 4.82255 10.4009 4.88069 10.5104 5.0036C10.62 5.12651 10.6603 5.27968 10.6256 5.44041L9.99894 8.3562C9.95817 8.54529 9.82354 8.68569 9.63629 8.73486C9.44903 8.78402 9.26225 8.72777 9.13378 8.58358L8.58862 7.97235C7.61727 9.03504 7.02518 10.4485 7.02518 12C7.02518 13.6517 7.69644 15.147 8.78156 16.229C9.86668 17.3111 11.3661 17.981 13.0225 17.981C14.6788 17.981 16.1783 17.3111 17.2634 16.229C18.1689 15.3266 18.7861 14.1363 18.9657 12.8074C18.9828 12.6831 19.0881 12.5909 19.2142 12.5909H20.7492C20.8226 12.5909 20.8862 12.6193 20.9355 12.6741C20.9848 12.7289 21.0061 12.7947 20.9985 12.8679Z" fill="currentColor"/>
+    <path d="M12.5831 14.2264L16.5474 10.6977C16.6892 10.5707 16.7008 10.352 16.5734 10.2112L15.8793 9.44688C15.7519 9.30614 15.5312 9.29459 15.3893 9.4209L12.0598 12.3845L10.8077 11.0442C10.6774 10.9048 10.4574 10.8962 10.317 11.0254L9.55552 11.7241C9.4151 11.8525 9.40642 12.0712 9.5367 12.2098L11.3679 14.1708L11.7385 14.5671C11.8543 14.6912 12.0504 14.7006 12.1771 14.5873L12.5831 14.2264Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/file-doc.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.4" d="M18.8088 9.02095C18.3573 9.02095 17.7592 9.01095 17.0146 9.01095C15.1987 9.01095 13.7055 7.50795 13.7055 5.67495V2.45895C13.7055 2.20595 13.5036 1.99995 13.253 1.99995H7.96363C5.49517 1.99995 3.5 4.02595 3.5 6.50895V17.284C3.5 19.889 5.59022 22 8.16958 22H16.0463C18.5058 22 20.5 19.987 20.5 17.502V9.47095C20.5 9.21695 20.299 9.01195 20.0475 9.01295C19.6247 9.01595 19.1177 9.02095 18.8088 9.02095" fill="#155EEF"/>
+    <path opacity="0.4" d="M16.0847 2.56732C15.7857 2.25632 15.2637 2.47032 15.2637 2.90132V5.53832C15.2637 6.64432 16.1747 7.55432 17.2807 7.55432C17.9777 7.56232 18.9457 7.56432 19.7677 7.56232C20.1887 7.56132 20.4027 7.05832 20.1107 6.75432C19.0557 5.65732 17.1667 3.69132 16.0847 2.56732Z" fill="#155EEF"/>
+    <rect x="6.75" y="12.75" width="5.25" height="1.5" rx="0.75" fill="#155EEF"/>
+    <rect x="6.75" y="15.75" width="10.5" height="1.5" rx="0.75" fill="#155EEF"/>
+</svg>

package/src/components/icon/new-icons/file-excel.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.4" d="M18.8088 9.02095C18.3573 9.02095 17.7592 9.01095 17.0146 9.01095C15.1987 9.01095 13.7055 7.50795 13.7055 5.67495V2.45895C13.7055 2.20595 13.5036 1.99995 13.253 1.99995H7.96363C5.49517 1.99995 3.5 4.02595 3.5 6.50895V17.284C3.5 19.889 5.59022 22 8.16958 22H16.0463C18.5058 22 20.5 19.987 20.5 17.502V9.47095C20.5 9.21695 20.299 9.01195 20.0475 9.01295C19.6247 9.01595 19.1177 9.02095 18.8088 9.02095" fill="#398241"/>
+    <path opacity="0.4" d="M16.0847 2.56732C15.7857 2.25632 15.2637 2.47032 15.2637 2.90132V5.53832C15.2637 6.64432 16.1747 7.55432 17.2807 7.55432C17.9777 7.56232 18.9457 7.56432 19.7677 7.56232C20.1887 7.56132 20.4027 7.05832 20.1107 6.75432C19.0557 5.65732 17.1667 3.69132 16.0847 2.56732Z" fill="#398241"/>
+    <rect x="6.75" y="12.75" width="3.75" height="1.5" rx="0.75" fill="#398241"/>
+    <rect x="6.75" y="15.75" width="3.75" height="1.5" rx="0.75" fill="#398241"/>
+    <rect x="12" y="12.75" width="5.25" height="1.5" rx="0.75" fill="#398241"/>
+    <rect x="12" y="15.75" width="5.25" height="1.5" rx="0.75" fill="#398241"/>
+</svg>

package/src/components/icon/new-icons/file-image.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect opacity="0.4" x="2.25" y="2.25" width="20.25" height="20.25" rx="6" fill="#FF9900"/>
+    <path d="M19.4016 12.7454C19.9414 13.3385 20.25 14.1089 20.25 14.911C20.25 15.1183 20.2418 15.3273 20.2254 15.5346C19.9953 18.3865 18.196 20.25 15.5998 20.25H8.50117C7.18662 20.25 6.07747 19.7803 5.28052 18.9286C4.69088 18.3321 4.81943 17.398 5.3206 16.7254C5.33738 16.7029 5.35415 16.6803 5.37089 16.6578C5.87207 15.9971 6.35681 15.3445 6.6608 14.9201C7.11268 14.3046 8.30399 12.6845 9.9554 13.4448C10.2923 13.5987 10.588 13.8159 10.8592 14.0059C11.5246 14.4947 11.804 14.6395 12.2723 14.3589C12.7899 14.0512 13.1268 13.4448 13.48 12.8112C13.669 12.4755 13.858 12.1505 14.0634 11.8519C14.9589 10.5667 16.3392 10.2227 17.4894 10.983C18.0646 11.3631 18.5575 11.8428 19.0176 12.3307C19.1162 12.4393 19.2148 12.5397 19.3052 12.6393C19.328 12.6645 19.3608 12.7005 19.4016 12.7454Z" fill="#FF9900"/>
+    <path d="M11.4268 8.33056C11.4268 9.60219 10.4451 10.6611 9.26718 10.6611C8.09012 10.6611 7.1084 9.60219 7.1084 8.33056C7.1084 7.05984 8.09012 6 9.26718 6C10.4451 6 11.4268 7.05984 11.4268 8.33056Z" fill="#FF9900"/>
+</svg>

package/src/components/icon/new-icons/file-pdf.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect opacity="0.4" x="2" y="1.99994" width="20" height="20" rx="6" fill="#EE7C6D"/>
+    <path d="M7.29976 18.34C9.10976 17.09 10.3198 15.18 11.2098 12.84C12.1098 10.51 13.0698 8.51004 12.6498 6.21004C12.5898 5.85004 12.0798 5.48004 11.8198 5.51004C10.7998 5.57004 10.8698 6.72004 10.9698 7.41004C11.2098 9.12004 12.5298 11.11 13.8098 12.97C15.0798 14.84 16.1298 15.13 17.5898 15.23C18.0898 15.26 18.8398 15.09 18.9598 14.65C19.7298 11.85 9.93976 14.11 6.67976 16.73C6.27976 17.06 5.81976 17.73 6.07976 18.19C6.27976 18.55 6.94976 18.59 7.30976 18.34H7.29976Z" stroke="#C33737" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/light-bulb.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.0607 17.75C14.0607 17.9158 13.9948 18.0747 13.8776 18.1919C13.7604 18.3092 13.6014 18.375 13.4357 18.375H9.68568C9.51992 18.375 9.36095 18.3092 9.24374 18.1919C9.12653 18.0747 9.06068 17.9158 9.06068 17.75C9.06068 17.5842 9.12653 17.4253 9.24374 17.3081C9.36095 17.1908 9.51992 17.125 9.68568 17.125H13.4357C13.6014 17.125 13.7604 17.1908 13.8776 17.3081C13.9948 17.4253 14.0607 17.5842 14.0607 17.75ZM12.1857 19H10.9357C10.7699 19 10.611 19.0658 10.4937 19.1831C10.3765 19.3003 10.3107 19.4592 10.3107 19.625C10.3107 19.7908 10.3765 19.9497 10.4937 20.0669C10.611 20.1842 10.7699 20.25 10.9357 20.25H12.1857C12.3514 20.25 12.5104 20.1842 12.6276 20.0669C12.7448 19.9497 12.8107 19.7908 12.8107 19.625C12.8107 19.4592 12.7448 19.3003 12.6276 19.1831C12.5104 19.0658 12.3514 19 12.1857 19ZM17.1857 9.625C17.2 10.5783 16.9682 11.5191 16.5128 12.3566C16.0573 13.1942 15.3936 13.9001 14.5857 14.4062L14.0607 16.075C14.0172 16.2044 13.9326 16.3159 13.8197 16.3927C13.7068 16.4694 13.572 16.5071 13.4357 16.5H9.68568C9.55466 16.5003 9.42684 16.4595 9.32029 16.3832C9.21374 16.307 9.13386 16.1991 9.09193 16.075L8.53568 14.4062C7.72776 13.9001 7.06402 13.1942 6.60857 12.3566C6.15313 11.5191 5.92137 10.5783 5.93568 9.625C5.93568 8.13316 6.52832 6.70242 7.58321 5.64752C8.6381 4.59263 10.0688 4 11.5607 4C13.0525 4 14.4833 4.59263 15.5382 5.64752C16.5931 6.70242 17.1857 8.13316 17.1857 9.625Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/money-alt.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.2 11.7H6C6 13.254 7.452 14.172 9 14.364V15.6H10.2V14.358C11.55 14.178 13.2 13.404 13.2 11.7C13.2 9.99598 11.55 9.22198 10.2 9.04198V6.05998C10.998 6.20398 12 6.62398 12 7.49998H13.2C13.2 5.79598 11.55 5.02198 10.2 4.84198V3.59998H9V4.84198C7.65 5.02198 6 5.79598 6 7.49998C6 9.20398 7.602 9.96598 9 10.158V13.14C8.13 12.99 7.2 12.528 7.2 11.7ZM12 11.7C12 12.576 10.998 12.996 10.2 13.14V10.26C10.998 10.404 12 10.824 12 11.7ZM7.2 7.49998C7.2 6.62398 8.202 6.20398 9 6.05998V8.93998C8.178 8.78998 7.2 8.33998 7.2 7.49998Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/money-requests.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_5744_16863)">
+        <path d="M20.9153 16.2471L12.5069 19.9902C11.7297 20.3358 10.8445 20.324 10.0781 19.9572L4.47371 17.2735C4.06684 17.0795 3.80518 16.6593 3.80518 16.2054C3.80518 15.8943 3.93174 15.5865 4.15225 15.3642C4.51331 14.9998 4.76022 14.7932 4.76255 14.7909C4.76643 14.7885 4.76954 14.7846 4.77342 14.7822C5.6679 13.9961 6.8667 13.4816 8.148 13.3324C8.15188 13.3324 8.15421 13.3308 8.15731 13.3308C10.5124 13.0308 13.0481 14.084 14.1181 15.9384C14.1593 16.0059 14.1966 16.0719 14.2315 16.141L12.896 16.7324C12.8867 16.7363 12.8758 16.7363 12.8657 16.7285L10.3647 15.0328C10.0968 14.8506 9.73424 14.9229 9.55411 15.1946C9.37397 15.4656 9.4454 15.8323 9.71406 16.0145L12.2142 17.7102C12.5559 17.9435 12.986 17.9819 13.3634 17.8154L20.1628 14.8066C21.1303 14.3307 21.833 15.7067 20.9144 16.2462L20.9153 16.2471Z" fill="currentColor"/>
+        <path d="M13.2851 4.18042C9.30961 4.13173 6.6037 8.54801 8.41354 12.1222C10.965 11.9314 13.5405 13.0427 14.8667 14.9433C20.7733 12.9861 19.5293 4.3099 13.2851 4.18042ZM15.9685 8.63828L13.167 11.4885C12.9488 11.7186 12.5552 11.7186 12.337 11.4885L10.6031 9.72374C10.0736 9.15748 10.8749 8.35011 11.4324 8.88967L12.7524 10.2319L15.1392 7.80351C15.6967 7.26473 16.498 8.06818 15.9693 8.63758L15.9685 8.63828Z" fill="currentColor"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_5744_16863">
+            <rect width="19" height="17.6429" fill="white" transform="translate(3 3)"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/components/icon/new-icons/pending.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10 2.5C11.4551 2.49973 12.8789 2.92276 14.0978 3.71752C15.3167 4.51228 16.2781 5.64445 16.8648 6.97605C17.4515 8.30764 17.6382 9.78115 17.402 11.217C17.1659 12.6528 16.5173 13.9889 15.5351 15.0626M10 5.50001V10L13 11.5M2.875 7.65627C2.63601 8.38277 2.50955 9.14155 2.5 9.90628M3.1225 13C3.54363 13.9689 4.16469 14.8379 4.94501 15.5501M4.47701 4.92626C4.68629 4.69843 4.90947 4.48377 5.14526 4.28351M7.48302 17.0651C9.3533 17.7313 11.4115 17.6289 13.2063 16.7801" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/plus.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6 12H18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 6V18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/secure.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11.5455 4L5 6.90909V11.2727C5 15.3091 7.79273 19.0836 11.5455 20C15.2982 19.0836 18.0909 15.3091 18.0909 11.2727V6.90909L11.5455 4ZM11.5455 8.36364C12.5636 8.36364 13.5818 9.16364 13.5818 10.1818V11.2727C14.0182 11.2727 14.4545 11.7091 14.4545 12.2182V14.7636C14.4545 15.2 14.0182 15.6364 13.5091 15.6364H9.50909C9.07273 15.6364 8.63636 15.2 8.63636 14.6909V12.1455C8.63636 11.7091 9.07273 11.2727 9.50909 11.2727V10.1818C9.50909 9.16364 10.5273 8.36364 11.5455 8.36364ZM11.5455 9.23636C10.9636 9.23636 10.4545 9.6 10.4545 10.1818V11.2727H12.6364V10.1818C12.6364 9.6 12.1273 9.23636 11.5455 9.23636Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/stop.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="12" height="12" rx="2" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/thumbs-down.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.2197 13.3334V5.33337M9.88634 16.08L10.553 13.3334H6.66634C6.45935 13.3334 6.2552 13.2852 6.07006 13.1926C5.88492 13.1 5.72387 12.9656 5.59967 12.8C5.47548 12.6344 5.39154 12.4422 5.35451 12.2386C5.31749 12.0349 5.32838 11.8254 5.38634 11.6267L6.93967 6.29337C7.02045 6.01642 7.18888 5.77314 7.41967 5.60004C7.65047 5.42694 7.93118 5.33337 8.21967 5.33337H17.2197C17.5733 5.33337 17.9124 5.47385 18.1625 5.7239C18.4125 5.97395 18.553 6.31309 18.553 6.66671V12C18.553 12.3537 18.4125 12.6928 18.1625 12.9428C17.9124 13.1929 17.5733 13.3334 17.2197 13.3334H15.3797C15.1316 13.3335 14.8885 13.4028 14.6777 13.5336C14.4669 13.6643 14.2967 13.8512 14.1863 14.0734L11.8863 18.6667C11.572 18.6628 11.2625 18.5879 10.9811 18.4476C10.6998 18.3074 10.4537 18.1053 10.2614 17.8566C10.0691 17.6078 9.93546 17.3189 9.87052 17.0112C9.80557 16.7036 9.81098 16.3853 9.88634 16.08Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/thumbs-up.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.66634 10.6667V18.6667M13.9997 7.92004L13.333 10.6667H17.2197C17.4267 10.6667 17.6308 10.7149 17.816 10.8075C18.0011 10.9 18.1621 11.0344 18.2863 11.2C18.4105 11.3656 18.4945 11.5579 18.5315 11.7615C18.5685 11.9652 18.5576 12.1747 18.4997 12.3734L16.9463 17.7067C16.8656 17.9837 16.6971 18.2269 16.4663 18.4C16.2355 18.5731 15.9548 18.6667 15.6663 18.6667H6.66634C6.31272 18.6667 5.97358 18.5262 5.72353 18.2762C5.47348 18.0261 5.33301 17.687 5.33301 17.3334V12C5.33301 11.6464 5.47348 11.3073 5.72353 11.0572C5.97358 10.8072 6.31272 10.6667 6.66634 10.6667H8.50634C8.7544 10.6666 8.9975 10.5972 9.20831 10.4665C9.41912 10.3358 9.58929 10.1488 9.69968 9.92671L11.9997 5.33337C12.3141 5.33727 12.6235 5.41215 12.9049 5.55244C13.1863 5.69272 13.4323 5.89478 13.6246 6.14351C13.8169 6.39224 13.9506 6.68121 14.0155 6.98884C14.0804 7.29647 14.075 7.6148 13.9997 7.92004Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/undo.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.375 13.75L5 9.375M5 9.375L9.375 5M5 9.375H14.1875C14.8195 9.375 15.4453 9.49948 16.0292 9.74133C16.613 9.98318 17.1436 10.3377 17.5905 10.7845C18.0373 11.2314 18.3918 11.762 18.6337 12.3458C18.8755 12.9297 19 13.5555 19 14.1875C19 14.8195 18.8755 15.4453 18.6337 16.0292C18.3918 16.613 18.0373 17.1436 17.5905 17.5905C17.1436 18.0373 16.613 18.3918 16.0292 18.6337C15.4453 18.8755 14.8195 19 14.1875 19H11.125" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/user-settings.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.0001 12C12.9193 12 13.8295 12.1814 14.6788 12.5332C15.3163 12.7973 15.9101 13.1536 16.4415 13.5898L15.0001 14.4229C14.421 14.7574 14.0495 15.358 14.005 16.0205L14.0001 16.1543V18.4639C14.0001 18.6476 14.0263 18.8276 14.0743 19H6.00008C5.44783 19 4.99274 18.5496 5.07137 18.0029C5.15431 17.4266 5.30946 16.8616 5.53328 16.3213C5.88507 15.472 6.40086 14.6998 7.05086 14.0498C7.70074 13.4 8.47234 12.8849 9.32137 12.5332C10.1706 12.1814 11.0809 12 12.0001 12ZM12.0001 4C13.6569 4 15.0001 5.34315 15.0001 7C15.0001 8.65685 13.6569 10 12.0001 10C10.3433 9.99995 9.00008 8.65683 9.00008 7C9.00008 5.34317 10.3433 4.00005 12.0001 4Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 14.1339C17.8094 13.9554 18.1906 13.9554 18.5 14.1339L20.5 15.2892C20.8092 15.4678 20.9999 15.7974 21 16.1544V18.464C21 18.8213 20.8094 19.1516 20.5 19.3302L18.5 20.4845C18.1906 20.6631 17.8094 20.6631 17.5 20.4845L15.5 19.3302C15.1906 19.1516 15 18.8213 15 18.464V16.1544C15.0001 15.7974 15.1908 15.4678 15.5 15.2892L17.5 14.1339ZM18 16.3097C17.4477 16.3097 17 16.7574 17 17.3097C17.0001 17.8619 17.4478 18.3097 18 18.3097C18.5522 18.3097 18.9999 17.8619 19 17.3097C19 16.7574 18.5523 16.3097 18 16.3097Z" fill="currentColor"/>
+</svg>

package/src/components/modal/Modal.vue

@@ -13,7 +13,7 @@
             </slot>
             <itf-button icon @click="close" :aria-label="$t('components.close')" class="btn-close"></itf-button>
           </div>
-          <div class="modal-body" v-if="value">
+          <div class="modal-body" v-if="value" v-loading="loading">
             <slot></slot>
           </div>
           <div class="modal-footer" v-if="$slots.footer">
@@ -28,6 +28,7 @@
 <script>
 import { Vue, Component, Prop, Watch, PropSync, Inject } from 'vue-property-decorator';
 import itfButton from '../button/Button';
+import loading from '../../directives/loading';
 
 let globalModalIndex = 0; // base modal z-index
 let globalZIndexStack = 300; // base modal z-index
@@ -37,6 +38,9 @@ export default @Component({
   name: 'itfModal',
   components: {
     itfButton
+  },
+  directives: {
+    loading
   }
 })
 class itfModal extends Vue {
@@ -47,6 +51,7 @@ class itfModal extends Vue {
   @Prop({ type: String, default: '', validator: (value) => ['', 'sm', 'lg', 'xl'].includes(value) }) size;
 
   @Prop({ type: Number, default: 500 }) animationDuration
+  @Prop({ type: Boolean, default: false }) loading;
   @Prop({ type: Boolean, default: false }) fullscreen;
   @Prop({ type: Boolean, default: false }) basic;
   @Prop({ type: Boolean, default: false }) image;

package/src/components/pagination/Pagination2.vue

@@ -24,9 +24,9 @@
           </a>
         </li>
       </ul>
-      <!--div>
-        1-25 of {{length}} items
-      </div-->
+      <div v-if="totalCount !== null" class="text-muted small">
+        {{ $t('components.totalItems') }}: {{ totalCount }}
+      </div>
     </div>
 
     <div><slot name="center"></slot></div>
@@ -91,6 +91,7 @@ class itfPagination extends Vue {
   @Prop({ type: [String, Number], default: MAX_PAGES_BLOCKS }) maxBlocks;
   @Prop({type: Array, default: () => PER_PAGE_OPTIONS}) perPageOptions;
   @Prop(Boolean) showSize;
+  @Prop({ type: Number, default: null }) totalCount;
 
   isValid = true;
 

package/src/components/panels/Panel.vue

@@ -1,5 +1,5 @@
 <template>
-  <div tabindex="-1" :class="{'b-panel': !nocard, 'b-panel__collapsed': collapsed, 'b-panel__active': !collapsed}">
+  <div tabindex="-1" :class="{'b-panel': !nocard, 'b-panel__collapsed': collapsed, 'b-panel__active': !collapsed, [cssClass]: cssClass}">
     <slot name="before-header"></slot>
     <div v-if="collapsed && !nocard" class="b-panel__expand" @click.stop.prevent="expandPanel">
       <itf-button v-if="closeable" icon small class="b-panel__expand_button" @click="closePanel">
@@ -204,6 +204,7 @@ class Panel extends Vue {
   @Prop() icon;
   @Prop() payload;
   @Prop() panel;
+  @Prop(String) cssClass;
   @Prop(Boolean) collapsed;
   @Prop(Boolean) closeable;
   @Prop(Boolean) isFullSize;

package/src/components/panels/PanelItemEdit.vue

@@ -1,23 +1,34 @@
 <template>
-  <div v-loading="loading" class="px-3 pt-2 h-100 d-flex flex-column itf-append-context">
+  <div
+    v-loading="loading"
+    @dragover.prevent="onDragOver"
+    @dragleave="onDragLeave"
+    @drop.prevent="onDrop"
+    :class="{ 'is-drag-over': isDragOver }"
+    class="px-3 pt-2 h-100 d-flex flex-column itf-append-context">
     <itf-form
       ref="editForm"
-      class="d-flex flex-column justify-content-between flex-grow-1"
+      class="d-flex flex-column justify-content-between flex-grow-1 b-append-context__form"
       @keydown.native.shift.enter.stop.prevent="onSaveClick"
       @keydown.native.esc.stop.prevent="$emit('cancel')"
     >
       <slot></slot>
       <div class="py-3 justify-content-end d-flex align-items-center sticky-container">
-        <div v-if="!hideFooter">
-          <itf-button v-tooltip.delay="'Hot key: Esc'" secondary squircle :loading="loading" :disabled="loading" @click="$emit('cancel')">
-            <span>{{ cancelBtnText }}</span>
-          </itf-button>
-          <itf-button v-tooltip.delay="'Hot key: Shift + Enter'" primary squircle :loading="loading" :disabled="loading" @click="onSaveClick">
-            <span>{{ saveBtnText }}</span>
-          </itf-button>
-        </div>
+        <slot name="footer">
+          <div v-if="!hideFooter">
+            <itf-button v-tooltip.delay="'Hot key: Esc'" secondary squircle :loading="loading" :disabled="loading" @click="$emit('cancel')">
+              <span>{{ cancelBtnText }}</span>
+            </itf-button>
+            <itf-button v-tooltip.delay="'Hot key: Shift + Enter'" primary squircle :loading="loading" :disabled="loading" @click="onSaveClick">
+              <span>{{ saveBtnText }}</span>
+            </itf-button>
+          </div>
+        </slot>
       </div>
     </itf-form>
+    <div class="b-drag-overlay">
+      <span>{{ $t('components.dropzoneText') }}</span>
+    </div>
   </div>
 </template>
 <style lang="scss" scoped>
@@ -28,6 +39,37 @@
   z-index: 999;
   background-color: var(--bs-body-bg);
 }
+.is-drag-over .b-append-context__form {
+  pointer-events: none;
+  user-select: none;
+  filter: blur(2px);
+}
+.b-drag-overlay {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  user-select: none;
+  z-index: 1000;
+
+  .is-drag-over & {
+    margin: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8px;
+    border: 3px dashed var(--bs-border-color);
+    background-color: rgba(255, 255, 255, 0.6);
+  }
+  span {
+    font-size: 1.25rem;
+    font-weight: 500;
+    color: var(--bs-secondary-color);
+  }
+}
 </style>
 <script>
 import { Vue, Component, Prop } from 'vue-property-decorator';
@@ -35,6 +77,7 @@ import tooltip from '../../directives/tooltip';
 import loading from '../../directives/loading';
 import itfForm from '../form/Form.vue';
 import itfButton from '../button/Button.vue';
+import debounce from 'lodash/debounce';
 
 @Component({
   components: {
@@ -51,14 +94,52 @@ import itfButton from '../button/Button.vue';
 export default class PanelItemEdit extends Vue {
   @Prop(Boolean) loading;
   @Prop(Boolean) hideFooter;
+  @Prop(Boolean) dropzone;
+  @Prop() droptarget;
   @Prop({ type: String, default: function() { return this.$t('components.modal.save') } }) saveBtnText;
   @Prop({ type: String, default: function() { return this.$t('components.modal.cancel') } }) cancelBtnText;
 
+  isDragOver = false;
+  handleDragLeaveDebounced = null;
+
+  created() {
+    this.handleDragLeaveDebounced = debounce(() => {
+      this.isDragOver = false;
+    }, 200);
+  }
+
   onSaveClick() {
     if (this.$refs.editForm && !this.$refs.editForm.doValidation()) {
       return;
     }
     this.$emit('save');
   }
+
+  onDragOver(e) {
+    if (!this.dropzone) {
+      return;
+    }
+    this.isDragOver = true;
+
+    // якщо знову зайшли — відміняємо leave
+    this.handleDragLeaveDebounced.cancel();
+  }
+
+  onDragLeave(e) {
+    if (!this.dropzone) {
+      return;
+    }
+    this.handleDragLeaveDebounced();
+  }
+
+  onDrop(e) {
+    if (!this.dropzone) {
+      return;
+    }
+    this.isDragOver = false;
+    if (this.droptarget) {
+      this.droptarget.onFileChange(e)
+    }
+  }
 }
 </script>

package/src/components/panels/PanelList.vue

@@ -16,6 +16,7 @@
           :title="panel.title"
           :nocard="panel.nocard"
           :icon="panel.icon"
+          :css-class="panel.cssClass"
           :payload="panel.payload"
           :expandable="panelsStack.length > 1"
           :isFullSize="isFullSize"
@@ -184,6 +185,7 @@ export interface IPanel {
   type: string;
   payload: any;
   nocard?: boolean;
+  cssClass?: string;
   isCollapsed: boolean;
   isExpanded: boolean;
   isCloseable: boolean;
@@ -222,7 +224,6 @@ export default class PanelList extends Vue {
   @Prop() panels: Record<string, Component>;
   @Prop({ default: () => {} }) searchPanel: (type: string) => boolean;
   @Prop({ type: String, default: 'path' }) routeType: string;
-  @Prop({ type: String, default: '' }) routePrefix: string;
 
   panelsStack:IPanel[] = [];
 
@@ -313,6 +314,7 @@ export default class PanelList extends Vue {
     const newPanel:any = {
       id: this.nextId++,
       nocard: panel.nocard,
+      cssClass: panel.cssClass,
       title: panel.caption(this.$t.bind(this), payload),
       icon: panel.icon ? panel.icon(this.$t.bind(this), payload) : null,
       components: {
@@ -504,7 +506,7 @@ export default class PanelList extends Vue {
   }
 
   setPanelHash() {
-    const hash = stackToHash(this.panelsStack, this.routePrefix).replace(/^#/, '');
+    const hash = stackToHash(this.panelsStack, this.routeType === 'path').replace(/^#/, '');
     if (this.routeType === 'path') {
       this.$router.push({ path: `${hash}` });
     } else {
@@ -516,7 +518,7 @@ export default class PanelList extends Vue {
   async parsePanelHash() {
     const hash = this.routeType === 'path' ? location.pathname : location.hash;
     if (hash) {
-      const panels = hashToStack(hash, this.routePrefix);
+      const panels = hashToStack(hash, this.routeType === 'path');
       const newStack = [];
       this.panelsStack = [];
       for (const panelIndex in panels) {

package/src/components/text-field/TextField.vue

@@ -24,6 +24,7 @@
       @keypress="$emit('keypress', $event)"
       @blur="$emit('blur', $event)"
       @focus="$emit('focus', $event)"
+      @wheel="onWheel"
       @change="$emit('change', $event.target.value)"
       :maxlength="maxlength"
       :min="min"
@@ -109,5 +110,12 @@ class itfTextField extends Vue {
   blur() {
     this.$refs.input.blur();
   }
+
+  onWheel(event) {
+    // prevent value change on scroll
+    if (this.type === 'number' && document.activeElement === this.$refs.input) {
+      event.preventDefault();
+    }
+  }
 }
 </script>

package/src/components/view/View.vue

@@ -67,6 +67,8 @@
           :active="activeIds"
           :show-actions="showActions"
           :expanded-ids.sync="expandedIds"
+          :indicator-width="indicatorWidth"
+          :no-select-all="noSelectAll"
           v-model="selectedIds"
           @row-click="$emit('open', $event)"
           @update:sorting="updateSorting($event)"
@@ -88,6 +90,7 @@
       :items="preparedItems"
       :pages="countPages"
       :value="page"
+      :totalCount="showTotalCount ? total : null"
       @input="updatePage($event)"
       @per-page="updateSizePerPage($event)"
     >
@@ -144,6 +147,9 @@ class itfView extends Vue {
   @Prop() hardFilter; // встановлює жорсткий фільтр, наприклад, треба завжди показувати лише по контрагенту
   @Prop(Boolean) showActions;
   @Prop({ type: Array, default: () => [] }) disabledIds;
+  @Prop({ default: 45 }) indicatorWidth;
+  @Prop(Boolean) noSelectAll;
+  @Prop({ type: Boolean, default: false }) showTotalCount;
 
   page = 1;
   total = 0;

package/src/locales/en.js

@@ -56,6 +56,11 @@ module.exports = {
   addMore: 'Add more',
   close: 'Close',
   wholeYear: 'Whole year',
+  atLeastOneUppercaseLetterRequired: 'At least one uppercase letter is required',
+  atLeastOneLowercaseLetterRequired: 'At least one lowercase letter is required',
+  atLeastOneNumberRequired: 'At least one number is required',
+  atLeastOneSpecialCharacterRequired: 'At least one special character is required (e.g. @,$,!,%,*,?,&)',
+  dropzoneText: 'Click or drag file to upload',
 
   select: {
     loading: 'Loading...',
@@ -133,7 +138,7 @@ module.exports = {
     cancelSelected: 'Cancel',
   },
   pagination: {
-    itemsPerPage: 'Items per page',
+    itemsPerPage: 'On the page',
     previous: 'Previous',
     next: 'Next'
   },
@@ -155,4 +160,5 @@ module.exports = {
   },
   passwordValidation: 'Password should contain at least 8 characters, including uppercase letters, lowercase letters, numbers, and special characters (e.g. @, $, !, %, *, ?, &)',
   iveGotIt: 'I\'ve got it',
+  totalItems: 'Total',
 };

package/src/locales/pl.js

@@ -133,7 +133,7 @@ module.exports = {
     cancelSelected: 'Anuluj zaznaczenie',
   },
   pagination: {
-    itemsPerPage: 'Elementów na stronę',
+    itemsPerPage: 'Na stronie',
     previous: 'Poprzednia',
     next: 'Następna',
   },
@@ -155,4 +155,5 @@ module.exports = {
   },
   passwordValidation: 'Hasło powinno zawierać co najmniej 8 znaków, w tym wielkie i małe litery, cyfry oraz znaki specjalne (np. @, $, !, %, *, ?, &)',
   iveGotIt: 'Rozumiem',
+  totalItems: 'Całkowity',
 };

package/src/locales/uk.js

@@ -57,6 +57,11 @@ module.exports = {
   addMore: 'Додати ще',
   close: 'Закрити',
   wholeYear: 'Весь рік',
+  atLeastOneUppercaseLetterRequired: 'Має бути принаймні одна велика літера',
+  atLeastOneLowercaseLetterRequired: 'Має бути принаймні одна мала літера',
+  atLeastOneNumberRequired: 'Має бути принаймні одна цифра',
+  atLeastOneSpecialCharacterRequired: 'Має бути принаймні один спеціальний символ (@,$,!,%,*,?,&)',
+  dropzoneText: 'Натисніть або перетягніть файл для завантаження',
 
   select: {
     loading: 'Завантаження...',
@@ -100,7 +105,7 @@ module.exports = {
     copyingToClipboardWasSuccessful: 'Скопійовано в буфер',
   },
   pagination: {
-    itemsPerPage: 'К-ть на сторінці',
+    itemsPerPage: 'На сторінці',
     previous: 'Попередня',
     next: 'Наступна',
   },
@@ -156,4 +161,5 @@ module.exports = {
   },
   passwordValidation: 'Пароль має містити принаймні 8 символів, включаючи великі літери, малі літери, цифри та спеціальні символи (@, $, !, %, *, ?, &)',
   iveGotIt: 'Зрозуміло',
+  totalItems: 'Всього',
 };