@veritree/ui 0.29.0 → 0.31.0

package/package.json

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

package/src/components/Dialog/VTDialogClose.vue

@@ -6,7 +6,7 @@
     @click.prevent="hide"
   >
     <slot>
-      <IconClose class="h-5 w-5" />
+      <IconClose class="w-4" />
     </slot>
   </VTButton>
 </template>

package/src/components/Dialog/VTDialogFooter.vue

@@ -1,5 +1,12 @@
 <template>
-  <component :is="as" :class="[headless ? 'dialog-footer' : 'w-full']">
+  <component
+    :is="as"
+    :class="[
+      headless
+        ? 'dialog-footer'
+        : '-mx-4 -mb-4 flex items-center justify-between gap-x-3 p-4 md:-mx-8 md:-mb-8 md:p-8',
+    ]"
+  >
     <slot></slot>
   </component>
 </template>

package/src/components/Dialog/VTDialogHeader.vue

@@ -5,7 +5,7 @@
     :class="[
       headless
         ? 'dialog-header'
-        : 'mb-6 flex w-full items-center justify-between gap-x-3',
+        : '-mx-4 -mt-4 flex items-center justify-between gap-x-3 p-4 md:-mx-8 md:-mt-8 md:p-8',
     ]"
   >
     <slot></slot>

package/src/components/Dialog/VTDialogMain.vue

@@ -2,7 +2,7 @@
   <component
     :is="as"
     :id="id"
-    :class="[headless ? 'dialog-body' : 'h-full w-full flex-1 overflow-y-auto']"
+    :class="[headless ? 'dialog-body' : 'h-full flex-1 overflow-y-auto']"
   >
     <slot></slot>
   </component>

package/src/components/DropdownMenu/VTDropdownMenuContent.vue

@@ -46,5 +46,15 @@ export default {
 
     this.apiDropdownMenu().registerContent(content);
   },
+
+  methods: {
+    hidden() {
+      this.$emit('hidden');
+    },
+
+    shown() {
+      this.$emit('shown');
+    },
+  },
 };
 </script>

package/src/components/Tooltip/VTTooltipTrigger.vue

@@ -2,7 +2,7 @@
   <div
     :id="id"
     :aria-describedby="ariaDescribedBy"
-    class="inline-flex"
+    class="flex min-w-min"
     @mouseenter="onMouseenter"
     @mouseleave="onMouseleave"
   >

package/src/components/Utils/FloatingUi.vue

@@ -15,7 +15,7 @@
         :class="[
           headless
             ? `${this.component}-content`
-            : `shadow-300 absolute z-50 grid overflow-x-hidden rounded-md py-2 px-3 ${this.classes} ${this.portalClass}`,
+            : `shadow-300 absolute z-50 grid overflow-x-hidden rounded-md  ${this.classes} ${this.portalClass}`,
         ]"
         v-bind="$attrs"
       >
@@ -58,7 +58,9 @@ export default {
     },
 
     classes() {
-      return this.isTooltip ? 'bg-gray-800 text-sm text-white' : 'bg-white';
+      return this.isTooltip
+        ? 'bg-gray-800 text-sm text-white py-1 px-2'
+        : 'bg-white py-2 px-3';
     },
   },