@veritree/ui 0.63.3 → 0.64.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.63.3",
+  "version": "0.64.1",
   "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/Listbox/VTListboxTrigger.vue

@@ -1,7 +1,7 @@
 <template>
   <button
     :id="id"
-    :class="classComputed"
+    :class="[classComputed, headless ? null : 'hover:bg-gray-200']"
     :disabled="disabled"
     :aria-expanded="expanded"
     :aria-haspopup="hasPopup"
@@ -31,8 +31,8 @@
       ]"
     >
       <IconChevronDown
-        class="w-5 transition-transform"
-        :class="{ 'rotate-18': expanded }"
+        class="w-5 text-gray-700 transition-transform"
+        :class="{ 'rotate-180': expanded }"
       />
     </span>
   </button>