Merge branch 'release/v0.21.0'

lib/modal/oui-modal.vue

@@ -107,15 +107,15 @@ const name = 'oui-modal' // computed(() => String(attrs.class || 'oui-modal').sp
   <Teleport to="body">
     <Transition
       appear
-      :xname="transition ?? `${name}-transition`"
-      name="oui-modal-transition"
+      :name="transition ?? `${name}-transition`"
       @after-enter="didOpen"
       @after-leave="didClose"
     >
       <div
         v-if="_active"
         ref="root"
-        class="oui-modal _keyboard_aware_height" :xclass="{
+        class="oui-modal _keyboard_aware_height"
+        :class="{
           [name]: true,
           [$attrs.class as string]: !!$attrs.class,
           _active,

lib/modal/use-dialog.ts

@@ -8,7 +8,7 @@ export function useDialog<T extends Component>(component?: T) {
   let cancel: any
 
   async function showDialog<T>(props: any) {
-    const dialogApp = mountComponentAsApp<T>(component ?? OuiDialog, props, 200)
+    const dialogApp = mountComponentAsApp<T>(component ?? OuiDialog, props, 400)
     cancel = dialogApp.cancel
 
     // This will fix focussing on iOS, because it only works onClick

package.json

@@ -1,7 +1,7 @@
 {
   "name": "oui-kit",
   "type": "module",
-  "version": "0.20.15",
+  "version": "0.21.0",
   "author": {
     "email": "[email protected]",
     "name": "Dirk Holtwick",
@@ -84,9 +84,9 @@
     "@shikijs/markdown-it": "^1.6.1",
     "@tsconfig/node18": "^18.2.4",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.12.12",
+    "@types/node": "^20.12.13",
     "@vite-pwa/assets-generator": "^0.2.4",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.0.5",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "eslint": "<9",