cauthy-auth 0.35.0 → 0.35.2

package/dist/styles.css

@@ -185,8 +185,9 @@
 
 /*
  * Under way: the pressed button keeps its label with a spinner before it, in
- * the button's own colour; a form still opening says "Loading…" with one.
- * Without motion, the ring stays still and pulses nothing: it only shows.
+ * the button's own colour; a form still opening shows the spinner alone. An
+ * icon and never words: the application may be in any language. Without
+ * motion, the ring stays still and pulses nothing: it only shows.
  */
 :where([data-cauthy] .cauthy-spinner) {
   display: inline-block;
@@ -224,14 +225,18 @@
 
 /* ── Words around the form ───────────────────────────────────────────────── */
 
+/* Always underlined: an action the size of a sentence ("Forgot password?",
+   "Create an account") has to look like the link it is, not plain text. */
 :where([data-cauthy] .cauthy-link) {
   color: var(--cauthy-accent);
   font-size: 13px;
-  text-decoration: none;
+  font-weight: 500;
+  text-decoration: underline;
+  text-underline-offset: 3px;
 }
 
 :where([data-cauthy] .cauthy-link:hover) {
-  text-decoration: underline;
+  text-decoration-thickness: 2px;
 }
 
 :where([data-cauthy] .cauthy-separator) {
@@ -256,12 +261,13 @@
   color: var(--cauthy-text-muted);
 }
 
-/* A form still opening: "Loading…", with its spinner. */
+/* A form still opening: its spinner alone, in the middle. */
 :where([data-cauthy] .cauthy-pending) {
   display: flex;
   align-items: center;
-  gap: 8px;
+  justify-content: center;
   margin: 0;
+  padding: 16px 0;
   color: var(--cauthy-text-muted);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cauthy-auth",
-  "version": "0.35.0",
+  "version": "0.35.2",
   "description": "Sign in with Cauthy: one route to mount, getSession on the server, useSession in the browser. No database, no screens to build.",
   "license": "Apache-2.0",
   "main": "dist/index.js",