@veritree/ui 0.64.0 → 0.64.2

package/package.json

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

package/src/components/Drawer/VTDrawerClose.vue

@@ -1,11 +1,9 @@
 <template>
   <VTButton
+    :class="[headless ? 'drawer-close' : '-mr-2 ml-auto shrink-0 text-inherit']"
+    :headless="headless"
+    :size="null"
     variant="icon"
-    :class="{
-      'drawer-close': headless,
-      '-mr-2 ml-auto shrink-0 text-inherit': !headless,
-    }"
-    :theme="theme"
     @click.prevent="hide"
     ><slot><IconLeft :class="{ 'rotate-180': right }" /></slot
   ></VTButton>
@@ -22,23 +20,17 @@ export default {
 
   inject: ['apiDrawer'],
 
-  computed: {
-    dark() {
-      return this.apiDrawer().isDark;
-    },
-
-    headless() {
-      return this.apiDrawer().isHeadless;
+  props: {
+    headless: {
+      type: Boolean,
+      default: false,
     },
+  },
 
+  computed: {
     right() {
       return this.apiDrawer().isRight;
     },
-
-    // temporary till button theme is implemented
-    theme() {
-      return this.dark ? 'dark' : null;
-    },
   },
 
   methods: {

package/src/components/Form/VTLegend.vue

@@ -1,5 +1,24 @@
 <template>
-  <legend class="text-body mb-2 block w-full font-normal text-gray-500">
+  <legend
+    :class="[
+      headless
+        ? 'legend'
+        : 'mb-4 block w-full text-sm font-medium text-gray-600',
+    ]"
+  >
     <slot />
   </legend>
 </template>
+
+<script>
+export default {
+  name: 'VTLegend',
+
+  props: {
+    headless: {
+      type: Boolean,
+      default: false,
+    },
+  },
+};
+</script>

package/src/components/Listbox/VTListboxTrigger.vue

@@ -1,8 +1,7 @@
 <template>
   <button
     :id="id"
-    class="hover:bg-gray-200"
-    :class="classComputed"
+    :class="[classComputed, headless ? null : 'hover:bg-gray-200']"
     :disabled="disabled"
     :aria-expanded="expanded"
     :aria-haspopup="hasPopup"