@mrgnw/anahtar 0.0.19 → 0.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -385,9 +385,15 @@ async function removePasskey(id: string) {
385
385
  autocomplete="username webauthn"
386
386
  disabled={loading}
387
387
  />
388
- <button type="submit" class="anahtar-pill-go" disabled={loading || !email.includes('@')}>
389
- {loading ? '...' : m.continue}
390
- </button>
388
+ <button type="submit" class="anahtar-pill-go" disabled={loading || !email.includes('@')}>
389
+ {#if loading}
390
+ ...
391
+ {:else}
392
+ <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
393
+ <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>
394
+ </svg>
395
+ {/if}
396
+ </button>
391
397
  </form>
392
398
  {/if}
393
399
  </div>
@@ -475,6 +481,7 @@ async function removePasskey(id: string) {
475
481
  white-space: nowrap;
476
482
  height: 2.25rem;
477
483
  box-sizing: border-box;
484
+ overflow: hidden;
478
485
  }
479
486
 
480
487
  .anahtar-pill-sep {
@@ -515,6 +522,9 @@ async function removePasskey(id: string) {
515
522
  display: flex;
516
523
  align-items: center;
517
524
  gap: 0.375rem;
525
+ flex: 1;
526
+ min-width: 0;
527
+ overflow: hidden;
518
528
  }
519
529
 
520
530
  .anahtar-pill-email-input {
@@ -523,7 +533,8 @@ async function removePasskey(id: string) {
523
533
  outline: none;
524
534
  font-size: 0.875rem;
525
535
  color: var(--anahtar-pill-fg, #111827);
526
- width: 190px;
536
+ flex: 1;
537
+ min-width: 0;
527
538
  padding: 0.125rem 0;
528
539
  }
529
540
  .anahtar-pill-email-input::placeholder { color: var(--anahtar-pill-placeholder, #9ca3af); }
@@ -533,12 +544,14 @@ async function removePasskey(id: string) {
533
544
  color: var(--anahtar-primary-fg, #fff);
534
545
  border: none;
535
546
  border-radius: 9999px;
536
- padding: 0.25rem 0.75rem;
537
- font-size: 0.8125rem;
538
- font-weight: 500;
547
+ padding: 0.3rem;
548
+ display: flex;
549
+ align-items: center;
550
+ justify-content: center;
551
+ flex-shrink: 0;
539
552
  cursor: pointer;
540
553
  transition: opacity 0.15s;
541
- white-space: nowrap;
554
+ line-height: 1;
542
555
  }
543
556
  .anahtar-pill-go:disabled { opacity: 0.4; cursor: not-allowed; }
544
557
  .anahtar-pill-go:hover:not(:disabled) { opacity: 0.85; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mrgnw/anahtar",
3
- "version": "0.0.19",
3
+ "version": "0.0.20",
4
4
  "description": "Opinionated, reusable auth for SvelteKit. Email+OTP + passkeys.",
5
5
  "license": "MIT",
6
6
  "type": "module",