@innovastudio/contentbuilder 1.5.198 → 1.5.199

package/public/contentbuilder/contentbuilder.esm.js

@@ -4665,7 +4665,7 @@ class Util {
       callback(true);
     });
   }
-  confirm(message, callback, yesno, yestext, forceOpen) {
+  confirm(message, callback, yesno, yestext, forceOpen, notext = 'Cancel') {
     if (!this.builder.deleteConfirm && !forceOpen) {
       callback(true);
       return;
@@ -4682,8 +4682,8 @@ class Util {
       html = `<div class="is-modal is-confirm" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
                 <div class="is-modal-content" style="padding-bottom:20px;">
                     <div style="margin: 20px 0 30px;font-size: 14px;">${message}</div>
-                    <button title="${this.out('Cancel')}" class="input-cancel classic-secondary">${this.out('Cancel')}</button>
-                    <button title="${yestext}" class="input-ok classic-primary">${yestext}</button>
+                    <button title="${this.out(notext)}" class="input-cancel classic-secondary">${this.out(notext)}</button>
+                    <button title="${this.out(yestext)}" class="input-ok classic-primary">${this.out(yestext)}</button>
                 </div>
             </div>`;
     }
@@ -18033,6 +18033,8 @@ const renderSnippetPanel = (builder, snippetOpen) => {
     }
   }
   let snippetPanel = document.querySelector(builder.opts.snippetList);
+  if (!snippetPanel) return;
+  snippetPanel.classList.add('is-ui');
   snippetPanel.innerHTML = ''; //clear
   dom.appendHtml(snippetPanel, html_snippets);
   const snippetList = [];
@@ -91785,7 +91787,7 @@ Classes: ease-linear, ease-in, ease-out, ease-in-out
 
 **Hover Transforms**
 
-Classes: hover:scale-105, hover:-translate-y-1, hover:-translate-y-2
+Classes: hover:scale-105, hover:-translate-y-1, hover:-translate-y-2, .hover:translate-x-1, .hover:translate-x-2
 
 **Hover Shadow**
 
@@ -91830,6 +91832,31 @@ Classes: spin, ping, pulse, bounce
 
 **Key classes:** transition-transform, duration-300, hover:translate-y--2
 
+**Example: Hover shift on List Items**
+
+<div class="row" style="gap: 30px;">
+    <div class="column">
+        <!-- list item -->
+        <div class="flex items-start pb-10 mb-10 transition-transform duration-300 ease-out hover:translate-x-2" style="border-bottom: 1px solid #e0e0e0;">
+            <div class="pr-6 pt-5">
+                <i class="bi bi-globe size-24 text-black"></i>
+            </div>
+            <div>
+                <h3 class="size-24 font-normal mb-3">Global Perspective</h3>
+                <p class="size-16 leading-17 text-gray-600">
+                    Our team spans three continents, bringing diverse cultural insights to every project. We design experiences that transcend borders while respecting local nuances, ensuring your brand resonates globally.
+                </p>
+            </div>
+        </div>
+        <!-- list item -->
+        <div class="flex items-start pb-10 mb-10 transition-transform duration-300 ease-out hover:translate-x-2" style="border-bottom: 1px solid #e0e0e0;">
+        		<!-- item content -->
+        </div>
+    </div>
+</div>
+
+**Key classes:** transition-transform, duration-300, hover:translate-x-2
+
 **Example: Hover lift and shadow on Cards**
 
 <div class="row" style="gap: 30px;">