Ticket #4674 - Studio: Layout changes.

modules/boonex/antispam/template/images/icons/std-icon.svg

@@ -1,30 +1,14 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_937_6706)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_937_6706)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_937_6706)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M254.789 79.537C253.232 74.8851 248.405 72.2435 243.58 73.1273C215.904 78.1963 189.647 80.0543 163.441 71.3624C161.182 70.6132 158.735 70.6152 156.477 71.3665C130.579 79.9825 104.614 78.134 77.2649 73.1271C72.4395 72.2437 67.613 74.8851 66.0559 79.5371C49.2065 129.877 51.6791 182.384 101.775 232.479C154.538 285.242 166.307 285.242 219.07 232.479C269.166 182.384 271.639 129.877 254.789 79.537ZM160.001 221C193.138 221 220.001 194.137 220.001 161C220.001 127.863 193.138 101 160.001 101C126.864 101 100.001 127.863 100.001 161C100.001 194.137 126.864 221 160.001 221Z" fill="url(#paint1_linear_937_6706)"/>
-<circle cx="160" cy="161" r="50" fill="url(#paint2_linear_937_6706)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_2012)"/>
+<path d="M33 36.75C34.3332 36.4506 35.3457 35.9583 36.1632 35.149C38.25 33.0831 38.25 29.7579 38.25 23.1075C38.25 16.4572 38.25 13.132 36.1632 11.066C34.0763 9 30.7175 9 24 9C17.2825 9 13.9237 9 11.8369 11.066C9.75 13.132 9.75 16.4572 9.75 23.1075C9.75 29.7579 9.75 33.0831 11.8369 35.149C12.6543 35.9583 13.6669 36.4506 15 36.75" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M9.75 18.75H38.25" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
+<path d="M16.4998 14.25H16.5132" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4998 14.25H22.5133" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.9987 25.5C21.8616 25.5 20.4759 26.8628 18.8371 27.3596C18.1708 27.5616 17.8376 27.6626 17.7027 27.8049C17.5679 27.9473 17.5284 28.1553 17.4495 28.5714C16.6044 33.0235 18.4514 37.1397 22.8563 38.7418C23.3295 38.9139 23.5662 39 24.0011 39C24.4359 39 24.6726 38.9139 25.1459 38.7418C29.5503 37.1397 31.3956 33.0235 30.5504 28.5714C30.4713 28.1551 30.4319 27.9471 30.297 27.8047C30.1622 27.6624 29.829 27.5615 29.1627 27.3596C27.5232 26.8629 26.1359 25.5 23.9987 25.5Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_937_6706" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_337_2012" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_937_6706" x1="160.423" y1="70.8018" x2="160.423" y2="272.052" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint2_linear_937_6706" x1="160" y1="111" x2="160" y2="211" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<clipPath id="clip0_937_6706">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_937_6706">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/convos/template/images/icons/std-icon.svg

@@ -1,30 +1,14 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_937_6833)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_937_6833)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_937_6833)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M270 150C270 74.1711 243.412 50 160 50C76.5881 50 50 74.1711 50 150C50 179.996 54.1604 201.908 64.3528 217.439C66.1041 220.107 67.489 223.022 68.0813 226.159L76.4408 270.428C77.996 278.664 88.3846 281.448 93.8492 275.093L110.581 255.636C115.132 250.343 122.106 247.873 129.049 248.59C138.366 249.553 148.658 250 160 250C243.412 250 270 225.829 270 150ZM150 105C150 96.7157 156.716 90 165 90H215C223.284 90 230 96.7157 230 105C230 113.284 223.284 120 215 120H165C156.716 120 150 113.284 150 105ZM105 140C96.7157 140 90 146.716 90 155C90 163.284 96.7157 170 105 170H215C223.284 170 230 163.284 230 155C230 146.716 223.284 140 215 140H105ZM90 195C90 186.716 96.7157 180 105 180H215C223.284 180 230 186.716 230 195C230 203.284 223.284 210 215 210H105C96.7157 210 90 203.284 90 195ZM115 80C101.193 80 90 91.1929 90 105C90 118.807 101.193 130 115 130C128.807 130 140 118.807 140 105C140 91.1929 128.807 80 115 80Z" fill="url(#paint1_linear_937_6833)"/>
-<rect x="100" y="90" width="30" height="30" rx="15" fill="url(#paint2_linear_937_6833)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_1862)"/>
+<path d="M16.5 14.5V13C16.5 10.8787 16.5 9.81802 17.159 9.15901C17.818 8.5 18.8787 8.5 21 8.5H27C29.1213 8.5 30.1819 8.5 30.841 9.15901C31.5 9.81802 31.5 10.8787 31.5 13V14.5C31.5 16.6213 31.5 17.682 30.841 18.341C30.1819 19 29.1213 19 27 19H25.5L21 22V19C18.8787 19 17.818 19 17.159 18.341C16.5 17.682 16.5 16.6213 16.5 14.5Z" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
+<path d="M11.385 33.6112C10.4419 34.243 7.96891 35.5332 9.47511 37.1475C10.2109 37.936 11.0303 38.5 12.0606 38.5H15H17.9394C18.9697 38.5 19.7891 37.936 20.5249 37.1475C22.0311 35.5332 19.5581 34.243 18.615 33.6112C16.4032 32.1297 13.5968 32.1297 11.385 33.6112Z" stroke="white" stroke-width="2.25"/>
+<path d="M29.385 33.6112C28.4418 34.243 25.9689 35.5332 27.4751 37.1475C28.2108 37.936 29.0304 38.5 30.0606 38.5H33H35.9394C36.9696 38.5 37.7892 37.936 38.525 37.1475C40.0311 35.5332 37.5582 34.243 36.615 33.6112C34.4033 32.1297 31.5968 32.1297 29.385 33.6112Z" stroke="white" stroke-width="2.25"/>
+<path d="M18 25.75C18 27.4069 16.6569 28.75 15 28.75C13.3431 28.75 12 27.4069 12 25.75C12 24.0931 13.3431 22.75 15 22.75C16.6569 22.75 18 24.0931 18 25.75Z" stroke="white" stroke-width="2.25"/>
+<path d="M36 25.75C36 27.4069 34.6569 28.75 33 28.75C31.3431 28.75 30 27.4069 30 25.75C30 24.0931 31.3431 22.75 33 22.75C34.6569 22.75 36 24.0931 36 25.75Z" stroke="white" stroke-width="2.25"/>
 <defs>
-<linearGradient id="paint0_linear_937_6833" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_337_1862" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D9488"/>
+<stop offset="1" stop-color="#0F766E"/>
 </linearGradient>
-<linearGradient id="paint1_linear_937_6833" x1="160" y1="50" x2="160" y2="278.581" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
-</linearGradient>
-<linearGradient id="paint2_linear_937_6833" x1="115" y1="90" x2="115" y2="120" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<clipPath id="clip0_937_6833">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_937_6833">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/english/data/langs/system/en.xml

@@ -20,6 +20,7 @@
         <string name="_apps"><![CDATA[Apps]]></string>
 	<string name="_Are_you_sure"><![CDATA[Are you sure?]]></string>
 	<string name="_Auth type"><![CDATA[Auth type]]></string>
+        <string name="_by_author"><![CDATA[by]]></string>
 	<string name="_Basic"><![CDATA[Basic]]></string>
 	<string name="_CONTACT_H"><![CDATA[Contact us]]></string>
 	<string name="_CONTACT_H1"><![CDATA[Contact]]></string>
@@ -1968,7 +1969,7 @@
 	<string name="_adm_wgt_cpt_polyglot"><![CDATA[Polyglot]]></string>
 	<string name="_adm_wgt_cpt_settings"><![CDATA[Settings]]></string>
 	<string name="_adm_wgt_cpt_storages"><![CDATA[Storage]]></string>
-	<string name="_adm_wgt_cpt_store"><![CDATA[Apps Market]]></string>
+	<string name="_adm_wgt_cpt_store"><![CDATA[App Store]]></string>
         <string name="_cmt_err_not_enabled"><![CDATA[The feature is not available right now. Please, try again later.]]></string>
 	<string name="_cmt_block_comments_title"><![CDATA[Comments ({0})]]></string>
 	<string name="_cmt_browse_all"><![CDATA[All]]></string>
@@ -2397,7 +2398,7 @@ If it is not enabled then please consider implement this optimization, since it
 {email_footer}]]></string>
     <string name="_sys_et_txt_body_upgrade_success"><![CDATA[{email_header}
 <p>Site was successfully upgraded to {new_version}.</p>
-<p>Please go to <b>Studio &gt; Apps Market &gt; Updates</b> to check for modules updates.</p>
+<p>Please go to <b>Studio &gt; App Store &gt; Updates</b> to check for modules updates.</p>
 <p> </p>
 {conclusion}
 <p> </p>
@@ -3843,7 +3844,7 @@ If it is not enabled then please consider implement this optimization, since it
 	<string name="_sys_upgrade_files_checksum_failed_too_many"><![CDATA[Can't apply upgrade because too many files({0}%) were modified]]></string>
 	<string name="_sys_upgrade_files_checksum_failed_too_many_module"><![CDATA[Can't apply upgrade because too many files({0}%) were modified in {1} module]]></string>
 	<string name="_sys_upgrade_get_version_info_failed"><![CDATA[Get version info failed, please check internet connection on the web-server or web-server firewall]]></string>
-        <string name="_sys_upgrade_modules_upgrade_first"><![CDATA[You have outdated modules. Upgrade them first in Studio &gt; Apps Market &gt; Updates.]]></string>
+        <string name="_sys_upgrade_modules_upgrade_first"><![CDATA[You have outdated modules. Upgrade them first in Studio &gt; App Store &gt; Updates.]]></string>
 	<string name="_sys_upgrade_patch_checksum_failed"><![CDATA[Downloaded patch file checksum is invalid]]></string>
 	<string name="_sys_upgrade_patch_download_failed"><![CDATA[Patch download failed, or downloaded file can't be saved]]></string>
 	<string name="_sys_upgrade_patch_invalid"><![CDATA[Invalid patch, it can't be applied to your version or incorrect files structure in the patch.]]></string>

modules/boonex/events/template/images/icons/std-icon.svg

@@ -1,35 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1004_6920)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1004_6920)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_1004_6920)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M60 160C60 148.444 60.4639 137.979 61.4648 128.525C61.9851 123.609 66.2086 120 71.1517 120H248.848C253.791 120 258.015 123.609 258.535 128.525C259.536 137.979 260 148.444 260 160C260 243.412 235.829 270 160 270C84.171 270 60 243.412 60 160ZM172.554 150.438C167.419 140.032 152.581 140.032 147.446 150.438L142.685 160.084C140.646 164.216 136.704 167.08 132.144 167.743L121.498 169.29C110.015 170.958 105.43 185.07 113.739 193.169L121.442 200.678C124.742 203.894 126.248 208.528 125.469 213.07L123.65 223.672C121.689 235.109 133.693 243.83 143.964 238.431L153.485 233.425C157.564 231.281 162.436 231.281 166.515 233.425L176.036 238.431C186.307 243.83 198.311 235.109 196.35 223.672L194.531 213.07C193.752 208.528 195.258 203.894 198.558 200.678L206.261 193.169C214.57 185.07 209.985 170.958 198.502 169.29L187.856 167.743C183.296 167.08 179.354 164.216 177.315 160.084L172.554 150.438Z" fill="url(#paint1_linear_1004_6920)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M160 50C215.201 50 243.026 64.0902 254.08 103.935C254.935 107.018 252.555 110 249.356 110H70.6428C67.4438 110 65.0635 107.018 65.9187 103.935C76.9725 64.0902 104.798 50 160 50ZM129.999 70C124.476 70 119.999 74.4772 119.999 80C119.999 85.5228 124.476 90 129.999 90H189.999C195.522 90 199.999 85.5228 199.999 80C199.999 74.4772 195.522 70 189.999 70H129.999Z" fill="url(#paint2_linear_1004_6920)"/>
-<path d="M155.516 154.085C157.35 150.369 162.65 150.369 164.484 154.085L173.531 172.417C174.26 173.893 175.667 174.916 177.296 175.153L197.527 178.092C201.628 178.688 203.266 183.728 200.298 186.621L185.659 200.891C184.48 202.039 183.943 203.694 184.221 205.316L187.677 225.466C188.377 229.55 184.09 232.665 180.422 230.736L162.327 221.223C160.87 220.457 159.13 220.457 157.673 221.223L139.578 230.736C135.91 232.665 131.623 229.55 132.323 225.466L135.779 205.316C136.057 203.694 135.52 202.039 134.341 200.891L119.702 186.621C116.734 183.728 118.372 178.688 122.473 178.092L142.704 175.153C144.333 174.916 145.74 173.893 146.469 172.417L155.516 154.085Z" fill="url(#paint3_linear_1004_6920)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_1954)"/>
+<path d="M32.6661 26.4748L33.854 28.8702C34.016 29.2036 34.448 29.5234 34.8125 29.5846L36.9654 29.9454C38.3423 30.1767 38.6663 31.1839 37.6742 32.1774L36.0003 33.865C35.7168 34.1509 35.5616 34.702 35.6493 35.0968L36.1286 37.1859C36.5066 38.8395 35.6358 39.4792 34.1847 38.6149L32.1668 37.4104C31.8023 37.1928 31.2015 37.1928 30.8304 37.4104L28.8123 38.6149C27.368 39.4792 26.4906 38.8327 26.8686 37.1859L27.3477 35.0968C27.4355 34.702 27.2802 34.1509 26.9969 33.865L25.323 32.1774C24.3375 31.1839 24.6548 30.1767 26.0316 29.9454L28.1847 29.5846C28.5423 29.5234 28.9743 29.2036 29.1363 28.8702L30.3242 26.4748C30.9722 25.1751 32.025 25.1751 32.6661 26.4748Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33 9V12M15 9V12" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M38.2496 23.25C38.2436 17.4505 38.14 14.442 36.3719 12.5305C34.4937 10.5 31.4707 10.5 25.425 10.5H22.575C16.5292 10.5 13.5064 10.5 11.6282 12.5305C9.75 14.5609 9.75 17.8289 9.75 24.3648V25.1352C9.75 31.6711 9.75 34.9391 11.6282 36.9696C13.4189 38.9055 16.2502 38.9957 21.75 38.9999" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 18H37.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_1004_6920" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_337_1954" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F43F5E"/>
+<stop offset="1" stop-color="#BE123C"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1004_6920" x1="160" y1="120" x2="160" y2="270" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7DD3FC"/>
-<stop offset="1" stop-color="#0EA5E9"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1004_6920" x1="160" y1="50" x2="160" y2="110" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#F43F5E"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1004_6920" x1="160" y1="145" x2="160" y2="245" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<clipPath id="clip0_1004_6920">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_1004_6920">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/files/template/images/icons/std-icon.svg

@@ -1,30 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_842_5825)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_842_5825)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#F8FAFC" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_842_5825)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M149.725 207.024C144.53 208.309 140.636 213.013 141.535 218.289C146.82 249.315 163.402 260 199.558 260C245.055 260 259.558 243.08 259.558 190C259.558 136.92 245.055 120 199.558 120V120C194.152 120 190 124.594 190 130V130C190 177.456 179.646 199.622 149.725 207.024Z" fill="url(#paint1_linear_842_5825)"/>
-<path d="M120 60C165.497 60 180 76.9197 180 130C180 183.08 165.497 200 120 200C74.5026 200 60 183.08 60 130C60 76.9197 74.5026 60 120 60Z" fill="url(#paint2_linear_842_5825)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_1848)"/>
+<path d="M17.2546 11.5C17.2263 10.9428 17.3278 10.5123 17.6037 10.15C18.289 9.25 19.685 9.25 22.477 9.25H25.5229C28.3149 9.25 29.7109 9.25 30.3963 10.15C30.6721 10.5123 30.7737 10.9428 30.7455 11.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.5 17.5C13.5568 17.1106 13.6872 16.7739 13.9045 16.4715C14.7824 15.25 16.6021 15.25 20.2417 15.25H27.7584C31.3979 15.25 33.2177 15.25 34.0955 16.4715C34.3128 16.7739 34.4433 17.1106 34.5 17.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.7263 29.0692L12.8046 32.524C14.1479 36.8278 15.2959 37.75 19.8154 37.75H28.1845C32.704 37.75 33.8522 36.8278 35.1954 32.524L36.2738 29.0692C37.3892 25.4955 37.9469 23.7085 37.0652 22.4792C36.1835 21.25 34.344 21.25 30.6651 21.25H17.3349C13.656 21.25 11.8166 21.25 10.9348 22.4792C10.0531 23.7085 10.6108 25.4955 11.7263 29.0692Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_842_5825" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#475569"/>
-<stop offset="1" stop-color="#1E293B"/>
+<linearGradient id="paint0_linear_337_1848" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D9488"/>
+<stop offset="1" stop-color="#0F766E"/>
 </linearGradient>
-<linearGradient id="paint1_linear_842_5825" x1="200.482" y1="120" x2="200.482" y2="260" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint2_linear_842_5825" x1="120" y1="60" x2="120" y2="200" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
-</linearGradient>
-<clipPath id="clip0_842_5825">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_842_5825">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/photos/template/images/icons/std-icon.svg

@@ -1,35 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1014_7619)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1014_7619)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#F8FAFC" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_1014_7619)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M160 60C243.412 60 270 84.1711 270 160C270 235.829 243.412 260 160 260C76.5881 260 50 235.829 50 160C50 84.1711 76.5881 60 160 60ZM112.679 130C120.377 116.667 139.623 116.667 147.321 130L151.34 136.962L172.679 100C180.377 86.6667 199.622 86.6667 207.321 100L241.962 160C249.66 173.333 240.037 190 224.641 190L181.962 190C189.66 203.333 180.037 220 164.641 220H95.359C79.963 220 70.3405 203.333 78.0385 190L112.679 130Z" fill="url(#paint1_linear_1014_7619)"/>
-<path d="M121.34 135C125.189 128.333 134.811 128.333 138.66 135L173.301 195C177.15 201.667 172.339 210 164.641 210H95.359C87.661 210 82.8497 201.667 86.6987 195L121.34 135Z" fill="url(#paint2_linear_1014_7619)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M198.66 105C194.811 98.3333 185.189 98.3333 181.34 105L160 141.962C158.214 145.056 158.214 148.868 160 151.962L173.301 175C175.088 178.094 178.389 180 181.961 180H224.641C232.339 180 237.15 171.667 233.301 165L198.66 105Z" fill="url(#paint3_linear_1014_7619)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_1878)"/>
+<path d="M17.25 19C18.4926 19 19.5 17.9926 19.5 16.75C19.5 15.5074 18.4926 14.5 17.25 14.5C16.0074 14.5 15 15.5074 15 16.75C15 17.9926 16.0074 19 17.25 19Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.75 23.5C9.75 16.7825 9.75 13.4237 11.8369 11.3369C13.9237 9.25 17.2825 9.25 24 9.25C30.7175 9.25 34.0763 9.25 36.1632 11.3369C38.25 13.4237 38.25 16.7825 38.25 23.5C38.25 30.2175 38.25 33.5763 36.1632 35.6632C34.0763 37.75 30.7175 37.75 24 37.75C17.2825 37.75 13.9237 37.75 11.8369 35.6632C9.75 33.5763 9.75 30.2175 9.75 23.5Z" stroke="white" stroke-width="2.25"/>
+<path d="M13.5 36.9998C20.0587 29.1625 27.4111 18.826 38.2462 25.8136" stroke="white" stroke-width="2.25"/>
 <defs>
-<linearGradient id="paint0_linear_1014_7619" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#475569"/>
-<stop offset="1" stop-color="#1E293B"/>
+<linearGradient id="paint0_linear_337_1878" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D9488"/>
+<stop offset="1" stop-color="#0F766E"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1014_7619" x1="160" y1="60" x2="160" y2="260" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1014_7619" x1="130" y1="120" x2="130" y2="240" gradientUnits="userSpaceOnUse">
-<stop stop-color="#34D399"/>
-<stop offset="1" stop-color="#059669"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1014_7619" x1="196.658" y1="100" x2="196.658" y2="180" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<clipPath id="clip0_1014_7619">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_1014_7619">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/posts/template/images/icons/std-icon.svg

@@ -1,30 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1004_7444)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1004_7444)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_1004_7444)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M230 180C230 111.754 208.246 90 140 90C71.7539 90 50 111.754 50 180C50 248.246 71.7539 270 140 270C208.246 270 230 248.246 230 180ZM90 155C90 146.716 96.7157 140 105 140H175C183.284 140 190 146.716 190 155C190 163.284 183.284 170 175 170H105C96.7157 170 90 163.284 90 155ZM90 205C90 196.716 96.7157 190 105 190H150C158.284 190 165 196.716 165 205C165 213.284 158.284 220 150 220H105C96.7157 220 90 213.284 90 205Z" fill="url(#paint1_linear_1004_7444)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M270 140C270 71.7539 248.246 50 180 50C147.728 50 125.853 54.8644 111.757 67.2089C105.515 72.6759 111.428 81.2893 119.704 80.6824C126.016 80.2195 132.773 80 140 80C215.829 80 240 104.171 240 180C240 187.227 239.78 193.984 239.318 200.296C238.711 208.572 247.324 214.485 252.791 208.243C265.136 194.147 270 172.272 270 140Z" fill="url(#paint2_linear_1004_7444)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_1821)"/>
+<path d="M24.7941 8.5C30.7837 8.5 33.7785 8.5 35.6393 10.2574C37.5 12.0147 37.5 14.8431 37.5 20.5V26.5C37.5 32.1568 37.5 34.9853 35.6393 36.7426C33.7785 38.5 30.7837 38.5 24.7941 38.5H23.2059C17.2163 38.5 14.2215 38.5 12.3607 36.7426C10.5 34.9853 10.5 32.1568 10.5 26.5V20.5C10.5 14.8431 10.5 12.0147 12.3607 10.2574C14.2215 8.5 17.2163 8.5 23.2059 8.5H24.7941Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M18 16H30" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M18 23.5H30" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M18 31H24" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
 <defs>
-<linearGradient id="paint0_linear_1004_7444" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_337_1821" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D9488"/>
+<stop offset="1" stop-color="#0F766E"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1004_7444" x1="140" y1="90" x2="140" y2="270" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1004_7444" x1="189.577" y1="50" x2="189.577" y2="210.846" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6EE7B7"/>
-<stop offset="1" stop-color="#10B981"/>
-</linearGradient>
-<clipPath id="clip0_1004_7444">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_1004_7444">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/profiler/template/images/icons/std-icon.svg

@@ -1,47 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1006_7322)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1006_7322)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g opacity="0.8">
-<path d="M185 80C241.872 80 260 84.8342 260 100C260 115.166 241.872 120 185 120C128.128 120 110 115.166 110 100C110 84.8342 128.128 80 185 80Z" fill="url(#paint1_linear_1006_7322)"/>
-<path d="M80 80C95.1658 80 100 84.8342 100 100C100 115.166 95.1658 120 80 120C64.8342 120 60 115.166 60 100C60 84.8342 64.8342 80 80 80Z" fill="url(#paint2_linear_1006_7322)"/>
-<path d="M160 140C197.914 140 210 144.834 210 160C210 175.166 197.914 180 160 180C122.086 180 110 175.166 110 160C110 144.834 122.086 140 160 140Z" fill="url(#paint3_linear_1006_7322)"/>
-<path d="M80 140C95.1658 140 100 144.834 100 160C100 175.166 95.1658 180 80 180C64.8342 180 60 175.166 60 160C60 144.834 64.8342 140 80 140Z" fill="url(#paint4_linear_1006_7322)"/>
-<path d="M180 200C233.08 200 250 204.834 250 220C250 235.166 233.08 240 180 240C126.92 240 110 235.166 110 220C110 204.834 126.92 200 180 200Z" fill="url(#paint5_linear_1006_7322)"/>
-<path d="M80 200C95.1658 200 100 204.834 100 220C100 235.166 95.1658 240 80 240C64.8342 240 60 235.166 60 220C60 204.834 64.8342 200 80 200Z" fill="url(#paint6_linear_1006_7322)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_1972)"/>
+<path d="M22.5 38.25C16.8754 38.25 14.0631 38.25 12.0916 36.738C11.4549 36.2498 10.895 35.6587 10.4324 34.9866C9 32.9056 9 29.9372 9 24C9 18.0629 9 15.0944 10.4324 13.0134C10.895 12.3413 11.4549 11.7503 12.0916 11.262C14.0631 9.75 16.8754 9.75 22.5 9.75H25.5C31.1246 9.75 33.9369 9.75 35.9083 11.262C36.5451 11.7503 37.105 12.3413 37.5676 13.0134C39 15.0944 39 18.0629 39 24C39 29.9372 39 32.9056 37.5676 34.9866C37.105 35.6587 36.5451 36.2498 35.9083 36.738C33.9369 38.25 31.1246 38.25 25.5 38.25H22.5Z" stroke="white" stroke-width="2.25"/>
+<path d="M9.75 28.5H38.25" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5134 33H16.5M22.5 33H22.4865" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.5 21.3C30.817 21.3 30.0983 21.3423 29.4854 20.9656C29.2517 20.8221 29.0965 20.6236 28.7865 20.2267L25.875 16.5L22.125 22.5L19.4151 19.8985C19.0308 19.5296 18.6562 19.1556 18.1477 19.0076C17.7778 18.9 17.3519 18.9 16.5 18.9" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_1006_7322" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_337_1972" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1006_7322" x1="185" y1="80" x2="185" y2="120" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1006_7322" x1="80" y1="80" x2="80" y2="120" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1006_7322" x1="160" y1="140" x2="160" y2="180" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint4_linear_1006_7322" x1="80" y1="140" x2="80" y2="180" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<linearGradient id="paint5_linear_1006_7322" x1="180" y1="200" x2="180" y2="240" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint6_linear_1006_7322" x1="80" y1="200" x2="80" y2="240" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<clipPath id="clip0_1006_7322">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/russian/data/langs/system/ru.xml

@@ -19,6 +19,7 @@
 	<string name="_Are_you_sure"><![CDATA[Вы уверены?]]></string>
 	<string name="_Auth type"><![CDATA[Тип авторизации]]></string>
 	<string name="_Basic"><![CDATA[Базовая]]></string>
+        <string name="_by_author"><![CDATA[от]]></string>
 	<string name="_CONTACT_H"><![CDATA[Написать нам]]></string>
 	<string name="_CONTACT_H1"><![CDATA[Написать]]></string>
 	<string name="_Can not delete comments with replies"><![CDATA[Невозможно удалить комментарии с ответами]]></string>

modules/boonex/spaces/template/images/icons/std-icon.svg

@@ -1,6 +1,8 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="48" height="48" fill="url(#paint0_linear_221_2584)"/>
-<path d="M32.3697 20.5652C31.6147 20.3597 30.8202 20.25 30 20.25C26.2002 20.25 22.9503 22.6048 21.6303 25.9347M32.3697 20.5652C36.1906 21.6054 39 25.0996 39 29.25C39 34.2205 34.9705 38.25 30 38.25C27.6949 38.25 25.5922 37.3835 24 35.9583M32.3697 20.5652C32.7765 19.5393 33 18.4207 33 17.25C33 12.2794 28.9705 8.25 24 8.25C19.0294 8.25 15 12.2794 15 17.25C15 18.4207 15.2235 19.5393 15.6303 20.5652M21.6303 25.9347C21.2235 26.9607 21 28.0793 21 29.25C21 31.9155 22.1588 34.3104 24 35.9583M21.6303 25.9347C18.8872 25.188 16.6654 23.1765 15.6303 20.5652M24 35.9583C22.4078 37.3835 20.3051 38.25 18 38.25C13.0294 38.25 9 34.2205 9 29.25C9 25.0996 11.8094 21.6054 15.6303 20.5652" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M22.6613 14.3644C23.0538 15.0406 23.25 15.3787 23.25 15.75C23.25 16.1213 23.0538 16.4594 22.6613 17.1356L20.7871 20.3644C20.3945 21.0406 20.1983 21.3787 19.875 21.5643C19.5517 21.75 19.1592 21.75 18.3741 21.75H14.6259C13.8408 21.75 13.4483 21.75 13.125 21.5643C12.8017 21.3787 12.6055 21.0406 12.2129 20.3644L10.3388 17.1356C9.94626 16.4594 9.75 16.1213 9.75 15.75C9.75 15.3787 9.94626 15.0406 10.3388 14.3644L12.2129 11.1356C12.6055 10.4594 12.8017 10.1213 13.125 9.93564C13.4483 9.75 13.8408 9.75 14.6259 9.75H18.3741C19.1592 9.75 19.5517 9.75 19.875 9.93564C20.1983 10.1213 20.3945 10.4594 20.7871 11.1356L22.6613 14.3644Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M37.6613 23.3643C38.0538 24.0406 38.25 24.3787 38.25 24.75C38.25 25.1213 38.0538 25.4594 37.6613 26.1357L35.787 29.3643C35.3946 30.0406 35.1982 30.3787 34.875 30.5643C34.5518 30.75 34.1592 30.75 33.3741 30.75H29.6259C28.8408 30.75 28.4482 30.75 28.125 30.5643C27.8018 30.3787 27.6054 30.0406 27.213 29.3643L25.3387 26.1357C24.9462 25.4594 24.75 25.1213 24.75 24.75C24.75 24.3787 24.9462 24.0406 25.3387 23.3643L27.213 20.1356C27.6054 19.4594 27.8018 19.1213 28.125 18.9356C28.4482 18.75 28.8408 18.75 29.6259 18.75H33.3741C34.1592 18.75 34.5518 18.75 34.875 18.9356C35.1982 19.1213 35.3946 19.4594 35.787 20.1356L37.6613 23.3643Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.6613 30.8643C23.0538 31.5407 23.25 31.8787 23.25 32.25C23.25 32.6213 23.0538 32.9593 22.6613 33.6357L20.7871 36.8643C20.3945 37.5407 20.1983 37.8787 19.875 38.0643C19.5517 38.25 19.1592 38.25 18.3741 38.25H14.6259C13.8408 38.25 13.4483 38.25 13.125 38.0643C12.8017 37.8787 12.6055 37.5407 12.2129 36.8643L10.3388 33.6357C9.94626 32.9593 9.75 32.6213 9.75 32.25C9.75 31.8787 9.94626 31.5407 10.3388 30.8643L12.2129 27.6357C12.6055 26.9594 12.8017 26.6213 13.125 26.4357C13.4483 26.25 13.8408 26.25 14.6259 26.25H18.3741C19.1592 26.25 19.5517 26.25 19.875 26.4357C20.1983 26.6213 20.3945 26.9594 20.7871 27.6357L22.6613 30.8643Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
 <linearGradient id="paint0_linear_221_2584" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F43F5E"/>

modules/boonex/timeline/template/images/icons/std-icon.svg

@@ -1,40 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_762_5687)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_762_5687)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_762_5687)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M90.0002 104.784C90.007 100.798 92.7178 97.47 96.0812 95.3303C104.449 90.007 110 80.6518 110 70C110 69.6665 109.995 69.3343 109.984 69.0034C109.838 64.5351 111.384 59.8437 115.488 58.0705C128.792 52.3223 148.061 50 175 50C239.455 50 260 63.2941 260 105C260 146.706 239.455 160 175 160C110.545 160 90 146.706 90 105C90 104.928 90.0001 104.856 90.0002 104.784ZM130 90C130 84.4772 134.477 80 140 80H210C215.523 80 220 84.4772 220 90C220 95.5228 215.523 100 210 100H140C134.477 100 130 95.5228 130 90ZM140 110C134.477 110 130 114.477 130 120C130 125.523 134.477 130 140 130H190C195.523 130 200 125.523 200 120C200 114.477 195.523 110 190 110H140Z" fill="url(#paint1_linear_762_5687)"/>
-<circle cx="80" cy="70" r="20" fill="url(#paint2_linear_762_5687)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M127.397 165.32C125.808 165 124.163 165.018 122.613 165.487C120.069 166.257 117.696 167.117 115.488 168.071C111.384 169.844 109.838 174.536 109.984 179.004C109.995 179.335 110 179.667 110 180C110 190.652 104.449 200.007 96.0812 205.331C92.7178 207.47 90.007 210.798 90.0002 214.784C90.0001 214.856 90 214.928 90 215C90 256.706 110.545 270 175 270C239.455 270 260 256.706 260 215C260 187.833 251.282 172.721 227.387 165.487C225.837 165.018 224.192 165 222.603 165.32C209.887 167.886 194.184 169 175 169C155.816 169 140.113 167.886 127.397 165.32ZM140 190C134.477 190 130 194.478 130 200C130 205.523 134.477 210 140 210H210C215.523 210 220 205.523 220 200C220 194.478 215.523 190 210 190H140ZM130 230C130 224.478 134.477 220 140 220H190C195.523 220 200 224.478 200 230C200 235.523 195.523 240 190 240H140C134.477 240 130 235.523 130 230Z" fill="url(#paint3_linear_762_5687)"/>
-<circle cx="80" cy="180" r="20" fill="url(#paint4_linear_762_5687)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_337_1919)"/>
+<path d="M11.25 19.5526C11.25 14.3424 11.25 11.7372 12.7877 10.1186C14.3254 8.5 16.8003 8.5 21.75 8.5H26.25C31.1997 8.5 33.6745 8.5 35.2123 10.1186C36.75 11.7372 36.75 14.3424 36.75 19.5526V27.4474C36.75 32.6577 36.75 35.2627 35.2123 36.8814C33.6745 38.5 31.1997 38.5 26.25 38.5H21.75C16.8003 38.5 14.3254 38.5 12.7877 36.8814C11.25 35.2627 11.25 32.6577 11.25 27.4474V19.5526Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 8.5L18.1233 9.2398C18.4226 11.0357 18.5723 11.9336 19.2017 12.4668C19.8311 13 20.7414 13 22.5621 13H25.4379C27.2586 13 28.169 13 28.7984 12.4668C29.4278 11.9336 29.5774 11.0357 29.8767 9.2398L30 8.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 29.5H24M18 22H30" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
 <defs>
-<linearGradient id="paint0_linear_762_5687" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_337_1919" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D9488"/>
+<stop offset="1" stop-color="#0F766E"/>
 </linearGradient>
-<linearGradient id="paint1_linear_762_5687" x1="175" y1="50" x2="175" y2="160" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint2_linear_762_5687" x1="80" y1="50" x2="80" y2="90" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<linearGradient id="paint3_linear_762_5687" x1="175" y1="165.104" x2="175" y2="270" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7DD3FC"/>
-<stop offset="1" stop-color="#0EA5E9"/>
-</linearGradient>
-<linearGradient id="paint4_linear_762_5687" x1="80" y1="160" x2="80" y2="200" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<clipPath id="clip0_762_5687">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_762_5687">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

plugins_public/tailwind/css/tailwind.css

@@ -913,7 +913,7 @@
     }
 
     .bx-artificer .bx-popup-border {
-        @apply ring-1 ring-gray-300 dark:ring-gray-700 rounded-xl;
+        @apply m-px ring-1 ring-gray-300 dark:ring-gray-700 rounded-xl;
     }
 
     .bx-artificer .bx-popup-width {
@@ -947,7 +947,6 @@
         @apply hover:text-gray-800 dark:hover:text-gray-200;
     }
     .bx-stl-mil-hover-bg {
-        @apply hover:border-gray-200/50 dark:hover:border-gray-700/50;
         @apply hover:bg-gray-200/50 dark:hover:bg-gray-700/50;
     }
     .bx-stl-mil-hover {
@@ -1109,7 +1108,7 @@
         @apply border-4 border-transparent;
     }
     .bx-artificer .bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-toolbar-item-unit .bx-def-icon-size {
-        @apply h-6 w-6 md:h-8 md:w-8;
+        @apply h-8 w-8;
     }
 
     /* Common elements: Page Submenu */
@@ -1239,6 +1238,11 @@
     }
 
     /* Studio */
+    .bx-std.bx-def-font,
+    .bx-std .bx-def-font-inputs {
+        @apply font-inter;
+    }
+
     .bx-std #bx-std-pcap-menu-popup-help .bx-popup,
     .bx-std #bx-std-pcap-menu-popup-actions .bx-popup,
     .bx-std #bx-std-pcap-menu-popup-account .bx-popup,

studio/classes/BxDolStudioModules.php

@@ -53,7 +53,7 @@ class BxDolStudioModules extends BxDol implements iBxDolSingleton
                 'caption' => _t('_adm_txt_settings'),
                 'link' => '',
                 'click' => $sJsObject . ".settings('" . $aWidget['page_name'] . "', " . $aWidget['id'] . ")",
-                'icon' => 'cog',
+                'icon' => 'wi-act-settings.svg',
                 'check_func' => ''
             )
         );
@@ -64,7 +64,7 @@ class BxDolStudioModules extends BxDol implements iBxDolSingleton
                 'caption' => _t('_adm_txt_uninstall'),
                 'link' => '',
                 'click' => $sJsObject . ".uninstall('" . $aWidget['page_name'] . "', " . $aWidget['id'] . ", 0)",
-                'icon' => 'times',
+                'icon' => 'wi-act-uninstall.svg',
                 'check_func' => 'is_disabled'
             );
 

studio/classes/BxDolStudioStore.php

@@ -221,7 +221,7 @@ class BxDolStudioStore extends BxTemplStudioWidget
 
     protected function loadGoodies()
     {
-        $iPerPage = 3;
+        $iPerPage = 4;
         $aProducts = array();
 
         $sVersion = bx_get_ver();

studio/template/block_caption.html

@@ -1,4 +1,4 @@
-<div class="bx-std-block-caption bx-def-border-color-layout">
+<div class="bx-std-block-caption border-b border-b-zinc-200">
     <div class="bx-std-bcap-text">__caption__</div>
     <bx_if:show_actions>
         <div class="bx-std-bcap-actions">
@@ -12,5 +12,4 @@
             </bx_repeat:actions>
         </div>
     </bx_if:show_actions>
-</div>
-<div class="bx-def-hr"></div>
+</div>

studio/template/css/common.less

@@ -128,9 +128,8 @@ div.bx-db-note {
 
     text-shadow: none;
     text-transform: uppercase;
-    letter-spacing: 0.1em;
+    letter-spacing: 0.05em;
 
-    font-family: sans-serif;
     font-size: 0.875rem;
     font-weight: 600;
 }

studio/template/css/default.less

@@ -12,7 +12,6 @@
 
 /* fonts */
 .bx-def-font {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
     font-size: 1.0rem;
     color: rgba(40, 60, 80, 0.9);
 }

studio/template/css/forms.css

@@ -3,6 +3,13 @@
 /**
  * Overwrite default styles
  */
+.bx-form-element-wrapper.bx-def-margin-top-auto {
+    margin-top: 2rem;
+}
+.bx-form-element-wrapper.bx-def-margin-top-auto:first-child {
+    margin-top: 0;
+}
+
 .bx-form-value .bx-form-input-slider,
 .bx-form-value .bx-form-input-doublerange,
 .bx-form-value .bx-form-input-select_multiple,
@@ -35,7 +42,8 @@
 .bx-form-value .bx-form-input-select_multiple,
 .bx-form-value .bx-form-input-radio_set,
 .bx-form-value .bx-form-input-checkbox_set {
-    height:auto;
+    height: auto;
+    padding: .5rem .75rem;
 }
 
 .bx-form-value .bx-form-input-textarea {
@@ -76,6 +84,13 @@
 .bx-form-value .bx-form-input-checkbox_set {
     height:auto;
 }
+.bx-form-value .bx-form-input-checkbox_set {
+    line-height: 1.75rem;
+}
+
+.bx-form-caption-oneline.bx-def-margin-left {
+    margin-left: 0.5rem;
+}
 
 /**
  * General

studio/template/css/general.css

@@ -169,6 +169,11 @@ div.bx-std-pmen-item .bx-std-pmen-ic-icon {
     border-radius: 0.375rem;
     background-repeat: no-repeat;
     background-position: center center;
+
+    text-align: center;
+}
+div.bx-std-pmen-item .bx-std-pmen-ic-icon.block {
+    display: block;
 }
 
 div.bx-std-pmen-item img,
@@ -177,7 +182,7 @@ div.bx-std-pmen-item .sys-icon {
     width: 100%;
     height: 100%;
 
-    border-radius: 0.75rem;
+    border-radius: 0.375rem;
 }
 
 div.bx-std-pmen-item a, 
@@ -196,8 +201,8 @@ div.bx-std-pmen-item a {
 }
 
 div.bx-std-pmen-item .sys-icon {
-    font-size: 1.25rem;
-    text-align: center;
+    font-size: 1.0rem;
+    color: #ffffff;
 }
 
 div.bx-std-pmen-item svg g {

studio/template/css/launcher.css

@@ -140,8 +140,8 @@ div.bx-std-widget-empty {
 
 div.bx-std-widget-icon-jitter {
     position: absolute;
-    top: 24px;
-    left: 24px;
+    top: 0;
+    left: 0;
     width: 6.0rem;
     height: 6.0rem;
     z-index: 5;
@@ -152,30 +152,54 @@ div.bx-std-widget-icon-jitter {
 
 div.bx-std-widget-notices {
     position: absolute;
-    top: -1rem;
-    left: -1rem;
-    width: 30px;
-    height: 30px;
     z-index: 3;
-    overflow:visible;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: content-box;
+
+    top: -1rem;
+    right: -1rem;
+    width: 2rem;
+    height: 2rem;
     
+    background-color: #ff3b38;
+    border: 2px solid #000000;
+    border-radius: 16px;
+
     color:#fff;
     font-weight:bold;
-    text-shadow: #633 0px -1px 0px;        
-    line-height:30px;
     text-align:center;
 
-    background-color: #ff3b38;
-    border: 1px solid #fdfeff;
-    border-radius: 16px;
+    overflow:visible;
+}
+.bx-std-widgets.bx-std-jitter .bx-std-widget-notices {
+    display: none;
+}
+
+div.bx-std-widget-notices .bx-std-wn-cnt  {
+    width: 1.5rem;
+    height: 1.5rem;
+
+    border: 2px solid #ffffff;
+    border-radius: 0.5rem;
+
+    line-height: 1.25rem;
+    font-size: 0.75rem;
 }
+
 div.bx-std-widget-actions {
     position: absolute;
     display: none;
     top: -1rem;
-    right: -1rem;
     z-index: 10;
 }
+div.bx-std-widget-actions.left {
+    left: -1rem;
+}
+div.bx-std-widget-actions.right {
+    right: -1rem;
+}
 div.bx-std-widget-actions-cnt {
     position: relative;
     display: -webkit-flex;
@@ -184,14 +208,14 @@ div.bx-std-widget-actions-cnt {
     flex-direction: column;
 }
 div.bx-std-widget-action {
-    
+    box-sizing: content-box;
+
     margin-top: 0.25rem;
 
-    background-color: #fdfeff;
+    border: 2px solid #000000;
     border-radius: 16px;
-
-    line-height: 30px;
-    text-align: center;
+    
+    background-color: rgba(229, 231, 235, 1);
 }
 div.bx-std-widget-action:first-child {
     margin-top: 0;
@@ -202,8 +226,19 @@ div.bx-std-widget-action > a {
     display: block;
     float: none;
 
-    width: 30px;
-    height: 30px;
+    width: 2rem;
+    height: 2rem;
+}
+div.bx-std-widget-action > a {
+    display: flex;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+div.bx-std-widget-action > a img {
+    width: 1.5rem;
+    height: 1.5rem;
 }
 div.bx-std-widget-action i.sys-icon {
     font-size: 20px;

studio/template/css/menu.css

@@ -57,4 +57,8 @@ ul.bx-menu-toolbar li a .sys-icon-a {
 .bx-popup ul:not(.bx-menu-hor) .bx-stl-mil-wo-gaps .bx-menu-item-icon, 
 .bx-popup ul:not(.bx-menu-hor) .bx-stl-mil-wo-gaps-sm .bx-menu-item-icon {
     margin-right: 0.75rem;
+}
+
+.bx-popup .bx-menu-ver.bx-menu-object-sys_switch_language_popup .bx-menu-item-icon {
+    margin-right: 0 !important;
 }

studio/template/css/page.css

@@ -31,8 +31,10 @@ div.bx-std-blocks-line .bx-std-block-wrp {
  * Block Styles
  */
 div.bx-std-block {
+    /*
     min-height: calc(100vh - 5rem);
     background-color: rgba(229, 231, 235, 1.0);
+    */
 }
 div.bx-std-block-caption {
     position: relative;
@@ -41,16 +43,16 @@ div.bx-std-block-caption {
     -webkit-align-items: center;
     align-items: center;
 
-    padding: 1.0rem 1.5rem;
+    padding: 1.25rem 1.5rem;
 }
 div.bx-std-bcap-text {
     -webkit-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
 
-    line-height: 1.5;
-    font-size: 1rem;
+    line-height: 2rem;
     font-weight: 600;
+    font-size: 1.5rem;
 }
 div.bx-std-bcap-actions {
     position: relative;

studio/template/css/page_columns.css

@@ -52,6 +52,8 @@ div.bx-std-page-column.bx-std-page-content {
 
     height: 100%;
 
+    background-color: rgba(229, 231, 235, 1.0);
+
     overflow-x: hidden;
     overflow-y: auto;
 }
@@ -60,5 +62,6 @@ div.bx-std-page-column.bx-std-page-content::-webkit-scrollbar {
 }
 div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
     width: 100%;
-    padding-top: 5rem;
+    height: max-content;
+    padding: 6.5rem 1.5rem  1.5rem  1.5rem;
 }

studio/template/css/settings.css

@@ -1,3 +1,7 @@
+div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
+    padding: 5rem 0  0  0;
+}
+
 .bx-std-block .bx-std-block-content {
     padding: 0;
 }

studio/template/css/store.css

@@ -89,9 +89,10 @@ div.bx-std-block-panel-bottom .bx-menu-btns-hor .bx-btn u {
 }
 
 .bx-std-product-gallery-cnt {
-	position: relative;
-	width: 100%;
-	overflow: hidden;
+    position: relative;
+    width: 100%;
+    min-width: 18rem;
+    overflow: hidden;
 }
 
 /*--- Title ---*/
@@ -106,38 +107,48 @@ div.bx-std-block-panel-bottom .bx-menu-btns-hor .bx-btn u {
 
 	vertical-align: middle;
 
-	border-radius: 12px;
-	-moz-border-radius: 12px;
-	-webkit-border-radius: 12px;
+	border-radius: 0.75rem;
+	-moz-border-radius: 0.75rem;
+	-webkit-border-radius: 0.75rem;
 
 	text-align: center;
 	overflow: hidden;
 }
+.bx-std-product-title .bx-std-pt-icon,
+.bx-std-product-title .bx-std-pt-icon img,
+.bx-std-product-title .bx-std-pt-icon.bx-std-pt-icon-plate {
+    width: 4rem;
+    height: 4rem;
+}
 .bx-std-product-title .bx-std-pt-icon .bx-std-pt-icon-plate {
-	background-color: #ffffff;
+    background-color: #ffffff;
 }
 .bx-std-product-title .bx-std-pt-icon .sys-icon {
-	font-size: 72px;
-	font-size: 4.5rem;
-	line-height: 96px;
-	line-height: 6rem;
+    font-size: 72px;
+    font-size: 4.5rem;
+    line-height: 96px;
+    line-height: 6rem;
 }
 .bx-std-product-title .bx-std-pt-content {
-	display: -webkit-flex;
+    display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
 
-    padding-left: 4.25rem;
+    min-height: 4rem;
+
+    padding-left: 5.0rem;
 }
 .bx-std-product-title .bx-std-pt-content-cnt {
-	width: 100%;
+    width: 100%;
 }
 
 .bx-std-product-title .bx-std-pt-title {
-	white-space: nowrap;	
-}
-.bx-std-product-gallery .bx-def-font-h3 {
+    line-height: 2rem;
+    text-align: left;
+    font-size: 1.25rem;
+    font-weight: 700;
+
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -146,18 +157,22 @@ div.bx-std-block-panel-bottom .bx-menu-btns-hor .bx-btn u {
     white-space: nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
+
+    font-size: 0.875rem;
 }
 .bx-std-pt-vendor,
 .bx-std-pt-version,
 .bx-std-pt-versions,
 .bx-std-pt-count,
 .bx-std-pt-votes,
-.bx-std-pt-bullet {
-	vertical-align: middle;
+.bx-std-pt-bullet,
+.bx-std-pt-by {
     white-space: nowrap;
     line-height: 1.25em;
 }
 
+span.bx-std-pt-version,
+span.bx-std-pt-versions,
 span.bx-std-product-price,
 span.bx-std-product-version,
 span.bx-std-product-versions {
@@ -168,7 +183,10 @@ span.bx-std-product-versions {
 .bx-std-pc-no-cover,
 .bx-std-pc-cover {
     display: block;
-    background-color: #ffffff;
+    height: 12.5rem;
+
+    background-color: rgba(228, 228, 231, 1);
+
     overflow: hidden;
 }
 
@@ -181,12 +199,15 @@ span.bx-std-product-versions {
     background-position:center center;
     width:100%;
 }
-.bx-std-product-strecher {
-    visibility: hidden;
-}
 
 
 /*--- Actions Section ---*/
+.bx-std-pa-actions .bx-std-pc-buttons {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
 .bx-std-pa-actions .bx-btn {
 	display: inline-block;
 	float: none;
@@ -361,30 +382,25 @@ div.bx-std-notification-cnt {
 .bx-media-phone .bx-std-categories .bx-std-category {
    width: 49.8%;
 }
+.bx-media-tablet2 .bx-std-categories .bx-std-category {
+   width: 49.8%;
+}
+.bx-media-desktop .bx-std-categories .bx-std-category {
+   width: 33%;
+}
 
 :where(.bx-media-phone, .bx-media-tablet) .bx-std-products .bx-std-product-gallery {
-	-webkit-flex: 0 0 49.8%;
-	-ms-flex: 0 0 49.8%;
-	flex: 0 0 49.8%;
+    -webkit-flex: 0 0 100%;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
 }
-
-
 .bx-media-tablet2 .bx-std-products .bx-std-product-gallery {
-	-webkit-flex: 0 0 33.25%;
-	-ms-flex: 0 0 33.25%;
-	flex: 0 0 33.25%;
-}
-
-.bx-media-tablet2 .bx-std-categories .bx-std-category {
-   width: 49.8%;
+    -webkit-flex: 0 0 49.8%;
+    -ms-flex: 0 0 49.8%;
+    flex: 0 0 49.8%;
 }
-
 .bx-media-desktop   .bx-std-products .bx-std-product-gallery {
-	-webkit-flex: 0 0 24.9%;
-	-ms-flex: 0 0 24.9%;
-	flex: 0 0 24.9%;
-}
-
-.bx-media-desktop .bx-std-categories .bx-std-category {
-   width: 33%;
+    -webkit-flex: 0 0 33.25%;
+    -ms-flex: 0 0 33.25%;
+    flex: 0 0 33.25%;
 }

studio/template/images/icons/mi-cog.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#e5e7eb" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#ffffff" fill="none">
     <path d="M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z" stroke="currentColor" stroke-width="1.5" />
     <path d="M21.011 14.0965C21.5329 13.9558 21.7939 13.8854 21.8969 13.7508C22 13.6163 22 13.3998 22 12.9669V11.0332C22 10.6003 22 10.3838 21.8969 10.2493C21.7938 10.1147 21.5329 10.0443 21.011 9.90358C19.0606 9.37759 17.8399 7.33851 18.3433 5.40087C18.4817 4.86799 18.5509 4.60156 18.4848 4.44529C18.4187 4.28902 18.2291 4.18134 17.8497 3.96596L16.125 2.98673C15.7528 2.77539 15.5667 2.66972 15.3997 2.69222C15.2326 2.71472 15.0442 2.90273 14.6672 3.27873C13.208 4.73448 10.7936 4.73442 9.33434 3.27864C8.95743 2.90263 8.76898 2.71463 8.60193 2.69212C8.43489 2.66962 8.24877 2.77529 7.87653 2.98663L6.15184 3.96587C5.77253 4.18123 5.58287 4.28891 5.51678 4.44515C5.45068 4.6014 5.51987 4.86787 5.65825 5.4008C6.16137 7.3385 4.93972 9.37763 2.98902 9.9036C2.46712 10.0443 2.20617 10.1147 2.10308 10.2492C2 10.3838 2 10.6003 2 11.0332V12.9669C2 13.3998 2 13.6163 2.10308 13.7508C2.20615 13.8854 2.46711 13.9558 2.98902 14.0965C4.9394 14.6225 6.16008 16.6616 5.65672 18.5992C5.51829 19.1321 5.44907 19.3985 5.51516 19.5548C5.58126 19.7111 5.77092 19.8188 6.15025 20.0341L7.87495 21.0134C8.24721 21.2247 8.43334 21.3304 8.6004 21.3079C8.76746 21.2854 8.95588 21.0973 9.33271 20.7213C10.7927 19.2644 13.2088 19.2643 14.6689 20.7212C15.0457 21.0973 15.2341 21.2853 15.4012 21.3078C15.5682 21.3303 15.7544 21.2246 16.1266 21.0133L17.8513 20.034C18.2307 19.8187 18.4204 19.711 18.4864 19.5547C18.5525 19.3984 18.4833 19.132 18.3448 18.5991C17.8412 16.6616 19.0609 14.6226 21.011 14.0965Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
 </svg>

studio/template/images/icons/mi-empty.svg

@@ -1,9 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_214_1875)"/>
-<defs>
-<linearGradient id="paint0_linear_214_1875" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#71717A"/>
-<stop offset="1" stop-color="#52525B"/>
-</linearGradient>
-</defs>
-</svg>

studio/template/images/icons/mi-qrcode.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#e5e7eb" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#ffffff" fill="none">
     <path d="M3 6C3 4.58579 3 3.87868 3.43934 3.43934C3.87868 3 4.58579 3 6 3C7.41421 3 8.12132 3 8.56066 3.43934C9 3.87868 9 4.58579 9 6C9 7.41421 9 8.12132 8.56066 8.56066C8.12132 9 7.41421 9 6 9C4.58579 9 3.87868 9 3.43934 8.56066C3 8.12132 3 7.41421 3 6Z" stroke="currentColor" stroke-width="1.5" />
     <path d="M3 18C3 16.5858 3 15.8787 3.43934 15.4393C3.87868 15 4.58579 15 6 15C7.41421 15 8.12132 15 8.56066 15.4393C9 15.8787 9 16.5858 9 18C9 19.4142 9 20.1213 8.56066 20.5607C8.12132 21 7.41421 21 6 21C4.58579 21 3.87868 21 3.43934 20.5607C3 20.1213 3 19.4142 3 18Z" stroke="currentColor" stroke-width="1.5" />
     <path d="M3 12L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />

studio/template/images/icons/mi-str-categories.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="M8 7.5H16M8 13.5H16M8 10.5H16M8 16.5H16" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-checkout.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.002 9.00098C10.8974 9.00098 10.002 9.67255 10.002 10.501C10.002 11.3294 10.8974 12.001 12.002 12.001C13.1065 12.001 14.002 12.6726 14.002 13.501C14.002 14.3294 13.1065 15.001 12.002 15.001M12.002 9.00098C12.8728 9.00098 13.6136 9.41838 13.8881 10.001M12.002 9.00098V8.00098M12.002 15.001C11.1311 15.001 10.3903 14.5836 10.1158 14.001M12.002 15.001V16.001" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M13.5 2.50098C13.5 2.50098 12.6839 2.50098 12 2.50098C7.52166 2.50098 5.28249 2.50098 3.89124 3.89223C2.5 5.28347 2.5 7.52264 2.5 12.001C2.5 16.4793 2.5 18.7185 3.89124 20.1098C5.28249 21.501 7.52166 21.501 12 21.501C16.4783 21.501 18.7175 21.501 20.1088 20.1098C21.5 18.7185 21.5 16.4793 21.5 12.001C21.5 11.3171 21.5 10.501 21.5 10.501" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M16.5 7.49902L20.6758 3.32082M21.5 6.97726L21.3818 3.88577C21.3818 3.15713 20.9467 2.70314 20.1542 2.64588L17.0302 2.49902" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-downloaded.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="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5"/>
+<path d="M14.5078 11.4936C13.9781 12.0255 12.6886 14.0057 11.9432 13.9966C11.2053 13.9175 10.025 11.9976 9.50414 11.4936M12.0189 6.99805V13.9911M8.00391 17.0015H15.996" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-featured.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="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8638 7.72209L13.7437 9.49644C13.8637 9.74344 14.1837 9.98035 14.4536 10.0257L16.0485 10.2929C17.0684 10.4643 17.3083 11.2103 16.5734 11.9462L15.3335 13.1964C15.1236 13.4081 15.0086 13.8164 15.0736 14.1087L15.4285 15.6562C15.7085 16.8812 15.0636 17.355 13.9887 16.7148L12.4939 15.8226C12.2239 15.6613 11.7789 15.6613 11.504 15.8226L10.0091 16.7148C8.93925 17.355 8.28932 16.8761 8.56929 15.6562L8.92425 14.1087C8.98925 13.8164 8.87426 13.4081 8.66428 13.1964L7.42442 11.9462C6.6945 11.2103 6.92947 10.4643 7.94936 10.2929L9.54419 10.0257C9.80916 9.98035 10.1291 9.74344 10.2491 9.49644L11.129 7.72209C11.609 6.7593 12.3889 6.7593 12.8638 7.72209Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-home.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="M2.9668 10.4961V15.4979C2.9668 18.3273 2.9668 19.742 3.84548 20.621C4.72416 21.5001 6.13837 21.5001 8.9668 21.5001H14.9668C17.7952 21.5001 19.2094 21.5001 20.0881 20.621C20.9668 19.742 20.9668 18.3273 20.9668 15.4979V10.4961" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M14.9668 16.9932C14.2827 17.6004 13.1936 17.9932 11.9668 17.9932C10.74 17.9932 9.65089 17.6004 8.9668 16.9932" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M10.1038 8.41848C9.82182 9.43688 8.79628 11.1936 6.84777 11.4482C5.12733 11.673 3.82246 10.922 3.48916 10.608C3.12168 10.3534 2.28416 9.53872 2.07906 9.02952C1.87395 8.52032 2.11324 7.41706 2.28416 6.96726L2.96743 4.98888C3.13423 4.49196 3.5247 3.31666 3.92501 2.91913C4.32533 2.5216 5.13581 2.5043 5.4694 2.5043H12.4749C14.2781 2.52978 18.2209 2.48822 19.0003 2.50431C19.7797 2.52039 20.2481 3.17373 20.3848 3.45379C21.5477 6.27061 22 7.88382 22 8.57124C21.8482 9.30456 21.22 10.6873 19.0003 11.2955C16.6933 11.9275 15.3854 10.6981 14.9751 10.2261M9.15522 10.2261C9.47997 10.625 10.4987 11.4279 11.9754 11.4482C13.4522 11.4686 14.7273 10.4383 15.1802 9.92062C15.3084 9.76786 15.5853 9.31467 15.8725 8.41848" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-latest.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="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3239 9.89944C17.924 13.046 16.637 17.2613 12.9613 17.8739C8.14733 18.9394 4.93596 13.0006 8.55235 9.5186C8.74548 9.32596 9.278 8.827 9.49988 8.66658C9.49988 9.15796 9.78589 10.6668 10.1249 10.6668C12.1448 10.6668 12.625 8.00025 12.3669 6C14.0544 6.89118 15.4839 8.13225 16.3239 9.89944Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-popular.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="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M12.6525 9.2864L12.475 9.84293C12.3295 10.299 12.2567 10.527 12.3127 10.707C12.3579 10.8527 12.4573 10.9783 12.5927 11.0609C12.76 11.1631 13.0131 11.1631 13.5194 11.1631H13.7887C15.5021 11.1631 16.3588 11.1631 16.7634 11.6553C16.8097 11.7116 16.8508 11.7714 16.8864 11.8341C17.1977 12.3832 16.8438 13.1227 16.136 14.6019C15.4865 15.9593 15.1617 16.638 14.5587 17.0375C14.5003 17.0761 14.4403 17.1126 14.3789 17.1468C13.744 17.5 12.9574 17.5 11.3843 17.5H11.0431C9.13715 17.5 8.18419 17.5 7.59209 16.9432C7 16.3864 7 15.4902 7 13.6978V13.0679C7 12.1259 7 11.655 7.17223 11.2239C7.34445 10.7929 7.67424 10.4384 8.3338 9.72954L11.0614 6.79801C11.1298 6.72449 11.164 6.68772 11.1942 6.66225C11.4757 6.42448 11.9102 6.45124 12.1563 6.72152C12.1826 6.75047 12.2115 6.79112 12.2691 6.87241C12.3592 6.99956 12.4043 7.06314 12.4436 7.12613C12.7952 7.69003 12.9016 8.35988 12.7405 8.9958C12.7225 9.06683 12.6992 9.14006 12.6525 9.2864Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-purchases.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="M2.5 12C2.5 7.77027 2.5 5.6554 3.69797 4.25276C3.86808 4.05358 4.05358 3.86808 4.25276 3.69797C5.6554 2.5 7.77027 2.5 12 2.5C16.2297 2.5 18.3446 2.5 19.7472 3.69797C19.9464 3.86808 20.1319 4.05358 20.302 4.25276C21.5 5.6554 21.5 7.77027 21.5 12C21.5 16.2297 21.5 18.3446 20.302 19.7472C20.1319 19.9464 19.9464 20.1319 19.7472 20.302C18.3446 21.5 16.2297 21.5 12 21.5C7.77027 21.5 5.6554 21.5 4.25276 20.302C4.05358 20.1319 3.86808 19.9464 3.69797 19.7472C2.5 18.3446 2.5 16.2297 2.5 12Z" stroke="white" stroke-width="1.5"/>
+<path d="M14.7102 10.0611C14.6111 9.29844 13.7354 8.06622 12.1608 8.06619C10.3312 8.06616 9.56136 9.07946 9.40515 9.58611C9.16145 10.2638 9.21019 11.6571 11.3547 11.809C14.0354 11.999 15.1093 12.3154 14.9727 13.956C14.836 15.5965 13.3417 15.951 12.1608 15.9129C10.9798 15.875 9.04764 15.3325 8.97266 13.8733M11.9734 6.99805V8.06982M11.9734 15.9031V16.998" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

studio/template/images/icons/mi-str-search.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="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5"/>
+<path d="M15 15L17 17M16 11.5C16 9.01469 13.9853 7 11.5 7C9.01469 7 7 9.01469 7 11.5C7 13.9853 9.01469 16 11.5 16C13.9853 16 16 13.9853 16 11.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-str-updates.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="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5"/>
+<path d="M14.1746 11.3517C14.8469 10.5618 16.2132 9.58336 15.97 9.11886M15.97 9.11886C16.1055 8.64518 14.7827 7.70887 14.1716 6.99463M15.97 9.11886C13.2147 9.06207 11.5289 9.37785 9.90163 10.9129C8.20681 12.5118 7.89136 14.2372 8.02853 17.0052" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/mi-wrench.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#e5e7eb" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#ffffff" fill="none">
     <path d="M20.3584 13.3567C19.1689 14.546 16.9308 14.4998 13.4992 14.4998C11.2914 14.4998 9.50138 12.7071 9.50024 10.4993C9.50024 7.07001 9.454 4.83065 10.6435 3.64138C11.8329 2.45212 12.3583 2.50027 17.6274 2.50027C18.1366 2.49809 18.3929 3.11389 18.0329 3.47394L15.3199 6.18714C14.6313 6.87582 14.6294 7.99233 15.3181 8.68092C16.0068 9.36952 17.1234 9.36959 17.8122 8.68109L20.5259 5.96855C20.886 5.60859 21.5019 5.86483 21.4997 6.37395C21.4997 11.6422 21.5479 12.1675 20.3584 13.3567Z" stroke="currentColor" stroke-width="1.5" />
     <path d="M13.5 14.5L7.32842 20.6716C6.22386 21.7761 4.433 21.7761 3.32843 20.6716C2.22386 19.567 2.22386 17.7761 3.32843 16.6716L9.5 10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
     <path d="M5.50896 18.5H5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />

studio/template/images/icons/wi-act-settings.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="#1F2937" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M8.5 10C7.67157 10 7 9.32843 7 8.5C7 7.67157 7.67157 7 8.5 7C9.32843 7 10 7.67157 10 8.5C10 9.32843 9.32843 10 8.5 10Z" stroke="#1F2937" stroke-width="1.5"/>
+<path d="M15.5 17C16.3284 17 17 16.3284 17 15.5C17 14.6716 16.3284 14 15.5 14C14.6716 14 14 14.6716 14 15.5C14 16.3284 14.6716 17 15.5 17Z" stroke="#1F2937" stroke-width="1.5"/>
+<path d="M10 8.5H17" stroke="#1F2937" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M14 15.5H7" stroke="#1F2937" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

studio/template/images/icons/wi-act-uninstall.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 9L9 14.9996M15 15L9 9.00039" stroke="#27272A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="#27272A" stroke-width="1.5"/>
+</svg>

studio/template/images/icons/wi-api.svg

@@ -1,9 +1,10 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="48" height="48" fill="url(#paint0_linear_221_2491)"/>
-<path d="M9.75 24C9.75 17.2825 9.75 13.9237 11.8369 11.8369C13.9237 9.75 17.2825 9.75 24 9.75C30.7175 9.75 34.0763 9.75 36.1632 11.8369C38.25 13.9237 38.25 17.2825 38.25 24C38.25 30.7175 38.25 34.0763 36.1632 36.1632C34.0763 38.25 30.7175 38.25 24 38.25C17.2825 38.25 13.9237 38.25 11.8369 36.1632C9.75 34.0763 9.75 30.7175 9.75 24Z" stroke="white" stroke-width="2.25"/>
-<path d="M15 26.25L17.25 19.5L20.0625 26.25M15 26.25L14.25 28.5M15 26.25H20.0625M20.0625 26.25L21 28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24.75 24V20.55C24.75 20.2708 24.75 20.1312 24.7867 20.0182C24.8608 19.7899 25.0399 19.6109 25.2682 19.5367C25.3812 19.5 25.5208 19.5 25.8 19.5H27.75C28.9926 19.5 30 20.5074 30 21.75C30 22.9926 28.9926 24 27.75 24H24.75ZM24.75 24V28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M33.75 19.5V28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.4963 9C24.4211 9 23.1173 9.00021 22.7126 9.28346C22.3079 9.5667 22.1379 10.0619 21.7979 11.0523C21.4112 12.1717 21.1361 13.3334 20.0605 14.001L19.5389 14.2927C18.2148 14.952 16.8663 14.3916 15.546 14.0311C14.8589 13.8422 14.1963 13.7856 13.7902 13.7699C13.5378 13.7601 13.3074 13.8965 13.1771 14.113L10.7102 18.2108C10.5806 18.426 10.5672 18.6918 10.6928 18.9094C10.8817 19.2366 11.2062 19.7418 11.6433 20.2129C12.6846 21.3411 13.9069 22.3412 13.9069 24.0057C13.9069 25.6704 12.6848 26.6703 11.6433 27.7988C11.2062 28.2699 10.8817 28.7752 10.6928 29.1024C10.5672 29.32 10.5806 29.5859 10.7102 29.8011L13.1771 33.8988C13.3074 34.1152 13.5378 34.2516 13.7903 34.2418C14.1964 34.2261 14.8589 34.1695 15.546 33.9805C16.8665 33.6201 18.215 33.0597 19.5391 33.7191L20.0607 34.0109C21.1362 34.6787 21.4113 35.8401 21.7979 36.9595C22.1379 37.95 22.3079 38.4451 22.7126 38.7283C23.1173 39.0117 24.4211 39 25.4963 39" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M25.497 29.25C22.5975 29.25 20.2471 26.8995 20.2471 24C20.2471 21.1005 22.5975 18.75 25.497 18.75" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M36.3719 13.125L32.9969 16.5H29.9969M35.2469 13.125C35.2469 13.7463 35.7506 14.25 36.3719 14.25C36.9932 14.25 37.4969 13.7463 37.4969 13.125C37.4969 12.5037 36.9932 12 36.3719 12C35.7506 12 35.2469 12.5037 35.2469 13.125Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M36.3719 34.875L32.9969 31.5H29.9969M35.2469 34.875C35.2469 34.2537 35.7506 33.75 36.3719 33.75C36.9932 33.75 37.4969 34.2537 37.4969 34.875C37.4969 35.4963 36.9932 36 36.3719 36C35.7506 36 35.2469 35.4963 35.2469 34.875Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M36.3719 24H29.9969M35.2469 24C35.2469 24.6213 35.7506 25.125 36.3719 25.125C36.9932 25.125 37.4969 24.6213 37.4969 24C37.4969 23.3787 36.9932 22.875 36.3719 22.875C35.7506 22.875 35.2469 23.3787 35.2469 24Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
 <linearGradient id="paint0_linear_221_2491" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
 <stop stop-color="#71717A"/>

studio/template/images/icons/wi-audit.svg

@@ -1,10 +1,13 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2510)"/>
-<path d="M23.9973 9C19.4856 9 16.5603 12.0285 13.1006 13.1323C11.6938 13.5812 10.9905 13.8056 10.7058 14.122C10.4211 14.4383 10.3378 14.9006 10.1711 15.8252C8.38715 25.719 12.2864 34.866 21.5855 38.4263C22.5846 38.8088 23.0841 39 24.0023 39C24.9203 39 25.4199 38.8088 26.4189 38.4263C35.7174 34.8659 39.6129 25.719 37.8285 15.8252C37.6617 14.9005 37.5783 14.4381 37.2936 14.1217C37.0089 13.8054 36.3056 13.5811 34.8989 13.1325C31.4378 12.0287 28.5092 9 23.9973 9Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21 24.75C21 24.75 21.75 24.75 22.5 26.25C22.5 26.25 24.8823 22.5 27 21.75" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M31.5 24C31.5 28.1421 28.1421 31.5 24 31.5C19.8579 31.5 16.5 28.1421 16.5 24C16.5 19.8579 19.8579 16.5 24 16.5C28.1421 16.5 31.5 19.8579 31.5 24Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<rect width="48" height="48" fill="url(#paint0_linear_322_1750)"/>
+<path d="M37.4988 21C37.4861 15.6231 37.3292 12.7922 35.4132 10.977C33.3263 9 29.9675 9 23.25 9C16.5325 9 13.1737 9 11.0869 10.977C9 12.9541 9 16.136 9 22.5C9 28.8639 9 32.046 11.0869 34.023C12.9264 35.7657 15.7543 35.9723 21 35.9967" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M28.5 32.25C28.5 32.25 29.25 32.25 30 33.75C30 33.75 32.3823 30 34.5 29.25" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39 31.5C39 35.6421 35.6421 39 31.5 39C27.3579 39 24 35.6421 24 31.5C24 27.3579 27.3579 24 31.5 24C35.6421 24 39 27.3579 39 31.5Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M9 18.75H37.5" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
+<path d="M15.7498 14.25H15.7632" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.7498 14.25H21.7633" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_221_2510" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_322_1750" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
 <stop stop-color="#71717A"/>
 <stop offset="1" stop-color="#52525B"/>
 </linearGradient>

studio/template/images/icons/wi-bld-forms.svg

@@ -1,13 +1,14 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_214_1435)"/>
-<path d="M17.25 10.75C14.9163 10.82 13.5249 11.0798 12.5622 12.0434C11.2441 13.3627 11.2441 15.486 11.2441 19.7325V29.4916C11.2441 33.7383 11.2441 35.8615 12.5622 37.1808C13.8802 38.5 16.0015 38.5 20.2441 38.5H27.7442C31.9868 38.5 34.1081 38.5 35.4261 37.1808C36.7442 35.8615 36.7442 33.7383 36.7442 29.4916V19.7325C36.7442 15.486 36.7442 13.3627 35.4261 12.0434C34.4634 11.0798 33.072 10.82 30.7383 10.75" stroke="white" stroke-width="2.25"/>
-<path d="M17.2441 11.125C17.2441 9.67525 18.4194 8.5 19.8691 8.5H28.1192C29.5689 8.5 30.7442 9.67525 30.7442 11.125C30.7442 12.5748 29.5689 13.75 28.1192 13.75H19.8691C18.4194 13.75 17.2441 12.5748 17.2441 11.125Z" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
-<path d="M15.75 20.5H21.75" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
-<path d="M26.25 22C26.25 22 27 22 27.75 23.5C27.75 23.5 30.1323 19.75 32.25 19" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.75 29.5H21.75" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
-<path d="M26.25 31C26.25 31 27 31 27.75 32.5C27.75 32.5 30.1323 28.75 32.25 28" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<rect width="48" height="48" fill="url(#paint0_linear_337_2104)"/>
+<path d="M9.75 23.5C9.75 16.7825 9.75 13.4237 11.8369 11.3369C13.9237 9.25 17.2825 9.25 24 9.25C30.7175 9.25 34.0763 9.25 36.1632 11.3369C38.25 13.4237 38.25 16.7825 38.25 23.5C38.25 30.2175 38.25 33.5763 36.1632 35.6632C34.0763 37.75 30.7175 37.75 24 37.75C17.2825 37.75 13.9237 37.75 11.8369 35.6632C9.75 33.5763 9.75 30.2175 9.75 23.5Z" stroke="white" stroke-width="2.25"/>
+<path d="M25.5 16H33.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 20H31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 27H33.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 31H31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15 18C15 16.5858 15 15.8787 15.4393 15.4393C15.8787 15 16.5858 15 18 15C19.4142 15 20.1213 15 20.5607 15.4393C21 15.8787 21 16.5858 21 18C21 19.4142 21 20.1213 20.5607 20.5607C20.1213 21 19.4142 21 18 21C16.5858 21 15.8787 21 15.4393 20.5607C15 20.1213 15 19.4142 15 18Z" stroke="white" stroke-width="2"/>
+<path d="M15 29C15 27.5858 15 26.8787 15.4393 26.4393C15.8787 26 16.5858 26 18 26C19.4142 26 20.1213 26 20.5607 26.4393C21 26.8787 21 27.5858 21 29C21 30.4142 21 31.1213 20.5607 31.5607C20.1213 32 19.4142 32 18 32C16.5858 32 15.8787 32 15.4393 31.5607C15 31.1213 15 30.4142 15 29Z" stroke="white" stroke-width="2"/>
 <defs>
-<linearGradient id="paint0_linear_214_1435" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_337_2104" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
 <stop stop-color="#3B82F6"/>
 <stop offset="1" stop-color="#5850EC"/>
 </linearGradient>

studio/template/images/icons/wi-bld-navigation.svg

@@ -1,11 +1,15 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2255)"/>
-<path d="M19.5 13C19.5 10.8787 19.5 9.81802 20.159 9.15901C20.818 8.5 21.8787 8.5 24 8.5C26.1213 8.5 27.182 8.5 27.8411 9.15901C28.5 9.81802 28.5 10.8787 28.5 13C28.5 15.1213 28.5 16.182 27.8411 16.841C27.182 17.5 26.1213 17.5 24 17.5C21.8787 17.5 20.818 17.5 20.159 16.841C19.5 16.182 19.5 15.1213 19.5 13Z" stroke="white" stroke-width="2.25"/>
-<path d="M9 34C9 31.8787 9 30.8181 9.65901 30.159C10.318 29.5 11.3787 29.5 13.5 29.5C15.6213 29.5 16.682 29.5 17.341 30.159C18 30.8181 18 31.8787 18 34C18 36.1213 18 37.1819 17.341 37.841C16.682 38.5 15.6213 38.5 13.5 38.5C11.3787 38.5 10.318 38.5 9.65901 37.841C9 37.1819 9 36.1213 9 34Z" stroke="white" stroke-width="2.25"/>
-<path d="M30 34C30 31.8787 30 30.8181 30.659 30.159C31.3181 29.5 32.3787 29.5 34.5 29.5C36.6213 29.5 37.6819 29.5 38.341 30.159C39 30.8181 39 31.8787 39 34C39 36.1213 39 37.1819 38.341 37.841C37.6819 38.5 36.6213 38.5 34.5 38.5C32.3787 38.5 31.3181 38.5 30.659 37.841C30 37.1819 30 36.1213 30 34Z" stroke="white" stroke-width="2.25"/>
-<path d="M24 17.5V19M24 19C24 20.3978 24 21.0967 24.2664 21.6481C24.6216 22.3831 25.3031 22.9672 26.1606 23.2717C26.8038 23.5 27.6192 23.5 29.25 23.5C30.8808 23.5 31.6962 23.5 32.3394 23.7283C33.197 24.0328 33.8784 24.6169 34.2336 25.3519C34.5 25.9033 34.5 26.6021 34.5 28V29.5M24 19C24 20.3978 24 21.0967 23.7336 21.6481C23.3784 22.3831 22.6969 22.9672 21.8394 23.2717C21.1962 23.5 20.3808 23.5 18.75 23.5C17.1192 23.5 16.3038 23.5 15.6606 23.7283C14.803 24.0328 14.1216 24.6169 13.7664 25.3519C13.5 25.9033 13.5 26.6021 13.5 28V29.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<rect width="48" height="48" fill="url(#paint0_linear_337_2078)"/>
+<path d="M11.159 18.341C11.818 19 12.8787 19 15 19C17.1213 19 18.182 19 18.841 18.341C19.5 17.682 19.5 16.6213 19.5 14.5C19.5 12.3787 19.5 11.318 18.841 10.659C18.182 10 17.1213 10 15 10C12.8787 10 11.818 10 11.159 10.659C10.5 11.318 10.5 12.3787 10.5 14.5C10.5 16.6213 10.5 17.682 11.159 18.341Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.1589 18.341C29.818 19 30.8787 19 33 19C35.1213 19 36.1819 19 36.841 18.341C37.5 17.682 37.5 16.6213 37.5 14.5C37.5 12.3787 37.5 11.318 36.841 10.659C36.1819 10 35.1213 10 33 10C30.8787 10 29.818 10 29.1589 10.659C28.5 11.318 28.5 12.3787 28.5 14.5C28.5 16.6213 28.5 17.682 29.1589 18.341Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.1589 36.341C29.818 37 30.8787 37 33 37C35.1213 37 36.1819 37 36.841 36.341C37.5 35.6819 37.5 34.6213 37.5 32.5C37.5 30.3787 37.5 29.318 36.841 28.6589C36.1819 28 35.1213 28 33 28C30.8787 28 29.818 28 29.1589 28.6589C28.5 29.318 28.5 30.3787 28.5 32.5C28.5 34.6213 28.5 35.6819 29.1589 36.341Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.159 36.341C11.818 37 12.8787 37 15 37C17.1213 37 18.182 37 18.841 36.341C19.5 35.6819 19.5 34.6213 19.5 32.5C19.5 30.3787 19.5 29.318 18.841 28.6589C18.182 28 17.1213 28 15 28C12.8787 28 11.818 28 11.159 28.6589C10.5 29.318 10.5 30.3787 10.5 32.5C10.5 34.6213 10.5 35.6819 11.159 36.341Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24 14.5H19.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.5 32.5H24" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33 23.5V19" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15 28V23.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_221_2255" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_337_2078" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
 <stop stop-color="#3B82F6"/>
 <stop offset="1" stop-color="#5850EC"/>
 </linearGradient>

studio/template/images/icons/wi-store.svg

@@ -1,11 +1,10 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2179)"/>
-<path d="M33 9V21M39 15H27" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9 15C9 12.8998 9 11.8497 9.40872 11.0475C9.76826 10.3419 10.3419 9.76826 11.0475 9.40872C11.8497 9 12.8998 9 15 9C17.1002 9 18.1503 9 18.9525 9.40872C19.6581 9.76826 20.2317 10.3419 20.5913 11.0475C21 11.8497 21 12.8998 21 15C21 17.1002 21 18.1503 20.5913 18.9525C20.2317 19.6581 19.6581 20.2317 18.9525 20.5913C18.1503 21 17.1002 21 15 21C12.8998 21 11.8497 21 11.0475 20.5913C10.3419 20.2317 9.76826 19.6581 9.40872 18.9525C9 18.1503 9 17.1002 9 15Z" stroke="white" stroke-width="2.25"/>
-<path d="M9 33C9 30.8999 9 29.8497 9.40872 29.0475C9.76826 28.3419 10.3419 27.7683 11.0475 27.4088C11.8497 27 12.8998 27 15 27C17.1002 27 18.1503 27 18.9525 27.4088C19.6581 27.7683 20.2317 28.3419 20.5913 29.0475C21 29.8497 21 30.8999 21 33C21 35.1001 21 36.1503 20.5913 36.9525C20.2317 37.6581 19.6581 38.2317 18.9525 38.5913C18.1503 39 17.1002 39 15 39C12.8998 39 11.8497 39 11.0475 38.5913C10.3419 38.2317 9.76826 37.6581 9.40872 36.9525C9 36.1503 9 35.1001 9 33Z" stroke="white" stroke-width="2.25"/>
-<path d="M27 33C27 30.8999 27 29.8497 27.4088 29.0475C27.7683 28.3419 28.3419 27.7683 29.0475 27.4088C29.8497 27 30.8999 27 33 27C35.1001 27 36.1503 27 36.9525 27.4088C37.6581 27.7683 38.2317 28.3419 38.5913 29.0475C39 29.8497 39 30.8999 39 33C39 35.1001 39 36.1503 38.5913 36.9525C38.2317 37.6581 37.6581 38.2317 36.9525 38.5913C36.1503 39 35.1001 39 33 39C30.8999 39 29.8497 39 29.0475 38.5913C28.3419 38.2317 27.7683 37.6581 27.4088 36.9525C27 36.1503 27 35.1001 27 33Z" stroke="white" stroke-width="2.25"/>
+<rect width="48" height="48" fill="url(#paint0_linear_376_1439)"/>
+<path d="M31.2426 16.5935C33 18.187 33 20.7518 33 25.8811V28.1189C33 33.2483 33 35.813 31.2426 37.4066C29.4853 39 26.6568 39 21 39C15.3431 39 12.5147 39 10.7574 37.4066C9 35.813 9 33.2483 9 28.1189V25.8811C9 20.7518 9 18.187 10.7574 16.5935C12.5147 15 15.3431 15 21 15C26.6568 15 29.4853 15 31.2426 16.5935Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.0996 15C15.2602 12.9182 15.6765 11.5726 16.7562 10.5935C18.5135 9 21.342 9 26.9988 9C32.6557 9 35.4841 9 37.2415 10.5935C38.9988 12.187 38.9988 14.7518 38.9988 19.8812V22.1189C38.9988 27.2483 38.9988 29.813 37.2415 31.4066C36.2617 32.2949 34.9489 32.688 32.9988 32.862" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 21V33M27 27H15" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_221_2179" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_376_1439" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
 <stop stop-color="#71717A"/>
 <stop offset="1" stop-color="#52525B"/>
 </linearGradient>

studio/template/menu_side.html

@@ -2,9 +2,9 @@
     <div id="bx-std-pmi-__name__" class="bx-std-pmen-item __class_add__">
         <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
             <div class="bx-std-pmen-item-cnt">
-                <div class="bx-std-pmen-ic-icon" style="<bx_if:show_icon>display: block;</bx_if:show_icon><bx_if:show_icon_bg>padding:0.25rem; background-image: url('__icon_bg_url__');</bx_if:show_icon_bg>">
+                <div class="bx-std-pmen-ic-icon<bx_if:show_icon> block</bx_if:show_icon><bx_if:show_icon_bg> p-1 bg-gray-400</bx_if:show_icon_bg>">
                     <bx_if:icon>
-                        <i class="sys-icon __icon__ bx-def-margin-sec-right"></i>
+                        <i class="sys-icon __icon__"></i>
                     </bx_if:icon>
                     <bx_if:image><img src="__icon_url__" /></bx_if:image>
                     <bx_if:image_inline>__image__</bx_if:image_inline>

studio/template/page_block.html

@@ -1,4 +1,4 @@
-<div class="bx-std-block">
+<div class="bx-std-block __type__">
     __caption__
     __panel_top__
     <div class="bx-std-block-content bx-clearfix">__items__</div>

studio/template/page_content_2_col.html

@@ -3,6 +3,6 @@
         <div class="bx-std-page-column-cnt bx-def-margin-sec-topbottom px-4" id="bx-std-pc-menu">__page_menu_code__</div>
     </div>
     <div class="bx-std-page-column bx-std-page-content bx-std-pc-stretch">
-        <div class="bx-std-page-column-cnt" id="bx-std-pc-content">__page_main_code__</div>
+        <div class="bx-std-page-column-cnt flex flex-col gap-6" id="bx-std-pc-content">__page_main_code__</div>
     </div>
 </div>

studio/template/scripts/BxBaseStudioFunctions.php

@@ -87,6 +87,7 @@ class BxBaseStudioFunctions extends BxBaseFunctions implements iBxDolSingleton
             $aService = unserialize($mixedWidget['cnt_actions']);
             $aActions = bx_srv_ii($aService['module'], $aService['method'], array_merge(array($mixedWidget), $aService['params']), $aService['class']);
 
+            $aTmplVarsActionsLeft = $aTmplVarsActionsRight = [];
             foreach($aActions as $iIndex => $aAction) {
                 if(!empty($aAction['check_func'])) {
                     $sCheckFunc = bx_gen_method_name($aAction['check_func']);
@@ -101,7 +102,7 @@ class BxBaseStudioFunctions extends BxBaseFunctions implements iBxDolSingleton
                     $sActionIcon = $oTemplate->getIconUrl($sActionIcon);
 
                 $sCaption = _t($aAction['caption']);
-                $aTmplVarsActions[] = array(
+                $aTmplVarsAction = array(
                     'name' => !empty($aAction['name']) ? $aAction['name'] : $sPage . '-' . $iIndex,
                     'caption' => $sCaption,
                     'url' => !empty($aAction['url']) ? bx_replace_markers($aAction['url'], $aMarkers) : 'javascript:void(0)',
@@ -120,6 +121,11 @@ class BxBaseStudioFunctions extends BxBaseFunctions implements iBxDolSingleton
                         'content' => array('icon_url' => $sActionIcon, 'caption' => $sCaption),
                     ),
                 );
+
+                if(in_array($aAction['name'], ['settings']))
+                    $aTmplVarsActionsLeft[] = $aTmplVarsAction;
+                else
+                    $aTmplVarsActionsRight[] = $aTmplVarsAction;
             }
         }
 
@@ -136,7 +142,7 @@ class BxBaseStudioFunctions extends BxBaseFunctions implements iBxDolSingleton
         $sStyles = 'animation-delay: -.' . rand(1 , 75) . 's; animation-duration: .' . rand(15 , 20) . 's';
         if($bFeatured && (int)$mixedWidget['featured'] != 1)
             $sStyles .= ' display:none;';
-        
+
         return $oTemplate->parseHtmlByName('widget.html', array(
             'id' => $mixedWidget['id'],
             'name' => strtolower($sCaption),
@@ -159,10 +165,16 @@ class BxBaseStudioFunctions extends BxBaseFunctions implements iBxDolSingleton
                     'content' => $sNotices
                 )
             ),
-            'bx_if:show_actions' => array(
-                'condition' => !empty($aTmplVarsActions),
+            'bx_if:show_actions_left' => array(
+                'condition' => !empty($aTmplVarsActionsLeft),
+                'content' => array(
+                    'bx_repeat:actions' => $aTmplVarsActionsLeft,
+                )
+            ),
+            'bx_if:show_actions_right' => array(
+                'condition' => !empty($aTmplVarsActionsRight),
                 'content' => array(
-                    'bx_repeat:actions' => $aTmplVarsActions,
+                    'bx_repeat:actions' => $aTmplVarsActionsRight,
                 )
             ),
             'bx_if:icon' => array (

studio/template/scripts/BxBaseStudioMenu.php

@@ -12,8 +12,6 @@ class BxBaseStudioMenu extends BxDolStudioMenu
 {
     protected $_bMenuSide;
     protected $_bInlineIcons;
-    
-    protected $_sIconBgUrl;
 
     public function __construct ($aObject, $oTemplate)
     {
@@ -27,8 +25,6 @@ class BxBaseStudioMenu extends BxDolStudioMenu
             'menu_launcher_browser.html',
             'page_breadcrumb.html'
         ));
-
-        $this->_sIconBgUrl = $this->_oTemplate->getIconUrl('mi-empty.svg');
     }
 
     public function setInlineIcons($bInlineIcons)
@@ -65,10 +61,8 @@ class BxBaseStudioMenu extends BxDolStudioMenu
             ];
 
             $aItem['bx_if:show_icon_bg'] = [
-                'condition' => isset($aItem['icon_bg']) && $aItem['icon_bg'] === true,
-                'content' => [
-                    'icon_bg_url' => $this->_sIconBgUrl
-                ]
+                'condition' => (isset($aItem['icon_bg']) && $aItem['icon_bg'] === true) || strpos($aItem['icon'], '.') === false,
+                'content' => []
             ];
         }
 

studio/template/scripts/BxBaseStudioSettings.php

@@ -61,6 +61,7 @@ class BxBaseStudioSettings extends BxDolStudioSettings
             return false;
 
         return $sResult . $this->getBlockCode(array(
+            'type' => BX_DB_CONTENT_ONLY,
             'content' => $this->oOptions->getCode()
         ));
     }

studio/template/scripts/BxBaseStudioStore.php

@@ -38,27 +38,26 @@ class BxBaseStudioStore extends BxDolStudioStore
         $sJsObject = $this->getPageJsObject();
         $oTemplate = BxDolStudioTemplate::getInstance();
 
-        $aMenu = array();
-        $aMenuItems = array(
-	        'goodies' => array('icon' => 'home'),
-        	'latest' => array('icon' => 'th-large'),
-	        'featured' => array('icon' => 'thumbs-up'),
-        	'popular' => array('icon' => 'star'),
-        	'categories' => array('icon' => 'tag'),
-        	'search' => array('icon' => 'search'),
-	        'purchases' => array('icon' => 'shopping-cart'), 
-	        'updates' => array('icon' => 'sync'), 
-	        'checkout' => array('icon' => 'credit-card'), 
-	        'downloaded' => array('icon' => 'list')
-        );
+        $aMenu = [];
+        $aMenuItems = [
+            'goodies' => ['icon' => 'mi-str-home.svg', 'icon_bg' => true],
+            'latest' => ['icon' => 'mi-str-latest.svg', 'icon_bg' => true],
+            'featured' => ['icon' => 'mi-str-featured.svg', 'icon_bg' => true],
+            'popular' => ['icon' => 'mi-str-popular.svg', 'icon_bg' => true],
+            'categories' => ['icon' => 'mi-str-categories.svg', 'icon_bg' => true],
+            'search' => ['icon' => 'mi-str-search.svg', 'icon_bg' => true],
+            'purchases' => ['icon' => 'mi-str-purchases.svg', 'icon_bg' => true], 
+            'updates' => ['icon' => 'mi-str-updates.svg', 'icon_bg' => true], 
+            'checkout' => ['icon' => 'mi-str-checkout.svg', 'icon_bg' => true], 
+            'downloaded' => ['icon' => 'mi-str-downloaded.svg', 'icon_bg' => true]
+        ];
         foreach($aMenuItems as $sMenuItem => $aItem)
-            $aMenu[] = array(
+            $aMenu[] = array_merge([
                 'name' => $sMenuItem,
-                'icon' => $aItem['icon'],
                 'link' => $this->getBaseUrl($sMenuItem),
                 'title' => _t('_adm_lmi_cpt_' . $sMenuItem),
                 'selected' => $sMenuItem == $this->sPage
-            );
+            ], $aItem);
 
         $iCounter = BxDolStudioCart::getInstance()->getCount();
 
@@ -85,7 +84,7 @@ class BxBaseStudioStore extends BxDolStudioStore
         if(!method_exists($this, $sMethod))
             return '';
 
-        return $sResult . $this->$sMethod();
+        return $this->$sMethod() . $sResult;
     }
 
     function getPageContent()
@@ -563,6 +562,7 @@ class BxBaseStudioStore extends BxDolStudioStore
 
         if(!empty($sModules))
             $sContent .= $this->getBlockCode(array(
+                'type' => BX_DB_DEF,
                 'caption' => '_adm_block_cpt_downloaded_modules',
                 'items' => $oTemplate->parseHtmlByName('str_products.html', array(
                     'list' => $sModules,
@@ -572,6 +572,7 @@ class BxBaseStudioStore extends BxDolStudioStore
 
         if(!empty($sUpdates))
             $sContent .= $this->getBlockCode(array(
+                'type' => BX_DB_DEF,
                 'caption' => '_adm_block_cpt_downloaded_updates',
                 'items' => $oTemplate->parseHtmlByName('str_products.html', array(
                     'list' => $sUpdates,
@@ -747,7 +748,12 @@ class BxBaseStudioStore extends BxDolStudioStore
 			),
         ));
 
-        return array('code' => BX_DOL_STUDIO_IU_RC_SUCCESS, 'message' => '', 'popup' => PopupBox('bx-std-str-popup-product', $aProduct['title'], $sContent, true), 'screenshots' => $iScreenshots);
+        return [
+            'code' => BX_DOL_STUDIO_IU_RC_SUCCESS, 
+            'message' => '', 
+            'popup' => BxTemplStudioFunctions::getInstance()->popupBox('bx-std-str-popup-product', $aProduct['title'], $sContent, true), 
+            'screenshots' => $iScreenshots
+        ];
     }
 
     protected function getFile($iFileId)

studio/template/scripts/BxBaseStudioWidget.php

@@ -159,6 +159,13 @@ class BxBaseStudioWidget extends BxDolStudioWidget
     }
     public function getBlockCode($aBlock)
     {
+        $aTypeI2S = [
+            BX_DB_CONTENT_ONLY => 'cnt',
+            BX_DB_DEF => 'cnt-ttl-bg bg-white rounded-2xl',
+            BX_DB_NO_CAPTION => 'cnt-bg bg-white rounded-2xl'
+        ];
+        $iType = isset($aBlock['type'], $aTypeI2S[$aBlock['type']]) ? $aBlock['type'] : BX_DB_NO_CAPTION;
+
         $sContent = '';
         if(!empty($aBlock['content']))
             $sContent = $aBlock['content'];
@@ -166,7 +173,8 @@ class BxBaseStudioWidget extends BxDolStudioWidget
             $sContent = $aBlock['items'];
 
     	return BxDolStudioTemplate::getInstance()->parseHtmlByName('page_block.html', array(
-            'caption' => $this->getBlockCaption($aBlock),
+            'type' => $aTypeI2S[$iType],
+            'caption' => !in_array($iType, [BX_DB_CONTENT_ONLY, BX_DB_NO_CAPTION]) ? $this->getBlockCaption($aBlock) : '',
             'panel_top' => $this->getBlockPanelTop($aBlock),
             'items' => $sContent,
             'panel_bottom' => $this->getBlockPanelBottom($aBlock)

studio/template/str_product_v1.html

@@ -1,46 +1,48 @@
 <div class="bx-std-product bx-std-product-gallery bx-def-gal-unit-size" id="bx-std-product-__name__">
-	<div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec bx-def-border bx-def-round-corners bx-def-box bx-def-color-bg-box">
-		<!-- Title section -->
-		<div class="bx-std-product-title bx-def-padding-sec">
-			<div class="bx-std-pt-cnt">
-				<div class="bx-std-pt-icon bx-def-thumb-size">
-					<a href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">
-						<bx_if:no_icon>
-							<div class="bx-std-pt-icon-plate bx-def-thumb-size">
-								<i class="sys-icon __icon__"></i>
-							</div>
-						</bx_if:no_icon>
-						<bx_if:icon>
-							<img class="bx-def-thumb-size" src="__icon_url__" />
-						</bx_if:icon>
-					</a>
-				</div>
-				<div class="bx-std-pt-content bx-def-thumb-size-min-height">
-				    <div class="bx-std-pt-content-cnt">
-						<div class="bx-std-pt-title bx-def-font-h3">
-				            <a class="bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
-				        </div>
-				        <div class="bx-std-pt-info bx-def-font-small bx-def-font-grayed">
-			                <span class="bx-std-pt-vendor">__vendor__</span> <span class="bx-std-pt-bullet">&bull;</span> <span class="bx-std-pt-version">__version__</span>
-			            </div>
+	<div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec bx-def-padding-sec rounded-2xl border border-b-zinc-200 bg-white">
+            <!-- Title section -->
+            <div class="bx-std-product-title">
+                <div class="bx-std-pt-cnt">
+                    <div class="bx-std-pt-icon">
+                        <a href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">
+                            <bx_if:no_icon>
+                                <div class="bx-std-pt-icon-plate">
+                                    <i class="sys-icon __icon__"></i>
+                                </div>
+                            </bx_if:no_icon>
+                            <bx_if:icon>
+                                <img src="__icon_url__" />
+                            </bx_if:icon>
+                        </a>
                     </div>
-				</div>
-			</div>
-		</div>
+                    <div class="bx-std-pt-content">
+                        <div class="bx-std-pt-content-cnt">
+                            <div class="bx-std-pt-title">
+                                <a class="bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
+                            </div>
+                            <div class="bx-std-pt-info">
+                                <span class="bx-std-pt-version">__version__</span>
+                                <span class="bx-std-pt-by"><bx_text:_by_author /></span>
+                                <span class="bx-std-pt-vendor">__vendor__</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
         <!-- Actions section -->
-        <div class="bx-std-product-actions bx-def-padding-sec-leftright bx-def-padding-sec-bottom">
-	        <div class="bx-std-pa-actions">
-	        	<div class="bx-std-pc-buttons bx-std-pcb-install bx-def-margin-thd-leftright-neg bx-clearfix" <bx_if:hide_install>style="display:none"</bx_if:hide_install>>
-	        		<a class="bx-btn bx-def-margin-thd-leftright" onclick="javascript:__js_object__.install('__dir__', this)"><bx_text:_adm_btn_install_submit /></a>
-	        		<a class="bx-btn bx-def-margin-thd-leftright" onclick="javascript:__js_object__.remove('__dir__', this)"><bx_text:_adm_btn_delete_submit /></a>
-	        	</div>
-	        	<div class="bx-std-pc-buttons bx-std-pcb-queued bx-def-margin-thd-leftright-neg bx-clearfix" <bx_if:hide_queued>style="display:none"</bx_if:hide_queued>>
-	            	<a class="bx-btn bx-def-margin-thd-leftright bx-btn-disabled"><bx_text:_adm_btn_queued_submit /></a>
-	            </div>
-	            <div class="bx-std-pc-buttons bx-std-pcb-installed bx-def-margin-thd-leftright-neg bx-clearfix" <bx_if:hide_installed>style="display:none"</bx_if:hide_installed>>
-	            	<a class="bx-btn bx-def-margin-thd-leftright bx-btn-disabled"><bx_text:_adm_btn_installed_submit /></a>
-	            </div>
-	        </div>
-	    </div>
-	</div>
+        <div class="bx-std-product-actions bx-def-padding-sec-top">
+            <div class="bx-std-pa-actions">
+                <div class="bx-std-pc-buttons bx-std-pcb-install gap-4" <bx_if:hide_install>style="display:none"</bx_if:hide_install>>
+                    <a class="bx-btn bx-btn-primary" onclick="javascript:__js_object__.install('__dir__', this)"><bx_text:_adm_btn_install_submit /></a>
+                    <a class="bx-btn" onclick="javascript:__js_object__.remove('__dir__', this)"><bx_text:_adm_btn_delete_submit /></a>
+                </div>
+                <div class="bx-std-pc-buttons bx-std-pcb-queued" <bx_if:hide_queued>style="display:none"</bx_if:hide_queued>>
+                    <a class="bx-btn bx-btn-disabled"><bx_text:_adm_btn_queued_submit /></a>
+                </div>
+                <div class="bx-std-pc-buttons bx-std-pcb-installed" <bx_if:hide_installed>style="display:none"</bx_if:hide_installed>>
+                    <a class="bx-btn bx-btn-disabled"><bx_text:_adm_btn_installed_submit /></a>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>

studio/template/str_product_v2.html

@@ -1,86 +1,80 @@
 <div class="bx-std-product bx-std-product-gallery bx-def-gal-unit-size" id="bx-std-product-__id__">
-	<div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec bx-def-border bx-def-round-corners bx-def-box bx-def-color-bg-box">
-		<!-- Cover section -->
-		<div class="bx-std-product-cover">
+    <div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec rounded-2xl border border-b-zinc-200 bg-white">
+        <!-- Cover section -->
+        <div class="bx-std-product-cover m-1 rounded-xl overflow-hidden">
             <bx_if:no_image>
-	            <div class="bx-def-gal-img-column">
-		            <div class="bx-std-pc-no-cover bx-def-gal-div-size bx-def-box bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-box-sizing">
-		                __description_plain__
-		                <div class="bx-std-product-strecher">__strecher__</div>
-		            </div>
-		        </div>
-			</bx_if:no_image>
-			<bx_if:image>
-				<div class="bx-std-pc-cover bx-def-gal-div-size bx-def-font-middle" style="background-image:url(__image_url__)">
-	                <div class="bx-std-product-strecher">__strecher__</div>
-	            </div>
-			</bx_if:image>
-		</div>
-		<!-- Title section -->
+                <div class="bx-def-gal-img-column bg-zinc-200">
+                    <div class="bx-std-pc-no-cover"></div>
+                </div>
+            </bx_if:no_image>
+            <bx_if:image>
+                <div class="bx-std-pc-cover bx-def-gal-div-size bx-def-font-middle" style="background-image:url(__image_url__)">
+                    <div class="bx-std-product-strecher">__strecher__</div>
+                </div>
+            </bx_if:image>
+        </div>
+        <!-- Title section -->
         <div class="bx-std-product-title bx-def-padding-sec">
             <div class="bx-std-pt-cnt">
-                <div class="bx-std-pt-icon bx-def-thumb-size">
+                <div class="bx-std-pt-icon">
                     <a href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)" title="__description_plain_attr__">
                         <bx_if:no_icon>
-                            <div class="bx-std-pt-icon-plate bx-def-thumb-size">
+                            <div class="bx-std-pt-icon-plate">
                                 <i class="sys-icon __icon__"></i>
                             </div>
                         </bx_if:no_icon>
                         <bx_if:icon>
-                            <img class="bx-def-thumb-size" src="__icon_url__" />
+                            <img src="__icon_url__" />
                         </bx_if:icon>
                     </a>
                 </div>
-                <div class="bx-std-pt-content bx-def-thumb-size-min-height">
+                <div class="bx-std-pt-content">
                     <div class="bx-std-pt-content-cnt">
-	                    <div class="bx-std-pt-title bx-def-font-h3">
-	                        <a class="bx-def-margin-sec-topbottom bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
-	                    </div>
-	                    <div class="bx-std-pt-info bx-def-font-small bx-def-font-grayed">
-	                        <bx_if:show_vendor>
-			                    <a class="bx-std-pt-vendor bx-def-font-grayed" href="__vendor_url__">__vendor_name__</a>
-			                    <!--
-			                    <bx_if:show_version> <span class="bx-std-pt-bullet">&bull;</span> <span class="bx-std-pt-versions">__version__</span></bx_if:show_version>
-                                -->
-			                </bx_if:show_vendor>
-			                <bx_if:show_count_price>
-			                    <div class="bx-std-pt-count">__count__ <bx_text:_adm_str_txt_items_by /> <span class="bx-std-product-price">__price_single__ __discount_single__</span></div>
-			                </bx_if:show_count_price>
-			                <bx_if:show_rate><span class="bx-std-pt-bullet">&bull;</span> __rate__</bx_if:show_rate>
-			                <bx_if:show_votes><span class="bx-std-pt-votes">__count__</span></bx_if:show_votes>
-	                    </div>
+                        <div class="bx-std-pt-title">
+                            <a class="bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
+                        </div>
+                        <div class="bx-std-pt-info">
+                            <bx_if:show_vendor>
+                                <a class="bx-std-pt-vendor bx-def-font-grayed" href="__vendor_url__">__vendor_name__</a>
+                            </bx_if:show_vendor>
+                            <bx_if:show_count_price>
+                                <div class="bx-std-pt-count">__count__ <bx_text:_adm_str_txt_items_by /> <span class="bx-std-product-price">__price_single__ __discount_single__</span></div>
+                            </bx_if:show_count_price>
+                            <bx_if:show_rate><span class="bx-std-pt-bullet">&bull;</span> __rate__</bx_if:show_rate>
+                            <bx_if:show_votes><span class="bx-std-pt-votes">__count__</span></bx_if:show_votes>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-		<!-- Actions section -->
-	    <div class="bx-std-product-actions bx-def-padding-sec-leftright bx-def-padding-sec-bottom">
-			<div class="bx-std-pa-actions">
-	        	<bx_if:show_download>
-	            	<a class="bx-btn bx-std-pc-download" onclick="javascript:__js_object__.getFile(__file_id__, this)"><bx_text:_adm_btn_download_submit /></a>
-	            </bx_if:show_download>
-	            <bx_if:show_download_disabled>
-	            	<a class="bx-btn bx-btn-disabled bx-std-pc-download"><bx_text:_adm_btn_download_submit /></a>
-	            </bx_if:show_download_disabled>
-	            <bx_if:show_queued_disabled>
-	            	<a class="bx-btn bx-btn-disabled bx-std-pc-queued"><bx_text:_adm_btn_queued_submit /></a>
-	            </bx_if:show_queued_disabled>
-	            <bx_if:show_delete>
-	            	<a class="bx-btn bx-std-pc-delete" onclick="javascript:__js_object__.deleteFromCart(__vendor_id__, __id__, this)"><bx_text:_adm_btn_delete_submit /></a>
-	            </bx_if:show_delete>
-	            <div class="bx-std-pic-price">
-		        	<bx_if:show_purchase_single>
-						<a class="bx-std-pic-price bx-btn" onclick="javascript:__js_object__.addToCart(__vendor_id__, __id__, this)">__price_single__</a>
-		            </bx_if:show_purchase_single>
-		            <bx_if:show_checkout_single>
-		           		<a class="bx-std-pic-price bx-btn bx-std-pc-checkout" onclick="javascript:__js_object__.checkoutCart(__vendor_id__, this)" <bx_if:show_as_hidden>style="display:none;"</bx_if:show_as_hidden>><bx_text:_adm_btn_checkout_submit /></a>
-		            </bx_if:show_checkout_single>
-		            <bx_if:show_purchase_recurring>
-		            	<span class="bx-std-pic-price-or bx-def-padding-thd-leftright bx-def-font-grayed"><bx_text:_adm_str_txt_or /></span>
-		            	<a class="bx-std-pic-price bx-btn" onclick="javascript:__js_object__.subscribe(__vendor_id__, __id__, this)">__price_recurring__</a>
-		            </bx_if:show_purchase_recurring>
-		        </div>
-		    </div>
-		</div>
-	</div>
+        <!-- Actions section -->
+        <div class="bx-std-product-actions bx-def-padding-sec-rightbottomleft">
+            <div class="bx-std-pa-actions">
+                <bx_if:show_download>
+                    <a class="bx-btn bx-std-pc-download" onclick="javascript:__js_object__.getFile(__file_id__, this)"><bx_text:_adm_btn_download_submit /></a>
+                </bx_if:show_download>
+                <bx_if:show_download_disabled>
+                    <a class="bx-btn bx-btn-disabled bx-std-pc-download"><bx_text:_adm_btn_download_submit /></a>
+                </bx_if:show_download_disabled>
+                <bx_if:show_queued_disabled>
+                    <a class="bx-btn bx-btn-disabled bx-std-pc-queued"><bx_text:_adm_btn_queued_submit /></a>
+                </bx_if:show_queued_disabled>
+                <bx_if:show_delete>
+                    <a class="bx-btn bx-std-pc-delete" onclick="javascript:__js_object__.deleteFromCart(__vendor_id__, __id__, this)"><bx_text:_adm_btn_delete_submit /></a>
+                </bx_if:show_delete>
+                <div class="bx-std-pic-price">
+                    <bx_if:show_purchase_single>
+                        <a class="bx-std-pic-price bx-btn bx-btn-primary" onclick="javascript:__js_object__.addToCart(__vendor_id__, __id__, this)">__price_single__</a>
+                    </bx_if:show_purchase_single>
+                    <bx_if:show_checkout_single>
+                        <a class="bx-std-pic-price bx-btn bx-btn-primary bx-std-pc-checkout" onclick="javascript:__js_object__.checkoutCart(__vendor_id__, this)" <bx_if:show_as_hidden>style="display:none;"</bx_if:show_as_hidden>><bx_text:_adm_btn_checkout_submit /></a>
+                    </bx_if:show_checkout_single>
+                    <bx_if:show_purchase_recurring>
+                        <span class="bx-std-pic-price-or bx-def-padding-thd-leftright bx-def-font-grayed"><bx_text:_adm_str_txt_or /></span>
+                        <a class="bx-std-pic-price bx-btn bx-btn-primary" onclick="javascript:__js_object__.subscribe(__vendor_id__, __id__, this)">__price_recurring__</a>
+                    </bx_if:show_purchase_recurring>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>

studio/template/str_product_view.html

@@ -1,4 +1,4 @@
-<div class="bx-std-product-view">
+<div class="bx-std-product-view pt-4">
 	<bx_if:show_screenshots>
             <div class="bx-std-pv-screenshots bx-def-margin-bottom">
                 <div class="bx-std-pvs-left">
@@ -90,34 +90,34 @@
 		</span> __description__
 	</div>
 	<div class="bx-std-pv-actions bx-def-margin-top">
-		<bx_if:show_purchase>
-			<div class="bx-std-pv-action bx-std-pva-price bx-def-margin-right">
-				<bx_if:show_purchase_single>
-					<a class="bx-btn" onclick="javascript:__js_object__.addToCart(__vendor_id__, __id__, this)">__price_single__</a>
-				</bx_if:show_purchase_single>
-				<bx_if:show_checkout_single>
-					<a class="bx-btn bx-std-pva-checkout" onclick="javascript:__js_object__.checkoutCart(__vendor_id__, this)" <bx_if:show_as_hidden>style="display:none;"</bx_if:show_as_hidden>>
-						<bx_text:_adm_btn_checkout_submit />
-					</a>
-				</bx_if:show_checkout_single>
-				<bx_if:show_purchase_recurring>
-					<span class="bx-std-pva-or bx-def-margin-sec-leftright bx-def-font-grayed"><bx_text:_adm_str_txt_or /></span>
-					<a class="bx-btn" onclick="javascript:__js_object__.subscribe(__vendor_id__, __id__, this)">__price_recurring__</a>
-				</bx_if:show_purchase_recurring>
-			</div>
-		</bx_if:show_purchase>
-		<bx_if:show_download>
-			<a class="bx-btn bx-def-margin-right" onclick="javascript:__js_object__.getFile(__file_id__, this)">
-				<bx_text:_adm_btn_download_submit />
-			</a>
-		</bx_if:show_download>
-		<bx_if:show_download_disabled>
-			<a class="bx-btn bx-btn-disabled bx-def-margin-right" type="button" disabled="disabled">
-				<bx_text:_adm_btn_download_submit />
-			</a>
-		</bx_if:show_download_disabled>
-		<a class="bx-btn bx-def-margin-right" onclick="javascript:$('.bx-popup-applied:visible').dolPopupHide();">
-			<bx_text:_adm_btn_cancel_submit />
-		</a>
+            <bx_if:show_purchase>
+                <div class="bx-std-pv-action bx-std-pva-price bx-def-margin-right">
+                    <bx_if:show_purchase_single>
+                        <a class="bx-btn bx-btn-primary" onclick="javascript:__js_object__.addToCart(__vendor_id__, __id__, this)">__price_single__</a>
+                    </bx_if:show_purchase_single>
+                    <bx_if:show_checkout_single>
+                        <a class="bx-btn bx-btn-primary bx-std-pva-checkout" onclick="javascript:__js_object__.checkoutCart(__vendor_id__, this)" <bx_if:show_as_hidden>style="display:none;"</bx_if:show_as_hidden>>
+                            <bx_text:_adm_btn_checkout_submit />
+                        </a>
+                    </bx_if:show_checkout_single>
+                    <bx_if:show_purchase_recurring>
+                        <span class="bx-std-pva-or bx-def-margin-sec-leftright bx-def-font-grayed"><bx_text:_adm_str_txt_or /></span>
+                        <a class="bx-btn bx-btn-primary" onclick="javascript:__js_object__.subscribe(__vendor_id__, __id__, this)">__price_recurring__</a>
+                    </bx_if:show_purchase_recurring>
+                </div>
+            </bx_if:show_purchase>
+            <bx_if:show_download>
+                <a class="bx-btn bx-btn-primary bx-def-margin-right" onclick="javascript:__js_object__.getFile(__file_id__, this)">
+                    <bx_text:_adm_btn_download_submit />
+                </a>
+            </bx_if:show_download>
+            <bx_if:show_download_disabled>
+                <a class="bx-btn bx-btn-disabled bx-def-margin-right" type="button" disabled="disabled">
+                    <bx_text:_adm_btn_download_submit />
+                </a>
+            </bx_if:show_download_disabled>
+            <a class="bx-btn bx-def-margin-right" onclick="javascript:$('.bx-popup-applied:visible').dolPopupHide();">
+                <bx_text:_adm_btn_cancel_submit />
+            </a>
 	</div>
 </div>

studio/template/str_products.html

@@ -1,5 +1,2 @@
-<div class="bx-std-products bx-def-margin-sec-leftright-neg bx-clearfix">
-    __list__
-    <div class="bx-clear"></div>
-</div>
-__paginate__
+<div class="bx-std-products bx-def-margin-sec-neg">__list__</div>
+<div class="bx-std-paginate bx-def-margin-top">__paginate__</div>

studio/template/str_update_v1.html

@@ -1,37 +1,39 @@
 <div class="bx-std-product bx-stdp-update bx-std-product-gallery bx-def-gal-unit-size" id="bx-std-update-__name__">
-	<div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec bx-def-border bx-def-round-corners bx-def-box bx-def-color-bg-box">
-		<!-- Title section -->
-		<div class="bx-std-product-title bx-def-padding-sec">
-			<div class="bx-std-pt-cnt">
-				<div class="bx-std-pt-icon bx-def-thumb-size">
-					<a href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">
-						<bx_if:no_icon>
-							<div class="bx-std-pt-icon-plate bx-def-thumb-size">
-								<i class="sys-icon __icon__"></i>
-							</div>
-						</bx_if:no_icon>
-						<bx_if:icon>
-							<img class="bx-def-thumb-size" src="__icon_url__" />
-						</bx_if:icon>
-					</a>
-				</div>
-				<div class="bx-std-pt-content bx-def-thumb-size-min-height">
-				    <div class="bx-std-pt-content-cnt">
-						<div class="bx-std-pt-title bx-def-font-h3">
-				            <a class="bx-def-margin-sec-topbottom bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
-				        </div>
-				        <div class="bx-std-pt-info bx-def-font-small bx-def-font-grayed">
-			                <span class="bx-std-pt-vendor">__vendor__</span> <span class="bx-std-pt-bullet">&bull;</span> <span class="bx-std-pt-versions">__versions__</span>
-			            </div>
+    <div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec bx-def-padding-sec rounded-2xl border border-b-zinc-200 bg-white">
+        <!-- Title section -->
+        <div class="bx-std-product-title">
+            <div class="bx-std-pt-cnt">
+                <div class="bx-std-pt-icon">
+                    <a href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">
+                        <bx_if:no_icon>
+                            <div class="bx-std-pt-icon-plate">
+                                <i class="sys-icon __icon__"></i>
+                            </div>
+                        </bx_if:no_icon>
+                        <bx_if:icon>
+                            <img src="__icon_url__" />
+                        </bx_if:icon>
+                    </a>
+                </div>
+                <div class="bx-std-pt-content">
+                    <div class="bx-std-pt-content-cnt">
+                        <div class="bx-std-pt-title">
+                            <a class="bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
+                        </div>
+                        <div class="bx-std-pt-info">
+                            <span class="bx-std-pt-versions">__versions__</span>
+                            <span class="bx-std-pt-by"><bx_text:_by_author /></span>
+                            <span class="bx-std-pt-vendor">__vendor__</span>
+                        </div>
                     </div>
-				</div>
-			</div>
-		</div>
+                </div>
+            </div>
+        </div>
         <!-- Actions section -->
-        <div class="bx-std-product-actions bx-def-padding-sec-leftright bx-def-padding-sec-bottom">
-			<div class="bx-std-pa-actions">
-				<a class="bx-btn" onclick="javascript:__js_object__.update('__dir__', this)"><bx_text:_adm_btn_install_submit /></a>
-			</div>
-	    </div>
-	</div>
+        <div class="bx-std-product-actions bx-def-padding-sec-top">
+            <div class="bx-std-pa-actions">
+                <a class="bx-btn" onclick="javascript:__js_object__.update('__dir__', this)"><bx_text:_adm_btn_install_submit /></a>
+            </div>
+        </div>
+    </div>
 </div>

studio/template/str_update_v2.html

@@ -1,43 +1,42 @@
 <div class="bx-std-product bx-stdp-update bx-std-product-gallery bx-def-gal-unit-size" id="bx-std-update-__name__">
-	<div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec bx-def-border bx-def-round-corners bx-def-box bx-def-color-bg-box">
-		<!-- Cover section -->
-        <div class="bx-std-product-cover">
+    <div class="bx-std-product-cnt bx-std-product-gallery-cnt bx-def-margin-sec rounded-2xl border border-b-zinc-200 bg-white">
+        <!-- Cover section -->
+        <div class="bx-std-product-cover m-1 rounded-xl overflow-hidden">
             <bx_if:no_image>
-				<div class="bx-def-gal-img-column">
-		            <div class="bx-std-pc-no-cover bx-def-gal-div-size bx-def-box bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-box-sizing">
-		                __note__
-		                <div class="bx-std-product-strecher">__strecher__</div>
-		            </div>
-		        </div>
-			</bx_if:no_image>
-			<bx_if:image>
-				<div class="bx-std-pc-cover bx-def-gal-div-size bx-def-font-middle" style="background-image:url(__image_url__)">
-	                <div class="bx-std-product-strecher">__strecher__</div>
-	            </div>
-			</bx_if:image>
-		</div>
-		<!-- Title section -->
+                <div class="bx-def-gal-img-column bg-zinc-200">
+                    <div class="bx-std-pc-no-cover"></div>
+                </div>
+            </bx_if:no_image>
+            <bx_if:image>
+                <div class="bx-std-pc-cover bx-def-gal-div-size bx-def-font-middle" style="background-image:url(__image_url__)">
+                    <div class="bx-std-product-strecher">__strecher__</div>
+                </div>
+            </bx_if:image>
+        </div>
+        <!-- Title section -->
         <div class="bx-std-product-title bx-def-padding-sec">
             <div class="bx-std-pt-cnt">
-                <div class="bx-std-pt-icon bx-def-thumb-size">
+                <div class="bx-std-pt-icon">
                     <a href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">
                         <bx_if:no_icon>
-                            <div class="bx-std-pt-icon-plate bx-def-thumb-size">
+                            <div class="bx-std-pt-icon-plate">
                                 <i class="sys-icon __icon__"></i>
                             </div>
                         </bx_if:no_icon>
                         <bx_if:icon>
-                            <img class="bx-def-thumb-size" src="__icon_url__" />
+                            <img src="__icon_url__" />
                         </bx_if:icon>
                     </a>
                 </div>
-                <div class="bx-std-pt-content bx-def-thumb-size-min-height">
+                <div class="bx-std-pt-content">
                     <div class="bx-std-pt-content-cnt">
-                        <div class="bx-std-pt-title bx-def-font-h3">
-                            <a class="bx-def-margin-sec-topbottom bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
+                        <div class="bx-std-pt-title">
+                            <a class="bx-def-font-color" href="javascript:void(0)" onclick="javascript:__js_object__.info('__name__', this)">__title__</a>
                         </div>
-                        <div class="bx-std-pt-info bx-def-font-small bx-def-font-grayed">
-                            <span class="bx-std-pt-vendor">__vendor__</span> <span class="bx-std-pt-bullet">&bull;</span> <span class="bx-std-pt-versions">__versions__</span>
+                        <div class="bx-std-pt-info">
+                            <span class="bx-std-pt-versions">__versions__</span> 
+                            <span class="bx-std-pt-by"><bx_text:_by_author /></span>
+                            <span class="bx-std-pt-vendor">__vendor__</span>
                         </div>
                     </div>
                 </div>
@@ -45,10 +44,10 @@
         </div>
 
         <!-- Actions section -->
-        <div class="bx-std-product-actions bx-def-padding-sec-leftright bx-def-padding-sec-bottom">
+        <div class="bx-std-product-actions bx-def-padding-sec-rightbottomleft">
             <div class="bx-std-pa-actions">
                 <bx_if:show_download>
-                    <a class="bx-btn bx-std-pc-download" onclick="javascript:__on_click__">__caption__</a>
+                    <a class="bx-btn bx-btn-primary bx-std-pc-download" onclick="javascript:__on_click__">__caption__</a>
                 </bx_if:show_download>
                 <bx_if:show_queued_disabled>
                     <a class="bx-btn bx-btn-disabled bx-std-pc-queued"><bx_text:_adm_btn_queued_submit /></a>

studio/template/widget.html

@@ -11,12 +11,12 @@
         </div>
         <bx_if:show_notice>
            <div class="bx-std-widget-notices bx-def-box-sizing">
-               __content__
+               <div class="bx-std-wn-cnt">__content__</div>
            </div>
         </bx_if:show_notice>
 
-        <bx_if:show_actions>
-            <div class="bx-std-widget-actions">
+        <bx_if:show_actions_left>
+            <div class="bx-std-widget-actions left">
                 <div class="bx-std-widget-actions-cnt">
                     <bx_repeat:actions>
                         <div class="bx-std-widget-action bx-def-box-sizing">
@@ -28,7 +28,21 @@
                     </bx_repeat:actions>
                 </div>
             </div>
-        </bx_if:show_actions>
+        </bx_if:show_actions_left>
+        <bx_if:show_actions_right>
+            <div class="bx-std-widget-actions right">
+                <div class="bx-std-widget-actions-cnt">
+                    <bx_repeat:actions>
+                        <div class="bx-std-widget-action bx-def-box-sizing">
+                            <a class="bx-std-widget-action bx-std-wa-__name__" href="__url__" <bx_if:show_click>onClick="__content__"</bx_if:show_click> title="__caption__">
+                                <bx_if:action_icon><i class="sys-icon __icon__" alt="__caption__"></i></bx_if:action_icon>
+                                <bx_if:action_image><img src="__icon_url__"  alt="__caption__" /></bx_if:action_image>
+                            </a>
+                        </div>
+                    </bx_repeat:actions>
+                </div>
+            </div>
+        </bx_if:show_actions_right>
 
         <div class="bx-std-widget-icon-jitter" style="display:none"></div>
         <div class="bx-std-widget-loading"></div>

template/_header_js_spinner.html

@@ -1,5 +1,5 @@
 <script language="javascript">
-    var bUseSvgLoading = true;
+    var bUseSvgLoading = false;
     var sUseSvgLoading = '';
     if(!bUseSvgLoading) {
         var aSpinnerOpts = {

template/css/forms.css

@@ -268,7 +268,7 @@
 
 .bx-form-value .bx-form-input-radio_set label,
 .bx-form-value .bx-form-input-checkbox_set label {
-    padding-left: 0.5rem;
+    padding-left: 0.75rem;
 }
 
 .bx-form-input-textarea {

template/css/menu.css

@@ -143,10 +143,6 @@ ul.bx-menu-custom-ver {
     font-size:1.25rem;
 }
 
-.bx-menu-ver li .flag-icon {
-    vertical-align:baseline;
-}
-
 .bx-menu-notif li .sys-icon {
     font-size:24px;
     font-size:1.5rem;
@@ -1068,9 +1064,6 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
 .bx-popup .bx-menu-ver.bx-menu-object-sys_switch_language_popup li a div > span {
     margin-left: 0;
 }
-.bx-popup ul.bx-menu-ver.bx-menu-object-sys_switch_language_popup li span.flag-icon {
-    margin-right: 0.5rem;
-}
 
 /* --------------- switch template menu (popup) */
 .bx-popup .bx-menu-ver.bx-menu-object-sys_switch_template li a div > span {

template/scripts/BxBaseFormView.php

@@ -2320,7 +2320,7 @@ BLAH;
         $sAttrs = bx_convert_array2attrs($aAttrs, "bx-form-section bx-form-section-" . ($sTitle ? "header" : "divider"));
 
         $this->_isSectionOpened = true;
-        return $sClose . "<!-- form header content begins -->\n <div $sWrapperAttrs> <div $sAttrs> $sTitle <div class=\"bx-form-section-content py-4" . ($sTitle ? ' px-6' : '') . "\">\n";
+        return $sClose . "<!-- form header content begins -->\n <div $sWrapperAttrs> <div $sAttrs> $sTitle <div class=\"bx-form-section-content pt-4 pb-6" . ($sTitle ? ' px-6' : '') . "\">\n";
     }
 
     function getCloseSection()