vueless 1.3.1-beta.0 → 1.3.1-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "1.3.1-beta.0",
+  "version": "1.3.1-beta.1",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",

package/ui.container-drawer/UDrawer.vue

@@ -314,9 +314,9 @@ const {
                 <!-- @slot Use it to add something before the header title. -->
                 <slot name="before-title" />
                 <!--
-                @slot Use it to add something to the left side of the header.
-                @binding {string} title
-              -->
+                  @slot Use it to add something to the left side of the header.
+                  @binding {string} title
+                -->
                 <slot name="title" :title="title">
                   <div v-bind="titleFallbackAttrs">
                     <UHeader :label="title" size="sm" v-bind="titleAttrs" />

package/ui.container-modal/UModal.vue

@@ -268,10 +268,10 @@ const {
             </div>
 
             <!--
-                @slot Use it to add something instead of the close button.
-                @binding {string} icon-name
-                @binding {function} close
-              -->
+              @slot Use it to add something instead of the close button.
+              @binding {string} icon-name
+              @binding {function} close
+            -->
             <slot name="actions" :icon-name="config.defaults.closeIcon" :close="closeModal">
               <UButton
                 v-if="closeOnCross"

package/ui.form-input/UInput.vue

@@ -176,7 +176,9 @@ function onKeydown(event: KeyboardEvent) {
   emit("keydown", event);
 }
 
-function onSlotClick() {
+function onSlotClick(event: MouseEvent) {
+  if (event.target !== event.currentTarget) return;
+
   inputRef.value?.focus();
 }
 

package/ui.form-input/storybook/stories.ts

@@ -193,9 +193,9 @@ export const Slots: StoryFn<UInputArgs> = (args) => ({
   components: { UInput, URow, UDropdownButton, UText, UChip },
   setup() {
     const countryCodes = [
-      { label: "+33", id: "+33" },
-      { label: "+44", id: "+44" },
-      { label: "+49", id: "+49" },
+      { label: "+33", value: "+33" },
+      { label: "+44", value: "+44" },
+      { label: "+49", value: "+49" },
     ];
 
     const countryCode = ref("+33");