#3629 - Artificer template: base templates

inc/js/classes/BxDolForm.js

@@ -94,7 +94,7 @@ BxDolForm.prototype.checkError = function () {
     
     if ($aErr.length > 0){
         $([document.documentElement, document.body]).animate({
-            scrollTop: $aErr.first().closest('.bx-form-element-wrapper').offset().top - 100
+            scrollTop: $aErr.first().closest('.bx-form-element-wrapper').offset().top - 50
         }, 200);
     }
 }

modules/base/general/template/browse_quick.html

@@ -1,6 +1,6 @@
 <div class="bx-browse-quick-block">
-    <div class="bx-base-pofile-units-wrapper bx-def-margin-bottom-neg bx-clearfix">__code__</div>
+    <div class="bx-base-pofile-units-wrapper flex flex-wrap items-start -mb-4">__code__</div>
     <bx_if:show_paginate>
-        <div class="bx-browse-quick-paginate bx-def-margin-top">__paginate__</div>
+        <div class="bx-browse-quick-paginate mt-4">__paginate__</div>
     </bx_if:show_paginate>
 </div>

modules/base/groups/template/unit.html

@@ -1 +1,31 @@
-<bx_include_auto_mod_profile:unit_with_cover.html />
+<div class="__class__ p-2 box-border">
+    <div class="bx-base-pofile-unit-cnt relative rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 shadow-sm h-full">
+        <div class="absolute z-0 w-full h-40 bg-gradient-to-b from-green-400 to-green-500"></div>
+        <a class="bx-base-pofile-unit-cover relative flex items-center justify-start w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+            <bx_if:show_thumbnail>
+                <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative ml-5">
+                    <bx_if:show_thumb_image>
+                        <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ ring-4 ring-white dark:ring-gray-900 rounded-md box-border" src="__thumb_url__" />
+                    </bx_if:show_thumb_image>
+                    <bx_if:show_thumb_letter>
+                        <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center m-0 text-white font-bold ring-4 ring-white dark:ring-gray-900 rounded-md box-border" style="background-color:rgba(__color__)">__letter__</p>
+                    </bx_if:show_thumb_letter>
+                    <bx_if:show_online>
+                        <div class="bx-base-pofile-unit-online"></div>
+                    </bx_if:show_online>
+                </div>
+            </bx_if:show_thumbnail>
+        </a>
+        <div class="bx-base-pofile-unit-info p-4 pt-2 text-left">
+            <div class="bx-base-pofile-unit-title">
+                <div class="bx-base-put-title">
+                    <a href="__content_url__" onclick="__content_click__" class="hover:underline text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white text-xl font-semibold">__title__</a>__badges__
+                </div>
+                <div class="bx-base-put-addon text-sm text-gray-500 dark:text-gray-400">__addon__</div>
+            </div>
+            <bx_if:meta>
+                <div class="bx-base-general-unit-meta flex flex-col items-stretch justify-center -mx-1 mt-2">__meta__</div>
+            </bx_if:meta>
+        </div>
+    </div>
+</div>

modules/base/groups/template/unit_live_search.html

@@ -1,12 +1,15 @@
-<div class="bx-base-group-unit bx-def-unit bx-def-unit-live-search bx-def-margin-sec-bottom" data-ts="__ts__">
-    <div class="bx-def-unit-img bx-def-__size__-size">
-        <a class="bx-def-font-align-center" href="__content_url__">
+<div class="bx-base-group-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
+    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__content_url__">
+        <div class="bx-def-unit-img bx-def-__size__-size">
             <bx_if:show_thumb_image>
                 <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size" src="__thumb_url__" />
             </bx_if:show_thumb_image>
             <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center text-white font-bold rounded box-border" style="background-color:rgba(__color__)">__letter__</p>
             </bx_if:show_thumb_letter>
-        </a>
-    </div><div class="bx-def-unit-info bx-def-__size__-size-max-height bx-def-padding-sec-left"><a href="__content_url__">__title__</a><br /><span class="bx-def-font-grayed bx-def-font-small">__module_name__</span></div>
-</div>
+        </div><div class="bx-def-unit-info flex flex-col pl-2">
+            <div class="bx-def-ui-title">__title__</div>
+            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
+        </div>
+    </a>
+</div>

modules/base/notifications/template/unit_live_search.html

@@ -1,5 +1,10 @@
-<div class="bx-base-notifications-unit bx-def-unit bx-def-unit-live-search bx-def-margin-sec-bottom" data-ts="__ts__">
-	<bx_if:show_icon><img class="bx-def-thumb bx-def-thumb-size" src="__author_icon__" /></bx_if:show_icon>
-	<bx_if:show_icon_empty><i class="sys-icon user"></i></bx_if:show_icon_empty>
-    <div class="bx-def-unit-info bx-def-thumb-size-max-height bx-def-padding-sec-left"><a href="__item_url__">__title__</a><br /><span class="bx-def-font-grayed bx-def-font-small">__module_name__</span></div>
+<div class="bx-base-notifications-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
+    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__item_url__">
+        <bx_if:show_icon><img class="bx-def-thumb bx-def-thumb-size rounded box-border" src="__author_icon__" /></bx_if:show_icon>
+        <bx_if:show_icon_empty><i class="sys-icon user"></i></bx_if:show_icon_empty>
+        <div class="bx-def-unit-info flex flex-col pl-2">
+            <div class="bx-def-ui-title">__title__</div>
+            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
+        </div>
+    </a>
 </div>

modules/base/profile/template/form_ghost_template.html

@@ -1,9 +1,9 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-def-margin-sec-top bx-clearfix">
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost mt-2 bx-clearfix">
     <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
+    <div class="bx-base-general-icon-wrapper mr-2">
         <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
     </div>
     <span class="bx-base-general-uploader-ghost">
-        <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+        <a class="bx-btn bx-btn-small mt-2 mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
     </span>
 </div>

modules/base/profile/template/unit.html

@@ -1,23 +1,23 @@
-<div class="__class__ bx-def-unit absolute bx-def-margin-bottom bx-def-margin-sec-right">
-    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size">
-        <a class="bx-def-font-align-center" href="__content_url__" onclick="__content_click__">
+<div class="__class__ bx-def-unit flex items-center w-46 mb-4 mr-2">
+    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size __class_size__ relative flex-none">
+        <a class="text-center" href="__content_url__" onclick="__content_click__">
             <bx_if:show_thumb_image>
-                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" src="__thumb_url__" />
+                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
             </bx_if:show_thumb_image>
             <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
             </bx_if:show_thumb_letter>
         </a>
         <bx_if:show_online>
             <div class="bx-base-pofile-unit-online"></div>
         </bx_if:show_online>
     </div>
-    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height bx-def-__size__-size-left-indent">
-        <div class="bx-def-unit-info-cnt bx-def-box-sizing">
-            <div class="bx-def-unit-line">
+    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height flex items-center max-w-32 ml-4">
+        <div class="bx-def-unit-info-cnt box-border overflow-hidden">
+            <div class="bx-def-unit-line truncate">
                 <a class="bx-def-unit-info-title" href="__content_url__" onclick="__content_click__">__title__</a>
             </div>
-            <div class="bx-def-unit-line bx-def-font-small bx-def-font-grayed">__addon__</div>
+            <div class="bx-def-unit-line text-sm text-gray-500 dark:text-gray-400">__addon__</div>
         </div>
     </div>
-</div>
+</div>

modules/base/profile/template/unit_live_search.html

@@ -1,12 +1,16 @@
-<div class="bx-base-profile-unit bx-def-unit bx-def-unit-live-search bx-def-margin-sec-bottom" data-ts="__ts__">
-    <div class="bx-def-unit-img bx-def-__size__-size">
-        <a class="bx-def-font-align-center" href="__content_url__">
+<div class="bx-base-profile-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
+    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__content_url__">
+        <div class="bx-def-unit-img bx-def-__size__-size">
             <bx_if:show_thumb_image>
                 <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size" src="__thumb_url__" />
             </bx_if:show_thumb_image>
             <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center text-white font-bold rounded-full box-border" style="background-color:rgba(__color__)">__letter__</p>
             </bx_if:show_thumb_letter>
-        </a>
-    </div><div class="bx-def-unit-info bx-def-__size__-size-max-height bx-def-padding-sec-left"><a href="__content_url__">__title__</a><br /><span class="bx-def-font-grayed bx-def-font-small">__module_name__</span></div>
-</div>
+        </div>
+        <div class="bx-def-unit-info flex flex-col pl-2">
+            <div class="bx-def-ui-title">__title__</div>
+            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
+        </div>
+    </a>
+</div>

modules/base/profile/template/unit_meta_item.html

@@ -1,6 +1,26 @@
-<bx_if:span><span class="__style_prefix__-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span><span class="bx-base-profile-unit-meta-item"><span class="bx-def-font-grayed __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span></span></bx_if:span>
-<bx_if:a><span class="__style_prefix__-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span><span class="bx-base-profile-unit-meta-item"><a class="__class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></span></bx_if:a>
-<bx_if:button><span class="bx-base-profile-unit-meta-item bx-def-padding-thd-leftright"><a class="bx-btn __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></span></bx_if:button>
-<bx_if:sbutton><span class="bx-base-profile-unit-meta-item bx-def-padding-thd-leftright"><a class="bx-btn bx-btn-small __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></span></bx_if:sbutton>
-<bx_if:custom><span class="bx-base-profile-unit-meta-item">__content__</span></bx_if:custom>
+<bx_if:span>
+    <span class="__style_prefix__-div text-sm text-gray-500 dark:text-gray-400">&nbsp;&#183;&nbsp;</span>
+    <span class="bx-base-profile-unit-meta-item flex items-start">
+        <span class="text-sm text-gray-500 dark:text-gray-400 __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
+    </span>
+</bx_if:span>
+<bx_if:a>
+    <span class="__style_prefix__-div text-sm text-gray-500 dark:text-gray-400">&nbsp;&#183;&nbsp;</span>
+    <span class="bx-base-profile-unit-meta-item flex items-start">
+        <a class="__class__ bx-def-a-colored" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+    </span>
+</bx_if:a>
+<bx_if:button>
+    <span class="bx-base-profile-unit-meta-item px-1">
+        <a class="bx-btn __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+    </span>
+</bx_if:button>
+<bx_if:sbutton>
+    <span class="bx-base-profile-unit-meta-item px-1">
+        <a class="bx-btn bx-btn-small __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+    </span>
+</bx_if:sbutton>
+<bx_if:custom>
+    <span class="bx-base-profile-unit-meta-item">__content__</span>
+</bx_if:custom>
 <bx_if:nl></bx_if:nl>

modules/base/profile/template/unit_with_cover.html

@@ -1,13 +1,14 @@
-<div class="__class__ bx-def-padding-sec bx-def-box-sizing">
-    <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
-        <a class="bx-base-pofile-unit-cover bx-def-align-center" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+<div class="__class__ p-2 box-border">
+    <div class="bx-base-pofile-unit-cnt relative h-full ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 rounded-md shadow-sm">
+        <div class="absolute z-0 w-full h-40 bg-gradient-to-b from-blue-400 to-blue-500"></div>
+        <a class="bx-base-pofile-unit-cover relative flex items-center justify-center w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
             <bx_if:show_thumbnail>
-                <div class="bx-def-unit-img bx-def-__size__-size">
+                <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative">
                     <bx_if:show_thumb_image>
-                        <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" src="__thumb_url__" />
+                        <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
                     </bx_if:show_thumb_image>
                     <bx_if:show_thumb_letter>
-                        <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+                        <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
                     </bx_if:show_thumb_letter>
                     <bx_if:show_online>
                         <div class="bx-base-pofile-unit-online"></div>
@@ -15,13 +16,12 @@
                 </div>
             </bx_if:show_thumbnail>
         </a>
-        <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding-sec">
-            <a href="__content_url__" onclick="__content_click__" >__title__</a>
-			__badges__
+        <div class="bx-base-pofile-unit-title p-2 box-border text-center truncate">
+            <a href="__content_url__" onclick="__content_click__" class="hover:underline text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white font-semibold">__title__</a>__badges__
         </div>
-		<span class="bx-def-font-small bx-def-font-grayed">__addon__</span>
+        <span class="text-sm text-gray-500 dark:text-gray-400">__addon__</span>
         <div class="bx-base-pofile-unit-info">
-            <bx_if:meta><div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-sec-rightbottomleft">__meta__</div></bx_if:meta>
+            <bx_if:meta><div class="bx-base-general-unit-meta flex items-center justify-center px-2 pb-2 box-border">__meta__</div></bx_if:meta>
         </div>
     </div>
 </div>

modules/base/profile/template/unit_wo_info.html

@@ -1,16 +1,15 @@
-<div class="__class__ bx-def-__size__-size">
-    <div class="bx-def-unit-img bx-def-__size__-size">
+<div class="__class__ bx-def-__size__-size __class_size__">
+    <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative">
         <a class="bx-def-font-align-center" href="__content_url__" onclick="__content_click__" title="__title_attr__">
             <bx_if:show_thumb_image>
-                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" src="__thumb_url__" />
+                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
             </bx_if:show_thumb_image>
             <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
             </bx_if:show_thumb_letter>
         </a>
         <bx_if:show_online>
             <div class="bx-base-pofile-unit-online"></div>
         </bx_if:show_online>
-		
     </div>
 </div>

modules/base/profile/template/unit_wo_info_links.html

@@ -1,10 +1,10 @@
-<div class="__class__ bx-def-__size__-size bx-def-font-align-center">
-    <div class="bx-def-unit-img bx-def-__size__-size">
+<div class="__class__ bx-def-__size__-size __class_size__ text-center">
+    <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative">
         <bx_if:show_thumb_image>
-            <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" src="__thumb_url__" />
+            <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
         </bx_if:show_thumb_image>
         <bx_if:show_thumb_letter>
-            <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+            <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
         </bx_if:show_thumb_letter>
         <bx_if:show_online>
             <div class="bx-base-pofile-unit-online"></div>

modules/base/text/template/entry-text.html

@@ -1,18 +1,16 @@
 <div class="bx-content-description-before">__content_description_before__</div>
 <div class="bx-content-description">
     <bx_if:show_image>
-        <div class="bx-base-text-entity-image bx-def-margin-bottom bx-def-font-align-center __add_class__">
-            <img class="bx-def-border-radius-block __img_class__" src="__entry_image__" />
+        <div class="bx-base-text-entity-image mb-4 text-center __add_class__">
+            <img class="rounded __img_class__" src="__entry_image__" />
         </div>
         __additional_code__
     </bx_if:show_image>
     <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
-		<div class="bx-base-text-title-bages">
-			<h1>__entry_title__</h1> 
-			<div class="bx-base-bages-container">
-				__badges__
-			</div>
-		</div>	
+        <div class="bx-base-text-title-bages">
+            <div class="text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300 mb-1 lg:mb-2">__entry_title__</div>
+            <div class="bx-base-bages-container">__badges__</div>
+        </div>
         __entry_text__
     </div>
 </div>

modules/base/text/template/form_ghost_template.html

@@ -1,23 +1,25 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-def-margin-sec-top bx-clearfix">
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost flex items-start mt-2">
     <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
-        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
+    <div class="bx-base-general-icon-wrapper mr-2">
+        <img src="{file_icon}" class="bx-base-general-icon rounded bx-base-general-icon-{file_id}" />
     </div>
     <span class="bx-base-general-uploader-ghost">
-        <b><bx_text:_sys_txt_form_entry_input_picture_pic_url /></b><br />
-        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_url}" readonly="1" /> <br />
-
-        <span id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
-        </span>
-        <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-
-        <bx_if:set_thumb>
-            <span class="bx-base-general-use-as-thumb">
-                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                <label for="__name_thumb__-{file_id}">__txt_pict_use_as_thumb__</label>
+        <div class="font-bold"><bx_text:_sys_txt_form_entry_input_picture_pic_url /></div>
+        <div class="bx-form-input-wrapper bx-form-input-wrapper-text mt-1">
+            <input class="bx-def-font-inputs bx-form-input-text" type="text" value="{file_url}" readonly="1" />
+        </div>
+        <div class="mt-2">
+            <span id="bx-base-general-intert-to-post-link-{file_id}" class="inline-block" style="display:none;">
+                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
             </span>
-        </bx_if:set_thumb>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+            <bx_if:set_thumb>
+                <span class="bx-base-general-use-as-thumb inline-block">
+                    <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
+                    <label for="__name_thumb__-{file_id}">__txt_pict_use_as_thumb__</label>
+                </span>
+            </bx_if:set_thumb>
+        </div>
     </span>
 </div>
 <script>
@@ -33,4 +35,4 @@
     // select first image as a thumb by default
     if (!__content_id__ && 1 == $('input[name="__name_thumb__[]"]').length)
         $('input[name="__name_thumb__[]"]').attr('checked', true);
-</script>
+</script>

modules/base/text/template/poll_item.html

@@ -1,16 +1,16 @@
-<div id="__html_id__" class="bx-base-text-poll bx-def-padding-sec bx-def-box-sizing">
-    <div class="bx-base-text-poll-cnt bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-padding bx-def-box-sizing">
+<div id="__html_id__" class="bx-base-text-poll p-2 box-border">
+    <div class="bx-base-text-poll-cnt w-full p-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md box-border">
         <div class="bx-base-text-poll-plate">
-            <div class="bx-base-text-poll-actions bx-def-padding-sec-bottom">
+            <div class="bx-base-text-poll-actions flex justify-end pb-2">
                 __action_menu__
                 <bx_if:show_action_embed>
-                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-embed bx-def-margin-sec-left-auto" href="javascript:void(0)" onclick="javascript:__js_object__.embedPoll(this, __id__);" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />"><i class="sys-icon plus-square"></i></a>
+                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-embed ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.embedPoll(this, __id__);" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />"><i class="sys-icon plus-square"></i></a>
                 </bx_if:show_action_embed>
                 <bx_if:show_action_delete>
-                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-delete bx-def-margin-sec-left-auto" href="javascript:void(0)" onclick="javascript:__js_object__.deletePoll(this, __id__, ['__editor_id__']);" title="<bx_text_attribute:_Delete />"><i class="sys-icon times"></i></a>
+                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-delete ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.deletePoll(this, __id__, ['__editor_id__']);" title="<bx_text_attribute:_Delete />"><i class="sys-icon times"></i></a>
                 </bx_if:show_action_delete>
             </div>
-            <div class="bx-base-text-poll-question bx-def-padding-bottom bx-def-font-h3">__text__</div>
+            <div class="bx-base-text-poll-question pb-4 text-2xl font-medium">__text__</div>
             __content__
         </div>
     </div>

modules/base/text/template/poll_item_answers.html

@@ -1,5 +1,5 @@
 <div id="__html_id__" class="bx-base-text-poll-content bx-base-text-poll-answers bx-clearfix">
     <bx_repeat:answers>
-        <div class="bx-base-text-poll-answer bx-def-margin-top-auto">__answer__</div>
+        <div class="bx-base-text-poll-answer mt-4 first:mt-0">__answer__</div>
     </bx_repeat:answers>
 </div>

modules/base/text/template/poll_item_results.html

@@ -1,10 +1,10 @@
-<div id="__html_id__" class="bx-base-text-poll-content bx-base-text-poll-results bx-clearfix">
+<div id="__html_id__" class="bx-base-text-poll-content bx-base-text-poll-results">
     <bx_repeat:answers>
-        <div class="bx-base-text-poll-result bx-def-margin-top-auto">
+        <div class="bx-base-text-poll-result mt-4 first:mt-0">
             <div class="bx-base-text-pr-into">__title__</div>
-            <div class="bx-base-text-pr-graph bx-def-margin-thd-top">
-                <div class="bx-base-text-prg-bar bx-def-round-corners" style="width:__width__">&nbsp;</div>
-                <div class="bx-base-text-prg-text bx-def-padding-left bx-def-font-middle bx-def-font-grayed">__votes__&nbsp;__percent__</div>
+            <div class="bx-base-text-pr-graph mt-1">
+                <div class="bx-base-text-prg-bar rounded" style="width:__width__">&nbsp;</div>
+                <div class="bx-base-text-prg-text pl-4 text-gray-500 dark:text-gray-400 text-sm">__votes__&nbsp;__percent__</div>
             </div>
         </div>
     </bx_repeat:answers>

modules/base/text/template/poll_items_showcase.html

@@ -1,4 +1,4 @@
-<div id="__html_id__" class="bx-base-text-polls-showcase bx-base-text-showcase-type-__type__ bx-def-margin-sec-leftright-neg">__polls__</div>
+<div id="__html_id__" class="bx-base-text-polls-showcase bx-base-text-showcase-type-__type__ -mx-2">__polls__</div>
 <script>
     $(document).ready(function() {
         __js_object__.initFlickity('#__html_id__');

modules/base/text/template/unit.html

@@ -1,20 +1,18 @@
-<div class="bx-base-text-unit bx-base-text-unit-ext bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
-	<bx_if:thumb>
-		<div class="bx-base-text-unit-cover">
-			<img class="bx-base-text-unit-cover bx-def-round-corners" alt="__title__" src="__thumb_url__" />
-		</div>
-	</bx_if:thumb>
-	<div class="bx-base-text-unit-text bx-def-padding bx-def-box-sizing">
-	    <div class="bx-base-text-unit-title">
-			<h2><a href="__content_url__">__title__ </a></h2>
-			 __badges__
-		</div>
-		
-	    <div class="bx-base-text-unit-info bx-def-margin-sec-top bx-def-font-small">
+<div class="bx-base-text-unit bx-base-text-unit-ext flex flex-col mb-3 md:mb-4 lg:mb-6 bx-def-color-bg-box ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden text-left rounded-md">
+    <bx_if:thumb>
+        <div class="bx-base-text-unit-cover flex-shrink-0 m-1">
+            <img class="h-48 w-full object-cover rounded" src="__gallery_url__" alt="">
+        </div>
+    </bx_if:thumb>
+    <div class="bx-base-text-unit-text p-3 md:p-4 lg:p-6 pt-2 md:pt-3 lg:pt-5 box-border">
+        <div class="bx-base-text-unit-info flex space-x-1 text-sm text-gray-500 dark:text-gray-400 pb-2">
             <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
         </div>
-	    <div class="bx-base-text-unit-summary bx-def-margin-sec-top bx-clearfix">
-	        __summary__
-	    </div> 
-	</div>
+        <div class="bx-base-text-unit-title text-left">
+            <a href="__content_url__" class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white">__title__</a>__badges__
+        </div>
+        <div class="bx-base-text-unit-text text-left mt-1 lg:mt-2 font-normal text-sm lg:text-base text-gray-500 group-hover:text-gray-600 dark:text-gray-400 dark:group-hover:text-gray-300">
+        __summary__
+        </div>
+    </div>
 </div>

modules/base/text/template/unit_full.html

@@ -1,7 +1 @@
-<div class="bx-base-text-unit bx-base-text-unit-ext bx-def-margin-bottom">
-    <h1 class="bx-base-text-unit-title bx-def-padding-sec-top"><a href="__content_url__">__title__</a></h1>
-    <div class="bx-base-text-unit-info bx-def-margin-sec-top">
-        <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
-    </div>
-    <div class="bx-base-text-unit-summary bx-def-margin-sec-top bx-def-margin-sec-bottom bx-clearfix">__text__</div> 
-</div>
+<bx_include_auto:unit.html />

modules/base/text/template/unit_gallery.html

@@ -1,27 +1,24 @@
-<div class="__class__ bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size bx-def-padding-sec">
-    <div class="bx-base-text-unit-cnt bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-box-sizing">
+<div class="__class__ bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size flex flex-col w-full p-2 box-border">
+    <div class="bx-base-text-unit-cnt rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800">
         <bx_if:thumb>
             <a href="__content_url__" title="__summary_attr__">
-                <div class="bx-base-text-unit-thumb bx-def-gal-div-size bx-def-round-corners bx-def-font-middle" style="background-image:url(__gallery_url__)">
-                    <div class="bx-base-text-unit-strecher">__strecher__</div>
+                <div class="flex-shrink-0 m-1">
+                    <img class="h-48 w-full object-cover rounded" src="__gallery_url__" alt="">
                 </div>
             </a>
         </bx_if:thumb>
         <bx_if:no_thumb>
-            <div class="bx-def-gal-img-column">
-                <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-box-sizing">
-                    __summary_plain__
-                    <div class="bx-base-text-unit-strecher">__strecher__</div>
-                </div>
+            <div class="bx-def-gal-img-column flex-shrink-0 m-1">
+                <div class="bx-base-text-unit-no-thumb flex flex-col items-center justify-center h-48 p-4 bg-gradient-to-b from-red-400 to-red-500 box-border rounded-md"></div>
             </div>
         </bx_if:no_thumb>
-        <div class="bx-base-text-unit-text bx-def-padding-leftright bx-def-padding-sec-topbottom bx-def-box-sizing">
-            <div class="bx-base-text-unit-title">
-                <h2><a href="__content_url__">__title__</a></h2>
-                __badges__
+        <div class="bx-base-text-unit-text p-3 md:p-4 lg:p-6 pt-2 md:pt-3 lg:pt-5 box-border">
+            <div class="bx-base-text-unit-info flex text-sm text-gray-500 dark:text-gray-400">
+                <bx_if:meta><div class="bx-base-general-unit-meta pb-2">__meta__</div></bx_if:meta>
             </div>
-            <div class="bx-base-text-unit-info">
-                <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
+            <div class="bx-base-text-unit-title flex items-center text-left">
+                <a href="__content_url__" class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white">__title__</a>
+                __badges__
             </div>
         </div>
     </div>

modules/base/text/template/unit_live_search.html

@@ -1,5 +1,16 @@
-<div class="bx-base-text-unit bx-def-unit bx-def-unit-live-search bx-def-margin-sec-bottom" data-ts="__ts__">
-    <bx_if:thumb><a href="__content_url__"><div class="bx-def-unit-img bx-def-thumb-size bx-def-round-corners bx-def-box bx-def-color-bg-box bx-def-box-sizing" style="background-image:url(__thumb_url__);"></div></bx_if:thumb>
-    <bx_if:no_thumb><a href="__content_url__"><div class="bx-def-unit-img"><div class="bx-def-unit-img-empty bx-def-thumb-size bx-def-round-corners bx-def-box bx-def-color-bg-box bx-def-box-sizing"><i class="sys-icon __module_icon__"></i></div></div></a></bx_if:no_thumb>
-    <div class="bx-def-unit-info bx-def-thumb-size-max-height bx-def-padding-sec-left"><a href="__content_url__">__title__</a><br /><span class="bx-def-font-grayed bx-def-font-small">__module_name__</span></div>
-</div>
+<div class="bx-base-text-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
+    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__content_url__">
+        <bx_if:thumb>
+            <div class="bx-def-unit-img bx-def-thumb-size bx-def-box bg-white dark:bg-gray-700 rounded box-border" style="background-image:url(__thumb_url__);"></div>
+        </bx_if:thumb>
+        <bx_if:no_thumb>
+            <div class="bx-def-unit-img">
+                <div class="bx-def-unit-img-empty bx-def-thumb-size bg-white dark:bg-gray-700 rounded box-border"><i class="sys-icon __module_icon__"></i></div>
+            </div>
+        </bx_if:no_thumb>
+        <div class="bx-def-unit-info flex flex-col pl-2">
+            <div class="bx-def-ui-title">__title__</div>
+            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
+        </div>
+    </a>
+</div>

modules/boonex/artificer/data/template/mod_general/browse_quick.html

@@ -1,6 +0,0 @@
-<div class="bx-browse-quick-block">
-    <div class="bx-base-pofile-units-wrapper flex flex-wrap items-start -mb-4">__code__</div>
-    <bx_if:show_paginate>
-        <div class="bx-browse-quick-paginate mt-4">__paginate__</div>
-    </bx_if:show_paginate>
-</div>

modules/boonex/artificer/data/template/mod_groups/unit.html

@@ -1,31 +0,0 @@
-<div class="__class__ p-2 box-border">
-    <div class="bx-base-pofile-unit-cnt relative rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 shadow-sm h-full">
-        <div class="absolute z-0 w-full h-40 bg-gradient-to-b from-green-400 to-green-500"></div>
-        <a class="bx-base-pofile-unit-cover relative flex items-center justify-start w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
-            <bx_if:show_thumbnail>
-                <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative ml-5">
-                    <bx_if:show_thumb_image>
-                        <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ ring-4 ring-white dark:ring-gray-900 rounded-md box-border" src="__thumb_url__" />
-                    </bx_if:show_thumb_image>
-                    <bx_if:show_thumb_letter>
-                        <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center m-0 text-white font-bold ring-4 ring-white dark:ring-gray-900 rounded-md box-border" style="background-color:rgba(__color__)">__letter__</p>
-                    </bx_if:show_thumb_letter>
-                    <bx_if:show_online>
-                        <div class="bx-base-pofile-unit-online"></div>
-                    </bx_if:show_online>
-                </div>
-            </bx_if:show_thumbnail>
-        </a>
-        <div class="bx-base-pofile-unit-info p-4 pt-2 text-left">
-            <div class="bx-base-pofile-unit-title">
-                <div class="bx-base-put-title">
-                    <a href="__content_url__" onclick="__content_click__" class="hover:underline text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white text-xl font-semibold">__title__</a>__badges__
-                </div>
-                <div class="bx-base-put-addon text-sm text-gray-500 dark:text-gray-400">__addon__</div>
-            </div>
-            <bx_if:meta>
-                <div class="bx-base-general-unit-meta flex flex-col items-stretch justify-center -mx-1 mt-2">__meta__</div>
-            </bx_if:meta>
-        </div>
-    </div>
-</div>

modules/boonex/artificer/data/template/mod_groups/unit_live_search.html

@@ -1,15 +0,0 @@
-<div class="bx-base-group-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
-    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__content_url__">
-        <div class="bx-def-unit-img bx-def-__size__-size">
-            <bx_if:show_thumb_image>
-                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size" src="__thumb_url__" />
-            </bx_if:show_thumb_image>
-            <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center text-white font-bold rounded box-border" style="background-color:rgba(__color__)">__letter__</p>
-            </bx_if:show_thumb_letter>
-        </div><div class="bx-def-unit-info flex flex-col pl-2">
-            <div class="bx-def-ui-title">__title__</div>
-            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
-        </div>
-    </a>
-</div>

modules/boonex/artificer/data/template/mod_groups/unit_with_cover_showcase.html

@@ -1 +0,0 @@
-<bx_include_auto:unit.html />

modules/boonex/artificer/data/template/mod_notifications/unit_live_search.html

@@ -1,10 +0,0 @@
-<div class="bx-base-notifications-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
-    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__item_url__">
-        <bx_if:show_icon><img class="bx-def-thumb bx-def-thumb-size rounded box-border" src="__author_icon__" /></bx_if:show_icon>
-        <bx_if:show_icon_empty><i class="sys-icon user"></i></bx_if:show_icon_empty>
-        <div class="bx-def-unit-info flex flex-col pl-2">
-            <div class="bx-def-ui-title">__title__</div>
-            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
-        </div>
-    </a>
-</div>

modules/boonex/artificer/data/template/mod_profile/form_ghost_template.html

@@ -1,9 +0,0 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost mt-2 bx-clearfix">
-    <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper mr-2">
-        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
-    </div>
-    <span class="bx-base-general-uploader-ghost">
-        <a class="bx-btn bx-btn-small mt-2 mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-    </span>
-</div>

modules/boonex/artificer/data/template/mod_profile/unit.html

@@ -1,23 +0,0 @@
-<div class="__class__ bx-def-unit flex items-center w-46 mb-4 mr-2">
-    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size __class_size__ relative flex-none">
-        <a class="text-center" href="__content_url__" onclick="__content_click__">
-            <bx_if:show_thumb_image>
-                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
-            </bx_if:show_thumb_image>
-            <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
-            </bx_if:show_thumb_letter>
-        </a>
-        <bx_if:show_online>
-            <div class="bx-base-pofile-unit-online"></div>
-        </bx_if:show_online>
-    </div>
-    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height flex items-center max-w-32 ml-4">
-        <div class="bx-def-unit-info-cnt box-border overflow-hidden">
-            <div class="bx-def-unit-line truncate">
-                <a class="bx-def-unit-info-title" href="__content_url__" onclick="__content_click__">__title__</a>
-            </div>
-            <div class="bx-def-unit-line text-sm text-gray-500 dark:text-gray-400">__addon__</div>
-        </div>
-    </div>
-</div>

modules/boonex/artificer/data/template/mod_profile/unit_live_search.html

@@ -1,16 +0,0 @@
-<div class="bx-base-profile-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
-    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__content_url__">
-        <div class="bx-def-unit-img bx-def-__size__-size">
-            <bx_if:show_thumb_image>
-                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size" src="__thumb_url__" />
-            </bx_if:show_thumb_image>
-            <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center text-white font-bold rounded-full box-border" style="background-color:rgba(__color__)">__letter__</p>
-            </bx_if:show_thumb_letter>
-        </div>
-        <div class="bx-def-unit-info flex flex-col pl-2">
-            <div class="bx-def-ui-title">__title__</div>
-            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
-        </div>
-    </a>
-</div>

modules/boonex/artificer/data/template/mod_profile/unit_meta_item.html

@@ -1,26 +0,0 @@
-<bx_if:span>
-    <span class="__style_prefix__-div text-sm text-gray-500 dark:text-gray-400">&nbsp;&#183;&nbsp;</span>
-    <span class="bx-base-profile-unit-meta-item flex items-start">
-        <span class="text-sm text-gray-500 dark:text-gray-400 __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
-    </span>
-</bx_if:span>
-<bx_if:a>
-    <span class="__style_prefix__-div text-sm text-gray-500 dark:text-gray-400">&nbsp;&#183;&nbsp;</span>
-    <span class="bx-base-profile-unit-meta-item flex items-start">
-        <a class="__class__ bx-def-a-colored" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
-    </span>
-</bx_if:a>
-<bx_if:button>
-    <span class="bx-base-profile-unit-meta-item px-1">
-        <a class="bx-btn __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
-    </span>
-</bx_if:button>
-<bx_if:sbutton>
-    <span class="bx-base-profile-unit-meta-item px-1">
-        <a class="bx-btn bx-btn-small __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
-    </span>
-</bx_if:sbutton>
-<bx_if:custom>
-    <span class="bx-base-profile-unit-meta-item">__content__</span>
-</bx_if:custom>
-<bx_if:nl></bx_if:nl>

modules/boonex/artificer/data/template/mod_profile/unit_with_cover.html

@@ -1,27 +0,0 @@
-<div class="__class__ p-2 box-border">
-    <div class="bx-base-pofile-unit-cnt relative h-full ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 rounded-md shadow-sm">
-        <div class="absolute z-0 w-full h-40 bg-gradient-to-b from-blue-400 to-blue-500"></div>
-        <a class="bx-base-pofile-unit-cover relative flex items-center justify-center w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
-            <bx_if:show_thumbnail>
-                <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative">
-                    <bx_if:show_thumb_image>
-                        <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
-                    </bx_if:show_thumb_image>
-                    <bx_if:show_thumb_letter>
-                        <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
-                    </bx_if:show_thumb_letter>
-                    <bx_if:show_online>
-                        <div class="bx-base-pofile-unit-online"></div>
-                    </bx_if:show_online>
-                </div>
-            </bx_if:show_thumbnail>
-        </a>
-        <div class="bx-base-pofile-unit-title p-2 box-border text-center truncate">
-            <a href="__content_url__" onclick="__content_click__" class="hover:underline text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white font-semibold">__title__</a>__badges__
-        </div>
-        <span class="text-sm text-gray-500 dark:text-gray-400">__addon__</span>
-        <div class="bx-base-pofile-unit-info">
-            <bx_if:meta><div class="bx-base-general-unit-meta flex items-center justify-center px-2 pb-2 box-border">__meta__</div></bx_if:meta>
-        </div>
-    </div>
-</div>

modules/boonex/artificer/data/template/mod_profile/unit_wo_cover.html

@@ -1 +0,0 @@
-<bx_include_auto_mod_profile:unit.html />

modules/boonex/artificer/data/template/mod_profile/unit_wo_info.html

@@ -1,15 +0,0 @@
-<div class="__class__ bx-def-__size__-size __class_size__">
-    <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative">
-        <a class="bx-def-font-align-center" href="__content_url__" onclick="__content_click__" title="__title_attr__">
-            <bx_if:show_thumb_image>
-                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
-            </bx_if:show_thumb_image>
-            <bx_if:show_thumb_letter>
-                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
-            </bx_if:show_thumb_letter>
-        </a>
-        <bx_if:show_online>
-            <div class="bx-base-pofile-unit-online"></div>
-        </bx_if:show_online>
-    </div>
-</div>

modules/boonex/artificer/data/template/mod_profile/unit_wo_info_links.html

@@ -1,13 +0,0 @@
-<div class="__class__ bx-def-__size__-size __class_size__ text-center">
-    <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative">
-        <bx_if:show_thumb_image>
-            <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
-        </bx_if:show_thumb_image>
-        <bx_if:show_thumb_letter>
-            <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
-        </bx_if:show_thumb_letter>
-        <bx_if:show_online>
-            <div class="bx-base-pofile-unit-online"></div>
-        </bx_if:show_online>
-    </div>
-</div>

modules/boonex/artificer/data/template/mod_text/entry-text.html

@@ -1,17 +0,0 @@
-<div class="bx-content-description-before">__content_description_before__</div>
-<div class="bx-content-description">
-    <bx_if:show_image>
-        <div class="bx-base-text-entity-image mb-4 text-center __add_class__">
-            <img class="rounded __img_class__" src="__entry_image__" />
-        </div>
-        __additional_code__
-    </bx_if:show_image>
-    <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
-        <div class="bx-base-text-title-bages">
-            <div class="text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300 mb-1 lg:mb-2">__entry_title__</div> 
-            <div class="bx-base-bages-container">__badges__</div>
-        </div>	
-        __entry_text__
-    </div>
-</div>
-<div class="bx-content-description-after">__content_description_after__</div>

modules/boonex/artificer/data/template/mod_text/form_ghost_template.html

@@ -1,38 +0,0 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost flex items-start mt-2">
-    <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper mr-2">
-        <img src="{file_icon}" class="bx-base-general-icon rounded bx-base-general-icon-{file_id}" />
-    </div>
-    <span class="bx-base-general-uploader-ghost">
-        <div class="font-bold"><bx_text:_sys_txt_form_entry_input_picture_pic_url /></div>
-        <div class="bx-form-input-wrapper bx-form-input-wrapper-text mt-1">
-            <input class="bx-def-font-inputs bx-form-input-text" type="text" value="{file_url}" readonly="1" />
-        </div>
-        <div class="mt-2">
-            <span id="bx-base-general-intert-to-post-link-{file_id}" class="inline-block" style="display:none;">
-                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
-            </span>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-            <bx_if:set_thumb>
-                <span class="bx-base-general-use-as-thumb inline-block">
-                    <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                    <label for="__name_thumb__-{file_id}">__txt_pict_use_as_thumb__</label>
-                </span>
-            </bx_if:set_thumb>
-        </div>
-    </span>
-</div>
-<script>
-    $('#bx-base-general-intert-to-post-link-{file_id}').show();
-
-    $('#bx-uploader-file-{storage_object}-{file_id} .bx-base-general-use-as-thumb input[value="__thumb_id__"]').attr('checked', true);
-
-    // disable images drag&drop, because resized images address can be reset after some time
-    $(".bx-base-general-icon-{file_id}").bind('dragstart', function(){
-        return false; 
-    });
-
-    // select first image as a thumb by default
-    if (!__content_id__ && 1 == $('input[name="__name_thumb__[]"]').length)
-        $('input[name="__name_thumb__[]"]').attr('checked', true);
-</script>

modules/boonex/artificer/data/template/mod_text/poll_item.html

@@ -1,20 +0,0 @@
-<div id="__html_id__" class="bx-base-text-poll p-2 box-border">
-    <div class="bx-base-text-poll-cnt w-full p-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md box-border">
-        <div class="bx-base-text-poll-plate">
-            <div class="bx-base-text-poll-actions flex justify-end pb-2">
-                __action_menu__
-                <bx_if:show_action_embed>
-                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-embed ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.embedPoll(this, __id__);" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />"><i class="sys-icon plus-square"></i></a>
-                </bx_if:show_action_embed>
-                <bx_if:show_action_delete>
-                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-delete ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.deletePoll(this, __id__, ['__editor_id__']);" title="<bx_text_attribute:_Delete />"><i class="sys-icon times"></i></a>
-                </bx_if:show_action_delete>
-            </div>
-            <div class="bx-base-text-poll-question pb-4 text-2xl font-medium">__text__</div>
-            __content__
-        </div>
-    </div>
-    <bx_if:show_input_hidden>
-        <input type="hidden" name="__name__[]" value="__id__" />
-    </bx_if:show_input_hidden>
-</div>

modules/boonex/artificer/data/template/mod_text/poll_item_answers.html

@@ -1,5 +0,0 @@
-<div id="__html_id__" class="bx-base-text-poll-content bx-base-text-poll-answers bx-clearfix">
-    <bx_repeat:answers>
-        <div class="bx-base-text-poll-answer mt-4 first:mt-0">__answer__</div>
-    </bx_repeat:answers>
-</div>

modules/boonex/artificer/data/template/mod_text/poll_item_results.html

@@ -1,11 +0,0 @@
-<div id="__html_id__" class="bx-base-text-poll-content bx-base-text-poll-results">
-    <bx_repeat:answers>
-        <div class="bx-base-text-poll-result mt-4 first:mt-0">
-            <div class="bx-base-text-pr-into">__title__</div>
-            <div class="bx-base-text-pr-graph mt-1">
-                <div class="bx-base-text-prg-bar rounded" style="width:__width__">&nbsp;</div>
-                <div class="bx-base-text-prg-text pl-4 text-gray-500 dark:text-gray-400 text-sm">__votes__&nbsp;__percent__</div>
-            </div>
-        </div>
-    </bx_repeat:answers>
-</div>

modules/boonex/artificer/data/template/mod_text/poll_items_showcase.html

@@ -1,6 +0,0 @@
-<div id="__html_id__" class="bx-base-text-polls-showcase bx-base-text-showcase-type-__type__ -mx-2">__polls__</div>
-<script>
-    $(document).ready(function() {
-        __js_object__.initFlickity('#__html_id__');
-    });
-</script>

modules/boonex/artificer/data/template/mod_text/unit.html

@@ -1,18 +0,0 @@
-<div class="bx-base-text-unit bx-base-text-unit-ext flex flex-col mb-3 md:mb-4 lg:mb-6 bx-def-color-bg-box ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden text-left rounded-md">
-    <bx_if:thumb>
-        <div class="bx-base-text-unit-cover flex-shrink-0 m-1">
-            <img class="h-48 w-full object-cover rounded" src="__gallery_url__" alt="">
-        </div>
-    </bx_if:thumb>
-    <div class="bx-base-text-unit-text p-3 md:p-4 lg:p-6 pt-2 md:pt-3 lg:pt-5 box-border">
-        <div class="bx-base-text-unit-info flex space-x-1 text-sm text-gray-500 dark:text-gray-400 pb-2">
-            <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
-        </div>
-        <div class="bx-base-text-unit-title text-left">
-            <a href="__content_url__" class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white">__title__</a>__badges__
-        </div>
-        <div class="bx-base-text-unit-text text-left mt-1 lg:mt-2 font-normal text-sm lg:text-base text-gray-500 group-hover:text-gray-600 dark:text-gray-400 dark:group-hover:text-gray-300">
-        __summary__
-        </div>
-    </div>
-</div>

modules/boonex/artificer/data/template/mod_text/unit_full.html

@@ -1 +0,0 @@
-<bx_include_auto:unit.html />

modules/boonex/artificer/data/template/mod_text/unit_gallery.html

@@ -1,25 +0,0 @@
-<div class="__class__ bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size flex flex-col w-full p-2 box-border">
-    <div class="bx-base-text-unit-cnt rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800">
-        <bx_if:thumb>
-            <a href="__content_url__" title="__summary_attr__">
-                <div class="flex-shrink-0 m-1">
-                    <img class="h-48 w-full object-cover rounded" src="__gallery_url__" alt="">
-                </div>
-            </a>
-        </bx_if:thumb>
-        <bx_if:no_thumb>
-            <div class="bx-def-gal-img-column flex-shrink-0 m-1">
-                <div class="bx-base-text-unit-no-thumb flex flex-col items-center justify-center h-48 p-4 bg-gradient-to-b from-red-400 to-red-500 box-border rounded-md"></div>
-            </div>
-        </bx_if:no_thumb>
-        <div class="bx-base-text-unit-text p-3 md:p-4 lg:p-6 pt-2 md:pt-3 lg:pt-5 box-border">
-            <div class="bx-base-text-unit-info flex text-sm text-gray-500 dark:text-gray-400">
-                <bx_if:meta><div class="bx-base-general-unit-meta pb-2">__meta__</div></bx_if:meta>
-            </div>
-            <div class="bx-base-text-unit-title flex items-center text-left">
-                <a href="__content_url__" class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white">__title__</a>
-                __badges__
-            </div>
-        </div>
-    </div>
-</div>

modules/boonex/artificer/data/template/mod_text/unit_live_search.html

@@ -1,16 +0,0 @@
-<div class="bx-base-text-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0" data-ts="__ts__">
-    <a class="relative flex items-center w-full p-2 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 rounded-md box-border" href="__content_url__">
-        <bx_if:thumb>
-            <div class="bx-def-unit-img bx-def-thumb-size bx-def-box bg-white dark:bg-gray-700 rounded box-border" style="background-image:url(__thumb_url__);"></div>
-        </bx_if:thumb>
-        <bx_if:no_thumb>
-            <div class="bx-def-unit-img">
-                <div class="bx-def-unit-img-empty bx-def-thumb-size bg-white dark:bg-gray-700 rounded box-border"><i class="sys-icon __module_icon__"></i></div>
-            </div>
-        </bx_if:no_thumb>
-        <div class="bx-def-unit-info flex flex-col pl-2">
-            <div class="bx-def-ui-title">__title__</div>
-            <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
-        </div>
-    </a>
-</div>