Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Remove all references to WidgetIcons, as the icons now come from the individual widget folders (#12334)

Browse Source 
Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
This commit is contained in:
Abhinav Jha 2022-03-31 15:37:37 +05:30 committed by GitHub
parent dfa788cfab
commit 2cd7dc9d88
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
57 changed files with 38 additions and 422 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/client/src/assets/icons/widget/alert.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#F2FAFF" fill-opacity=".9" d="M17.1818 18.1818C17.1818 18.7341 16.7341 19.1818 16.1818 19.1818H15.8182C15.2659 19.1818 14.8182 18.7341 14.8182 18.1818V15.4545C14.8182 14.9023 15.2659 14.4545 15.8182 14.4545H16.1818C16.7341 14.4545 17.1818 14.9023 17.1818 15.4545V18.1818ZM17.1818 22.9091C17.1818 23.4614 16.7341 23.9091 16.1818 23.9091H15.8182C15.2659 23.9091 14.8182 23.4614 14.8182 22.9091V22.5455C14.8182 21.9932 15.2659 21.5455 15.8182 21.5455H16.1818C16.7341 21.5455 17.1818 21.9932 17.1818 22.5455V22.9091ZM3.86902 25.9535C3.48306 26.6202 3.96411 27.4545 4.73445 27.4545H27.2656C28.0359 27.4545 28.5169 26.6202 28.131 25.9535L16.8654 6.49483C16.4803 5.82954 15.5197 5.82954 15.1346 6.49483L3.86902 25.9535Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 828 B

1
app/client/src/assets/icons/widget/audio-recorder.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path d="m23.7299 14.3547c0-.6242-.4316-1.1349-.9592-1.1349-.5275 0-.9591.5107-.9591 1.1349 0 3.9148-2.6856 7.0354-5.9467 7.0354-3.261 0-5.94663-3.1206-5.94663-7.0354 0-.6242-.4316-1.1349-.95914-1.1349-.52752 0-.95913.5107-.95913 1.1349 0 4.7658 3.0213 8.6808 6.9057 9.1914v3.5178h-2.158c-.5275 0-.9591.5106-.9591 1.1346 0 .6242.4316 1.1348.9591 1.1348h6.1864c.5276 0 .9592-.5106.9592-1.1348 0-.624-.4316-1.1346-.9592-1.1346h-2.1101v-3.5178c3.8845-.5106 6.9059-4.4256 6.9059-9.1914z"/><path d="m16.0088 2.66666h-.2879c-2.206 0-4.0283 2.15602-4.0283 4.76596v6.86528c0 2.61 1.8223 4.766 4.0283 4.766h.2879c2.206 0 4.0283-2.156 4.0283-4.766v-6.86528c0-2.60994-1.8223-4.76596-4.0283-4.76596z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 813 B

1
app/client/src/assets/icons/widget/audio.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" fill="none" viewBox="0 0 18 14"><path fill="#4b4848" d="M0.5 11V3H2.5V11H0.5Z"/><path fill="#4b4848" d="M3.5 13V1H5.5V13H3.5Z"/><path fill="#4b4848" d="M6.5 10V5H8.5V10H6.5Z"/><path fill="#4b4848" d="M9.5 14V0H11.5V14H9.5Z"/><path fill="#4b4848" d="M12.5 12V2H14.5V12H12.5Z"/><path fill="#4b4848" d="M15.5 10V4H17.5V10H15.5Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 396 B

1
app/client/src/assets/icons/widget/button-group.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="13" fill="none" viewBox="0 0 32 13"><mask id="path-1-inside-1" fill="#fff"><path fill-rule="evenodd" d="M0 2C0 0.895431 0.895431 0 2 0H9.5V13H2C0.895431 13 0 12.1046 0 11V2ZM11 13V0H21V13H11ZM22.5 13H30C31.1046 13 32 12.1046 32 11V2C32 0.895431 31.1046 0 30 0H22.5V13Z" clip-rule="evenodd"/></mask><path fill="#4b4848" fill-rule="evenodd" d="M0 2C0 0.895431 0.895431 0 2 0H9.5V13H2C0.895431 13 0 12.1046 0 11V2ZM11 13V0H21V13H11ZM22.5 13H30C31.1046 13 32 12.1046 32 11V2C32 0.895431 31.1046 0 30 0H22.5V13Z" clip-rule="evenodd"/><path fill="#4b4848" d="M9.5 0H10.5V-1H9.5V0ZM9.5 13V14H10.5V13H9.5ZM11 0V-1H10V0H11ZM11 13H10V14H11V13ZM21 0H22V-1H21V0ZM21 13V14H22V13H21ZM22.5 13H21.5V14H22.5V13ZM22.5 0V-1H21.5V0H22.5ZM2 -1C0.343146 -1 -1 0.343146 -1 2H1C1 1.44772 1.44772 1 2 1V-1ZM9.5 -1H2V1H9.5V-1ZM10.5 13V0H8.5V13H10.5ZM2 14H9.5V12H2V14ZM-1 11C-1 12.6569 0.343146 14 2 14V12C1.44772 12 1 11.5523 1 11H-1ZM-1 2V11H1V2H-1ZM10 0V13H12V0H10ZM21 -1H11V1H21V-1ZM22 13V0H20V13H22ZM11 14H21V12H11V14ZM22.5 14H30V12H22.5V14ZM30 14C31.6569 14 33 12.6569 33 11H31C31 11.5523 30.5523 12 30 12V14ZM33 11V2H31V11H33ZM33 2C33 0.343146 31.6569 -1 30 -1V1C30.5523 1 31 1.44772 31 2H33ZM30 -1H22.5V1H30V-1ZM21.5 0V13H23.5V0H21.5Z" mask="url(#path-1-inside-1)"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

1
app/client/src/assets/icons/widget/button.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m24 19v-8h-16v10h8v-2h-6v-6h12v6zm-9.4727 3.0555c1.1911-.4051 1.3299-.3724 2.2775.6936.0151.0138.0302.0277.0453.0416.239.2192.4717.4326.7838.3138.3327-.1256.4008-.3158.4008-.6439v-6.4815c0-.4464.5133-.953 1.0043-.953.4911 0 .9938.5066.9938.953v3.4791l2.7653 1.2297c.4139.184.6524.6233.5813 1.0707l-.5152 3.2414h-6.8642l-.4913-1z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 496 B

1
app/client/src/assets/icons/widget/camera.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#4b4848" d="M9 3h6l2 2h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4l2-2zm3 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 279 B

1
app/client/src/assets/icons/widget/chart.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path d="m10.6666 22.6667v6.6666h-5.33335v-6.6666z"/><path d="m18.6666 16v13.3333h-5.3333v-13.3333z"/><path d="m26.6666 2.66666v26.66664h-5.3333v-26.66664z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 281 B

1
app/client/src/assets/icons/widget/checkbox-group.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path d="m4.8147 16.815 1.14288-1.1428 1.14286 1.1428 2.85719-2.8571 1.14287 1.1428-4.00006 4.0001z"/><path d="m4.8147 8.00004 1.14288-1.14287 1.14286 1.14287 2.85719-2.85719 1.14287 1.14288-4.00006 4.00007z"/><path d="m26.6666 6.66666h-13.3333v2.66666h13.3333z"/><path d="m26.6666 14.6667h-13.3333v2.6666h13.3333z"/><path d="m26.6666 22.6667h-13.3333v2.6666h13.3333z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 493 B

1
app/client/src/assets/icons/widget/checkbox.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m25.3334 25.3333v-18.66664h-18.66665v18.66664zm-15.99999-15.99998v13.33338h13.33329v-13.33338zm3.21889 5.42618-1.8856 1.8856 3.7712 3.7712 6.5997-6.5997-1.8856-1.8856-4.7141 4.7141z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 349 B

4
app/client/src/assets/icons/widget/circular-progress.svg
View File

@ -1,4 +0,0 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22.0195C6.477 22.0195 2 17.5425 2 12.0195C2 7.54154 4.943 3.75154 9 2.47754V4.60154C7.28092 5.29958 5.8578 6.57325 4.97406 8.20465C4.09032 9.83606 3.80088 11.7238 4.15525 13.5451C4.50963 15.3663 5.48579 17.0078 6.91676 18.1889C8.34774 19.3699 10.1446 20.017 12 20.0195C13.5938 20.0195 15.1513 19.5436 16.4728 18.6528C17.7944 17.762 18.82 16.4969 19.418 15.0195H21.542C20.268 19.0765 16.478 22.0195 12 22.0195Z" fill="#858282"/>
<path d="M15.6027 5.82699C15.6027 6.58113 15.3881 7.16124 14.9589 7.56732C14.5388 7.9734 13.9863 8.17643 13.3014 8.17643C12.9635 8.17643 12.653 8.12671 12.3699 8.02726C12.0868 7.91953 11.8447 7.76621 11.6438 7.56732C11.4429 7.36842 11.2831 7.12395 11.1644 6.83389C11.0548 6.53555 11 6.19991 11 5.82699C11 5.06456 11.21 4.48444 11.6301 4.08665C12.0594 3.68058 12.6164 3.47754 13.3014 3.47754C13.9863 3.47754 14.5388 3.68058 14.9589 4.08665C15.3881 4.48444 15.6027 5.06456 15.6027 5.82699ZM14.3014 5.82699C14.3014 5.38776 14.21 5.06041 14.0274 4.84494C13.8539 4.62119 13.6119 4.50931 13.3014 4.50931C12.9909 4.50931 12.7489 4.62119 12.5753 4.84494C12.4018 5.06041 12.3151 5.38776 12.3151 5.82699C12.3151 6.26621 12.4018 6.5977 12.5753 6.82146C12.7489 7.03693 12.9909 7.14467 13.3014 7.14467C13.6119 7.14467 13.8539 7.03693 14.0274 6.82146C14.21 6.5977 14.3014 6.26621 14.3014 5.82699ZM18.3836 3.664H19.9589L14.6027 12.2786H13.0274L18.3836 3.664ZM22 10.1281C22 10.8822 21.7854 11.4623 21.3562 11.8684C20.9361 12.2745 20.3836 12.4775 19.6986 12.4775C19.3607 12.4775 19.0502 12.4237 18.7671 12.3159C18.484 12.2165 18.242 12.0673 18.0411 11.8684C17.8402 11.6695 17.6804 11.4251 17.5616 11.135C17.4521 10.8367 17.3973 10.501 17.3973 10.1281C17.3973 9.36566 17.6073 8.78555 18.0274 8.38776C18.4566 7.98168 19.0137 7.77864 19.6986 7.77864C20.3836 7.77864 20.9361 7.98168 21.3562 8.38776C21.7854 8.78555 22 9.36566 22 10.1281ZM20.6986 10.1281C20.6986 9.68886 20.6073 9.36152 20.4247 9.14605C20.2511 8.92229 20.0091 8.81041 19.6986 8.81041C19.3881 8.81041 19.1461 8.92229 18.9726 9.14605C18.7991 9.36152 18.7123 9.68886 18.7123 10.1281C18.7123 10.5673 18.7991 10.8988 18.9726 11.1226C19.1461 11.338 19.3881 11.4458 19.6986 11.4458C20.0091 11.4458 20.2511 11.338 20.4247 11.1226C20.6073 10.8988 20.6986 10.5673 20.6986 10.1281Z" fill="#858282"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

1
app/client/src/assets/icons/widget/collapse.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#F2FAFF" fill-opacity=".9" d="M25.4286 28H6.57143C5.15125 28 4 26.8488 4 25.4286V6.57143C4 5.15125 5.15125 4 6.57143 4H25.4286C26.8488 4 28 5.15125 28 6.57143V25.4286C28 26.8488 26.8488 28 25.4286 28ZM17.9026 8.95455L11.3117 15.5454C11.0607 15.7965 11.0607 16.2035 11.3117 16.4546L17.9025 23.0454C18.3075 23.4504 18.9999 23.1636 18.9999 22.5909V9.40916C19 8.83643 18.3075 8.54961 17.9026 8.95455Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 512 B

1
app/client/src/assets/icons/widget/container.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path d="m2.66658 2.66666h5.33334v2.66666h-2.66667v2.66667h-2.66667z"/><path d="m29.3333 29.3333h-5.3334v-2.6666h2.6667v-2.6667h2.6667z"/><path d="m2.66658 29.3333v-5.3333h2.66667v2.6667h2.66667v2.6666z"/><path d="m2.66658 14.6667v-4h2.66667v4z"/><path d="m26.6666 14.6667v-4h2.6667v4z"/><path d="m14.6666 5.33332h-4v-2.66666h4z"/><path d="m14.6666 29.3333h-4v-2.6666h4z"/><path d="m2.66658 21.3333v-4h2.66667v4z"/><path d="m26.6666 21.3333v-4h2.6667v4z"/><path d="m21.3332 5.33332h-4l.0001-2.66666h4z"/><path d="m21.3333 29.3333h-4v-2.6666h3.9999z"/><path d="m29.3333 7.99999v-5.33333h-5.3334v2.66666h2.6667v2.66667z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 743 B

4
app/client/src/assets/icons/widget/currencyInput.svg
View File

@ -1,4 +0,0 @@
<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V12H0V0ZM2 10V2H18V10H2Z" fill="#4B4848"/>
<path d="M4.5915 5.6705C4.82608 6.08262 5.16738 6.42392 5.5795 6.6585L5.8005 6.349C5.83604 6.29923 5.88859 6.26422 5.9482 6.25058C6.00781 6.23695 6.07036 6.24563 6.124 6.275C6.47758 6.46823 6.86805 6.58444 7.26975 6.616C7.33244 6.62097 7.39096 6.64938 7.43364 6.69558C7.47631 6.74178 7.50001 6.80236 7.5 6.86525V7.98075C7.50001 8.04265 7.47706 8.10235 7.43559 8.1483C7.39412 8.19425 7.33708 8.22319 7.2755 8.2295C7.143 8.24325 7.0095 8.25 6.875 8.25C4.735 8.25 3 6.515 3 4.375C3 4.2405 3.00675 4.107 3.0205 3.9745C3.02681 3.91292 3.05575 3.85588 3.1017 3.81441C3.14765 3.77294 3.20735 3.74999 3.26925 3.75H4.38475C4.44764 3.74999 4.50822 3.77369 4.55442 3.81636C4.60062 3.85904 4.62903 3.91756 4.634 3.98025C4.66556 4.38195 4.78177 4.77242 4.975 5.126C5.00437 5.17964 5.01305 5.24219 4.99942 5.3018C4.98578 5.36141 4.95077 5.41396 4.901 5.4495L4.5915 5.6705ZM3.961 5.50625L4.436 5.167C4.3012 4.87602 4.20884 4.56721 4.16175 4.25H3.5025C3.501 4.2915 3.50025 4.33325 3.50025 4.375C3.5 6.239 5.011 7.75 6.875 7.75C6.91675 7.75 6.9585 7.74925 7 7.7475V7.08825C6.68279 7.04116 6.37398 6.9488 6.083 6.814L5.74375 7.289C5.60717 7.23593 5.4745 7.17327 5.34675 7.1015L5.33225 7.09325C4.84189 6.81418 4.43582 6.40811 4.15675 5.91775L4.1485 5.90325C4.07673 5.7755 4.01407 5.64283 3.961 5.50625Z" fill="#4B4848"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

1
app/client/src/assets/icons/widget/datepicker.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m2.66675 5.33335h7.99995 10.6667 2.6667 5.3333v24.00005h-26.66665zm2.66666 21.33335v-13.3333-2.6667-2.66668h21.33329v2.66668 2.6667 13.3333z" fill-rule="evenodd"/><path d="m8.00008 2.66669v2.66666h2.66662v-2.66666z"/><path d="m21.3334 2.66669v2.66666h2.6667v-2.66666z"/><path d="m5.33341 13.3334h21.33329v-2.6667h-21.33329z"/><path d="m9.33342 18.6667v-2.6667h2.66668v2.6667z"/><path d="m9.33342 24v-2.6666h2.66668v2.6666z"/><path d="m14.6667 18.6667v-2.6667h2.6667v2.6667z"/><path d="m14.6667 24v-2.6666h2.6667v2.6666z"/><path d="m20.0001 18.6667v-2.6667h2.6666v2.6667z"/><path d="m20.0001 24v-2.6666h2.6666v2.6666z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 771 B

1
app/client/src/assets/icons/widget/divider.svg
View File

@ -1 +0,0 @@
<svg width="20" height="4" viewBox="0 0 20 4" fill="#4b4848" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="3"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 131 B

1
app/client/src/assets/icons/widget/dropdown.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m28 9.33331h-24v13.33329h24zm-21.33333 2.66669v8h18.66663v-8zm10.66773 3.0666 3.0666 3.0667 3.0667-3.0667-1.2267-1.2266-1.84 1.84-1.8399-1.84z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 310 B

1
app/client/src/assets/icons/widget/embed.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m28.7999 3.20001v7.99999h-3.2v-4.79999h-19.19995v4.79999h-3.2v-7.99999zm-25.59995 25.59999v-8h3.2v4.8h19.19995v-4.8h3.2v8zm18.44255-16.7948.8447-.8278 3.8942 3.8942.8193.8361-.8193.8363-4.3842 4.3842-.8361-.8363-.8362-.8364 3.5478-3.5477-3.058-3.0583zm-11.4891 9.123.8447-.8279.8278-.8443-3.05808-3.0582 3.54778-3.5478-.8362-.8364-.8361-.8363-4.38417 4.3842-.81932.8363.81932.8361zm10.6821-12.51198-2.1496-.98653-6.9057 15.04761 2.1496.9866z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 609 B

1
app/client/src/assets/icons/widget/filepicker.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m24.7267 26.2857h-3.7402-3.1173v-7.4857h2.4942l-4.3636-5.4857-4.3636 5.4857h2.4927v7.4857h-3.1165-3.74023c-2.75408 0-4.98701-2.4563-4.98701-5.4858 0-2.5618 1.60457-4.6971 3.7627-5.2992.23937-5.4473 4.31754-9.78647 9.32824-9.78647 4.9546 0 8.999 4.24183 9.3194 9.60407 2.7965-.0219 5.0182 2.4686 5.0182 5.4816 0 3.0295-2.2329 5.4858-4.987 5.4858z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 513 B

1
app/client/src/assets/icons/widget/form.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m5.33325 2.66669v26.66671h21.33335v-26.66671zm2.66667 24.00001v-21.33335h15.99998v21.33335z" fill-rule="evenodd"/><path d="m10.6666 10.6667v-2.66668h8v2.66668z"/><path d="m10.6666 14.6667v-2.6667h9.3333v2.6667z"/><path d="m10.6666 18.6667v-2.6667h8v2.6667z"/><path d="m15.9999 24.6667v-3.3333h5.3334v3.3333z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 462 B

1
app/client/src/assets/icons/widget/icon-button.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m15.9999 30.6666c8.1001 0 14.6667-6.5665 14.6667-14.6666 0-8.10019-6.5666-14.66669-14.6667-14.66669-8.10016 0-14.66665 6.5665-14.66665 14.66669 0 8.1001 6.56649 14.6666 14.66665 14.6666zm1.3334-16v-5.99995h-2.6667v5.99995h-6.66668v2.6667h6.66668v6.6667h2.6667v-6.6667h6v-2.6667z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 446 B

1
app/client/src/assets/icons/widget/image.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m2.66675 2.66669h26.66665v26.66671h-26.66665zm2.66666 24.00001v-21.33335h21.33329v21.33335z" fill-rule="evenodd"/><path d="m13.3334 18.6667-7.99999 5.3333v3.3334h21.33329v-6l-5.3333-6.6667-5.3333 6.6667z"/><path d="m13.3334 10.6667c0 1.4727-1.1939 2.6667-2.6667 2.6667-1.47271 0-2.66662-1.194-2.66662-2.6667 0-1.47277 1.19391-2.66668 2.66662-2.66668 1.4728 0 2.6667 1.19391 2.6667 2.66668z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 544 B

1
app/client/src/assets/icons/widget/input.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m2.66675 8h26.66665v16h-26.66665zm2.66666 13.3333v-10.6666h21.33329v10.6666z" fill-rule="evenodd"/><path d="m6.66675 20v-8h1.33333v8z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 288 B

7
app/client/src/assets/icons/widget/json-form.svg
View File

@ -1,7 +0,0 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.3335 2.6665V29.3332H26.6668V2.6665H5.3335ZM8.00016 26.6665V5.33317H24.0002V26.6665H8.00016Z" fill="#4B4848"/>
<path d="M13 18.04V15H20.5V18.04H13Z" fill="#4B4848"/>
<path d="M17 23V20.2H22V23H17Z" fill="#4B4848"/>
<path d="M10 11V8H18V11H10Z" fill="#4B4848"/>
<path d="M13 13V10H20V13H13Z" stroke="#4B4848" stroke-width="0.7"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 483 B

1
app/client/src/assets/icons/widget/list.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m12.0001 5.33331h-5.33335v5.33329h5.33335zm13.3333 1.33334h-10.6667v2.66666h10.6667zm-10.6667 7.99995h10.6667v2.6667h-10.6667zm10.6667 8h-10.6667v2.6667h10.6667zm-18.66665-9.3333h5.33335v5.3333h-5.33335zm5.33335 8h-5.33335v5.3333h5.33335z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 406 B

3
app/client/src/assets/icons/widget/location picker.svg
View File

@ -1,3 +0,0 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 2.664C20.416 2.664 24 6.216 24 10.5973C24 16.548 16 25.3307 16 25.3307C16 25.3307 8.00001 16.548 8.00001 10.5973C8.00001 6.216 11.5813 2.664 16 2.664ZM16 8C15.2928 8 14.6145 8.28095 14.1144 8.78105C13.6143 9.28115 13.3333 9.95942 13.3333 10.6667C13.3333 11.3739 13.6143 12.0522 14.1144 12.5523C14.6145 13.0524 15.2928 13.3333 16 13.3333C16.7073 13.3333 17.3855 13.0524 17.8856 12.5523C18.3857 12.0522 18.6667 11.3739 18.6667 10.6667C18.6667 9.95942 18.3857 9.28115 17.8856 8.78105C17.3855 8.28095 16.7073 8 16 8ZM26.6667 25.3333C26.6667 28.28 21.8907 30.6667 16 30.6667C10.1093 30.6667 5.33334 28.28 5.33334 25.3333C5.33334 23.6147 6.96001 22.0867 9.48401 21.1107L10.328 22.316C8.88801 22.92 8.00001 23.7493 8.00001 24.6667C8.00001 26.5067 11.5813 28 16 28C20.4187 28 24 26.5067 24 24.6667C24 23.7493 23.1107 22.92 21.672 22.316L22.516 21.1107C25.0413 22.0867 26.6667 23.6147 26.6667 25.3333Z" fill="#F2FAFF" fill-opacity="0.9"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

1
app/client/src/assets/icons/widget/location-picker.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#F2FAFF" fill-opacity=".9" d="M16 2.664C20.416 2.664 24 6.216 24 10.5973C24 16.548 16 25.3307 16 25.3307C16 25.3307 8.00001 16.548 8.00001 10.5973C8.00001 6.216 11.5813 2.664 16 2.664ZM16 8C15.2928 8 14.6145 8.28095 14.1144 8.78105C13.6143 9.28115 13.3333 9.95942 13.3333 10.6667C13.3333 11.3739 13.6143 12.0522 14.1144 12.5523C14.6145 13.0524 15.2928 13.3333 16 13.3333C16.7073 13.3333 17.3855 13.0524 17.8856 12.5523C18.3857 12.0522 18.6667 11.3739 18.6667 10.6667C18.6667 9.95942 18.3857 9.28115 17.8856 8.78105C17.3855 8.28095 16.7073 8 16 8ZM26.6667 25.3333C26.6667 28.28 21.8907 30.6667 16 30.6667C10.1093 30.6667 5.33334 28.28 5.33334 25.3333C5.33334 23.6147 6.96001 22.0867 9.48401 21.1107L10.328 22.316C8.88801 22.92 8.00001 23.7493 8.00001 24.6667C8.00001 26.5067 11.5813 28 16 28C20.4187 28 24 26.5067 24 24.6667C24 23.7493 23.1107 22.92 21.672 22.316L22.516 21.1107C25.0413 22.0867 26.6667 23.6147 26.6667 25.3333Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

1
app/client/src/assets/icons/widget/map-chart.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#4B4848" fill-rule="evenodd" d="M9.50001 11.8034V18.5L14.5 21V11.55L12 15C11.3917 14.2179 10.4119 12.9626 9.50001 11.8034Z" clip-rule="evenodd"/><path fill="#4B4848" fill-rule="evenodd" d="M15.5 10.17V21L20.5 18V6L17 8.1L15.5 10.17Z" clip-rule="evenodd"/><path fill="#4B4848" d="M3.5 9V21L8.5 18V10.5374C8.5 10.5374 7.83441 9.63336 7.5 9C7.12002 8.28033 6.72229 7.06662 6.72229 7.06662L3.5 9Z"/><path fill="#4B4848" fill-rule="evenodd" d="M9.1559 9.87818C8.30481 8.73014 7.6 7.67255 7.6 6.35454C7.6 3.95998 9.56392 2.01104 11.9821 2H12.0032C14.431 2 16.4065 3.95362 16.4065 6.35454C16.4065 7.67255 15.7017 8.73038 14.8506 9.87818C14.8506 9.87818 12.1182 13.3703 12.0069 13.5208L9.1559 9.87818Z" clip-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 829 B

1
app/client/src/assets/icons/widget/map.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path d="m16 15.6667c1.4728 0 2.6667-1.1939 2.6667-2.6667s-1.1939-2.6667-2.6667-2.6667-2.6667 1.1939-2.6667 2.6667 1.1939 2.6667 2.6667 2.6667z"/><path clip-rule="evenodd" d="m24 13c0 1.7856-.585 3.4345-1.5737 4.7656l-6.4264 8.5677-6.42616-8.5677c-.98876-1.3311-1.57374-2.98-1.57374-4.7656 0-4.41828 3.5817-8 8-8s8 3.58172 8 8zm-2.6667 0c0 1.1915-.3875 2.2847-1.0443 3.1709l-4.2891 5.7182-4.2888-5.7181c-.6569-.8862-1.0444-1.9795-1.0444-3.171 0-2.9455 2.3878-5.33333 5.3333-5.33333s5.3333 2.38783 5.3333 5.33333z" fill-rule="evenodd"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 658 B

1
app/client/src/assets/icons/widget/menu-button.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path d="m18.6666 5.33331h-5.3333v5.33329h5.3333z"/><path d="m18.6666 13.3333h-5.3333v5.3333h5.3333z"/><path d="m18.6666 21.3333h-5.3333v5.3333h5.3333z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
app/client/src/assets/icons/widget/menu.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="24" height="24" fill="#262626"/><rect width="4" height="4" x="10" y="4" fill="#EAEAEA"/><rect width="4" height="4" x="10" y="10" fill="#EAEAEA"/><rect width="4" height="4" x="10" y="16" fill="#EAEAEA"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 316 B

1
app/client/src/assets/icons/widget/modal.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m2.66675 29.3334v-26.66671h26.66665v26.66671zm2.66666-2.6667v-21.33335h21.33329v21.33335z" fill-rule="evenodd"/><path d="m23.9334 15.152-6.5997-6.59967 1.8857-1.88562 6.5996 6.59969z"/><path d="m25.8188 8.55231-6.5996 6.59969-1.8857-1.8856 6.5997-6.5997z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 409 B

1
app/client/src/assets/icons/widget/multi-tree-select.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path d="m2 2h20v8h-20z"/><path d="m9.99985 12.05h6.99995v1.5h-6.99995z"/><path d="m9.99985 16.75h5.99995v1.5h-5.99995z"/><path d="m7.99985 12.5h-3l1.5 1.5z"/><path d="m8 17h-3l1.5 1.5z"/><path clip-rule="evenodd" d="m2 8.5v13.5h18v-13.5zm1.5 12v-10.5h15v10.5z" fill-rule="evenodd"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 406 B

1
app/client/src/assets/icons/widget/multiselect.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2.75 2.75h18.5v6.5h-18.5z" stroke="#4b4848" stroke-width="1.5"/><g fill="#4b4848"><path d="m9.99985 12.05h6.99995v1.5h-6.99995z"/><path d="m9.99985 16.75h5.99995v1.5h-5.99995z"/><path d="m7.99985 12.5h-3l1.5 1.5z"/><path d="m8 17h-3l1.5 1.5z"/><path clip-rule="evenodd" d="m2 8.5v13.5h18v-13.5zm1.5 12v-10.5h15v10.5z" fill-rule="evenodd"/><path d="m14 5.25h5v1.5h-5z"/><path clip-rule="evenodd" d="m7 5.25h-2v1.5h2zm1 1.5h5v-1.5h-5z" fill-rule="evenodd"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 570 B

4
app/client/src/assets/icons/widget/phoneInput.svg
View File

@ -1,4 +0,0 @@
<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V12H0V0ZM2 10V2H18V10H2Z" fill="#4B4848"/>
<path d="M4.81348 8.41895H5.15625V7.93262C5.93555 7.87695 6.52441 7.46094 6.52441 6.74023V6.73438C6.52441 6.10156 6.10254 5.78516 5.32031 5.60352L5.15625 5.56543V4.42871C5.50781 4.47852 5.75098 4.68652 5.78906 5.0293L5.79199 5.03516L6.47168 5.03223V5.0293C6.44531 4.3584 5.91797 3.90137 5.15625 3.83984V3.34766H4.81348V3.83984C4.04883 3.89258 3.50098 4.3291 3.50098 5V5.00586C3.50098 5.61523 3.91113 5.95508 4.66406 6.12793L4.81348 6.16309V7.34668C4.37402 7.2998 4.15723 7.07129 4.10742 6.75195L4.10449 6.74609L3.4248 6.74902L3.42188 6.75195C3.44531 7.46094 4.03711 7.88281 4.81348 7.93262V8.41895ZM4.20703 4.95312V4.94727C4.20703 4.69531 4.41504 4.47559 4.81348 4.42871V5.48633C4.37988 5.37207 4.20703 5.19922 4.20703 4.95312ZM5.81836 6.80469V6.81055C5.81836 7.10059 5.61328 7.30859 5.15625 7.34668V6.24219C5.65723 6.36816 5.81836 6.52637 5.81836 6.80469Z" fill="#4B4848"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

1
app/client/src/assets/icons/widget/plus.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 296 B

15
app/client/src/assets/icons/widget/progressbar-icon.svg
View File

@ -1,15 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_172_5437)">
<path d="M2 9H14V15H2V9Z" fill="#4B4848"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 9.75L15 9H17L14 11.25V9.75Z" fill="#4B4848"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 12.75L19 9H21L14 14.25V12.75Z" fill="#4B4848"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 14.25V12.75L19 15H21L22 14.25Z" fill="#4B4848"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 11.25V9.75L15 15H17L22 11.25Z" fill="#4B4848"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 9H19L14 12.75V14.25L21 9ZM15 15H17L22 11.25V9.75L15 15ZM21 15H19L22 12.75V14.25L21 15ZM15 9H17L14 11.25V9.75L15 9Z" fill="#4B4848"/>
</g>
<defs>
<clipPath id="clip0_172_5437">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 879 B

1
app/client/src/assets/icons/widget/radio.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m16.0001 6.66669c5.1546 0 9.3333 4.17871 9.3333 9.33331 0 5.1547-4.1787 9.3334-9.3333 9.3334-5.1547 0-9.33335-4.1787-9.33335-9.3334 0-5.1546 4.17865-9.33331 9.33335-9.33331zm0 16.00001c-3.6819 0-6.66669-2.9848-6.66669-6.6667s2.98479-6.66665 6.66669-6.66665 6.6666 2.98475 6.6666 6.66665-2.9847 6.6667-6.6666 6.6667z" fill-rule="evenodd"/><path d="m16.0001 20c-2.2092 0-4-1.7908-4-4 0-2.2091 1.7908-4 4-4 2.2091 0 4 1.7909 4 4 0 2.2092-1.7909 4-4 4z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 603 B

1
app/client/src/assets/icons/widget/rating.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.8562 7.06976 2.6109 4.48144c.1811.3552.6601.6927 1.0644.7496l5.3058 1.0236-3.6923 3.7917c-.2928.2766-.4757.8223-.4066 1.2127l.6054 5.1131-4.8298-2.1397c-.3619-.1845-.9539-.1845-1.3159 0l-4.8294 2.1379.6053-5.113c.0691-.3904-.1137-.9366-.4065-1.2128l-3.59069-3.7917 5.20419-1.0236c.4047-.057.8837-.3944 1.0643-.7496z" fill="#4b4848"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 447 B

1
app/client/src/assets/icons/widget/rich-text.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m25.3334 6.66669h-18.66665v2.66666h18.66665zm-2.6667 5.33331h-15.99995v2.6667h15.99995zm-15.99995 5.3334h13.33335v2.6666h-13.33335zm18.66665 5.3333h-18.66665v2.6667h18.66665z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 342 B

1
app/client/src/assets/icons/widget/single-tree-select.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m28 9.33331h-24v13.33329h24zm-21.33333 2.66669v8h18.66663v-8zm10.66773 3.0666 3.0666 3.0667 3.0667-3.0667-1.2267-1.2266-1.84 1.84-1.8399-1.84z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 310 B

1
app/client/src/assets/icons/widget/slash.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="19" fill="none" viewBox="0 0 15 19"><line x1="1.191" x2="13.431" y1="18.263" y2="1.412" stroke="#D0D7DD" stroke-width="2"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 188 B

1
app/client/src/assets/icons/widget/statbox.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m0 10c0-1.10457.895431-2 2-2h28c1.1046 0 2 .89543 2 2v12c0 1.1046-.8954 2-2 2h-28c-1.104569 0-2-.8954-2-2zm22.9758 3.778c-.0012-.1311.0497-.2564.1416-.3485.0918-.092.2171-.1432.3482-.1422l4.1957.0306c.1311.001.2574.054.351.1474.0935.0934.1468.2195.148.3506l.0392 4.1956c-.0011.1296-.053.2528-.1446.343s-.2156.1402-.3453.1393c-.1296-.001-.2546-.0528-.3479-.1443-.0933-.0916-.1476-.2155-.151-.3452l-.028-3.002-4.0132 4.0214c-.0919.092-.2172.1432-.3483.1422-.1311-.0009-.2574-.0539-.351-.1473-.0936-.0935-.1469-.2196-.1481-.3507-.0012-.1312.0497-.2566.1416-.3486l4.0132-4.0214-3.0021-.0219c-.1311-.0009-.2573-.054-.3509-.1473-.0936-.0934-.1468-.2196-.1481-.3507zm-18.03439-.821v7.043h1.3125v-8.4551h-1.30664l-2.22657 1.5703v1.3418l2.1211-1.5zm5.29999-.873c-.53124.4922-.79687 1.1269-.79687 1.9043v.0176h1.24217v-.0176c0-.4531.1426-.8184.4278-1.0957.289-.2774.666-.416 1.1308-.416.4375 0 .8027.1289 1.0957.3867s.4395.5801.4395.9668c0 .3125-.0938.6191-.2813.9199-.1875.2969-.5625.7383-1.125 1.3242l-2.85936 2.9766v.9492h5.69536v-1.1777h-3.8672v-.0996l1.8808-1.9043c.7071-.7149 1.1914-1.2911 1.4532-1.7286.2656-.4414.3984-.8867.3984-1.3359 0-.6953-.2637-1.2715-.791-1.7285-.5274-.457-1.1934-.6856-1.9981-.6856-.832 0-1.5136.2481-2.0449.7442z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

1
app/client/src/assets/icons/widget/switch-group.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#4B4848" fill-rule="evenodd" d="M11 6C11 4.89543 10.1046 4 9 4H6C4.89543 4 4 4.89543 4 6C4 7.10457 4.89543 8 6 8H9C10.1046 8 11 7.10457 11 6ZM9 7C9.55228 7 10 6.55228 10 6C10 5.44772 9.55228 5 9 5C8.44772 5 8 5.44772 8 6C8 6.55228 8.44772 7 9 7Z" clip-rule="evenodd"/><path fill="#4B4848" d="M12.9998 5.80005C12.9998 5.38584 13.3355 5.05005 13.7498 5.05005L19.2498 5.05005C19.664 5.05005 19.9998 5.38584 19.9998 5.80005C19.9998 6.21426 19.664 6.55005 19.2498 6.55005L13.7498 6.55005C13.3355 6.55005 12.9998 6.21426 12.9998 5.80005Z"/><path fill="#4B4848" fill-rule="evenodd" d="M11 12C11 10.8954 10.1046 10 9 10H6C4.89543 10 4 10.8954 4 12C4 13.1046 4.89543 14 6 14H9C10.1046 14 11 13.1046 11 12ZM9 13C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13Z" clip-rule="evenodd"/><path fill="#4B4848" d="M12.9998 11.8C12.9998 11.3858 13.3355 11.05 13.7498 11.05L19.2498 11.05C19.664 11.05 19.9998 11.3858 19.9998 11.8C19.9998 12.2143 19.664 12.55 19.2498 12.55L13.7498 12.55C13.3355 12.55 12.9998 12.2143 12.9998 11.8Z"/><circle cx="6" cy="18" r="1" fill="#4B4848"/><path stroke="#4B4848" stroke-width=".5" d="M4.25 18C4.25 17.0335 5.0335 16.25 6 16.25H9C9.9665 16.25 10.75 17.0335 10.75 18C10.75 18.9665 9.9665 19.75 9 19.75H6C5.0335 19.75 4.25 18.9665 4.25 18Z"/><path fill="#4B4848" d="M13 17.8C13 17.3858 13.3358 17.05 13.75 17.05L19.25 17.05C19.6642 17.05 20 17.3858 20 17.8C20 18.2143 19.6642 18.55 19.25 18.55L13.75 18.55C13.3358 18.55 13 18.2143 13 17.8Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

1
app/client/src/assets/icons/widget/switch.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m3 12c0-3.31371 2.68629-6 6-6h6c3.3137 0 6 2.68629 6 6 0 3.3137-2.6863 6-6 6h-6c-3.31371 0-6-2.6863-6-6zm6.25 4c-2.20914 0-4-1.7909-4-4 0-2.20914 1.79086-4 4-4h5.5c2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4z" fill-rule="evenodd"/><path d="m15 9c1.6569 0 3 1.3431 3 3s-1.3431 3-3 3-3-1.3431-3-3 1.3431-3 3-3z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 464 B

1
app/client/src/assets/icons/widget/table.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m2.66675 2.66663v26.66667h26.66665v-26.66667zm2.66666 23.99997v-21.33331h21.33329v21.33331z" fill-rule="evenodd"/><path d="m14.6667 5.33329v21.33331h2.6667v-21.33331z"/><path d="m5.33341 16h21.33329v-2.6667h-21.33329z"/><path d="m5.33341 22.6666h21.33329v-2.6666h-21.33329z"/><path d="m5.33341 9.33329h21.33329v-4h-21.33329z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 479 B

1
app/client/src/assets/icons/widget/tabs.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m6.66675 12v-5.33337h7.99995v5.33337h10.6667v13.3333h-18.66665zm2.66666 2.6666v8h13.33329v-8zm6.66669-4h1 6 1v-.99997-.66667-1h-1-6-1v1 .66667zm7-1.66664v.66667h-6v-.66667z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 340 B

1
app/client/src/assets/icons/widget/text.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#4B4848" d="M14.0001 22.6666V9.33329H9.33342V12H6.66675V6.66663H25.3334V12H22.6667V9.33329H18.0001V22.6666H20.6667V25.3333H11.3334V22.6666H14.0001Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 263 B

1
app/client/src/assets/icons/widget/video.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="#4b4848"><path clip-rule="evenodd" d="m2.66675 2.66663h26.66665v26.66667h-26.66665zm2.66666 23.99997v-21.33331h21.33329v21.33331z" fill-rule="evenodd"/><path d="m10.6666 22.6667v-13.33333l10.6667 6.66663z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 321 B

10
app/client/src/components/editorComponents/Debugger/hooks/useGetEntityInfo.tsx
View File

@ -1,11 +1,7 @@
import { isStoredDatasource } from "entities/Action";
import { ENTITY_TYPE } from "entities/AppsmithConsole";
import { isEqual, keyBy } from "lodash";
import {
getPluginIcon,
getWidgetIcon,
jsIcon,
} from "pages/Editor/Explorer/ExplorerIcons";
import { getPluginIcon, jsIcon } from "pages/Editor/Explorer/ExplorerIcons";
import { useMemo, useCallback } from "react";
import { AppState } from "reducers";
import { getFilteredErrors } from "selectors/debuggerSelectors";
@ -13,6 +9,8 @@ import { getAction, getDatasource } from "selectors/entitiesSelector";
import { useSelector } from "react-redux";
import { isAction, isJSAction, isWidget } from "workers/evaluationUtils";
import { doesEntityHaveErrors } from "../helpers";
import React from "react";
import WidgetIcon from "pages/Editor/Explorer/Widgets/WidgetIcon";
export const useGetEntityInfo = (name: string) => {
const entity = useSelector((state: AppState) => state.evaluations.tree[name]);
@ -33,7 +31,7 @@ export const useGetEntityInfo = (name: string) => {
const getEntityInfo = useCallback(() => {
if (isWidget(entity)) {
const icon = getWidgetIcon(entity.type);
const icon = <WidgetIcon type={entity.type} />;
const hasError = doesEntityHaveErrors(entity.widgetId, debuggerErrors);
return {

5
app/client/src/components/editorComponents/GlobalSearch/SearchResults.tsx
View File

@ -19,7 +19,6 @@ import {
} from "./utils";
import SearchContext from "./GlobalSearchContext";
import {
getWidgetIcon,
getPluginIcon,
homePageIcon,
pageIcon,
@ -32,6 +31,7 @@ import { AppState } from "reducers";
import { keyBy, noop } from "lodash";
import { getPageList } from "selectors/editorSelectors";
import { PluginType } from "entities/Action";
import WidgetIcon from "pages/Editor/Explorer/Widgets/WidgetIcon";
const DocumentIcon = HelpIcons.DOCUMENT;
@ -181,14 +181,13 @@ function WidgetItem(props: {
const title = getItemTitle(item);
const pageName = usePageName(item.pageId);
const subText = `${pageName}`;
return (
<>
<WidgetIconWrapper
className="icon-wrapper"
isActiveItem={props.isActiveItem}
>
{getWidgetIcon(type)}
<WidgetIcon type={type} />
</WidgetIconWrapper>
<ItemTitle>
<TextWrapper>

20
app/client/src/icons/WidgetIcons.test.tsx
View File

@ -1,20 +0,0 @@
import React from "react";
import { WidgetIcons } from "./WidgetIcons";
import { render, screen } from "@testing-library/react";
import { ThemeProvider, theme } from "constants/DefaultTheme";
const ListWidgetIcon = WidgetIcons["LIST_WIDGET"];
describe("WidgetIcons", () => {
it("checks widget icon for list widget", () => {
render(
<ThemeProvider theme={theme}>
<ListWidgetIcon background="red" />
</ThemeProvider>,
);
const input = screen.queryByTestId("list-widget-icon");
expect(input).toBeTruthy();
});
});

301
app/client/src/icons/WidgetIcons.tsx
View File

@ -1,301 +0,0 @@
import React, { JSXElementConstructor } from "react";
import styled from "styled-components";
import { Colors } from "constants/Colors";
import { IconProps, IconWrapper } from "constants/IconConstants";
import { ReactComponent as SpinnerIcon } from "assets/icons/widget/alert.svg";
import { ReactComponent as ButtonIcon } from "assets/icons/widget/button.svg";
import { ReactComponent as CollapseIcon } from "assets/icons/widget/collapse.svg";
import { ReactComponent as ContainerIcon } from "assets/icons/widget/container.svg";
import { ReactComponent as DatePickerIcon } from "assets/icons/widget/datepicker.svg";
import { ReactComponent as TableIcon } from "assets/icons/widget/table.svg";
import { ReactComponent as VideoIcon } from "assets/icons/widget/video.svg";
import { ReactComponent as DropDownIcon } from "assets/icons/widget/dropdown.svg";
import { ReactComponent as MultiSelectIcon } from "assets/icons/widget/multiselect.svg";
import { ReactComponent as MultiSelectV2Icon } from "assets/icons/widget/multiselect.svg";
import { ReactComponent as CheckboxIcon } from "assets/icons/widget/checkbox.svg";
import { ReactComponent as RadioGroupIcon } from "assets/icons/widget/radio.svg";
import { ReactComponent as InputIcon } from "assets/icons/widget/input.svg";
import { ReactComponent as SwitchIcon } from "assets/icons/widget/switch.svg";
import { ReactComponent as TextIcon } from "assets/icons/widget/text.svg";
import { ReactComponent as ImageIcon } from "assets/icons/widget/image.svg";
import { ReactComponent as FilePickerIcon } from "assets/icons/widget/filepicker.svg";
import { ReactComponent as TabsIcon } from "assets/icons/widget/tabs.svg";
import { ReactComponent as RichTextEditorIcon } from "assets/icons/widget/rich-text.svg";
import { ReactComponent as ChartIcon } from "assets/icons/widget/chart.svg";
import { ReactComponent as FormIcon } from "assets/icons/widget/form.svg";
import { ReactComponent as MapIcon } from "assets/icons/widget/map.svg";
import { ReactComponent as ModalIcon } from "assets/icons/widget/modal.svg";
import { ReactComponent as ListIcon } from "assets/icons/widget/list.svg";
import { ReactComponent as RatingIcon } from "assets/icons/widget/rating.svg";
import { ReactComponent as EmbedIcon } from "assets/icons/widget/embed.svg";
import { ReactComponent as DividerIcon } from "assets/icons/widget/divider.svg";
import { ReactComponent as MenuButtonIcon } from "assets/icons/widget/menu-button.svg";
import { ReactComponent as MultiTreeSelectIcon } from "assets/icons/widget/multi-tree-select.svg";
import { ReactComponent as SingleTreeSelectIcon } from "assets/icons/widget/single-tree-select.svg";
import { ReactComponent as IconButtonIcon } from "assets/icons/widget/icon-button.svg";
import { ReactComponent as StatboxIcon } from "assets/icons/widget/statbox.svg";
import { ReactComponent as CheckboxGroupIcon } from "assets/icons/widget/checkbox-group.svg";
import { ReactComponent as AudioRecorderIcon } from "assets/icons/widget/audio-recorder.svg";
import { ReactComponent as AudioIcon } from "assets/icons/widget/audio.svg";
import { ReactComponent as ButtonGroupIcon } from "assets/icons/widget/button-group.svg";
import { ReactComponent as ProgressBarIcon } from "assets/icons/widget/progressbar-icon.svg";
import { ReactComponent as SwitchGroupIcon } from "assets/icons/widget/switch-group.svg";
import { ReactComponent as CameraIcon } from "assets/icons/widget/camera.svg";
import { ReactComponent as MapChartIcon } from "assets/icons/widget/map-chart.svg";
import { ReactComponent as PhoneInput } from "assets/icons/widget/phoneInput.svg";
import { ReactComponent as CurrencyInput } from "assets/icons/widget/currencyInput.svg";
import { ReactComponent as CircularProgressIcon } from "assets/icons/widget/circular-progress.svg";
import { ReactComponent as JSONFormIcon } from "assets/icons/widget/json-form.svg";
/* eslint-disable react/display-name */
const StyledIconWrapper = styled(IconWrapper)`
svg {
path {
fill: ${Colors.CHARCOAL} !important;
}
}
`;
export const WidgetIcons: {
[id: string]: JSXElementConstructor<IconProps>;
} = {
SPINNER_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<SpinnerIcon />
</StyledIconWrapper>
),
BUTTON_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ButtonIcon />
</StyledIconWrapper>
),
CHECKBOX_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<CheckboxIcon />
</StyledIconWrapper>
),
COLLAPSE_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<CollapseIcon />
</StyledIconWrapper>
),
CONTAINER_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ContainerIcon />
</StyledIconWrapper>
),
DATE_PICKER_WIDGET2: (props: IconProps) => (
<StyledIconWrapper {...props}>
<DatePickerIcon />
</StyledIconWrapper>
),
TABLE_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<TableIcon />
</StyledIconWrapper>
),
VIDEO_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<VideoIcon />
</StyledIconWrapper>
),
DROP_DOWN_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<DropDownIcon />
</StyledIconWrapper>
),
MULTI_SELECT_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<MultiSelectIcon />
</StyledIconWrapper>
),
SELECT_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<DropDownIcon />
</StyledIconWrapper>
),
MULTI_SELECT_WIDGET_V2: (props: IconProps) => (
<StyledIconWrapper {...props}>
<MultiSelectV2Icon />
</StyledIconWrapper>
),
RADIO_GROUP_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<RadioGroupIcon />
</StyledIconWrapper>
),
INPUT_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<InputIcon />
</StyledIconWrapper>
),
INPUT_WIDGET_V2: (props: IconProps) => (
<StyledIconWrapper {...props}>
<InputIcon />
</StyledIconWrapper>
),
RICH_TEXT_EDITOR_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<RichTextEditorIcon />
</StyledIconWrapper>
),
SWITCH_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<SwitchIcon />
</StyledIconWrapper>
),
TEXT_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<TextIcon />
</StyledIconWrapper>
),
IMAGE_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ImageIcon />
</StyledIconWrapper>
),
FILE_PICKER_WIDGET_V2: (props: IconProps) => (
<StyledIconWrapper {...props}>
<FilePickerIcon />
</StyledIconWrapper>
),
TABS_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<TabsIcon />
</StyledIconWrapper>
),
CHART_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ChartIcon />
</StyledIconWrapper>
),
FORM_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<FormIcon />
</StyledIconWrapper>
),
MAP_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<MapIcon />
</StyledIconWrapper>
),
MODAL_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ModalIcon />
</StyledIconWrapper>
),
FORM_BUTTON_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ButtonIcon />
</StyledIconWrapper>
),
LIST_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props} data-testid="list-widget-icon">
<ListIcon />
</StyledIconWrapper>
),
RATE_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<RatingIcon />
</StyledIconWrapper>
),
IFRAME_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<EmbedIcon />
</StyledIconWrapper>
),
DIVIDER_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<DividerIcon />
</StyledIconWrapper>
),
MENU_BUTTON_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<MenuButtonIcon />
</StyledIconWrapper>
),
SINGLE_SELECT_TREE_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<SingleTreeSelectIcon />
</StyledIconWrapper>
),
MULTI_SELECT_TREE_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<MultiTreeSelectIcon />
</StyledIconWrapper>
),
ICON_BUTTON_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<IconButtonIcon />
</StyledIconWrapper>
),
STATBOX_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<StatboxIcon />
</StyledIconWrapper>
),
CHECKBOX_GROUP_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<CheckboxGroupIcon />
</StyledIconWrapper>
),
AUDIO_RECORDER_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<AudioRecorderIcon />
</StyledIconWrapper>
),
AUDIO_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<AudioIcon />
</StyledIconWrapper>
),
BUTTON_GROUP_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ButtonGroupIcon />
</StyledIconWrapper>
),
PROGRESSBAR_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<ProgressBarIcon />
</StyledIconWrapper>
),
SWITCH_GROUP_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<SwitchGroupIcon />
</StyledIconWrapper>
),
CAMERA_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<CameraIcon />
</StyledIconWrapper>
),
MAP_CHART_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<MapChartIcon />
</StyledIconWrapper>
),
PHONE_INPUT_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<PhoneInput />
</StyledIconWrapper>
),
CURRENCY_INPUT_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<CurrencyInput />
</StyledIconWrapper>
),
CIRCULAR_PROGRESS_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<CircularProgressIcon />
</StyledIconWrapper>
),
JSON_FORM_WIDGET: (props: IconProps) => (
<StyledIconWrapper {...props}>
<JSONFormIcon />
</StyledIconWrapper>
),
};
export type WidgetIcon = typeof WidgetIcons[keyof typeof WidgetIcons];

9
app/client/src/pages/Editor/Explorer/ExplorerIcons.tsx
View File

@ -1,8 +1,6 @@
import React, { ReactNode } from "react";
import { MenuIcons } from "icons/MenuIcons";
import { Colors } from "constants/Colors";
import { WidgetType } from "constants/WidgetConstants";
import { WidgetIcons } from "icons/WidgetIcons";
import { Plugin } from "api/PluginApi";
import ImageAlt from "assets/images/placeholder-image.svg";
import styled from "styled-components";
@ -151,13 +149,6 @@ export const DATASOURCE_FIELD_ICONS_MAP: Record<string, ReactNode> = {
[FOREIGN_KEY]: foreignKeyIcon,
};
export const getWidgetIcon = (type: WidgetType) => {
const WidgetIcon = WidgetIcons[type];
if (WidgetIcon)
return <WidgetIcon height={ENTITY_ICON_SIZE} width={ENTITY_ICON_SIZE} />;
return null;
};
const PluginIcon = styled.img`
height: ${ENTITY_ICON_SIZE}px;
width: ${ENTITY_ICON_SIZE}px;

5
app/client/src/pages/Editor/Explorer/Widgets/WidgetEntity.tsx
View File

@ -4,12 +4,12 @@ import { WidgetProps } from "widgets/BaseWidget";
import { WidgetType } from "constants/WidgetConstants";
import { useSelector } from "react-redux";
import { AppState } from "reducers";
import { getWidgetIcon } from "../ExplorerIcons";
import WidgetContextMenu from "./WidgetContextMenu";
import { updateWidgetName } from "actions/propertyPaneActions";
import { CanvasStructure } from "reducers/uiReducers/pageCanvasStructureReducer";
import { getSelectedWidget, getSelectedWidgets } from "selectors/ui";
import { useNavigateToWidget } from "./useNavigateToWidget";
import WidgetIcon from "./WidgetIcon";
export type WidgetTree = WidgetProps & { children?: WidgetTree[] };
@ -80,6 +80,7 @@ export const WidgetEntity = memo((props: WidgetEntityProps) => {
const widgetsToExpand = useSelector(
(state: AppState) => state.ui.widgetDragResize.selectedWidgetAncestry,
);
const icon = <WidgetIcon type={props.widgetType} />;
const shouldExpand = widgetsToExpand.includes(props.widgetId);
@ -129,7 +130,7 @@ export const WidgetEntity = memo((props: WidgetEntityProps) => {
contextMenu={showContextMenu && contextMenu}
entityId={props.widgetId}
highlight={lastSelectedWidget === props.widgetId}
icon={getWidgetIcon(props.widgetType)}
icon={icon}
isDefaultExpanded={
shouldExpand ||
(!!props.searchKeyword && !!props.childWidgets) ||

26
app/client/src/pages/Editor/Explorer/Widgets/WidgetIcon.tsx Normal file
View File

@ -0,0 +1,26 @@
import { IconWrapper } from "constants/IconConstants";
import { WidgetType } from "constants/WidgetConstants";
import React from "react";
import { useSelector } from "react-redux";
import { getWidgetConfigs } from "selectors/editorSelectors";
import { ENTITY_ICON_SIZE } from "../ExplorerIcons";
function WidgetIcon(props: {
type: WidgetType;
width?: number;
height?: number;
}) {
const { height = ENTITY_ICON_SIZE, type, width = ENTITY_ICON_SIZE } = props;
const widgetConfig = useSelector(getWidgetConfigs);
if (!type) return null;
const svg = widgetConfig.config[type].iconSVG;
if (svg)
return (
<IconWrapper height={height} width={width}>
<img src={svg} />
</IconWrapper>
);
return null;
}
export default WidgetIcon;

3
app/client/src/selectors/editorSelectors.tsx
View File

@ -36,7 +36,8 @@ import { PLACEHOLDER_APP_SLUG, PLACEHOLDER_PAGE_SLUG } from "constants/routes";
import { builderURL } from "RouteBuilder";
import { ApplicationVersion } from "actions/applicationActions";
const getWidgetConfigs = (state: AppState) => state.entities.widgetConfig;
export const getWidgetConfigs = (state: AppState) =>
state.entities.widgetConfig;
const getPageListState = (state: AppState) => state.entities.pageList;
export const getProviderCategories = (state: AppState) =>

2
app/client/src/widgets/FormButtonWidget/icon.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" fill="none" viewBox="0 0 32 33"><path fill="#fff" fill-rule="evenodd" d="M32 10.6658C32 9.46577 31.2 8.66577 30 8.66577H2C0.8 8.66577 0 9.46577 0 10.6658V22.6658C0 23.8658 0.8 24.6658 2 24.6658H30C31.2 24.6658 32 23.8658 32 22.6658V10.6658ZM4.27987 18.5538C4.54587 18.6844 4.85853 18.7498 5.21787 18.7498C5.58653 18.7498 5.8922 18.6844 6.13487 18.5538C6.3822 18.4231 6.56653 18.2551 6.68787 18.0498C6.8092 17.8398 6.86987 17.6181 6.86987 17.3848C6.86987 17.1094 6.8162 16.8831 6.70887 16.7058C6.6062 16.5284 6.46153 16.3838 6.27487 16.2718C6.0882 16.1598 5.8782 16.0618 5.64487 15.9778C5.36487 15.8844 5.11753 15.8028 4.90287 15.7328C4.6882 15.6581 4.5202 15.5648 4.39887 15.4528C4.2822 15.3408 4.22387 15.1798 4.22387 14.9698C4.22387 14.7224 4.30787 14.5288 4.47587 14.3888C4.64853 14.2488 4.86787 14.1811 5.13387 14.1858C5.34853 14.1858 5.52587 14.2278 5.66587 14.3118C5.81053 14.3958 5.91787 14.5054 5.98787 14.6408C6.05787 14.7714 6.09287 14.9044 6.09287 15.0398H6.70887C6.7042 14.7784 6.63653 14.5451 6.50587 14.3398C6.37987 14.1344 6.2002 13.9734 5.96687 13.8568C5.7382 13.7401 5.46753 13.6818 5.15487 13.6818C4.83753 13.6818 4.5622 13.7401 4.32887 13.8568C4.1002 13.9688 3.92287 14.1274 3.79687 14.3328C3.67087 14.5334 3.6102 14.7644 3.61487 15.0258C3.61487 15.3384 3.70587 15.5928 3.88787 15.7888C4.06987 15.9801 4.34987 16.1411 4.72787 16.2718C4.92853 16.3418 5.11987 16.4048 5.30187 16.4608C5.48853 16.5168 5.65187 16.5821 5.79187 16.6568C5.93653 16.7314 6.05087 16.8294 6.13487 16.9508C6.21887 17.0674 6.26087 17.2238 6.26087 17.4198C6.26087 17.6578 6.16987 17.8561 5.98787 18.0148C5.80587 18.1734 5.5492 18.2528 5.21787 18.2528C4.96587 18.2528 4.75353 18.2061 4.58087 18.1128C4.41287 18.0148 4.28453 17.8864 4.19587 17.7278C4.1072 17.5644 4.06287 17.3871 4.06287 17.1958H3.44687C3.44687 17.5038 3.5192 17.7744 3.66387 18.0078C3.80853 18.2411 4.01387 18.4231 4.27987 18.5538ZM8.83774 18.5538C9.11308 18.6844 9.41874 18.7498 9.75474 18.7498C10.0954 18.7498 10.4034 18.6844 10.6787 18.5538C10.9541 18.4184 11.1734 18.2108 11.3367 17.9308C11.5001 17.6508 11.5817 17.2938 11.5817 16.8598V13.7658H10.9937V16.8668C10.9937 17.3428 10.8817 17.6881 10.6577 17.9028C10.4337 18.1174 10.1374 18.2248 9.76874 18.2248C9.40008 18.2248 9.10141 18.1174 8.87274 17.9028C8.64408 17.6881 8.52974 17.3428 8.52974 16.8668V13.7658H7.94174V16.8598C7.94174 17.2938 8.02341 17.6508 8.18674 17.9308C8.35008 18.2108 8.56708 18.4184 8.83774 18.5538ZM12.8575 13.7658V18.6658H14.6355C14.9762 18.6658 15.2655 18.6074 15.5035 18.4908C15.7415 18.3694 15.9212 18.2084 16.0425 18.0078C16.1638 17.8024 16.2245 17.5761 16.2245 17.3288C16.2245 17.1281 16.1802 16.9438 16.0915 16.7758C16.0075 16.6078 15.8908 16.4678 15.7415 16.3558C15.5922 16.2438 15.4265 16.1714 15.2445 16.1388C15.4825 16.0688 15.6855 15.9428 15.8535 15.7608C16.0262 15.5788 16.1125 15.3291 16.1125 15.0118C16.1125 14.7784 16.0565 14.5684 15.9445 14.3818C15.8325 14.1904 15.6622 14.0411 15.4335 13.9338C15.2095 13.8218 14.9248 13.7658 14.5795 13.7658H12.8575ZM14.5375 15.9078H13.4455V14.2558H14.5165C14.8478 14.2558 15.0952 14.3304 15.2585 14.4798C15.4265 14.6291 15.5105 14.8274 15.5105 15.0748C15.5105 15.3361 15.4265 15.5414 15.2585 15.6908C15.0905 15.8354 14.8502 15.9078 14.5375 15.9078ZM14.5725 18.1758H13.4455V16.3768H14.5585C14.8852 16.3768 15.1442 16.4608 15.3355 16.6288C15.5268 16.7921 15.6225 17.0114 15.6225 17.2868C15.6225 17.5668 15.5315 17.7861 15.3495 17.9448C15.1675 18.0988 14.9085 18.1758 14.5725 18.1758ZM17.3484 13.7658V18.6658H17.9364V14.8228L19.5744 17.9658H20.0154L21.6534 14.8158V18.6658H22.2414V13.7658H21.5484L19.7984 17.1818L18.0344 13.7658H17.3484ZM23.5552 13.7658V18.6658H24.1432V13.7658H23.5552ZM26.6101 14.2488V18.6658H27.1981V14.2488H28.6611V13.7658H25.1471V14.2488H26.6101Z" clip-rule="evenodd"/></svg>
<svg fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m24 19v-8h-16v10h8v-2h-6v-6h12v6zm-9.4727 3.0555c1.1911-.4051 1.3299-.3724 2.2775.6936.0151.0138.0302.0277.0453.0416.239.2192.4717.4326.7838.3138.3327-.1256.4008-.3158.4008-.6439v-6.4815c0-.4464.5133-.953 1.0043-.953.4911 0 .9938.5066.9938.953v3.4791l2.7653 1.2297c.4139.184.6524.6233.5813 1.0707l-.5152 3.2414h-6.8642l-.4913-1z" fill="#4b4848" fill-rule="evenodd"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 496 B