pixel-react 1.4.3 → 1.4.5

package/src/assets/icons/quick_run_setting_icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2974 9.27172L14.6318 8.72378C14.1758 8.34844 14.1766 7.65081 14.6318 7.27622L15.2974 6.72828C15.771 6.33831 15.8922 5.66963 15.5854 5.13822L14.2711 2.86178C13.9643 2.33041 13.3245 2.10103 12.7501 2.31622L11.9427 2.61869C11.3897 2.82581 10.786 2.47647 10.6891 1.89491L10.5473 1.04447C10.4465 0.439281 9.92794 0 9.31437 0H6.68578C6.07219 0 5.55362 0.439281 5.45278 1.0445L5.31103 1.89491C5.21394 2.4775 4.60938 2.82547 4.05741 2.61872L3.25006 2.31622C2.67559 2.10103 2.03584 2.33044 1.729 2.86178L0.414718 5.13819C0.107937 5.66953 0.229062 6.33825 0.702781 6.72825L1.36837 7.27619C1.82437 7.65156 1.82347 8.34912 1.36837 8.72375L0.702749 9.27169C0.229062 9.66169 0.107906 10.3304 0.414687 10.8618L1.729 13.1382C2.03581 13.6695 2.67544 13.8989 3.25006 13.6838L4.05737 13.3813C4.61047 13.1741 5.21409 13.5237 5.311 14.1051L5.45275 14.9554C5.55362 15.5607 6.07219 16 6.68575 16H9.31434C9.92791 16 10.4465 15.5607 10.5473 14.9555L10.689 14.1051C10.7861 13.5227 11.3906 13.1745 11.9427 13.3813L12.7501 13.6838C13.3247 13.899 13.9643 13.6696 14.2711 13.1382L15.5855 10.8618C15.8922 10.3304 15.771 9.66169 15.2974 9.27172ZM13.6196 11.7666C13.3709 12.1974 12.8471 12.3853 12.3813 12.2107C11.0907 11.7273 9.68219 12.5429 9.45609 13.8996C9.37431 14.3903 8.94974 14.75 8.45224 14.75H7.54792C7.05042 14.75 6.62583 14.3903 6.54403 13.8996C6.3175 12.5403 4.90697 11.7282 3.61887 12.2107C3.15299 12.3853 2.62921 12.1974 2.38046 11.7666L1.9283 10.9834C1.67956 10.5526 1.77876 10.005 2.16284 9.68884C3.22687 8.81291 3.22466 7.18528 2.16284 6.31116C1.77876 5.99497 1.67957 5.44744 1.92831 5.0166L2.3805 4.23339C2.62925 3.80256 3.15301 3.61471 3.61887 3.78925C4.9095 4.27269 6.31794 3.45706 6.54403 2.10041C6.62581 1.60968 7.05039 1.25 7.54788 1.25H8.45221C8.94971 1.25 9.37428 1.60968 9.45606 2.10041C9.68262 3.45984 11.0932 4.27169 12.3812 3.78925C12.8471 3.6147 13.3709 3.80253 13.6198 4.23335L14.0718 5.01599C14.3207 5.44699 14.2215 5.99478 13.8372 6.31112C12.7733 7.187 12.7754 8.81466 13.8372 9.68881C14.2213 10.005 14.3205 10.5525 14.0718 10.9834L13.6196 11.7666Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.84562 9.65817C7.0032 9.65817 7.11696 9.809 7.07366 9.96052C7.04457 10.0623 6.95151 10.1325 6.84562 10.1325H6.36815C5.95661 10.1325 5.68582 9.65817 6.09736 9.65817H6.84562ZM7.34519 9.01035C7.31609 9.11217 7.22303 9.18236 7.11714 9.18236H5.71242C5.30089 9.18236 5.0301 8.70801 5.44163 8.70801H7.11714C7.27472 8.70801 7.38849 8.85884 7.34519 9.01035ZM7.61724 8.05832C7.58795 8.16085 7.49404 8.2322 7.38741 8.2322H4.70925C4.29772 8.2322 4.02693 7.75784 4.43846 7.75784H7.39086C7.496 7.75784 7.58841 7.82754 7.61731 7.92863C7.6294 7.97093 7.62933 8.01602 7.61724 8.05832ZM7.30402 6.83259C7.34733 6.98411 7.23356 7.13495 7.07598 7.13495H5.71242C5.30089 7.13495 5.0301 6.6606 5.44163 6.6606H7.07598C7.18186 6.6606 7.27492 6.73079 7.30402 6.83259ZM7.03238 5.88226C7.07569 6.03378 6.96192 6.18462 6.80433 6.18462H6.26611C5.91093 6.18462 5.649 5.79659 5.99607 5.7211C6.0287 5.71401 6.06259 5.71027 6.09736 5.71027H6.80433C6.91022 5.71027 7.00328 5.78045 7.03238 5.88226Z" fill="currentColor"/>
+<path d="M7.38239 10.7495C7.41437 10.7736 7.45335 10.7867 7.49341 10.7867C7.52874 10.7866 7.56334 10.7766 7.59321 10.7577L11.6803 8.15678C11.7067 8.14001 11.7284 8.11684 11.7435 8.08944C11.7585 8.06204 11.7664 8.03128 11.7664 8.00002C11.7664 7.96876 11.7585 7.93801 11.7435 7.9106C11.7284 7.8832 11.7067 7.86004 11.6803 7.84326L7.59321 5.24238C7.56137 5.22213 7.52412 5.21204 7.48642 5.21345C7.44871 5.21486 7.41233 5.2277 7.38209 5.25028C7.35186 5.27286 7.3292 5.30409 7.31714 5.33984C7.30507 5.3756 7.30417 5.41417 7.31454 5.45045L8.04331 8.00002L7.31469 10.5497C7.30438 10.586 7.30534 10.6245 7.31743 10.6602C7.32952 10.6959 7.35217 10.727 7.38239 10.7495Z" fill="#10B660"/>
+</svg>

package/src/assets/icons/run_automation_scripts_icon.svg

@@ -0,0 +1,33 @@
+<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ddi_5110_1318)">
+<path d="M26 15C26 21.6274 20.6274 27 14 27C7.37258 27 2 21.6274 2 15C2 8.37258 7.37258 3 14 3C20.6274 3 26 8.37258 26 15Z" fill="url(#paint0_linear_5110_1318)"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9993 15.106C21.9926 15.6149 21.5249 15.9719 21.0201 15.9067C20.5153 15.8415 20.1663 15.3781 20.1555 14.8693C20.134 13.8599 19.8645 12.8663 19.3644 11.9784C18.7128 10.8216 17.7046 9.90633 16.4903 9.36928C15.276 8.83222 13.9206 8.70212 12.6263 8.99837C11.332 9.29462 10.1681 10.0014 9.30833 11.0132C8.44854 12.025 7.93887 13.2876 7.85535 14.6127C7.77184 15.9379 8.11895 17.2545 8.84492 18.3663C9.57089 19.478 10.6368 20.3253 11.8837 20.7817C12.8406 21.1319 13.8647 21.2376 14.8643 21.0959C15.3682 21.0244 15.8819 21.2941 16.0277 21.7818C16.1735 22.2694 15.8966 22.7886 15.3954 22.8774C14.011 23.1226 12.5806 22.9995 11.2501 22.5125C9.62997 21.9195 8.24495 20.8186 7.30166 19.374C6.35836 17.9295 5.90733 16.2187 6.01585 14.4968C6.12436 12.775 6.78661 11.1343 7.9038 9.81963C9.02099 8.50493 10.5333 7.58662 12.215 7.20168C13.8968 6.81674 15.658 6.98579 17.2358 7.68362C18.8137 8.38145 20.1236 9.57067 20.9703 11.0739C21.6656 12.3083 22.0179 13.7002 21.9993 15.106ZM18.2062 17.3323C18.2062 17.4492 18.2154 17.5446 18.2339 17.6184L18.6031 17.6461C18.3692 18.8277 17.8831 20.4308 17.1446 22.4554L16.8215 22.4831C16.8092 22.5692 16.8031 22.6554 16.8031 22.7415C16.8031 22.8215 16.8123 22.9077 16.8308 23C16.9662 22.9938 17.2 22.9908 17.5323 22.9908C17.8708 22.9908 18.1139 22.9938 18.2615 23C18.28 22.8954 18.2892 22.8184 18.2892 22.7692C18.2892 22.7138 18.2831 22.6184 18.2708 22.4831L17.92 22.4554L18.1785 21.3569C18.5354 21.3323 18.9169 21.32 19.3231 21.32C19.7354 21.32 20.1169 21.3292 20.4677 21.3477C20.4739 21.3784 20.5108 21.5354 20.5785 21.8184C20.6462 22.0954 20.6954 22.3077 20.7262 22.4554L20.4031 22.4831C20.3908 22.5692 20.3846 22.6554 20.3846 22.7415C20.3846 22.8215 20.3939 22.9077 20.4123 23C20.5539 22.9938 20.8062 22.9908 21.1692 22.9908C21.5323 22.9908 21.8 22.9938 21.9723 23C21.9908 22.8954 22 22.8184 22 22.7692C22 22.7138 21.9939 22.6184 21.9815 22.4831L21.64 22.4554C20.76 20.0369 20.2462 18.2492 20.0985 17.0923C19.9139 17.0308 19.6892 17 19.4246 17C19.16 17 18.7569 17.0338 18.2154 17.1015C18.2092 17.1384 18.2062 17.2154 18.2062 17.3323ZM19.2862 20.72C18.8677 20.72 18.5539 20.7169 18.3446 20.7108C18.64 19.5538 18.9692 18.5354 19.3323 17.6554H19.3877C19.7077 18.5846 20.0123 19.5969 20.3015 20.6923C20.0431 20.7108 19.7046 20.72 19.2862 20.72Z" fill="white"/>
+<path d="M12.0875 18.2067C12.1248 18.2349 12.1702 18.2501 12.217 18.2501C12.2582 18.25 12.2985 18.2382 12.3334 18.2162L17.1001 15.1828C17.1308 15.1633 17.1562 15.1363 17.1737 15.1043C17.1913 15.0724 17.2005 15.0365 17.2005 15C17.2005 14.9636 17.1913 14.9277 17.1737 14.8957C17.1562 14.8638 17.1308 14.8368 17.1001 14.8172L12.3334 11.7838C12.2962 11.7602 12.2528 11.7484 12.2088 11.7501C12.1648 11.7517 12.1224 11.7667 12.0871 11.793C12.0519 11.8194 12.0255 11.8558 12.0114 11.8975C11.9973 11.9392 11.9963 11.9842 12.0084 12.0265L12.8583 15L12.0085 17.9737C11.9965 18.016 11.9976 18.0609 12.0117 18.1025C12.0258 18.1441 12.0523 18.1805 12.0875 18.2067Z" fill="white"/>
+<defs>
+<filter id="filter0_ddi_5110_1318" x="0" y="0" width="30" height="31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="1"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.0745098 0 0 0 0 0.196078 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5110_1318"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="-1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.0745098 0 0 0 0 0.196078 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_5110_1318" result="effect2_dropShadow_5110_1318"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_5110_1318" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="-1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.0745098 0 0 0 0 0.196078 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="shape" result="effect3_innerShadow_5110_1318"/>
+</filter>
+<linearGradient id="paint0_linear_5110_1318" x1="3.72771" y1="5.34599" x2="26" y2="27" gradientUnits="userSpaceOnUse">
+<stop offset="1" stop-color="#2A6F09"/>
+<stop stop-color="#44B002"/>
+</linearGradient>
+</defs>
+</svg>

package/src/assets/icons/run_manual_testcase_icon.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.10873 11.1962C6.14603 11.2244 6.19148 11.2396 6.23821 11.2396C6.27942 11.2395 6.31977 11.2278 6.3546 11.2057L11.1213 8.17235C11.1521 8.15278 11.1774 8.12577 11.195 8.09381C11.2125 8.06185 11.2217 8.02599 11.2217 7.98953C11.2217 7.95307 11.2125 7.9172 11.195 7.88524C11.1774 7.85328 11.1521 7.82627 11.1213 7.8067L6.3546 4.77334C6.31747 4.74972 6.27403 4.73795 6.23006 4.73959C6.18608 4.74124 6.14364 4.75622 6.10838 4.78255C6.07312 4.80888 6.0467 4.84531 6.03263 4.88701C6.01856 4.9287 6.0175 4.97369 6.0296 5.016L6.87955 7.98953L6.02977 10.9632C6.01775 11.0055 6.01887 11.0504 6.03297 11.092C6.04707 11.1336 6.07349 11.17 6.10873 11.1962Z" fill="#10B660"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8751 9.40825C15.7855 9.90928 15.2659 10.1853 14.7785 10.0387C14.2911 9.89211 14.0222 9.378 14.0945 8.87419C14.2422 7.84415 14.1271 6.7881 13.7528 5.80646C13.2685 4.53625 12.3774 3.46205 11.2185 2.7514C10.0596 2.04076 8.69815 1.73365 7.34641 1.87796C5.99468 2.02227 4.72871 2.60989 3.74598 3.54917C2.76324 4.48845 2.11901 5.72657 1.91375 7.0704C1.7085 8.41423 1.95377 9.78821 2.61131 10.978C3.26885 12.1678 4.30169 13.1066 5.54871 13.6478C6.51243 14.0661 7.5622 14.2288 8.59786 14.1277C9.10443 14.0783 9.60586 14.3701 9.73028 14.8637C9.85469 15.3572 9.55547 15.8638 9.05091 15.9307C7.61706 16.1207 6.15221 15.919 4.81487 15.3386C3.19453 14.6353 1.8525 13.4155 0.998111 11.8695C0.143724 10.3235 -0.174975 8.53824 0.091725 6.79211C0.358425 5.04598 1.19553 3.43721 2.47246 2.21674C3.74939 0.996269 5.39435 0.232729 7.15075 0.0452152C8.90715 -0.142298 10.6762 0.25676 12.182 1.18014C13.6878 2.10353 14.8457 3.49931 15.475 5.14979C15.9944 6.51198 16.1297 7.98445 15.8751 9.40825ZM14.3475 10.7439C14.3475 10.6747 14.3455 10.6238 14.3414 10.5912C13.926 10.583 13.6429 10.5729 13.4922 10.5606C13.3863 11.1064 13.0217 11.9882 12.3986 13.2061C11.645 11.8172 11.2337 10.9354 11.1644 10.5606C10.9934 10.5729 10.7408 10.583 10.4068 10.5912C10.4028 10.6238 10.4007 10.6747 10.4007 10.7439C10.4007 10.8132 10.4068 10.8763 10.4191 10.9333L10.6451 10.9516C10.6573 11.1227 10.6634 11.306 10.6634 11.5015C10.6634 12.5157 10.6207 13.3934 10.5351 14.1347L10.3213 14.1531C10.3132 14.2264 10.3091 14.2875 10.3091 14.3363C10.3091 14.3812 10.3152 14.4341 10.3274 14.4952C10.4537 14.4911 10.6023 14.4891 10.7734 14.4891C10.9445 14.4891 11.0952 14.4911 11.2255 14.4952C11.2377 14.426 11.2439 14.3689 11.2439 14.3241C11.2439 14.2753 11.2398 14.2182 11.2316 14.1531L11.0056 14.1347C10.9974 13.8985 10.9934 13.5808 10.9934 13.1816C10.9934 12.7784 11.0097 12.2876 11.0422 11.7092C11.0911 11.7988 11.2459 12.088 11.5066 12.5768C11.7713 13.0615 11.975 13.4749 12.1175 13.817C12.1501 13.8211 12.2112 13.8231 12.3008 13.8231C12.3945 13.8231 12.4821 13.8069 12.5635 13.7743C12.6979 13.4321 12.9464 12.9006 13.3089 12.1797C13.4718 11.8498 13.5736 11.642 13.6144 11.5565C13.651 12.2285 13.6694 12.754 13.6694 13.1328C13.6694 13.5075 13.6653 13.8415 13.6571 14.1347L13.4555 14.1531C13.4474 14.2264 13.4433 14.2875 13.4433 14.3363C13.4433 14.3812 13.4494 14.4341 13.4616 14.4952C13.6001 14.4911 13.763 14.4891 13.9504 14.4891C14.1378 14.4891 14.3027 14.4911 14.4453 14.4952C14.4575 14.426 14.4636 14.3689 14.4636 14.3241C14.4636 14.2753 14.4595 14.2182 14.4514 14.1531L14.2253 14.1347C14.1357 13.3486 14.0909 12.4566 14.0909 11.4587C14.0909 11.2347 14.0929 11.0657 14.097 10.9516L14.3292 10.9333C14.3414 10.8763 14.3475 10.8132 14.3475 10.7439Z" fill="currentColor"/>
+</svg>

package/src/assets/icons/search.svg

@@ -1,3 +1,3 @@
-<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.85401 7.14867L6.30549 5.59951C7.46416 4.05112 7.14823 1.8566 5.59984 0.697929C4.05145 -0.460742 1.85694 -0.14481 0.698265 1.40358C-0.460407 2.95197 -0.144475 5.14648 1.40391 6.30516C2.64771 7.2359 4.35603 7.2359 5.59984 6.30516L7.14901 7.85432C7.34369 8.049 7.65933 8.049 7.85399 7.85432C8.04867 7.65964 8.04867 7.34401 7.85399 7.14934L7.85401 7.14867ZM3.51479 6.00615C2.13865 6.00615 1.02309 4.89059 1.02309 3.51445C1.02309 2.13832 2.13865 1.02275 3.51479 1.02275C4.89092 1.02275 6.00649 2.13832 6.00649 3.51445C6.00502 4.88996 4.89032 6.00469 3.51479 6.00615Z" fill="currentColor"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.38067 1.54839C4.1596 1.54839 1.54839 4.1596 1.54839 7.38067C1.54839 10.6017 4.15959 13.2129 7.38067 13.2129C10.6017 13.2129 13.2129 10.6017 13.2129 7.38067C13.2129 4.15959 10.6017 1.54839 7.38067 1.54839ZM0 7.38067C0 3.30445 3.30445 0 7.38067 0C11.4569 0 14.7613 3.30446 14.7613 7.38067C14.7613 11.4569 11.4569 14.7613 7.38067 14.7613C3.30446 14.7613 0 11.4569 0 7.38067ZM12.6139 12.6139C12.9162 12.3115 13.4064 12.3115 13.7087 12.6139L15.7732 14.6784C16.0756 14.9807 16.0756 15.4709 15.7732 15.7732C15.4709 16.0756 14.9807 16.0756 14.6784 15.7732L12.6139 13.7087C12.3115 13.4064 12.3115 12.9162 12.6139 12.6139Z" fill="currentColor"/>
 </svg>

package/src/assets/icons/txt_file_type.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4273 4.75176L10.7936 0.117383C10.7467 0.0705078 10.6833 0.0439453 10.617 0.0439453H5.36828C4.14672 0.0439453 3.15297 1.03801 3.15297 2.25957V6.64426H1.20859C0.832969 6.64426 0.527344 6.94988 0.527344 7.32551V11.2418C0.527344 11.6174 0.832969 11.923 1.20859 11.923H3.15297V13.8283C3.15297 15.0499 4.14672 16.0439 5.36828 16.0439H13.2852C14.5067 16.0439 15.5005 15.0499 15.5005 13.8283V4.92863C15.5005 4.86238 15.4742 4.79863 15.4273 4.75176ZM15.0008 13.8283C15.0008 14.7746 14.2311 15.5443 13.2852 15.5443H5.36828C4.42234 15.5443 3.65266 14.7746 3.65266 13.8283V11.923H11.8836C12.2592 11.923 12.5648 11.6174 12.5648 11.2418V7.32551C12.5648 6.94988 12.2592 6.64426 11.8836 6.64426H3.65266V2.25957C3.65266 1.31332 4.42234 0.543633 5.36828 0.543633H10.367V4.42801C10.367 4.84176 10.7033 5.17832 11.1164 5.17832H15.0008V13.8283Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.64789 8.16949V7.60449H2.08789V8.16949H3.01789V11.0945H3.71789V8.16949H4.64789ZM6.49363 9.91949L7.24863 11.0945H8.05363L6.93863 9.35949L8.03363 7.60449H7.24363L6.56363 8.77449L5.80863 7.60449H5.00363L6.11863 9.33449L5.01863 11.0945H5.80863L6.49363 9.91949ZM10.9614 8.16949V7.60449H8.40137V8.16949H9.33137V11.0945H10.0314V8.16949H10.9614Z" fill="white"/>
+</svg>

package/src/assets/icons/xls_file_type.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4273 4.75176L10.7936 0.117383C10.7467 0.0705078 10.6833 0.0439453 10.617 0.0439453H5.36828C4.14672 0.0439453 3.15297 1.03801 3.15297 2.25957V6.64426H1.20859C0.832969 6.64426 0.527344 6.94988 0.527344 7.32551V11.2418C0.527344 11.6174 0.832969 11.923 1.20859 11.923H3.15297V13.8283C3.15297 15.0499 4.14672 16.0439 5.36828 16.0439H13.2852C14.5067 16.0439 15.5005 15.0499 15.5005 13.8283V4.92863C15.5005 4.86238 15.4742 4.79863 15.4273 4.75176ZM15.0008 13.8283C15.0008 14.7746 14.2311 15.5443 13.2852 15.5443H5.36828C4.42234 15.5443 3.65266 14.7746 3.65266 13.8283V11.923H11.8836C12.2592 11.923 12.5648 11.6174 12.5648 11.2418V7.32551C12.5648 6.94988 12.2592 6.64426 11.8836 6.64426H3.65266V2.25957C3.65266 1.31332 4.42234 0.543633 5.36828 0.543633H10.367V4.42801C10.367 4.84176 10.7033 5.17832 11.1164 5.17832H15.0008V13.8283Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.1648 9.96852L4.9198 11.1435H5.7248L4.6098 9.40852L5.7048 7.65352H4.9148L4.2348 8.82352L3.4798 7.65352H2.6748L3.7898 9.38352L2.6898 11.1435H3.4798L4.1648 9.96852ZM8.10754 10.5885H6.95754V7.65352H6.25754V11.1435H8.10754V10.5885ZM9.09746 11.0535C9.29413 11.1368 9.51413 11.1785 9.75746 11.1785C10.0141 11.1785 10.2358 11.1318 10.4225 11.0385C10.6091 10.9418 10.7508 10.8135 10.8475 10.6535C10.9441 10.4935 10.9925 10.3202 10.9925 10.1335C10.9925 9.91685 10.9408 9.74185 10.8375 9.60852C10.7341 9.47518 10.6108 9.37518 10.4675 9.30852C10.3241 9.24185 10.1391 9.17518 9.91246 9.10852C9.74579 9.05852 9.61579 9.01518 9.52246 8.97852C9.43246 8.93852 9.35579 8.88852 9.29246 8.82852C9.23246 8.76518 9.20246 8.68685 9.20246 8.59352C9.20246 8.46018 9.24246 8.35852 9.32246 8.28852C9.40579 8.21852 9.51579 8.18352 9.65246 8.18352C9.80913 8.18352 9.93413 8.22352 10.0275 8.30352C10.1241 8.38018 10.1758 8.47852 10.1825 8.59852H10.9525C10.9291 8.28518 10.8041 8.04185 10.5775 7.86852C10.3541 7.69185 10.0625 7.60352 9.70246 7.60352C9.46246 7.60352 9.24913 7.64518 9.06246 7.72852C8.87579 7.80852 8.73079 7.92518 8.62746 8.07852C8.52413 8.23185 8.47246 8.41185 8.47246 8.61852C8.47246 8.83852 8.52246 9.01518 8.62246 9.14852C8.72579 9.27852 8.84746 9.37685 8.98746 9.44352C9.13079 9.50685 9.31579 9.57185 9.54246 9.63852C9.70913 9.68518 9.83913 9.72852 9.93246 9.76852C10.0291 9.80518 10.1091 9.85685 10.1725 9.92352C10.2358 9.99018 10.2675 10.0752 10.2675 10.1785C10.2675 10.3052 10.2208 10.4085 10.1275 10.4885C10.0341 10.5652 9.90579 10.6035 9.74246 10.6035C9.58246 10.6035 9.45579 10.5618 9.36246 10.4785C9.27246 10.3952 9.22246 10.2818 9.21246 10.1385H8.46246C8.46579 10.3518 8.52413 10.5368 8.63746 10.6935C8.75079 10.8502 8.90413 10.9702 9.09746 11.0535Z" fill="white"/>
+</svg>

package/src/assets/icons/xlsx_file_type.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4273 4.75176L10.7936 0.117383C10.7467 0.0705078 10.6833 0.0439453 10.617 0.0439453H5.36828C4.14672 0.0439453 3.15297 1.03801 3.15297 2.25957V6.64426H1.20859C0.832969 6.64426 0.527344 6.94988 0.527344 7.32551V11.2418C0.527344 11.6174 0.832969 11.923 1.20859 11.923H3.15297V13.8283C3.15297 15.0499 4.14672 16.0439 5.36828 16.0439H13.2852C14.5067 16.0439 15.5005 15.0499 15.5005 13.8283V4.92863C15.5005 4.86238 15.4742 4.79863 15.4273 4.75176ZM15.0008 13.8283C15.0008 14.7746 14.2311 15.5443 13.2852 15.5443H5.36828C4.42234 15.5443 3.65266 14.7746 3.65266 13.8283V11.923H11.8836C12.2592 11.923 12.5648 11.6174 12.5648 11.2418V7.32551C12.5648 6.94988 12.2592 6.64426 11.8836 6.64426H3.65266V2.25957C3.65266 1.31332 4.42234 0.543633 5.36828 0.543633H10.367V4.42801C10.367 4.84176 10.7033 5.17832 11.1164 5.17832H15.0008V13.8283Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.88829 9.74649L3.49229 10.6865H4.13629L3.24429 9.29849L4.12029 7.89449H3.48829L2.94429 8.83049L2.34029 7.89449H1.69629L2.58829 9.27849L1.70829 10.6865H2.34029L2.88829 9.74649ZM6.04248 10.2425H5.12248V7.89449H4.56248V10.6865H6.04248V10.2425ZM6.83441 10.6145C6.99175 10.6812 7.16775 10.7145 7.36241 10.7145C7.56775 10.7145 7.74508 10.6772 7.89441 10.6025C8.04375 10.5252 8.15708 10.4225 8.23441 10.2945C8.31175 10.1665 8.35041 10.0278 8.35041 9.87849C8.35041 9.70516 8.30908 9.56516 8.22641 9.45849C8.14375 9.35183 8.04508 9.27183 7.93041 9.21849C7.81575 9.16516 7.66775 9.11183 7.48641 9.05849C7.35308 9.01849 7.24908 8.98383 7.17441 8.95449C7.10241 8.92249 7.04108 8.88249 6.99041 8.83449C6.94241 8.78383 6.91841 8.72116 6.91841 8.64649C6.91841 8.53983 6.95041 8.45849 7.01441 8.40249C7.08108 8.34649 7.16908 8.31849 7.27841 8.31849C7.40375 8.31849 7.50375 8.35049 7.57841 8.41449C7.65575 8.47583 7.69708 8.55449 7.70241 8.65049H8.31841C8.29975 8.39983 8.19975 8.20516 8.01841 8.06649C7.83975 7.92516 7.60641 7.85449 7.31841 7.85449C7.12641 7.85449 6.95575 7.88783 6.80641 7.95449C6.65708 8.01849 6.54108 8.11183 6.45841 8.23449C6.37575 8.35716 6.33441 8.50116 6.33441 8.66649C6.33441 8.84249 6.37441 8.98383 6.45441 9.09049C6.53708 9.19449 6.63441 9.27316 6.74641 9.32649C6.86108 9.37716 7.00908 9.42916 7.19041 9.48249C7.32375 9.51983 7.42775 9.55449 7.50241 9.58649C7.57975 9.61583 7.64375 9.65716 7.69441 9.71049C7.74508 9.76383 7.77041 9.83183 7.77041 9.91449C7.77041 10.0158 7.73308 10.0985 7.65841 10.1625C7.58375 10.2238 7.48108 10.2545 7.35041 10.2545C7.22241 10.2545 7.12108 10.2212 7.04641 10.1545C6.97441 10.0878 6.93441 9.99716 6.92641 9.88249H6.32641C6.32908 10.0532 6.37575 10.2012 6.46641 10.3265C6.55708 10.4518 6.67975 10.5478 6.83441 10.6145ZM9.90391 9.74649L10.5079 10.6865H11.1519L10.2599 9.29849L11.1359 7.89449H10.5039L9.95991 8.83049L9.35591 7.89449H8.71191L9.60391 9.27849L8.72391 10.6865H9.35591L9.90391 9.74649Z" fill="white"/>
+</svg>

package/src/assets/icons/xml_file_type.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4273 4.75176L10.7936 0.117383C10.7467 0.0705078 10.6833 0.0439453 10.617 0.0439453H5.36828C4.14672 0.0439453 3.15297 1.03801 3.15297 2.25957V6.64426H1.20859C0.832969 6.64426 0.527344 6.94988 0.527344 7.32551V11.2418C0.527344 11.6174 0.832969 11.923 1.20859 11.923H3.15297V13.8283C3.15297 15.0499 4.14672 16.0439 5.36828 16.0439H13.2852C14.5067 16.0439 15.5005 15.0499 15.5005 13.8283V4.92863C15.5005 4.86238 15.4742 4.79863 15.4273 4.75176ZM15.0008 13.8283C15.0008 14.7746 14.2311 15.5443 13.2852 15.5443H5.36828C4.42234 15.5443 3.65266 14.7746 3.65266 13.8283V11.923H11.8836C12.2592 11.923 12.5648 11.6174 12.5648 11.2418V7.32551C12.5648 6.94988 12.2592 6.64426 11.8836 6.64426H3.65266V2.25957C3.65266 1.31332 4.42234 0.543633 5.36828 0.543633H10.367V4.42801C10.367 4.84176 10.7033 5.17832 11.1164 5.17832H15.0008V13.8283Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.59742 9.91949L4.35242 11.0945H5.15742L4.04242 9.35949L5.13742 7.60449H4.34742L3.66742 8.77449L2.91242 7.60449H2.10742L3.22242 9.33449L2.12242 11.0945H2.91242L3.59742 9.91949ZM9.49516 11.0945V7.60449H8.70516L7.59516 10.1995L6.48516 7.60449H5.69016V11.0945H6.39016V8.82449L7.33016 11.0945H7.86016L8.79516 8.82449V11.0945H9.49516ZM12.0372 10.5395H10.8872V7.60449H10.1872V11.0945H12.0372V10.5395Z" fill="white"/>
+</svg>

package/src/components/AddResourceButton/AddButton.tsx

@@ -102,13 +102,13 @@ const AddButton = ({
             {directionalArrow.map(
               ({ direction, menuOptions }: DirectionalArrow, index: number) => (
                 <ArrowsButton
-                  key={index}
-                  direction={direction}
-                  onArrowClick={() => handleArrowClick(direction)}
-                  menuOptions={menuOptions}
-                  isActive={activeArrow === direction}
-                  variant={variant}
-                />
+                key={index}
+                direction={direction as 'top' | 'right' | 'down'}
+                onArrowClick={() => handleArrowClick(direction)}
+                menuOptions={menuOptions}
+                isActive={activeArrow === direction}
+                variant={variant}
+              />
               )
             )}
           </div>,

package/src/components/AddResourceButton/type.ts

@@ -53,7 +53,7 @@ export interface AddResourceButtonProps {
  * @property {boolean} isActive - Specifies if the button is in an active state (highlighted when selected).
  */
 export interface DirectionalArrowButtonProps {
-  direction: string | 'top' | 'right' | 'down';
+  direction: 'top' | 'right' | 'down';
   menuOptions: {
     label: string;
     value: string | string[];

package/src/components/AttachmentButton/AttachmentButton.scss

@@ -2,8 +2,8 @@
   display: none;
 }
 .ff-attachment-files {
-  padding: 9px;
   display: flex;
   align-items: center;
   gap: 4px;
+  line-height: 15px;
 }

package/src/components/AttachmentButton/AttachmentButton.stories.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import AttachmentButton from './AttachmentButton';
+import React from 'react';
 
 const meta: Meta<typeof AttachmentButton> = {
   title: 'Components/AttachmentButton',

package/src/components/Button/Button.scss

@@ -3,7 +3,7 @@
 
 .ff-button {
   width: auto;
-  background-color: $primary-button-text-color;
+  background-color: var(--primary-button-text-color);
   border-radius: 4px;
   padding: 4px 8px;
   text-align: center;
@@ -37,18 +37,20 @@
       border-radius: 4px;
       padding: 0.6px;
 
-      background: $primary-button-border;
-      mask: linear-gradient($primary-button-text-color 0 0) content-box,
-        linear-gradient($primary-button-text-color 0 0);
+      background: var(--primary-button-border);
+      mask:
+        linear-gradient(var(--primary-button-text-color) 0 0) content-box,
+        linear-gradient(var(--primary-button-text-color) 0 0);
       mask-composite: exclude;
-      -webkit-mask: linear-gradient($primary-button-text-color 0 0) content-box,
-        linear-gradient($primary-button-text-color 0 0);
+      -webkit-mask:
+        linear-gradient(var(--primary-button-text-color) 0 0) content-box,
+        linear-gradient(var(--primary-button-text-color) 0 0);
       -webkit-mask-composite: destination-out;
       z-index: -1;
     }
 
     &:hover {
-      background: $primary-button-hover;
+      background: var(--primary-button-hover);
     }
 
     &:disabled {
@@ -69,27 +71,27 @@
   }
 
   &--primary {
-    background: $primary-button-color;
+    background: var(--primary-button-color);
 
     &:before {
-      background: $primary-button-border;
+      background: var(--primary-button-border);
     }
 
     &:hover {
-      background: $primary-button-hover;
+      background: var(--primary-button-hover);
     }
   }
 
   &--delete {
-    background: $delete-button-color;
-    color: $primary-button-text-color;
+    background: var(--delete-button-color);
+    color: var(--primary-button-text-color);
 
     &:before {
-      background: $delete-button-border;
+      background: var(--delete-button-border);
     }
 
     &:hover {
-      background: $delete-button-hover;
+      background: var(--delete-button-hover);
     }
   }
   &--warning {
@@ -99,20 +101,20 @@
 
   &--secondary {
     &:before {
-      background: $primary-button-border;
+      background: var(--primary-button-border);
     }
 
     &:hover {
-      background: $secondary-button-hover;
+      background: var(--secondary-button-hover);
     }
   }
 
   &--tertiary {
     border: none;
-    background: $tertiary-button-color;
+    background: var(--tertiary-button-color);
 
     &:hover {
-      background: $tertiary-button-hover;
+      background: var(--tertiary-button-hover);
     }
 
     &:disabled {
@@ -140,12 +142,12 @@
   }
 
   &-primary--text {
-    color: $primary-button-text-color;
+    color: var(--primary-button-text-color);
   }
 
   &-secondary--text,
   &-tertiary--text {
-    background: $secondary-button-color-text;
+    background: var(--secondary-button-color-text);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;

package/src/components/Button/Button.tsx

@@ -4,6 +4,7 @@ import '../../assets/styles/_colors.scss';
 import Icon from '../Icon';
 import { ButtonProps } from './types';
 import classNames from 'classnames';
+import Typography from '../Typography';
 
 const Button = forwardRef<HTMLButtonElement, ButtonProps>(
   (
@@ -56,7 +57,13 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       >
         {iconPosition === 'left' && renderIcon()}
-        <div className={classNames(`ff-button-${variant}--text`)}>{label}</div>
+        <Typography
+          fontSize={10}
+          fontWeight="semi-bold"
+          className={classNames(`ff-button-${variant}--text`)}
+        >
+          {label}
+        </Typography>
         {iconPosition === 'right' && renderIcon()}
         {children}
       </button>

package/src/components/Drawer/Drawer.scss

@@ -6,6 +6,7 @@
     inset: 0;
     background-color: var(--drawer-title-color);
     opacity: 0.5;
+    z-index: 999;
   }
 
   .child-drawer-overlay {
@@ -17,7 +18,7 @@
     position: fixed;
     right: 0;
     bottom: 0;
-    top: 80px;
+    top: 87px;
     min-width: 450px;
     background-color: var(--primary-button-text-color);
     z-index: 999;
@@ -87,8 +88,6 @@
 
           .ff-expand-collapse-button {
             cursor: pointer;
-            height: 24px;
-            width: 24px;
             background-color: var(--button-bg-color);
             outline: none;
             border: none;
@@ -122,6 +121,8 @@
       justify-content: space-between;
       border-top: 1px solid var(--drawer-footer-border);
       z-index: 1000;
+      background-color: var(--base-bg-color);
+      transform: translateY(3px);
 
       .button-container {
         display: flex;

package/src/components/Drawer/Drawer.tsx

@@ -35,8 +35,9 @@ const Drawer: FC<DrawerProps> = ({
   rightTertiaryButtonProps = {},
   zIndex = 999,
   secondLayerZIndex = false,
+  top,
 }: DrawerProps) => {
-  const [isExpanded, setIsExpanded] = useState(_isExpanded);
+  const [isExpanded, setIsExpanded] = useState(false);
 
   const handleEsc = useEscapeKey('Escape');
 
@@ -84,7 +85,7 @@ const Drawer: FC<DrawerProps> = ({
         className={classNames('ff-drawer', `ff-drawer--${drawerSize}`, {
           'ff-drawer--open': isOpen,
         })}
-        style={{ zIndex }}
+        style={{ zIndex, top }}
       >
         {showHeader && (
           <div
@@ -112,27 +113,22 @@ const Drawer: FC<DrawerProps> = ({
                       onClick={toggleExpand}
                     >
                       <Icon
-                        name={isExpanded ? 'logo' : 'logo'}
+                        name={isExpanded ? 'maximize_icon' : 'minimize_script'}
                         height={16}
                         width={16}
                       />
                     </button>
                   )}
-                  {isBackButtonVisible && (
-                    <button
-                      className="ff-expand-collapse-button"
-                      onClick={onClose}
-                    >
-                      {backButtonIcon || (
-                        <Icon
-                          name="error"
-                          height={16}
-                          width={16}
-                          hoverEffect={false}
-                        />
-                      )}
-                    </button>
-                  )}
+                  {isBackButtonVisible &&
+                    (backButtonIcon || (
+                      <Icon
+                        name="back_icon"
+                        height={16}
+                        width={16}
+                        hoverEffect
+                        onClick={onClose}
+                      />
+                    ))}
                   {title && <div className="ff-drawer-title">{title}</div>}
                 </div>
                 {_isCloseModalButtonVisible && (

package/src/components/Drawer/Types.ts

@@ -137,4 +137,8 @@ export interface DrawerProps {
    * Custom z-index for the secondary drawer
    */
   secondLayerZIndex?: boolean;
+  /**
+   * Custom top for the drawer
+   */
+  top?: string;
 }