@veritree/ui 0.28.0 → 0.30.0

package/package.json

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

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/ProgressBar/VTProgressBar.vue

@@ -15,7 +15,7 @@
       :class="[
         headless
           ? 'progress-bar__indicator'
-          : 'bg-secondary-300 absolute left-0 h-full transition-all',
+          : 'bg-secondary-200 absolute left-0 h-full transition-all',
       ]"
       :style="{ width: `${percentageComputed}%` }"
     ></div>

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';
     },
   },