@saasmakers/ui 2.0.7 → 2.0.9

package/app/assets/styles/base.css

@@ -10,3 +10,8 @@ html.light body {
 html.dark body {
   background-color: var(--gray-900);
 }
+
+input[type='date']::-webkit-date-and-time-value,
+input[type='datetime-local']::-webkit-date-and-time-value {
+  text-align: inherit;
+}

package/app/components/auth/AuthSocialConnect.vue

@@ -89,8 +89,11 @@ async function onStartAuthentication() {
     }
   }
   catch (error) {
-    emit('error', error)
+    if (isUserCancellation(error)) {
+      return
+    }
 
+    emit('error', error)
     console.error(error)
   }
   finally {

package/app/components/fields/FieldAvatar.vue

@@ -131,6 +131,7 @@ function onOpenFilePicker() {
 
         <BaseText
           class="min-w-0 flex-1 text-gray-900 dark:text-gray-100"
+          :size="({ base: 'sm', lg: 'base', sm: 'xs', xs: '2xs' } as const)[size]"
           :text="loading ? t('actionLoading') : (action || t('action'))"
         />
       </div>

package/app/components/fields/FieldInput.vue

@@ -200,10 +200,10 @@ defineExpose({ focus })
             'px-10': border === 'bottom' && type !== 'password',
             'border-0 p-0': border === 'none' && type !== 'password',
             'border-0 pr-9': border === 'none' && type === 'password',
-            'text-xs': size === 'xs',
-            'text-sm': size === 'sm',
-            'text-base': size === 'base',
-            'text-lg': size === 'lg',
+            'text-2xs': size === 'xs',
+            'text-xs': size === 'sm',
+            'text-sm': size === 'base',
+            'text-base': size === 'lg',
           }"
           :disabled="disabled"
           :max="max"

package/app/components/fields/FieldTextarea.vue

@@ -81,10 +81,10 @@ function onFieldClick(event: MouseEvent) {
         'border shadow-sm border-gray-200 dark:border-gray-800': border,
         'hover:border-gray-300 dark:hover:border-gray-700 focus:border-gray-400 dark:focus:border-gray-600': border && !disabled,
         'border-0': !border,
-        'text-xs': size === 'xs',
-        'text-sm': size === 'sm',
-        'text-base': size === 'base',
-        'text-lg': size === 'lg',
+        'text-2xs': size === 'xs',
+        'text-xs': size === 'sm',
+        'text-sm': size === 'base',
+        'text-base': size === 'lg',
       }"
       :disabled="disabled"
       :placeholder="placeholder"

package/app/utils/errors.ts

@@ -0,0 +1,11 @@
+export function isUserCancellation(error: unknown): boolean {
+  if (!error || typeof error !== 'object') {
+    return false
+  }
+
+  const candidate = error as { code?: string, name?: string }
+
+  // Capacitor social-login rejects cancellations with this code on both iOS and Android.
+  // The message is localized, so never match on it.
+  return candidate.code === 'USER_CANCELLED' || candidate.name === 'AbortError'
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",
@@ -11,6 +11,10 @@
     ".": {
       "types": "./app/types/global.d.ts",
       "default": "./nuxt.config.ts"
+    },
+    "./app/utils/errors": {
+      "types": "./app/utils/errors.ts",
+      "default": "./app/utils/errors.ts"
     }
   },
   "main": "nuxt.config.ts",