@buoy-gg/time-machine 7.0.29 → 7.0.31

package/src/ui/tmTheme.ts

@@ -1,109 +0,0 @@
-/**
- * Time Machine design tokens — the "modern" surface language.
- *
- * A grouped-inset list system (iOS Settings shape): one dark sheet, rounded
- * grouped cards holding hairline-separated rows, uppercase section labels
- * outside the cards, and explanatory footnotes under them.
- *
- * COLOR COMES FROM the shared `night` palette (ui/night/nightTheme.ts) — not
- * from a private set — so the tool reads as part of the same product as every
- * other one. Change a value in nightTheme.ts and it lands here.
- *
- * Only shape, spacing and type live as literals below — those ARE the design
- * language and have no palette equivalent.
- *
- * SCOPE: this is Time Machine's pilot of the new look. If it lands, promote
- * this file (and ./primitives) into @buoy-gg/shared-ui and let the other
- * tools import it — nothing in here is Time-Machine-specific.
- *
- * Note: like every StyleSheet in the repo, these values are read once at
- * module load, so the desktop dashboard's in-place re-tint needs a reload to
- * reach them.
- */
-import { night } from "@buoy-gg/shared-ui";
-
-/** Hex opacity suffixes, so tinted fills stay tied to the palette color. */
-const A18 = "2E";
-const A30 = "4D";
-
-export const tm = {
-  color: {
-    /**
-     * Backing for the sticky footer (its only consumer) — night glass, same
-     * treatment as the shared stepper footer, so the star field hints through
-     * without the list reading through the CTA.
-     */
-    sheet: "rgba(5, 5, 5, 0.92)",
-    /** A grouped card. */
-    group: night.color.surface,
-    /** Row press / hover wash on top of a group. */
-    rowPressed: night.color.surfaceElevated,
-    /** Hairline between rows, inset from the left like iOS. */
-    separator: night.color.separator,
-    /** Neutral control fill (icon discs, chips, round buttons). */
-    fill: night.color.surfaceElevated,
-    fillStrong: night.color.fillTertiary,
-
-    label: night.color.text,
-    labelSecondary: night.color.textSecondary,
-    labelTertiary: night.color.textTertiary,
-
-    /** Primary action + "this is healthy" (the night brand green). */
-    accent: night.color.accent,
-    accentSoft: `${night.color.accent}${A18}`,
-    accentSoftStrong: `${night.color.accent}${A30}`,
-    /** Text/icons ON an accent fill — the brand green wants dark ink. */
-    onAccent: "#0A0A0A",
-
-    warning: night.color.warning,
-    warningSoft: `${night.color.warning}${A18}`,
-
-    danger: night.color.danger,
-    dangerSoft: `${night.color.danger}${A18}`,
-    /** Text/icons ON a danger fill. */
-    onDanger: "#FFFFFF",
-
-    info: night.color.info,
-  },
-
-  radius: {
-    /** Grouped card + the capture field that visually matches one. */
-    group: 14,
-    /** Fully rounded pills and status circles. */
-    pill: 99,
-  },
-
-  /** Horizontal inset of the grouped cards from the sheet edge. */
-  gutter: 14,
-  /** Extra inset for labels/footnotes, measured from the card edge. */
-  textInset: 16,
-  /** Left inset of a row separator, measured from the card edge. */
-  separatorInset: 16,
-
-  font: {
-    /** Row titles and primary values. */
-    row: 17,
-    /** Buttons and pill labels. */
-    control: 15,
-    /** Section labels, row captions, footnotes. */
-    footnote: 13,
-    /** Route paths and other monospace detail. */
-    mono: 12,
-  },
-
-  /** iOS tracks display text slightly tighter than the default. */
-  tracking: {
-    row: -0.43,
-    control: -0.2,
-  },
-
-  /** Standard grouped-row height before content forces it taller. */
-  rowMinHeight: 52,
-} as const;
-
-/**
- * Monospace family. RN native resolves a single family name only (no CSS
- * stack), and "monospace" is the one token both platforms honor — it is what
- * the rest of the design system uses.
- */
-export const TM_MONO = "monospace";