vueless 0.0.715 → 0.0.716

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.715",
+  "version": "0.0.716",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.dropdown-list/config.ts

@@ -16,8 +16,8 @@ export default /*tw*/ {
     `,
     variants: {
       color: {
-        grayscale: "hover:bg-gray-100 active:bg-gray-200",
-        white: "hover:bg-gray-100 active:bg-gray-200",
+        grayscale: "hover:bg-gray-900/5 active:bg-gray-900/10",
+        white: "hover:bg-gray-900/5 active:bg-gray-900/10",
       },
       size: {
         sm: "text-xs",
@@ -29,7 +29,15 @@ export default /*tw*/ {
       },
     },
   },
-  optionActive: "{>option} bg-{color}-600/10 hover:bg-{color}-600/10 text-brand-600",
+  optionActive: {
+    base: "{>option} bg-{color}-600/10 hover:bg-{color}-600/10 text-{color}-600",
+    variants: {
+      color: {
+        grayscale: "bg-gray-900/10 hover:bg-gray-900/10 text-gray-900",
+        white: "bg-gray-900/10 hover:bg-gray-900/10 text-gray-900",
+      },
+    },
+  },
   optionHighlighted: "bg-{color}-50",
   optionContent: "overflow-visible text-ellipsis",
   groupBase: {

package/ui.form-select/USelect.vue

@@ -634,7 +634,7 @@ const {
         </div>
 
         <span
-          v-if="!multiple && isLocalValue"
+          v-if="!multiple && isLocalValue && ((searchable && !isOpen) || !searchable)"
           v-bind="selectedLabelAttrs"
           @mousedown.prevent="toggle"
         >

package/ui.form-select/config.ts

@@ -109,7 +109,10 @@ export default /*tw*/ {
   },
   search: {
     base: "flex w-full",
-    compoundVariants: [{ multiple: false, selected: true, class: "w-0" }],
+    compoundVariants: [
+      { multiple: false, selected: true, opened: false, class: "w-0" },
+      { multiple: false, selected: true, searchable: false, class: "w-0" },
+    ],
   },
   searchInput: {
     base: `