From 195e305c02726a746341c0f0064b5321231bb390 Mon Sep 17 00:00:00 2001
From: marcin2121 <13873718+marcin2121@users.noreply.github.com>
Date: Tue, 31 Mar 2026 22:16:42 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20AuthModal?=
=?UTF-8?q?=20accessibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- Add missing `aria-label` attributes to email, password, name, and phone inputs.
- Fix custom checkbox keyboard accessibility by making the input `sr-only peer` instead of `hidden`.
- Add `peer-focus-visible` classes to visually indicate focus on custom checkboxes during keyboard navigation.
Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
---
components/ui/AuthModal.tsx | 20 +-
pnpm-lock.yaml | 11335 ++++++++++++++++++++++++++++++++++
2 files changed, 11345 insertions(+), 10 deletions(-)
create mode 100644 pnpm-lock.yaml
diff --git a/components/ui/AuthModal.tsx b/components/ui/AuthModal.tsx
index 922c8f7..ccb60fe 100644
--- a/components/ui/AuthModal.tsx
+++ b/components/ui/AuthModal.tsx
@@ -144,11 +144,11 @@ export default function AuthModal({ isOpen, onClose, initialView = 'login' }: Au
)}
@@ -156,13 +156,13 @@ export default function AuthModal({ isOpen, onClose, initialView = 'login' }: Au
{/* POLA WYMAGANE (EMAIL I HASŁO) */}
- setEmail(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
+ setEmail(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
{view !== 'forgot' && (
- setPassword(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
+ setPassword(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
)}
@@ -178,22 +178,22 @@ export default function AuthModal({ isOpen, onClose, initialView = 'login' }: Au
{view === 'register' && (
{/* Zgoda obowiązkowa */}
-