style: export --vs-height

Author: howard-tzw

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-select",
-  "version": "0.0.5-beta.1",
+  "version": "0.0.5-beta.2",
   "description": "A maintained fork of vue-select for Vue 3",
   "author": "Jeff Sagal <sagalbot@gmail.com>, Howard Chen <howard.tzw@gmail.com>",
   "homepage": "https://vue-select.org",

src/css/global/variables.css

@@ -4,6 +4,8 @@
   --vs-colors--dark: #333;
   --vs-colors--darkest: rgba(0, 0, 0, 0.15);
 
+  --vs-height: 36px;
+
   /* Search Input */
   --vs-search-input-color: inherit;
   --vs-search-input-placeholder-color: inherit;

src/css/modules/dropdown-toggle.css

@@ -11,10 +11,10 @@
  */
 
 .vs__dropdown-toggle {
-  height: 40px;
+  height: var(--vs-height);
   display: grid;
   grid-template-columns: 1fr auto;
-  padding: 0 0 0px 0;
+  padding: 0px;
   white-space: normal;
 
   appearance: none;