@indielayer/ui 1.6.2 → 1.6.3

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.6.2";
+declare const _default: "1.6.3";
 export default _default;

package/lib/version.js

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

package/package.json

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

package/src/components/form/Form.vue

@@ -145,7 +145,7 @@ const { styles, classes, className } = useTheme('Form', {}, props)
       </div>
     </slot>
 
-    <fieldset :disabled="disabled" :class="classes.content">
+    <fieldset :disabled="disabled" :class="classes.content" class="contents">
       <slot></slot>
     </fieldset>
 

package/src/components/modal/Modal.vue

@@ -188,6 +188,7 @@ defineExpose({ open, close })
         <component
           :is="isForm ? XForm : 'div'"
           ref="modalRef"
+          class="max-h-full"
           :disabled="formDisabled"
           :auto-validate="formAutoValidate"
           :title="formTitle"

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

@@ -18,7 +18,7 @@ const theme: ModalTheme = {
 
       if (props.position === 'top') classes.push('items-start')
       else if (props.position === 'bottom') classes.push('items-end')
-      else classes.push('sm:items-end items-center')
+      else classes.push('items-end sm:items-center')
 
       return classes
     },

package/src/composables/useFocusTrap.ts

@@ -64,29 +64,6 @@ export function useFocusTrap() {
         lastEl?.focus()
       }
 
-    } else if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {
-      event.preventDefault()
-      const currentEl = document.activeElement as HTMLElement
-      const index = focusable.indexOf(currentEl)
-      const previousEl = focusable[index - 1]
-
-      if (previousEl) {
-        previousEl.focus()
-      } else if (lastFocusableEl) {
-        lastFocusableEl.focus()
-      }
-
-    } else if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {
-      event.preventDefault()
-      const currentEl = document.activeElement as HTMLElement
-      const index = focusable.indexOf(currentEl)
-      const nextElement = focusable[index + 1]
-
-      if (nextElement) {
-        nextElement.focus()
-      } else if (firstFocusableEl) {
-        firstFocusableEl.focus()
-      }
     }
   }
 

package/src/version.ts

@@ -1 +1 @@
-export default '1.6.2'
+export default '1.6.3'