From 122044e6af1ec6c7e55e1f7c553c2cc3d14a81b7 Mon Sep 17 00:00:00 2001
From: m5r <mokhtar@mial.net>
Date: Wed, 12 Aug 2026 22:46:29 +0200
Subject: [PATCH] milestone 23 s3: delete ui/classes.ts, its last importer is
 gone

---
 web/src/ui/classes.ts | 32 --------------------------------
 1 file changed, 32 deletions(-)
 delete mode 100644 web/src/ui/classes.ts

diff --git a/web/src/ui/classes.ts b/web/src/ui/classes.ts
deleted file mode 100644
index 059084d..0000000
--- a/web/src/ui/classes.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * The shared Tailwind class vocabulary (milestone 18, ruling 10).
- *
- * Every interactive element must carry `focusRing`; that is the milestone-9
- * accessibility floor. Compose these constants for one-off variants
- * (`` `${buttonClass} md:hidden` ``) instead of re-spelling the literal.
- */
-
-export const focusRing = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600";
-
-/** The ring drawn inside the element, for controls flush against a panel edge. */
-export const insetFocusRing = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-600";
-
-export const inputClass = `mt-1 w-full rounded border border-zinc-300 bg-white px-3 py-2 ${focusRing} dark:border-zinc-700 dark:bg-zinc-900`;
-export const smallInputClass = `rounded border border-zinc-300 bg-white px-2 py-1.5 text-sm ${focusRing} dark:border-zinc-700 dark:bg-zinc-900`;
-
-export const buttonClass = `rounded border border-zinc-300 px-3 py-1.5 text-sm ${focusRing} dark:border-zinc-700`;
-export const smallButtonClass = `rounded border border-zinc-300 px-2 py-1 text-sm ${focusRing} dark:border-zinc-700`;
-export const largeButtonClass = `rounded border border-zinc-300 px-3 py-2 font-medium ${focusRing} dark:border-zinc-700`;
-
-export const primaryButtonClass = `rounded bg-blue-600 px-3 py-1.5 text-sm font-medium text-white disabled:opacity-50 ${focusRing}`;
-export const largePrimaryButtonClass = `rounded bg-blue-600 px-3 py-2 font-medium text-white disabled:opacity-50 ${focusRing}`;
-
-export const rowButtonClass = `rounded px-2 py-1 text-sm text-blue-600 ${focusRing} dark:text-blue-400`;
-export const linkButtonClass = `text-sm font-medium text-blue-600 ${focusRing} dark:text-blue-400`;
-export const dangerLinkButtonClass = `text-sm font-medium text-red-600 disabled:opacity-50 ${focusRing} dark:text-red-400`;
-export const retryButtonClass = `mt-3 rounded border border-red-300 px-3 py-1.5 text-sm font-medium text-red-800 ${focusRing} dark:border-red-800 dark:text-red-200`;
-
-export const thClass = "border-b border-zinc-300 px-3 py-2 text-left font-medium dark:border-zinc-700";
-export const tdClass = "border-b border-zinc-200 px-3 py-2 dark:border-zinc-800";
-export const tableWrapClass = "mt-4 overflow-x-auto";
-export const formCardClass = "mt-4 max-w-lg space-y-3 rounded border border-zinc-200 p-4 dark:border-zinc-800";