frappe-ui 0.0.105 → 0.0.107

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.0.105",
+  "version": "0.0.107",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.js",
   "scripts": {

package/src/components/Alert.vue

@@ -24,10 +24,10 @@
           <h3 class="text-lg font-medium text-gray-900" v-if="title">
             {{ title }}
           </h3>
-          <div class="mt-1 md:mt-0 md:ml-2">
+          <div class="mt-1 md:ml-2 md:mt-0">
             <slot></slot>
           </div>
-          <div class="mt-3 md:mt-0 md:ml-auto">
+          <div class="mt-3 md:ml-auto md:mt-0">
             <slot name="actions"></slot>
           </div>
         </div>

package/src/components/Button.vue

@@ -10,7 +10,7 @@
       v-if="loading"
       class="h-3 w-3"
       :class="{
-        'mr-2 -ml-1': !isIconButton,
+        '-ml-1 mr-2': !isIconButton,
         'm-0.5': isIconButton,
         'text-white': appearance == 'primary',
         'text-gray-600': appearance == 'secondary',

package/src/components/Input.vue

@@ -80,7 +80,7 @@
 </template>
 
 <script>
-import { debounce } from '../index'
+import debounce from '../utils/debounce.js'
 import FeatherIcon from './FeatherIcon.vue'
 
 export default {

package/src/components/LoadingText.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex items-center text-base text-gray-500">
-    <LoadingIndicator class="mr-2 -ml-1 h-3 w-3" /> {{ text }}
+    <LoadingIndicator class="-ml-1 mr-2 h-3 w-3" /> {{ text }}
   </div>
 </template>
 <script>

package/src/components/TextEditor/TextEditor.vue

@@ -54,7 +54,7 @@ export default {
       default: null,
     },
     placeholder: {
-      type: String,
+      type: [String, Function],
       default: '',
     },
     editorClass: {
@@ -152,9 +152,10 @@ export default {
         }),
         Placeholder.configure({
           showOnlyWhenEditable: false,
-          placeholder: () => {
-            return this.placeholder
-          },
+          placeholder:
+            typeof this.placeholder === 'function'
+              ? this.placeholder
+              : () => this.placeholder,
         }),
         configureMention(this.mentions),
         ...(this.extensions || []),