@getauthui/core 0.1.6 → 0.1.7

package/README.md

@@ -15,7 +15,7 @@
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.6"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.7"></script>
 
 <authui-config
   endpoint="https://cloud.appwrite.io/v1"
@@ -46,7 +46,7 @@ v2 runs inside your page. Its requests to Appwrite are indistinguishable from yo
 - **OAuth2** for every provider Appwrite supports, with brand icons for the common ones
 - **Guest sessions** with an upgrade path to a real account
 - **MFA**: challenges during sign in, authenticator app enrollment with QR code, recovery codes, step-up verification for protected actions
-- **Account management**: profile, email and phone verification, password change, active sessions, connected identities, security log, account deletion
+- **Account management**: profile, email and phone verification, password change, active sessions, connected identities, security log when the server exposes it, account deletion
 - **Modal, inline or headless** usage, `<authui-show when="signed-in">` conditionals, React wrappers
 - **Themeable**: Appwrite Console design system, dark mode that follows your page, CSS custom properties for everything, string overrides
 - **Framework agnostic**: standard web components built with Lit, ~90 KB gzipped ESM on the CDN (~78 KB IIFE), including Lit and the full Appwrite SDK
@@ -65,11 +65,17 @@ CDN:
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.6"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.7"></script>
 ```
 
 The `<style>` keeps `<authui-show>` and the buttons hidden until the module defines them. See [`<authui-show>`](https://getauthui.appwrite.network/docs/components/show).
 
+The default CDN URL is an ESM module: it defines the elements but does **not** set `window.AuthUI`. For `AuthUI.init` / `AuthUI.on` from a classic script, use the IIFE build:
+
+```html
+<script src="https://unpkg.com/@getauthui/core@0.1.7/dist/authui.cdn.js"></script>
+```
+
 npm:
 
 ```bash

package/dist/{authui-user-button-CLVW46Q6.js → authui-user-button-CdNoPDAh.js}

@@ -1465,7 +1465,7 @@ const gt = new Tt(), vt = {
     --authui-success-bg: rgba(16, 185, 129, 0.1);
     --authui-warning-foreground: #b45309;
     --authui-warning-bg: rgba(245, 158, 11, 0.1);
-    --authui-error-foreground: #dc2626;
+    --authui-error-foreground: #b91c1c;
     --authui-error-bg: rgba(239, 68, 68, 0.1);
     --authui-info-foreground: #475569;
     --authui-info-bg: rgba(100, 116, 139, 0.1);
@@ -1708,11 +1708,13 @@ const gt = new Tt(), vt = {
     flex-direction: column;
     gap: 6px;
   }
-  .label {
+  .field-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 8px;
+  }
+  .label {
     font-size: 14px;
     line-height: 1;
     font-weight: 500;
@@ -1876,7 +1878,7 @@ const gt = new Tt(), vt = {
     background: var(--authui-error-bg);
   }
   .alert-error .alert-body {
-    color: color-mix(in oklab, var(--authui-error-foreground) 90%, transparent);
+    color: var(--authui-error-foreground);
   }
   .alert-success {
     color: var(--authui-success-foreground);
@@ -3009,8 +3011,8 @@ let k = class extends E {
     const t = this[e.field], i = e.meter ? it(t) : null;
     return r`
       <div class="field">
-        <label class="label" for=${e.id}>
-          ${e.label}
+        <div class="field-header">
+          <label class="label" for=${e.id}>${e.label}</label>
           ${e.forgot ? r`<button
                   type="button"
                   class="btn btn-link small"
@@ -3018,7 +3020,7 @@ let k = class extends E {
                 >
                   ${this.t("forgotPassword")}
                 </button>` : o}
-        </label>
+        </div>
         <div class="input-wrap">
           <input
             class="input"
@@ -3035,7 +3037,6 @@ let k = class extends E {
             class="btn btn-ghost btn-icon"
             @click=${() => this.showPassword = !this.showPassword}
             aria-label=${this.showPassword ? this.t("hidePassword") : this.t("showPassword")}
-            tabindex="-1"
           >
             ${this.showPassword ? l.eyeOff : l.eye}
           </button>

package/dist/authui.cdn.js

@@ -36,7 +36,7 @@ var AuthUI=(function(S){"use strict";var xe;const gt=globalThis,Rt=gt.ShadowRoot
     --authui-success-bg: rgba(16, 185, 129, 0.1);
     --authui-warning-foreground: #b45309;
     --authui-warning-bg: rgba(245, 158, 11, 0.1);
-    --authui-error-foreground: #dc2626;
+    --authui-error-foreground: #b91c1c;
     --authui-error-bg: rgba(239, 68, 68, 0.1);
     --authui-info-foreground: #475569;
     --authui-info-bg: rgba(100, 116, 139, 0.1);
@@ -279,11 +279,13 @@ var AuthUI=(function(S){"use strict";var xe;const gt=globalThis,Rt=gt.ShadowRoot
     flex-direction: column;
     gap: 6px;
   }
-  .label {
+  .field-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 8px;
+  }
+  .label {
     font-size: 14px;
     line-height: 1;
     font-weight: 500;
@@ -447,7 +449,7 @@ var AuthUI=(function(S){"use strict";var xe;const gt=globalThis,Rt=gt.ShadowRoot
     background: var(--authui-error-bg);
   }
   .alert-error .alert-body {
-    color: color-mix(in oklab, var(--authui-error-foreground) 90%, transparent);
+    color: var(--authui-error-foreground);
   }
   .alert-success {
     color: var(--authui-success-foreground);
@@ -993,8 +995,8 @@ var AuthUI=(function(S){"use strict";var xe;const gt=globalThis,Rt=gt.ShadowRoot
       ${this.busy?b`<span class="spinner" aria-hidden="true"></span>`:R} ${e}
     </button>`}passwordField(e){const i=this[e.field],t=e.meter?Ct(i):null;return b`
       <div class="field">
-        <label class="label" for=${e.id}>
-          ${e.label}
+        <div class="field-header">
+          <label class="label" for=${e.id}>${e.label}</label>
           ${e.forgot?b`<button
                   type="button"
                   class="btn btn-link small"
@@ -1002,7 +1004,7 @@ var AuthUI=(function(S){"use strict";var xe;const gt=globalThis,Rt=gt.ShadowRoot
                 >
                   ${this.t("forgotPassword")}
                 </button>`:R}
-        </label>
+        </div>
         <div class="input-wrap">
           <input
             class="input"
@@ -1019,7 +1021,6 @@ var AuthUI=(function(S){"use strict";var xe;const gt=globalThis,Rt=gt.ShadowRoot
             class="btn btn-ghost btn-icon"
             @click=${()=>this.showPassword=!this.showPassword}
             aria-label=${this.showPassword?this.t("hidePassword"):this.t("showPassword")}
-            tabindex="-1"
           >
             ${this.showPassword?_.eyeOff:_.eye}
           </button>

package/dist/authui.cdn.mjs

@@ -7801,7 +7801,7 @@ const Ki = new mo(), Yi = {
     --authui-success-bg: rgba(16, 185, 129, 0.1);
     --authui-warning-foreground: #b45309;
     --authui-warning-bg: rgba(245, 158, 11, 0.1);
-    --authui-error-foreground: #dc2626;
+    --authui-error-foreground: #b91c1c;
     --authui-error-bg: rgba(239, 68, 68, 0.1);
     --authui-info-foreground: #475569;
     --authui-info-bg: rgba(100, 116, 139, 0.1);
@@ -8044,11 +8044,13 @@ const Ki = new mo(), Yi = {
     flex-direction: column;
     gap: 6px;
   }
-  .label {
+  .field-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 8px;
+  }
+  .label {
     font-size: 14px;
     line-height: 1;
     font-weight: 500;
@@ -8212,7 +8214,7 @@ const Ki = new mo(), Yi = {
     background: var(--authui-error-bg);
   }
   .alert-error .alert-body {
-    color: color-mix(in oklab, var(--authui-error-foreground) 90%, transparent);
+    color: var(--authui-error-foreground);
   }
   .alert-success {
     color: var(--authui-success-foreground);
@@ -9345,8 +9347,8 @@ let ve = class extends qe {
     const e = this[t.field], n = t.meter ? pi(e) : null;
     return b`
       <div class="field">
-        <label class="label" for=${t.id}>
-          ${t.label}
+        <div class="field-header">
+          <label class="label" for=${t.id}>${t.label}</label>
           ${t.forgot ? b`<button
                   type="button"
                   class="btn btn-link small"
@@ -9354,7 +9356,7 @@ let ve = class extends qe {
                 >
                   ${this.t("forgotPassword")}
                 </button>` : M}
-        </label>
+        </div>
         <div class="input-wrap">
           <input
             class="input"
@@ -9371,7 +9373,6 @@ let ve = class extends qe {
             class="btn btn-ghost btn-icon"
             @click=${() => this.showPassword = !this.showPassword}
             aria-label=${this.showPassword ? this.t("hidePassword") : this.t("showPassword")}
-            tabindex="-1"
           >
             ${this.showPassword ? _.eyeOff : _.eye}
           </button>

package/dist/authui.js

@@ -1,5 +1,5 @@
-import { a as t, c as r, o } from "./authui-user-button-CLVW46Q6.js";
-import { A as U, b as C, d as v, e as w, f as E, g as O, h as M, i as P, j as b, C as L, E as x, F as T, P as F, k as _, l as y, m as B, n as j, p as k, q, r as R, s as z, t as D, u as G, v as H, w as J, x as K, y as N } from "./authui-user-button-CLVW46Q6.js";
+import { a as t, c as r, o } from "./authui-user-button-CdNoPDAh.js";
+import { A as U, b as C, d as v, e as w, f as E, g as O, h as M, i as P, j as b, C as L, E as x, F as T, P as F, k as _, l as y, m as B, n as j, p as k, q, r as R, s as z, t as D, u as G, v as H, w as J, x as K, y as N } from "./authui-user-button-CdNoPDAh.js";
 import * as l from "appwrite";
 function s(e) {
   return t.configure(e), I;

package/dist/components/authui-sign-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"authui-sign-in.d.ts","sourceRoot":"","sources":["../../src/components/authui-sign-in.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"authui-sign-in.d.ts","sourceRoot":"","sources":["../../src/components/authui-sign-in.ts"],"names":[],"mappings":"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"}

package/dist/react.js

@@ -1,5 +1,5 @@
 import { createElement as n, useEffect as i, Fragment as r, useState as s } from "react";
-import { a as u, c as a, o as h } from "./authui-user-button-CLVW46Q6.js";
+import { a as u, c as a, o as h } from "./authui-user-button-CdNoPDAh.js";
 function v() {
   const [t, e] = s(() => u.getState());
   return i(() => u.on("change", e), []), {

package/dist/styles/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,IAAI,yBAoyBhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,IAAI,yBAsyBhB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getauthui/core",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Drop-in authentication UI for Appwrite. One script tag, every sign-in method, MFA, sessions and account management as web components.",
   "type": "module",
   "main": "./dist/authui.js",