@veritree/ui 0.19.2-22 → 0.19.2-24

package/mixins/form-control-icon.js

@@ -43,9 +43,9 @@ export const formControlIconMixin = {
         this.headless
           ? null
           : this.isLeft
-          ? 'left-0'
+          ? 'left-1'
           : this.isRight
-          ? 'right-0'
+          ? 'right-1'
           : null,
       ];
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.19.2-22",
+  "version": "0.19.2-24",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Alert/VTAlert.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="modelValue"
+    v-if="isVisible"
     :class="[
       // default styles
       headless ? 'alert' : 'flex items-start gap-3 rounded border border-solid',

package/src/components/Dialog/VTDialog.vue

@@ -99,12 +99,6 @@ export default {
     },
   },
 
-  watch: {
-    visible(isVisible) {
-      if (!isVisible) this.hide();
-    },
-  },
-
   mounted() {
     if (this.hasContent) this.content.show();
     if (this.hasOverlay) this.overlay.show();

package/src/components/Dialog/VTDialogContent.vue

@@ -1,10 +1,10 @@
 <template>
   <transition
     enter-active-class="duration-300 ease-out"
-    enter-class="translate-y-[50px] opacity-0"
+    enter-from-class="translate-y-[50px] opacity-0"
     enter-to-class="translate-y-0 opacity-100"
     leave-active-class="duration-300 ease-out"
-    leave-class="translate-y-0 opacity-100"
+    leave-from-class="translate-y-0 opacity-100"
     leave-to-class="translate-y-[50px] opacity-0"
     @after-leave="hideDialog"
   >

package/src/components/Form/VTFormFeedback.vue

@@ -19,7 +19,13 @@
           : null,
       ]"
     />
-    <span :class="[headless ? 'form-feedback--text' : 'text-sm text-gray-500']">
+    <span
+      :class="[
+        headless
+          ? 'form-feedback--text'
+          : 'text-sm lowercase text-gray-500 first-letter:uppercase',
+      ]"
+    >
       <slot />
     </span>
   </div>

package/src/components/Form/VTInputPassword.vue

@@ -13,7 +13,7 @@
         variant="icon"
         @click="reveal = !reveal"
       >
-        <component :is="iconVisibility" class="h-5 w-5" />
+        <component :is="iconVisibility" class="h-5 w-5 text-gray-500" />
       </VTButton>
     </div>
   </div>