@itfin/components 1.4.35 → 1.5.0

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

@@ -0,0 +1,27 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.000000" height="32.000000" fill="none" clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="32.000000" height="32.000000" x="0.000000" y="0.000000" rx="6.153846" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="start" width="32.000000" height="32.000000" x="0.000000" y="0.000000" rx="6.153846" />
+	<path id="Vector" d="M22.8126 9.55948C22.7556 9.49796 22.6869 9.44902 22.6108 9.41564C22.5348 9.38226 22.4529 9.36515 22.3701 9.36533L22.3653 9.36533C22.1623 9.40866 21.9797 9.48171 21.8173 9.58448L21.8246 9.58031C21.5497 9.72252 21.2585 9.88194 20.9511 10.0586C20.617 10.2472 20.2663 10.4031 19.9038 10.5244L19.8592 10.5377C19.4846 10.674 19.0908 10.7466 18.6934 10.7527L18.6901 10.7527L18.6495 10.7535C18.3467 10.7535 18.0602 10.6819 17.8052 10.5535L17.8166 10.5585C17.1534 10.2247 16.4688 9.93765 15.7676 9.69946L15.6425 9.66197C15.0154 9.46353 14.3626 9.3638 13.7063 9.36617L13.6536 9.36617L13.656 9.36617C12.1713 9.43417 10.7233 9.86189 9.43046 10.6144L9.47673 10.5894C9.152 10.7543 8.92307 10.8818 8.77369 10.976L8.62513 9.85861C8.87777 9.63392 9.05479 9.33306 9.13092 8.99897C9.20706 8.66488 9.17842 8.31464 9.04909 7.99825C8.91976 7.68186 8.69635 7.41549 8.41076 7.23717C8.12516 7.05885 7.79198 6.97769 7.45877 7.00527C7.12556 7.03286 6.80936 7.16778 6.55531 7.39078C6.30125 7.61378 6.12233 7.91345 6.04407 8.24703C5.96582 8.5806 5.99224 8.93102 6.11957 9.24827C6.24689 9.56551 6.4686 9.83337 6.75306 10.0136L6.75955 10.0178L8.90277 26.1701C8.96691 26.6409 9.35658 26.9992 9.82744 27C9.8729 27 9.91837 26.9969 9.9622 26.9908L9.95733 26.9917C10.0798 26.9752 10.1979 26.934 10.3048 26.8704C10.4117 26.8068 10.5052 26.7222 10.5801 26.6213C10.655 26.5205 10.7096 26.4054 10.741 26.2828C10.7723 26.1602 10.7797 26.0324 10.7627 25.9068L10.7635 25.9118L9.90132 19.42C11.1393 18.7113 12.5183 18.3013 13.9337 18.221L13.9588 18.2202L13.9661 18.2202C14.4686 18.2202 14.9533 18.3018 15.4063 18.4535L15.373 18.4443C15.7821 18.5697 16.1772 18.739 16.5518 18.9492L16.5201 18.9326C16.8238 19.1084 17.1793 19.2734 17.5495 19.4067L17.5966 19.4217C17.9611 19.5617 18.3825 19.6433 18.8217 19.6467L18.8233 19.6467C20.1328 19.5616 21.4021 19.1488 22.5203 18.4443L22.4854 18.4651C22.6348 18.3901 22.7647 18.2965 22.8751 18.1843C22.9647 18.0745 23.0089 17.9331 22.9985 17.7902L22.9985 17.7919L22.9985 10.0136C22.9988 9.92914 22.9824 9.84551 22.9503 9.76774C22.9182 9.68998 22.8711 9.6197 22.8118 9.56115L22.8126 9.55948Z" opacity="0" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M9.26667 17.1765L9.26667 23.8823C9.26667 24.199 9.15787 24.4646 8.94027 24.6792C8.72267 24.8938 8.45369 25.0007 8.13333 25C7.81298 24.9993 7.544 24.892 7.3264 24.6781C7.1088 24.4643 7 24.199 7 23.8823L7 7.11765C7 6.80098 7.1088 6.53573 7.3264 6.32188C7.544 6.10804 7.81298 6.00075 8.13333 6L16.265 6C16.5294 6 16.7656 6.08382 16.9733 6.25147C17.1811 6.41912 17.3133 6.63333 17.37 6.89412L17.6533 8.23529L22.8667 8.23529C23.1878 8.23529 23.4571 8.34259 23.6747 8.55718C23.8923 8.77176 24.0008 9.03702 24 9.35294L24 18.2941C24 18.6108 23.8912 18.8764 23.6736 19.091C23.456 19.3056 23.187 19.4125 22.8667 19.4118L17.0017 19.4118C16.7372 19.4118 16.5011 19.3279 16.2933 19.1603C16.0856 18.9926 15.9533 18.7784 15.8967 18.5176L15.6133 17.1765L9.26667 17.1765Z" opacity="0" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M16.1098 10.0207L26.7746 13.7236C27.0751 13.8338 27.0751 14.2764 26.7746 14.3866L25.0518 14.9672L25.0518 16.957C25.2158 17.0403 25.3524 17.2061 25.3524 17.3987L25.3524 18.145C25.3524 18.3108 25.2699 18.4487 25.1334 18.5321L25.5164 19.3608C25.0518 19.6099 24.3957 19.6099 23.9302 19.3608L24.2858 18.5321C24.1767 18.4487 24.0942 18.3108 24.0942 18.145L24.0942 17.3987C24.0942 17.2052 24.2033 17.0394 24.3673 16.957L24.3673 15.2162L16.1092 18.0896C16.0267 18.1173 15.9726 18.1173 15.8902 18.0896L5.22544 14.3867C4.92485 14.2765 4.92485 13.8339 5.22544 13.7237L15.8902 10.0208C15.9726 9.99306 16.0267 9.99306 16.1092 10.0208L16.1098 10.0207ZM22.3172 16.6247L22.3172 21.0729C18.1066 23.6424 13.8948 23.6424 9.68414 21.0729L9.68414 16.6247L15.6725 18.697C15.8915 18.7803 16.1097 18.7803 16.3287 18.697L22.3172 16.6247Z" opacity="0" fill="currentColor" fill-rule="evenodd" />
+	<g id="Group">
+		<g id="Group">
+			<path id="Vector" d="M16 6C10.4842 6 6 10.4842 6 16C6 21.5158 10.4842 26 16 26C21.5158 26 26 21.5158 26 16C26 10.4842 21.5158 6 16 6ZM20.0421 12.8421L16.7789 20.9895C16.5474 21.6 15.6632 21.5368 15.4947 20.9053L14.6737 17.7684C14.6105 17.5368 14.4211 17.3474 14.1895 17.2842L11.0526 16.4632C10.4211 16.2947 10.3789 15.4316 10.9684 15.1789L19.1579 11.9579C19.7053 11.7474 20.2526 12.2947 20.0421 12.8421Z" fill="currentColor" fill-rule="nonzero" />
+		</g>
+	</g>
+	<g id="Group" opacity="0">
+		<path id="Vector" d="M24 8L21 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+		<path id="Vector" d="M0 0L4 0" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(0,1,-1,0,17,6)" />
+		<path id="Vector" d="M17 8L6 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+		<path id="Vector" d="M10 15L6 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+		<path id="Vector" d="M0 0L4 0" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(0,1,-1,0,14,13)" />
+		<path id="Vector" d="M25 15L14 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+		<path id="Vector" d="M24 22L21 22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+		<path id="Vector" d="M0 0L4 0" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(0,1,-1,0,17,20)" />
+		<path id="Vector" d="M17 22L6 22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+	</g>
+</svg>

package/src/components/icon/new-icons/strongbox.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 5C15.8856 5 16.8283 5.00015 17.4141 5.58594C17.9998 6.17172 18 7.11438 18 9V13C18 14.8856 17.9998 15.8283 17.4141 16.4141C17.0245 16.8036 16.4771 16.9319 15.5996 16.9756V18C15.5996 18.3314 15.3314 18.5996 15 18.5996C14.6686 18.5996 14.4004 18.3314 14.4004 18V16.9971C14.2719 16.9973 14.1385 17 14 17H10C9.86153 17 9.72814 16.9973 9.59961 16.9971V18C9.59961 18.3314 9.33137 18.5996 9 18.5996C8.66863 18.5996 8.40039 18.3314 8.40039 18V16.9756C7.52285 16.9319 6.97547 16.8036 6.58594 16.4141C6.00015 15.8283 6 14.8856 6 13V9C6 7.11438 6.00015 6.17172 6.58594 5.58594C7.17172 5.00015 8.11438 5 10 5H14ZM8 11.9004C7.7101 11.9004 7.46811 12.1056 7.41211 12.3789L7.40039 12.5V14C7.40039 14.3314 7.66863 14.5996 8 14.5996C8.33137 14.5996 8.59961 14.3314 8.59961 14V12.5C8.59961 12.1686 8.33137 11.9004 8 11.9004ZM14 8.90039C12.8402 8.90039 11.9004 9.8402 11.9004 11C11.9004 12.1598 12.8402 13.0996 14 13.0996C15.1598 13.0996 16.0996 12.1598 16.0996 11C16.0996 9.8402 15.1598 8.90039 14 8.90039ZM14 10.0996C14.4971 10.0996 14.9004 10.5029 14.9004 11C14.9004 11.4971 14.4971 11.9004 14 11.9004C13.5029 11.9004 13.0996 11.4971 13.0996 11C13.0996 10.5029 13.5029 10.0996 14 10.0996ZM8 7.40039C7.7101 7.40039 7.46811 7.60557 7.41211 7.87891L7.40039 8V9.5C7.40039 9.83137 7.66863 10.0996 8 10.0996C8.33137 10.0996 8.59961 9.83137 8.59961 9.5V8C8.59961 7.66863 8.33137 7.40039 8 7.40039Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/subscription.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.5 13C18.433 13 20 14.567 20 16.5C20 18.433 18.433 20 16.5 20C14.567 20 13 18.433 13 16.5C13 14.567 14.567 13 16.5 13ZM18.416 15.0684C18.1775 14.8385 17.7983 14.8455 17.5684 15.084L16.0674 16.6396L15.4277 15.9883L15 16.4092L14.5723 16.8291L15.6436 17.9209C15.757 18.0362 15.9124 18.1004 16.0742 18.0996C16.2362 18.0989 16.3905 18.0326 16.5029 17.916L18.4316 15.916C18.6615 15.6775 18.6545 15.2983 18.416 15.0684ZM15.4277 15.9883C15.1955 15.7522 14.8154 15.7494 14.5791 15.9814C14.3431 16.2137 14.3403 16.5928 14.5723 16.8291L15.4277 15.9883ZM19 12.5205C18.2758 12.0645 17.419 11.7998 16.5 11.7998C14.0732 11.7998 12.0758 13.6393 11.8262 16H8C6.58579 16 5.87879 15.9999 5.43945 15.5605C5.00011 15.1212 5 14.4142 5 13V9.59961H19V12.5205ZM16 6C17.4142 6 18.1212 6.00011 18.5605 6.43945C18.9328 6.81174 18.9874 7.37622 18.9961 8.40039H5.00391C5.01258 7.37622 5.06716 6.81174 5.43945 6.43945C5.87879 6.00011 6.58579 6 8 6H16Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/table-view.svg

@@ -1,6 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M14 18L10 18C8.11438 18 7.17157 18 6.58579 17.4142C6 16.8284 6 15.8856 6 14L6 10C6 8.11438 6 7.17157 6.58579 6.58579C7.17157 6 8.11438 6 10 6L14 6C15.8856 6 16.8284 6 17.4142 6.58579C18 7.17157 18 8.11438 18 10L18 14C18 15.8856 18 16.8284 17.4142 17.4142C16.8284 18 15.8856 18 14 18Z" stroke="currentColor" stroke-width="1.2"/>
-  <path d="M6 14L18 14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M6 10L18 10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M10 6L10 18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.43934 6.43934C5 6.87868 5 7.58579 5 9V9.4L8.4 9.4L8.4 6H8C6.58579 6 5.87868 6 5.43934 6.43934ZM5 10.6L8.4 10.6L8.4 13.4H5V10.6ZM5 14.6V15C5 16.4142 5 17.1213 5.43934 17.5607C5.87868 18 6.58579 18 8 18H8.4L8.4 14.6H5ZM9.6 14.6V18H16C17.4142 18 18.1213 18 18.5607 17.5607C19 17.1213 19 16.4142 19 15V14.6L9.6 14.6ZM19 13.4V10.6L9.6 10.6V13.4L19 13.4ZM9.6 6V9.4L19 9.4V9C19 7.58579 19 6.87868 18.5607 6.43934C18.1213 6 17.4142 6 16 6H9.6Z" fill="currentColor"/>
 </svg>

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15.9995 6.66669C17.2873 6.66669 18.5143 6.92741 19.6304 7.39911C19.2736 7.95791 19.0659 8.6216 19.0659 9.33368C19.0661 11.3218 20.6784 12.9333 22.6665 12.9333C23.3788 12.9333 24.0422 12.7258 24.6011 12.3688C25.0729 13.4849 25.3335 14.7119 25.3335 15.9997C25.3335 21.1544 21.1542 25.3337 15.9995 25.3337C10.845 25.3335 6.6665 21.1542 6.6665 15.9997C6.66668 10.8453 10.8451 6.66686 15.9995 6.66669ZM15.9995 8.53387C15.5578 8.53401 15.1997 8.89193 15.1997 9.33368V15.6247L11.4878 18.7194C11.1487 19.0023 11.1026 19.5061 11.3853 19.8454C11.668 20.1846 12.1718 20.2304 12.5112 19.9479L16.5112 16.6149C16.6935 16.4631 16.7991 16.2379 16.7993 16.0007V9.33368C16.7993 8.89185 16.4413 8.53388 15.9995 8.53387ZM22.6665 7.33368C23.771 7.33372 24.6665 8.22914 24.6665 9.33368C24.6664 10.2574 24.0391 11.0317 23.188 11.2614C23.1614 11.2687 23.1349 11.2767 23.1079 11.2829C23.0837 11.2884 23.0592 11.293 23.0347 11.2975C22.9918 11.3057 22.9486 11.3118 22.9048 11.3171C22.8885 11.319 22.8723 11.3214 22.856 11.3229C22.7936 11.3289 22.7305 11.3337 22.6665 11.3337C21.6906 11.3337 20.8787 10.6343 20.7026 9.70966C20.6794 9.58783 20.6665 9.46225 20.6665 9.33368C20.6665 9.30627 20.6693 9.27879 20.6704 9.25165C20.6715 9.22418 20.6711 9.19678 20.6733 9.16962L20.6763 9.1286C20.6786 9.10559 20.6839 9.08302 20.687 9.06024C20.6914 9.02844 20.6958 8.99681 20.7017 8.96552C20.7066 8.93892 20.7123 8.91262 20.7183 8.88641C20.7252 8.85645 20.7334 8.82698 20.7417 8.79755C20.7499 8.76815 20.7567 8.73849 20.7661 8.70966C20.775 8.6828 20.7864 8.6569 20.7964 8.63055C21.0812 7.87323 21.8096 7.33368 22.6665 7.33368Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/transactions_alt.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 d="M18 8L6 8" stroke="currentColor" stroke-linecap="round"/>
+  <path d="M9 5L6 8L9 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M15 13L18 16L15 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18 16L6 16" stroke="currentColor" stroke-linecap="round"/>
+</svg>

package/src/components/icon/new-icons/transactions_delete.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="M15.4287 4C17.5836 4 18.6606 4.00047 19.3301 4.66992C19.9995 5.33938 20 6.41639 20 8.57129V15.0283C19.8358 15.0102 19.669 15 19.5 15C17.0147 15 15 17.0147 15 19.5C15 19.669 15.0102 19.8358 15.0283 20H8.57129C6.41639 20 5.33938 19.9995 4.66992 19.3301C4.00047 18.6606 4 17.5836 4 15.4287V8.57129C4 6.41639 4.00047 5.33938 4.66992 4.66992C5.33938 4.00047 6.41639 4 8.57129 4H15.4287ZM14.209 12.1338C14.0306 11.9554 13.7411 11.9557 13.5625 12.1338C13.384 12.3123 13.384 12.6017 13.5625 12.7803L14.6094 13.8281H8.39941C8.14713 13.8282 7.94261 14.0329 7.94238 14.2852C7.94238 14.5376 8.14698 14.7431 8.39941 14.7432H14.6104L13.5625 15.791C13.384 15.9695 13.384 16.259 13.5625 16.4375C13.7411 16.6156 14.0306 16.6159 14.209 16.4375L16.0371 14.6094C16.2152 14.431 16.2151 14.1414 16.0371 13.9629L14.209 12.1338ZM10.5518 7.5625C10.3733 7.38408 10.0838 7.38432 9.90527 7.5625L8.07617 9.3916C7.89785 9.57015 7.89771 9.85962 8.07617 10.0381L9.90527 11.8662C10.0839 12.0441 10.3734 12.0445 10.5518 11.8662C10.7297 11.6879 10.7295 11.3982 10.5518 11.2197L9.50293 10.1719H15.7139C15.9658 10.1715 16.1705 9.96678 16.1709 9.71484C16.1709 9.46257 15.9661 9.25815 15.7139 9.25781H9.50293L10.5518 8.20898C10.7297 8.03065 10.7295 7.74097 10.5518 7.5625Z" fill="currentColor"/>
+<path d="M19.5 16C21.433 16 23 17.567 23 19.5C23 21.433 21.433 23 19.5 23C17.567 23 16 21.433 16 19.5C16 17.567 17.567 16 19.5 16ZM18.125 18.9258C17.7938 18.9319 17.5302 19.2049 17.5361 19.5361C17.5422 19.8673 17.8154 20.1308 18.1465 20.125L20.9248 20.0742C21.256 20.0681 21.5187 19.7951 21.5127 19.4639C21.5066 19.1326 21.2336 18.869 20.9023 18.875L18.125 18.9258Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/type-array.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.125 4.125H4.875C4.46079 4.125 4.125 4.46079 4.125 4.875V19.125C4.125 19.5392 4.46079 19.875 4.875 19.875H19.125C19.5392 19.875 19.875 19.5392 19.875 19.125V4.875C19.875 4.46079 19.5392 4.125 19.125 4.125Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 4.125V19.875" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.875 12H4.125" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/type-boolean.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="M16.5 6H7.5C4.18629 6 1.5 8.68629 1.5 12C1.5 15.3137 4.18629 18 7.5 18H16.5C19.8137 18 22.5 15.3137 22.5 12C22.5 8.68629 19.8137 6 16.5 6Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 15C18.1569 15 19.5 13.6569 19.5 12C19.5 10.3431 18.1569 9 16.5 9C14.8431 9 13.5 10.3431 13.5 12C13.5 13.6569 14.8431 15 16.5 15Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/type-date.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.44444 3V6.6M15.5556 3V6.6M4 10.2H20M5.77778 4.8H18.2222C19.2041 4.8 20 5.60589 20 6.6V19.2C20 20.1941 19.2041 21 18.2222 21H5.77778C4.79594 21 4 20.1941 4 19.2V6.6C4 5.60589 4.79594 4.8 5.77778 4.8Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/type-null.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="M20.5 3L3 20.5M20.5 11.75C20.5 16.5825 16.5825 20.5 11.75 20.5C6.9175 20.5 3 16.5825 3 11.75C3 6.9175 6.9175 3 11.75 3C16.5825 3 20.5 6.9175 20.5 11.75Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/type-number.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="M4 9H20M4 15H20M10 3L8 21M16 3L14 21" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/type-object.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 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V10C5 10.5304 4.78929 11.0391 4.41421 11.4142C4.03914 11.7893 3.53043 12 3 12C3.53043 12 4.03914 12.2107 4.41421 12.5858C4.78929 12.9609 5 13.4696 5 14V19C5 20.1 5.9 21 7 21H8M16 21H17C17.5304 21 18.0391 20.7893 18.4142 20.4142C18.7893 20.0391 19 19.5304 19 19V14C19 12.9 19.9 12 21 12C20.4696 12 19.9609 11.7893 19.5858 11.4142C19.2107 11.0391 19 10.5304 19 10V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H16" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/type-string.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="M6 18.75L11.454 5.66536C11.5052 5.54235 11.5918 5.43727 11.7027 5.36336C11.8136 5.28944 11.9439 5.25 12.0771 5.25C12.2104 5.25 12.3407 5.28944 12.4516 5.36336C12.5625 5.43727 12.649 5.54235 12.7003 5.66536L18.1529 18.75M7.76082 14.699H16.3921" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="5" y="5" width="4.28571" height="4.28571" rx="0.714286" fill="currentColor"/>
+    <rect x="10.7143" y="5" width="4.28571" height="4.28571" rx="0.714286" fill="currentColor"/>
+    <rect x="5" y="10.7144" width="4.28571" height="4.28571" rx="0.714286" fill="currentColor"/>
+    <rect x="10.7143" y="10.7144" width="4.28571" height="4.28571" rx="0.714286" fill="currentColor"/>
+</svg>

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

@@ -0,0 +1,16 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="19.200001" height="19.200001" x="2.399902" y="2.400024" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="Filled/unarchive" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="Vector" d="M17.9998 10.3L17.9998 16.9C17.9998 17.1918 17.8839 17.4716 17.6776 17.6779C17.4713 17.8842 17.1915 18 16.8998 18L5.8998 18C5.60807 18 5.32828 17.8842 5.12199 17.6779C4.9157 17.4716 4.7998 17.1918 4.7998 16.9L4.7998 10.3C4.7998 10.0083 4.9157 9.72852 5.12199 9.52223C5.32828 9.31594 5.60807 9.20005 5.8998 9.20005L16.8998 9.20005C17.1915 9.20005 17.4713 9.31594 17.6776 9.52223C17.8839 9.72852 17.9998 10.0083 17.9998 10.3ZM6.4498 8.10005L16.3498 8.10005C16.4957 8.10005 16.6356 8.0421 16.7387 7.93896C16.8419 7.83581 16.8998 7.69592 16.8998 7.55005C16.8998 7.40418 16.8419 7.26429 16.7387 7.16114C16.6356 7.058 16.4957 7.00005 16.3498 7.00005L6.4498 7.00005C6.30394 7.00005 6.16404 7.058 6.0609 7.16114C5.95775 7.26429 5.8998 7.40418 5.8998 7.55005C5.8998 7.69592 5.95775 7.83581 6.0609 7.93896C6.16404 8.0421 6.30394 8.10005 6.4498 8.10005ZM7.5498 5.90005L15.2498 5.90005C15.3957 5.90005 15.5356 5.8421 15.6387 5.73896C15.7419 5.63581 15.7998 5.49592 15.7998 5.35005C15.7998 5.20418 15.7419 5.06429 15.6387 4.96114C15.5356 4.858 15.3957 4.80005 15.2498 4.80005L7.5498 4.80005C7.40394 4.80005 7.26404 4.858 7.1609 4.96114C7.05775 5.06429 6.9998 5.20418 6.9998 5.35005C6.9998 5.49592 7.05775 5.63581 7.1609 5.73896C7.26404 5.8421 7.40394 5.90005 7.5498 5.90005Z" opacity="0" fill="currentColor" fill-rule="nonzero" />
+	<g id="Eye" opacity="0" clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
+		<rect id="Eye" width="19.200001" height="19.200001" x="2.399902" y="2.400024" opacity="0" fill="rgb(255,255,255)" fill-opacity="0" />
+		<path id="Vector" d="M20.9482 11.757C20.922 11.6978 20.2867 10.2885 18.8745 8.87625C16.9927 6.9945 14.616 6 12 6C9.38399 6 7.00724 6.9945 5.12549 8.87625C3.71324 10.2885 3.07499 11.7 3.05174 11.757C3.01763 11.8337 3 11.9168 3 12.0007C3 12.0847 3.01763 12.1678 3.05174 12.2445C3.07799 12.3038 3.71324 13.7123 5.12549 15.1245C7.00724 17.0055 9.38399 18 12 18C14.616 18 16.9927 17.0055 18.8745 15.1245C20.2867 13.7123 20.922 12.3038 20.9482 12.2445C20.9824 12.1678 21 12.0847 21 12.0007C21 11.9168 20.9824 11.8337 20.9482 11.757ZM12 15C11.4066 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22835 13.1481C9.00129 12.5999 8.94188 11.9967 9.05764 11.4147C9.17339 10.8328 9.45912 10.2982 9.87867 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.824 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z" fill="rgb(167,175,187)" fill-rule="nonzero" />
+	</g>
+	<path id="Subtract" d="M19.3271 8C19.47 7.99923 19.6121 8.02741 19.7432 8.08301C19.8741 8.13862 19.992 8.22077 20.0889 8.32324C20.1857 8.42567 20.2592 8.54685 20.3057 8.67871C20.3521 8.81071 20.3703 8.95075 20.3584 9.08984L19.7988 15.0312L19.1934 14.4697L19.1914 14.4678L19.0615 14.3594C18.7932 14.1566 18.4738 14.0378 18.1455 14.0078L17.9814 14C17.5412 14 17.1041 14.1606 16.7705 14.4678L16.7686 14.4697L14.502 16.5693L14.4736 16.5957L14.4473 16.625C14.15 16.9467 13.9822 17.3754 14.001 17.8271C14.0198 18.2787 14.2225 18.6913 14.542 18.9873C14.5467 18.9917 14.5519 18.9957 14.5566 19L6.82617 19C6.31281 19.0021 5.81651 18.8169 5.43555 18.4805C5.0546 18.144 4.81555 17.6802 4.76562 17.1807L4.00391 9.09082C3.9914 8.95164 4.00855 8.81095 4.05469 8.67871C4.10086 8.54654 4.17557 8.42491 4.27246 8.32227C4.36934 8.21976 4.48719 8.13849 4.61816 8.08301C4.74936 8.02744 4.89121 7.9989 5.03418 8L19.3271 8ZM15.3193 18.3291C15.3136 18.3253 15.3074 18.3223 15.3018 18.3184L15.2217 18.2539C15.2519 18.2819 15.2849 18.3065 15.3193 18.3291ZM15.0488 17.5127C15.0508 17.5078 15.0526 17.5029 15.0547 17.498L15.1006 17.4102C15.0802 17.443 15.0632 17.4774 15.0488 17.5127ZM10.1357 10C9.8645 10 9.6039 10.1054 9.41211 10.293C9.22033 10.4805 9.11232 10.7348 9.1123 11C9.1123 11.2652 9.22034 11.5195 9.41211 11.707C9.6039 11.8946 9.8645 12 10.1357 12L14.2266 12C14.4977 11.9999 14.7575 11.8945 14.9492 11.707C15.141 11.5195 15.249 11.2652 15.249 11C15.249 10.7348 15.141 10.4805 14.9492 10.293C14.7575 10.1055 14.4976 10.0001 14.2266 10L10.1357 10Z" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M6.04422 5L13.2033 5C13.4745 5 13.7347 5.10536 13.9265 5.29289C14.1183 5.48043 14.226 5.73478 14.226 6L18.3169 6C18.5882 6 18.8483 6.10535 19.0401 6.2929C19.2319 6.48043 19.3396 6.73478 19.3396 7L5.02148 7L5.02148 6C5.02148 5.73478 5.12924 5.48043 5.32103 5.29289C5.51282 5.10536 5.77297 5 6.04422 5Z" fill="currentColor" fill-rule="nonzero" />
+	<path id="Vector" d="M20.4766 18.2903C20.3425 18.4207 20.161 18.4938 19.9719 18.4938C19.7828 18.4938 19.6014 18.4207 19.4672 18.2903L18.5366 17.3874L18.5366 21.3001C18.5366 21.4857 18.4612 21.6637 18.327 21.795C18.1927 21.9263 18.0106 22 17.8208 22C17.6309 22 17.4488 21.9263 17.3146 21.795C17.1804 21.6637 17.1049 21.4857 17.1049 21.3001L17.1049 17.3874L16.1815 18.2903C16.0445 18.405 15.8684 18.4649 15.6882 18.4581C15.5081 18.4513 15.3372 18.3782 15.2097 18.2536C15.0822 18.1289 15.0075 17.9618 15.0005 17.7857C14.9936 17.6095 15.0549 17.4373 15.1721 17.3034L17.3197 15.2035C17.4538 15.0732 17.6352 15 17.8244 15C18.0135 15 18.1949 15.0732 18.329 15.2035L20.4766 17.3034C20.6099 17.4345 20.6848 17.6119 20.6848 17.7968C20.6848 17.9817 20.6099 18.1592 20.4766 18.2903Z" fill="currentColor" fill-rule="nonzero" />
+</svg>

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

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
+	<rect id="outline/link disconnected" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="Vector 50" d="M0 -8.74228e-08L1.5 0" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.200000" transform="matrix(4.37114e-08,1,-1,4.37114e-08,10,5.5)" />
+	<path id="Vector 52" d="M0 -8.74228e-08L1.5 0" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.200000" transform="matrix(4.37114e-08,1,-1,4.37114e-08,14,17)" />
+	<path id="Vector 51" d="M5.5 10L7 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.200000" />
+	<path id="Vector 53" d="M17 14L18.5 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.200000" />
+	<path id="Vector 45" d="M16 12L17 11C18.1046 9.89543 18.1046 8.10457 17 7C15.8954 5.89543 14.1046 5.89543 13 7L12 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.200000" />
+	<path id="Vector 46" d="M4 7L5 6C6.10457 4.89543 6.10457 3.10457 5 2C3.89543 0.89543 2.10457 0.89543 1 2L0 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.200000" transform="matrix(-1,0,0,-1,12,19)" />
+</svg>

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

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="10.0003" cy="7.08333" r="2.08333" fill="currentColor"/>
-<path d="M6.62838 15C5.80763 15 5.39726 15 5.1452 14.65C4.89314 14.3 5.00241 13.988 5.22095 13.364C5.25366 13.2706 5.2892 13.1781 5.32754 13.0866C5.5817 12.48 5.95423 11.9288 6.42386 11.4645C6.89348 11.0002 7.45101 10.6319 8.06461 10.3806C8.6782 10.1293 9.33585 10 10 10C10.6642 10 11.3218 10.1293 11.9354 10.3806C12.549 10.6319 13.1065 11.0002 13.5761 11.4645C14.0458 11.9288 14.4183 12.48 14.6725 13.0866C14.7108 13.1781 14.7463 13.2706 14.779 13.364C14.9976 13.988 15.1069 14.3 14.8548 14.65C14.6027 15 14.1924 15 13.3716 15L6.62838 15Z" fill="currentColor"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="15.9998" cy="11.3333" r="3.33333" fill="currentColor"/>
+  <path d="M10.6054 24C9.29221 24 8.63561 24 8.23231 23.44C7.82902 22.88 8.00385 22.3808 8.35352 21.3824C8.40585 21.233 8.46271 21.085 8.52407 20.9385C8.93073 19.9679 9.52677 19.086 10.2782 18.3431C11.0296 17.6003 11.9216 17.011 12.9034 16.609C13.8851 16.2069 14.9374 16 16 16C17.0626 16 18.1149 16.2069 19.0966 16.609C20.0784 17.011 20.9704 17.6003 21.7218 18.3431C22.4732 19.086 23.0693 19.9679 23.4759 20.9385C23.5373 21.085 23.5941 21.233 23.6465 21.3824C23.9961 22.3808 24.171 22.88 23.7677 23.44C23.3644 24 22.7078 24 21.3946 24L10.6054 24Z" fill="currentColor"/>
 </svg>

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

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="14.0003" cy="9.33333" r="3.33333" fill="currentColor"/>
+  <path d="M8.60541 22C7.29221 22 6.63561 22 6.23231 21.44C5.82902 20.88 6.00385 20.3808 6.35352 19.3824C6.40585 19.233 6.46271 19.085 6.52407 18.9385C6.93073 17.9679 7.52677 17.086 8.27817 16.3431C9.02957 15.6003 9.92162 15.011 10.9034 14.609C11.8851 14.2069 12.9374 14 14 14C15.0626 14 16.1149 14.2069 17.0966 14.609C18.0784 15.011 18.9704 15.6003 19.7218 16.3431C20.4732 17.086 21.0693 17.9679 21.4759 18.9385C21.5373 19.085 21.5941 19.233 21.6465 19.3824C21.9961 20.3808 22.171 20.88 21.7677 21.44C21.3644 22 20.7078 22 19.3946 22L8.60541 22Z" fill="currentColor"/>
+  <mask id="path-3-outside-1_2302_29120" maskUnits="userSpaceOnUse" x="16.2002" y="16.2052" width="12" height="12" fill="black">
+    <rect fill="white" x="16.2002" y="16.2052" width="12" height="12"/>
+    <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z"/>
+  </mask>
+  <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z" fill="currentColor"/>
+  <path d="M22.0049 17.2052L22.005 16.2052H22.0049V17.2052ZM22.8047 18.005L21.8047 18.005V18.005H22.8047ZM22.8047 21.2003H21.8047V22.2003H22.8047V21.2003ZM26 21.2003L26.0476 20.2014L26.0238 20.2003H26V21.2003ZM26.082 21.2042L26.1837 20.2094L26.1567 20.2066L26.1296 20.2054L26.082 21.2042ZM26.082 22.796L26.1296 23.7949L26.1567 23.7936L26.1837 23.7908L26.082 22.796ZM26 22.7999V23.7999H26.0238L26.0476 23.7988L26 22.7999ZM22.8047 22.7999V21.7999H21.8047V22.7999H22.8047ZM22.8047 26.005L23.8036 26.0526L23.8047 26.0288V26.005H22.8047ZM22.8008 26.087L23.7956 26.1889L23.7984 26.1618L23.7996 26.1346L22.8008 26.087ZM22.0049 26.8048V27.8048H22.005L22.0049 26.8048ZM21.209 26.087L20.2101 26.1346L20.2114 26.1618L20.2142 26.1889L21.209 26.087ZM21.2051 26.005H20.2051V26.0288L20.2062 26.0526L21.2051 26.005ZM21.2051 22.7999H22.2051V21.7999H21.2051V22.7999ZM21.2051 21.2003V22.2003H22.2051V21.2003H21.2051ZM21.2051 18.005L20.2051 18.005V18.005H21.2051ZM22.0049 17.2052L22.0048 18.2052C21.8945 18.2052 21.8047 18.1156 21.8047 18.005L22.8047 18.005L23.8047 18.005C23.8047 17.0108 22.9988 16.2053 22.005 16.2052L22.0049 17.2052ZM22.8047 18.005H21.8047V21.2003H22.8047H23.8047V18.005H22.8047ZM22.8047 21.2003V22.2003H26V21.2003V20.2003H22.8047V21.2003ZM26 21.2003L25.9524 22.1992L26.0345 22.2031L26.082 21.2042L26.1296 20.2054L26.0476 20.2014L26 21.2003ZM26.082 21.2042L25.9804 22.199C25.8785 22.1886 25.7998 22.1042 25.7998 22.0001H26.7998H27.7998C27.7998 21.0679 27.0919 20.3022 26.1837 20.2094L26.082 21.2042ZM26.7998 22.0001H25.7998C25.7998 21.896 25.8785 21.8116 25.9804 21.8012L26.082 22.796L26.1837 23.7908C27.0919 23.6981 27.7998 22.9323 27.7998 22.0001H26.7998ZM26.082 22.796L26.0345 21.7972L25.9524 21.8011L26 22.7999L26.0476 23.7988L26.1296 23.7949L26.082 22.796ZM26 22.7999V21.7999H22.8047V22.7999V23.7999H26V22.7999ZM22.8047 22.7999H21.8047V26.005H22.8047H23.8047V22.7999H22.8047ZM22.8047 26.005L21.8058 25.9574L21.8019 26.0395L22.8008 26.087L23.7996 26.1346L23.8036 26.0526L22.8047 26.005ZM22.8008 26.087L21.806 25.9852C21.8164 25.8834 21.9006 25.8048 22.0048 25.8048L22.0049 26.8048L22.005 27.8048C22.9371 27.8047 23.7027 27.0968 23.7956 26.1889L22.8008 26.087ZM22.0049 26.8048V25.8048C22.1092 25.8048 22.1934 25.8836 22.2038 25.9852L21.209 26.087L20.2142 26.1889C20.3071 27.0967 21.0725 27.8048 22.0049 27.8048V26.8048ZM21.209 26.087L22.2079 26.0395L22.2039 25.9574L21.2051 26.005L20.2062 26.0526L20.2101 26.1346L21.209 26.087ZM21.2051 26.005H22.2051V22.7999H21.2051H20.2051V26.005H21.2051ZM21.2051 22.7999V21.7999H18V22.7999V23.7999H21.2051V22.7999ZM18 22.7999V21.7999C18.1105 21.7999 18.2002 21.8897 18.2002 22.0001H17.2002H16.2002C16.2002 22.9942 17.0059 23.7999 18 23.7999V22.7999ZM17.2002 22.0001H18.2002C18.2002 22.1106 18.1105 22.2003 18 22.2003V21.2003V20.2003C17.0059 20.2003 16.2002 21.006 16.2002 22.0001H17.2002ZM18 21.2003V22.2003H21.2051V21.2003V20.2003H18V21.2003ZM21.2051 21.2003H22.2051V18.005H21.2051H20.2051V21.2003H21.2051ZM21.2051 18.005L22.2051 18.005C22.2051 18.1155 22.1153 18.2052 22.0049 18.2052V17.2052V16.2052C21.0108 16.2052 20.2051 17.0109 20.2051 18.005L21.2051 18.005Z" fill="#F2F4F7" mask="url(#path-3-outside-1_2302_29120)"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M25.3335 20C25.3335 21.8854 25.3332 22.8283 24.7476 23.4141C24.1618 23.9998 23.2189 24 21.3335 24H10.6665C8.78089 24 7.83823 23.9998 7.25244 23.4141C6.66665 22.8283 6.6665 21.8856 6.6665 20V12.7998H25.3335V20ZM13.3335 15.2002C12.8917 15.2002 12.5337 15.5582 12.5337 16C12.5337 16.4418 12.8917 16.7998 13.3335 16.7998H18.6665L18.7485 16.7959C19.1518 16.7548 19.4673 16.4141 19.4673 16C19.4673 15.5859 19.1518 15.2452 18.7485 15.2041L18.6665 15.2002H13.3335ZM21.3335 8C23.2189 8 24.1618 8.00018 24.7476 8.58594C25.2438 9.08229 25.3161 9.83499 25.3276 11.2002H6.67236C6.68393 9.83484 6.75609 9.08229 7.25244 8.58594C7.83823 8.00015 8.78089 8 10.6665 8H21.3335Z" fill="currentColor"/>
+</svg>

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

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 9.75V13.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.7062 3.74999L2.45625 18C2.32482 18.2276 2.25551 18.4858 2.25528 18.7487C2.25505 19.0115 2.32389 19.2698 2.45492 19.4977C2.58595 19.7256 2.77456 19.915 3.00185 20.0471C3.22914 20.1791 3.48714 20.2491 3.75 20.25H20.25C20.5129 20.2491 20.7709 20.1791 20.9981 20.0471C21.2254 19.915 21.414 19.7256 21.5451 19.4977C21.6761 19.2698 21.7449 19.0115 21.7447 18.7487C21.7445 18.4858 21.6752 18.2276 21.5437 18L13.2937 3.74999C13.1633 3.52206 12.975 3.33263 12.7478 3.20088C12.5206 3.06914 12.2626 2.99976 12 2.99976C11.7374 2.99976 11.4794 3.06914 11.2522 3.20088C11.025 3.33263 10.8367 3.52206 10.7062 3.74999V3.74999Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 17.8125C12.5178 17.8125 12.9375 17.3928 12.9375 16.875C12.9375 16.3572 12.5178 15.9375 12 15.9375C11.4822 15.9375 11.0625 16.3572 11.0625 16.875C11.0625 17.3928 11.4822 17.8125 12 17.8125Z" fill="currentColor"/>
+</svg>

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

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
+	<rect id="icon variants/warning" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="Vector" d="M0 0L24 0L24 24L0 24L0 0ZM0.75 23.25L0.75 0.75L23.25 0.75L23.25 23.25L0.75 23.25Z" opacity="0" fill="rgb(57,130,65)" fill-rule="evenodd" />
+	<path id="Vector" d="M21.7063 17.7604L13.8573 4.08226C13.6694 3.75329 13.3988 3.48004 13.0727 3.29004C12.7467 3.10004 12.3767 3 12 3C11.6233 3 11.2533 3.10004 10.9273 3.29004C10.6012 3.48004 10.3306 3.75329 10.1427 4.08226L10.1427 4.08226L2.29373 17.7604C2.10305 18.0877 2.00172 18.46 2.00002 18.8396C1.99832 19.2191 2.09631 19.5923 2.28404 19.9214C2.47177 20.2504 2.74255 20.5235 3.06889 20.7129C3.39523 20.9024 3.76551 21.0014 4.14211 21L19.8579 21C20.2345 21.0014 20.6048 20.9024 20.9311 20.7129C21.2574 20.5235 21.5282 20.2504 21.716 19.9214C21.9037 19.5923 22.0017 19.2191 22 18.8396C21.9983 18.46 21.8969 18.0877 21.7063 17.7604L21.7063 17.7604ZM11.2856 10.2014C11.2856 10.0105 11.3609 9.82739 11.4949 9.69239C11.6288 9.55738 11.8105 9.48153 12 9.48153C12.1895 9.48153 12.3712 9.55738 12.5051 9.69239C12.6391 9.82739 12.7144 10.0105 12.7144 10.2014L12.7144 13.801C12.7144 13.9919 12.6391 14.175 12.5051 14.31C12.3712 14.445 12.1895 14.5209 12 14.5209C11.8105 14.5209 11.6288 14.445 11.4949 14.31C11.3609 14.175 11.2856 13.9919 11.2856 13.801L11.2856 10.2014ZM12 18.1204C11.7881 18.1204 11.5809 18.057 11.4047 17.9384C11.2285 17.8197 11.0911 17.6511 11.01 17.4538C10.9289 17.2564 10.9077 17.0393 10.9491 16.8298C10.9904 16.6204 11.0925 16.428 11.2423 16.2769C11.3922 16.1259 11.5831 16.0231 11.791 15.9814C11.9988 15.9397 12.2143 15.9611 12.4101 16.0429C12.6059 16.1246 12.7732 16.263 12.8909 16.4406C13.0087 16.6182 13.0715 16.8269 13.0715 17.0405C13.0715 17.3269 12.9586 17.6016 12.7577 17.8041C12.5567 18.0066 12.2842 18.1204 12 18.1204Z" fill="currentColor" fill-rule="nonzero" />
+</svg>

package/src/components/kanban/BoardCard.vue

@@ -19,7 +19,7 @@
   </div>
 </template>
 <script>
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
 import itfIcon from '../icon/Icon';
 import itfButton from '../button/Button';
 import loading from '../../directives/loading';

package/src/components/kanban/BoardCardTimer.vue

@@ -24,7 +24,7 @@
 }
 </style>
 <script>
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
 import itfIcon from '../icon/Icon';
 import itfButton from '../button/Button.vue';
 

package/src/components/modal/DeleteConfirmModal.vue

@@ -13,10 +13,10 @@
 
     <itf-modal :visible.sync="isModalShown" @keyup.native.enter="onConfirm">
       <div slot="content" class="modal-content rounded-3 shadow itf-append-context">
-        <div class="modal-body p-4 text-center">
+        <div class="modal-body p-4 pb-3 text-center">
           <slot>
-            <h5 class="mb-0">{{$t('components.popover.confirmDelete')}}</h5>
-            <p class="mb-0">{{$t('components.popover.areYouSureToDeleteThis')}}</p>
+            <h5 class="mb-1">{{ title }}</h5>
+            <p class="mb-0">{{ message }}</p>
           </slot>
         </div>
         <div class="modal-footer flex-nowrap p-0">
@@ -26,13 +26,14 @@
             data-bs-dismiss="modal"
             @click="$emit('cancel')"
           >
-            <span v-html="$t('components.popover.noKeepIt')"></span>
+            <span v-html="cancelCaption"></span>
           </button>
           <button
             type="button"
             class="btn btn-lg btn-link fs-6 text-decoration-none col-6 py-3 m-0 rounded-0 border-end fw-bold"
             :class="confirmClass"
             @click="onConfirm"
+            :disabled="confirmDisabled"
           >
             <span v-html="deleteCaption"></span>
           </button>
@@ -58,9 +59,12 @@ export default @Component({
 class itfDeleteConfirmModal extends Vue {
   @Prop(Boolean) loading;
   @Prop({ type: Boolean, default: false }) disabled;
+  @Prop({ type: Boolean, default: false }) confirmDisabled;
   @Prop({ type: String, default: 'text-danger' }) confirmClass;
-  @Prop({ type: String, default () { return this.$t('components.noKeepIt'); } }) cancelCaption;
-  @Prop({ type: String, default () { return this.$t('components.yesDelete'); } }) deleteCaption;
+  @Prop({ type: String, default () { return this.$t('components.popover.noKeepIt'); } }) cancelCaption;
+  @Prop({ type: String, default () { return this.$t('components.popover.yesDelete'); } }) deleteCaption;
+  @Prop({ type: String, default () { return this.$t('components.popover.confirmDelete'); } }) title;
+  @Prop({ type: String, default () { return this.$t('components.popover.areYouSureToDeleteThis'); } }) message;
 
   isModalShown = false;
 

package/src/components/modal/ItemEditor.vue

@@ -45,7 +45,7 @@
           v-if="!readonly"
           data-test="item-editor-cancel"
           :disabled="loading"
-          secondary
+          default
           class="me-2"
           @click="$emit('input', false)"
         >

package/src/components/modal/Modal.vue

@@ -2,7 +2,7 @@
 
   <div class="itf-modal modal fade" ref="modal" tabindex="-1" :aria-labelledby="modalId" aria-hidden="true">
     <div
-      class="modal-dialog"
+      class="modal-dialog modal-dialog-centered"
       :class="{[`modal-${size}`]: size, 'modal-fullscreen': fullscreen, 'modal-fullscreen-sm-down': !fullscreen}"
     >
       <slot name="content">

package/src/components/overlay/SensitiveOverlay.vue

@@ -5,7 +5,7 @@
 
     <div class="itf-sensitive-overlay__cover">
       <slot name="hint">
-        <svg class="icon-cursor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 104.8 122.88" style="enable-background:new 0 0 104.8 122.88" xml:space="preserve"><g><path fill="currentColor" d="M39.92,0c11.02,0,21,4.47,28.23,11.69c7.22,7.22,11.69,17.2,11.69,28.23c0,3.8-0.53,7.47-1.52,10.95l-3.7-2.53 c0.65-2.7,1-5.52,1-8.42c0-9.86-4-18.78-10.46-25.24C58.7,8.21,49.78,4.22,39.92,4.22c-9.86,0-18.78,4-25.24,10.46 C8.21,21.13,4.22,30.06,4.22,39.92c0,9.86,4,18.78,10.46,25.24c4.79,4.79,10.93,8.22,17.8,9.68l0.34,4.36 c-8.17-1.47-15.48-5.43-21.11-11.06C4.47,60.92,0,50.94,0,39.92c0-11.02,4.47-21,11.69-28.23C18.91,4.47,28.89,0,39.92,0L39.92,0z M81.84,122.5c-0.89,0.41-1.88,0.48-2.76,0.25c-0.97-0.26-1.83-0.87-2.36-1.78l-9.91-17.08l-9.42,10.57 c-1.31,1.47-2.8,2.58-4.24,3.16c-1.11,0.45-2.2,0.59-3.22,0.37c-1.13-0.24-2.09-0.89-2.8-2c-0.56-0.89-0.93-2.07-1.05-3.59 l-5.25-68.42c-0.01-0.05-0.01-0.11-0.01-0.15c-0.01-0.43,0.07-0.85,0.25-1.23c0.19-0.44,0.51-0.84,0.91-1.13 c0.17-0.13,0.36-0.22,0.56-0.27c0.39-0.13,0.8-0.18,1.19-0.13c0.38,0.04,0.75,0.15,1.09,0.35c0.11,0.05,0.23,0.12,0.33,0.2 l56.52,38.7c1.25,0.86,2.09,1.77,2.58,2.7c0.62,1.17,0.69,2.32,0.33,3.42c-0.32,0.99-1,1.87-1.93,2.6 c-1.21,0.95-2.92,1.69-4.86,2.09c-0.02,0.01-0.05,0.01-0.07,0.01L83.92,94l9.84,17.13c0.52,0.91,0.62,1.96,0.36,2.92 c-0.25,0.94-0.85,1.8-1.72,2.37c-0.03,0.03-0.07,0.05-0.11,0.07l-10.21,5.9C81.99,122.43,81.92,122.47,81.84,122.5L81.84,122.5 L81.84,122.5z M79.99,119.28c0.1,0.03,0.2,0.03,0.29-0.01c0.03-0.02,0.07-0.04,0.11-0.05l10.08-5.82c0.09-0.07,0.15-0.17,0.19-0.27 c0.02-0.09,0.02-0.17-0.01-0.22L79.11,93.16h0.01c-0.09-0.16-0.16-0.34-0.2-0.53c-0.2-0.97,0.43-1.91,1.39-2.11l16.22-2.88 c0.02-0.01,0.04-0.01,0.07-0.01c1.4-0.29,2.58-0.79,3.38-1.41c0.39-0.31,0.65-0.61,0.74-0.9c0.06-0.18,0.03-0.4-0.1-0.65 c-0.23-0.43-0.69-0.89-1.43-1.41L45.01,46.02l5.12,65.4c0.07,0.91,0.25,1.54,0.5,1.94c0.15,0.23,0.33,0.37,0.51,0.41 c0.3,0.07,0.69-0.01,1.15-0.19c0.93-0.37,1.94-1.15,2.9-2.22l10.11-12.18l0,0c0.13-0.14,0.27-0.26,0.44-0.36 c0.85-0.49,1.95-0.21,2.44,0.65l11.63,19.69C79.85,119.22,79.91,119.26,79.99,119.28L79.99,119.28L79.99,119.28z M80.39,119.22 c0.23-0.11,0.5-0.18,0.78-0.18L80.39,119.22L80.39,119.22L80.39,119.22z M39.92,27.34c3.47,0,6.62,1.41,8.89,3.69 c0.23,0.23,0.46,0.48,0.67,0.73c-0.12-0.04-0.24-0.08-0.36-0.12c-0.65-0.21-1.35-0.37-2.09-0.48c-0.23-0.04-0.47-0.08-0.71-0.1 c-1.05-0.12-2.14-0.12-3.23,0c-0.15,0.02-0.3,0.04-0.46,0.06c-0.86-0.27-1.78-0.41-2.73-0.41c-2.55,0-4.86,1.03-6.52,2.69 l-0.01,0.01c-1.66,1.66-2.69,3.97-2.69,6.52c0,1.3,0.11,1.34-0.16,2.69c-0.14,0.68-0.22,1.44-0.24,2.28 c-0.04,0.56-0.04,1.13,0,1.71l0.12,1.58c-1.92-2.21-3.08-5.09-3.08-8.25c0-3.46,1.41-6.61,3.69-8.89l0.01-0.01 C33.31,28.74,36.45,27.34,39.92,27.34L39.92,27.34z M39.92,13.68c7.24,0,13.8,2.94,18.55,7.68c4.75,4.75,7.68,11.31,7.68,18.55 c0,0.86-0.04,1.7-0.12,2.54l-3.85-2.64c-0.03-6.11-2.51-11.64-6.52-15.64c-4.03-4.03-9.59-6.52-15.74-6.52 c-6.15,0-11.71,2.49-15.74,6.52c-4.03,4.03-6.52,9.59-6.52,15.74c0,6.15,2.49,11.71,6.52,15.74c2.04,2.04,4.48,3.69,7.19,4.82 l0.34,4.37c-3.94-1.3-7.47-3.51-10.34-6.37c-4.75-4.75-7.68-11.31-7.68-18.55c0-7.24,2.94-13.8,7.68-18.55 C26.11,16.62,32.67,13.68,39.92,13.68L39.92,13.68z"/></g></svg>
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 104.8 122.88" style="enable-background:new 0 0 104.8 122.88" xml:space="preserve"><g><path fill="currentColor" d="M39.92,0c11.02,0,21,4.47,28.23,11.69c7.22,7.22,11.69,17.2,11.69,28.23c0,3.8-0.53,7.47-1.52,10.95l-3.7-2.53 c0.65-2.7,1-5.52,1-8.42c0-9.86-4-18.78-10.46-25.24C58.7,8.21,49.78,4.22,39.92,4.22c-9.86,0-18.78,4-25.24,10.46 C8.21,21.13,4.22,30.06,4.22,39.92c0,9.86,4,18.78,10.46,25.24c4.79,4.79,10.93,8.22,17.8,9.68l0.34,4.36 c-8.17-1.47-15.48-5.43-21.11-11.06C4.47,60.92,0,50.94,0,39.92c0-11.02,4.47-21,11.69-28.23C18.91,4.47,28.89,0,39.92,0L39.92,0z M81.84,122.5c-0.89,0.41-1.88,0.48-2.76,0.25c-0.97-0.26-1.83-0.87-2.36-1.78l-9.91-17.08l-9.42,10.57 c-1.31,1.47-2.8,2.58-4.24,3.16c-1.11,0.45-2.2,0.59-3.22,0.37c-1.13-0.24-2.09-0.89-2.8-2c-0.56-0.89-0.93-2.07-1.05-3.59 l-5.25-68.42c-0.01-0.05-0.01-0.11-0.01-0.15c-0.01-0.43,0.07-0.85,0.25-1.23c0.19-0.44,0.51-0.84,0.91-1.13 c0.17-0.13,0.36-0.22,0.56-0.27c0.39-0.13,0.8-0.18,1.19-0.13c0.38,0.04,0.75,0.15,1.09,0.35c0.11,0.05,0.23,0.12,0.33,0.2 l56.52,38.7c1.25,0.86,2.09,1.77,2.58,2.7c0.62,1.17,0.69,2.32,0.33,3.42c-0.32,0.99-1,1.87-1.93,2.6 c-1.21,0.95-2.92,1.69-4.86,2.09c-0.02,0.01-0.05,0.01-0.07,0.01L83.92,94l9.84,17.13c0.52,0.91,0.62,1.96,0.36,2.92 c-0.25,0.94-0.85,1.8-1.72,2.37c-0.03,0.03-0.07,0.05-0.11,0.07l-10.21,5.9C81.99,122.43,81.92,122.47,81.84,122.5L81.84,122.5 L81.84,122.5z M79.99,119.28c0.1,0.03,0.2,0.03,0.29-0.01c0.03-0.02,0.07-0.04,0.11-0.05l10.08-5.82c0.09-0.07,0.15-0.17,0.19-0.27 c0.02-0.09,0.02-0.17-0.01-0.22L79.11,93.16h0.01c-0.09-0.16-0.16-0.34-0.2-0.53c-0.2-0.97,0.43-1.91,1.39-2.11l16.22-2.88 c0.02-0.01,0.04-0.01,0.07-0.01c1.4-0.29,2.58-0.79,3.38-1.41c0.39-0.31,0.65-0.61,0.74-0.9c0.06-0.18,0.03-0.4-0.1-0.65 c-0.23-0.43-0.69-0.89-1.43-1.41L45.01,46.02l5.12,65.4c0.07,0.91,0.25,1.54,0.5,1.94c0.15,0.23,0.33,0.37,0.51,0.41 c0.3,0.07,0.69-0.01,1.15-0.19c0.93-0.37,1.94-1.15,2.9-2.22l10.11-12.18l0,0c0.13-0.14,0.27-0.26,0.44-0.36 c0.85-0.49,1.95-0.21,2.44,0.65l11.63,19.69C79.85,119.22,79.91,119.26,79.99,119.28L79.99,119.28L79.99,119.28z M80.39,119.22 c0.23-0.11,0.5-0.18,0.78-0.18L80.39,119.22L80.39,119.22L80.39,119.22z M39.92,27.34c3.47,0,6.62,1.41,8.89,3.69 c0.23,0.23,0.46,0.48,0.67,0.73c-0.12-0.04-0.24-0.08-0.36-0.12c-0.65-0.21-1.35-0.37-2.09-0.48c-0.23-0.04-0.47-0.08-0.71-0.1 c-1.05-0.12-2.14-0.12-3.23,0c-0.15,0.02-0.3,0.04-0.46,0.06c-0.86-0.27-1.78-0.41-2.73-0.41c-2.55,0-4.86,1.03-6.52,2.69 l-0.01,0.01c-1.66,1.66-2.69,3.97-2.69,6.52c0,1.3,0.11,1.34-0.16,2.69c-0.14,0.68-0.22,1.44-0.24,2.28 c-0.04,0.56-0.04,1.13,0,1.71l0.12,1.58c-1.92-2.21-3.08-5.09-3.08-8.25c0-3.46,1.41-6.61,3.69-8.89l0.01-0.01 C33.31,28.74,36.45,27.34,39.92,27.34L39.92,27.34z M39.92,13.68c7.24,0,13.8,2.94,18.55,7.68c4.75,4.75,7.68,11.31,7.68,18.55 c0,0.86-0.04,1.7-0.12,2.54l-3.85-2.64c-0.03-6.11-2.51-11.64-6.52-15.64c-4.03-4.03-9.59-6.52-15.74-6.52 c-6.15,0-11.71,2.49-15.74,6.52c-4.03,4.03-6.52,9.59-6.52,15.74c0,6.15,2.49,11.71,6.52,15.74c2.04,2.04,4.48,3.69,7.19,4.82 l0.34,4.37c-3.94-1.3-7.47-3.51-10.34-6.37c-4.75-4.75-7.68-11.31-7.68-18.55c0-7.24,2.94-13.8,7.68-18.55 C26.11,16.62,32.67,13.68,39.92,13.68L39.92,13.68z"/></g></svg>
 
         <div class="ms-3">
           Sensitive data
@@ -24,9 +24,8 @@
 .itf-sensitive-overlay {
   position: relative;
   min-height: 100px;
-  z-index: 1;
 
-  .icon-cursor {
+  svg {
     width: 48px;
     height: 48px;
   }
@@ -62,7 +61,6 @@
     left: 0;
     right: 0;
     bottom: 0;
-    z-index: 1000;
     background-color: rgb(255, 255, 255);
     transition: opacity .25s;
 

package/src/components/panels/Panel.vue

@@ -40,30 +40,44 @@
     <div v-show="!collapsed" class="b-panel-body">
       <slot></slot>
     </div>
+
+    <template v-if="!isMobile">
+      <itf-popover
+        v-for="step of popoversToRender"
+        :key="step.name"
+        :ref="`popover-${step.name}`"
+        :visible="step.isSequence ? true : step.visible"
+        :locator="step.locator"
+        :is-activator-highlighted="step.isActivatorHighlighted"
+        :trigger="step.isSequence ? 'manual' : 'click'"
+        :placement="step.placement || 'bottom'"
+        custom-class="onboarding-popover"
+      >
+        <div>
+          <div v-if="step.title" class="d-flex align-items-center gap-2 px-3 py-2 border-bottom border-secondary h6 mb-0">
+            <itf-icon v-if="step.titleIcon" new :name="step.titleIcon" />
+            {{ step.title }}
+          </div>
+          <div class="d-flex flex-column gap-3 p-3">
+            <div v-if="step.html" v-html="step.html" />
+            <div v-else-if="step.text">{{ step.text }}</div>
+            <div class="d-flex justify-content-between align-items-center">
+              <div>
+                <div v-if="step.isSequence && !step.isOutOfCount" class="py-1 px-2 rounded-3 text-white" style="background: #5981C0">
+                  {{ currentOnboardingStepIndex + 1 }} <span class="opacity-50">з {{ sequenceOnboardingStepsCount }}</span>
+                </div>
+              </div>
+              <itf-button small secondary @click="onboardingStepProgress(step)">
+                {{ $t('components.iveGotIt') }}
+              </itf-button>
+            </div>
+          </div>
+        </div>
+      </itf-popover>
+    </template>
   </div>
 </template>
 <style lang="scss">
-@keyframes bellRing {
-  0% {
-    transform: rotate(0deg);
-  }
-  10% {
-    transform: rotate(30deg);
-  }
-  20% {
-    transform: rotate(0deg);
-  }
-  30% {
-    transform: rotate(30deg);
-  }
-  40% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-
 .b-panel {
   --b-panel-bg: var(--bs-body-bg);
   --b-panel-color: var(--bs-body-color);
@@ -165,14 +179,16 @@
 }
 </style>
 <script>
-import { Vue, Prop, Component } from 'vue-property-decorator';
+import { Vue, Prop, Component, Watch } from 'vue-property-decorator';
 import itfIcon from '@itfin/components/src/components/icon/Icon';
 import itfButton from '@itfin/components/src/components/button/Button.vue';
+import itfPopover from '@itfin/components/src/components/popover/Popover';
 
 export default @Component({
   components: {
     itfIcon,
-    itfButton
+    itfButton,
+    itfPopover,
   },
   directives: {
   },
@@ -195,6 +211,50 @@ class Panel extends Vue {
   @Prop(Boolean) animate;
   @Prop(Boolean) nocard;
 
+  onboardingSteps = [];
+  currentOnboardingStepIndex = 0;
+
+  @Watch('panel.inAppOnboarding', { deep: true })
+  onOnboardingDataChange() {
+    this.initOnboarding();
+    this.rebuildOnboardingPopovers(0);
+  }
+
+  @Watch('currentSequenceOnboardingStep', { deep: true })
+  onCurrentStepChange() {
+    this.$emit('onboarding-step-viewed', this.currentSequenceOnboardingStep);
+  }
+
+  mounted() {
+    this.initOnboarding();
+  }
+
+  get isMobile() {
+    return window.matchMedia('(max-width: 768px)').matches;
+  }
+
+  get sequenceOnboardingSteps() {
+    return this.onboardingSteps?.filter(s => s.isSequence) ?? [];
+  }
+
+  get staticOnboardingSteps() {
+    return this.onboardingSteps?.filter(s => !s.isSequence) ?? [];
+  }
+
+  get currentSequenceOnboardingStep() {
+    return this.sequenceOnboardingSteps?.[this.currentOnboardingStepIndex];
+  }
+
+  get popoversToRender() {
+    const list = [...this.staticOnboardingSteps.filter(s => !s.isFinished)];
+    if (this.currentSequenceOnboardingStep) list.push(this.currentSequenceOnboardingStep);
+    return list;
+  }
+
+  get sequenceOnboardingStepsCount() {
+    return this.sequenceOnboardingSteps.filter(s => !s.isOutOfCount).length;
+  }
+
   openPanel(...args) {
     this.$emit('open', args);
   }
@@ -214,5 +274,32 @@ class Panel extends Vue {
   closePanel() {
     this.$emit('close');
   }
+
+  initOnboarding() {
+    this.onboardingSteps = this.panel?.inAppOnboarding?.steps ?? [];
+    const firstUnfinishedIndex = this.sequenceOnboardingSteps.findIndex(s => !s.isFinished);
+    this.currentOnboardingStepIndex = firstUnfinishedIndex === -1 ? this.sequenceOnboardingSteps.length : firstUnfinishedIndex;
+  }
+
+  rebuildOnboardingPopovers(refreshDelay) {
+    this.popoversToRender.forEach(step => {
+      const popoverRef = this.$refs[`popover-${step.name}`];
+      if (popoverRef?.[0]) popoverRef[0].refresh(refreshDelay);
+    });
+  }
+
+  onboardingStepProgress(step) {
+    const popoverRef = this.$refs[`popover-${step.name}`];
+    if (popoverRef?.[0]) popoverRef[0].hide();
+
+    if (step.isSequence) {
+      const nextUnfinishedIndex = this.sequenceOnboardingSteps.findIndex((s, index) => {
+        return index > this.currentOnboardingStepIndex && !s.isFinished;
+      });
+      this.currentOnboardingStepIndex = nextUnfinishedIndex === -1 ? this.sequenceOnboardingSteps.length : nextUnfinishedIndex;
+    }
+
+    this.$emit('onboarding-progress', step);
+  }
 }
 </script>

package/src/components/panels/PanelItemEdit.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="loading" class="px-3 pt-2 h-100 d-flex flex-column">
+  <div v-loading="loading" 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"