@indielayer/ui 1.7.2 → 1.7.4

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.7.2";
+declare const _default: "1.7.4";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.7.2";
+const e = "1.7.4";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",

package/src/components/modal/Modal.vue

@@ -4,7 +4,7 @@ const modalPosition = ['top', 'center', 'bottom'] as const
 const modalProps = {
   size: {
     type: String as PropType<ModalSize>,
-    default: 'xl',
+    default: 'lg',
   },
   position: {
     type: String as PropType<ModalPosition>,
@@ -214,6 +214,9 @@ defineExpose({ open, close })
           <x-scroll
             v-if="$slots.default"
             :scrollbar="false"
+            :class="{
+              'h-full': size === 'full',
+            }"
             vertical
           >
             <div :class="classes.content">

package/src/components/modal/theme/Modal.base.theme.ts

@@ -14,7 +14,7 @@ const theme: ModalTheme = {
     },
 
     modalWrapper: ({ props }) => {
-      const classes = ['flex justify-center p-4 sm:p-8 md:py-20 h-screen']
+      const classes = ['flex justify-center p-4 sm:p-8 h-screen']
 
       if (props.position === 'top') classes.push('items-start')
       else if (props.position === 'bottom') classes.push('items-end')
@@ -34,6 +34,7 @@ const theme: ModalTheme = {
       else if (props.size === 'md') classes.push('sm:max-w-lg')
       else if (props.size === 'lg') classes.push('sm:max-w-3xl')
       else if (props.size === 'xl') classes.push('sm:max-w-6xl')
+      else if (props.size === 'full') classes.push('h-full')
 
       return classes
     },

package/src/components/modal/theme/Modal.carbon.theme.ts

@@ -24,6 +24,7 @@ const theme: ModalTheme = {
       else if (props.size === 'md') classes.push('sm:max-w-lg')
       else if (props.size === 'lg') classes.push('sm:max-w-3xl')
       else if (props.size === 'xl') classes.push('sm:max-w-6xl')
+      else if (props.size === 'full') classes.push('h-full')
 
       return classes
     },

package/src/components/select/Select.vue

@@ -32,7 +32,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { computed, ref, watch, type PropType, type ExtractPublicPropTypes, type Ref, nextTick, unref } from 'vue'
+import { computed, ref, watch, type PropType, type ExtractPublicPropTypes, type Ref, nextTick, unref, onUnmounted } from 'vue'
 import { useEventListener } from '@vueuse/core'
 import { useColors } from '../../composables/useColors'
 import { useCommon } from '../../composables/useCommon'
@@ -190,8 +190,7 @@ function handleOptionClick(value: string | number) {
 
   if (!props.native) {
     nextTick(() => {
-      elRef.value?.dispatchEvent(new Event('input'))
-      elRef.value?.dispatchEvent(new Event('change'))
+      validate()
       labelRef.value?.$el.focus()
     })
   }
@@ -263,6 +262,10 @@ watch([isFocused, isOpen], ([isFocusedValue, isOpenValue]) => {
   immediate: true,
 })
 
+onUnmounted(() => {
+  if (keyNavigationListener) keyNavigationListener()
+})
+
 function handleKeyNavigation(e: KeyboardEvent) {
   if (internalOptions.value.length === 0) return
 

package/src/version.ts

@@ -1 +1 @@
-export default '1.7.2'
+export default '1.7.4'