@tradalab/lyra 3.10.0 → 3.12.0

package/styles/globals.css

@@ -236,6 +236,34 @@
   font-size: var(--compact-font-size);
 }
 
+/* TOUCH: `data-touch="true"` on `<html>` sizes the controls for a finger.
+ *
+ * The kit is sized for a pointer (12px text, 32px controls), and compact only shrinks it. The three
+ * scorix Android apps (auth, lunarcalendar, pomodoro) each grew their own copy of this block, and the
+ * copies had drifted by 2026-10-19: only auth raised inputs and selects, only the other two raised
+ * tabs. This is their union.
+ *
+ * 40px with 14px text, as Material's own buttons: auth tried 48px and 18px first and the screen read
+ * as oversized, with Android scaling text by the user's font setting on top.
+ *
+ * Unlayered, like compact: the primitives carry their sizes as utility classes, and only an unlayered
+ * rule beats those whatever their specificity. */
+[data-touch="true"] [data-slot="button"]:not([data-size^="icon"]),
+[data-touch="true"] [data-slot="tabs-trigger"],
+[data-touch="true"] [data-slot="input"],
+[data-touch="true"] [data-slot="input-group"],
+[data-touch="true"] [data-slot="native-select"],
+[data-touch="true"] [data-slot="select-trigger"],
+[data-touch="true"] [data-slot="select-item"] {
+  min-height: 40px;
+  font-size: 0.875rem;
+}
+
+[data-touch="true"] [data-slot="button"][data-size^="icon"] {
+  min-width: 40px;
+  min-height: 40px;
+}
+
 /* TOAST above every overlay. Not a style preference.
  *
  * A toast reports the outcome of something the reader just did, and they usually did it in a dialog,