@twentyfirstmedia/halo 0.0.0-stage → 0.1.1

package/dist/tailwind.css

@@ -0,0 +1,219 @@
+/* Generated by scripts/tokens.ts from tokens.json: Tailwind v4 theme preset. Do not edit; run `pnpm tokens`. */
+@theme inline reference {
+  --color-*: initial;
+  --color-transparent: transparent;
+  --color-current: currentColor;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary-hover: var(--primary-hover);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-canvas: var(--canvas);
+  --color-surface: var(--surface);
+  --color-surface-sunken: var(--surface-sunken);
+  --color-frame: var(--frame);
+  --color-on-frame: var(--on-frame);
+  --color-on-frame-muted: var(--on-frame-muted);
+  --color-ink: var(--ink);
+  --color-ink-muted: var(--ink-muted);
+  --color-ink-subtle: var(--ink-subtle);
+  --color-line: var(--line);
+  --color-line-strong: var(--line-strong);
+  --color-sky: var(--sky);
+  --color-sky-ink: var(--sky-ink);
+  --color-mint: var(--mint);
+  --color-mint-ink: var(--mint-ink);
+  --color-lilac: var(--lilac);
+  --color-lilac-ink: var(--lilac-ink);
+  --color-butter: var(--butter);
+  --color-butter-ink: var(--butter-ink);
+  --color-blush: var(--blush);
+  --color-blush-ink: var(--blush-ink);
+  --color-focus: var(--focus);
+  --color-count: var(--count);
+  --color-on-count: var(--on-count);
+  --color-on-frame-success: var(--on-frame-success);
+  --color-on-frame-danger: var(--on-frame-danger);
+  --color-scrim: var(--scrim);
+  --color-scrim-strong: var(--scrim-strong);
+  --color-bg-000: var(--bg-000);
+  --color-bg-100: var(--bg-100);
+  --color-bg-200: var(--bg-200);
+  --color-bg-300: var(--bg-300);
+  --color-fg-100: var(--fg-100);
+  --color-fg-200: var(--fg-200);
+  --color-fg-300: var(--fg-300);
+  --color-fg-400: var(--fg-400);
+  --color-line-100: var(--line-100);
+  --color-line-200: var(--line-200);
+  --color-line-300: var(--line-300);
+  --color-chart-grid: var(--chart-grid);
+  --color-chart-sky: var(--chart-sky);
+  --color-chart-mint: var(--chart-mint);
+  --color-chart-lilac: var(--chart-lilac);
+  --color-chart-butter: var(--chart-butter);
+  --color-chart-blush: var(--chart-blush);
+  --color-ok: var(--ok);
+  --color-ok-bg: var(--ok-bg);
+  --color-info: var(--info);
+  --color-info-bg: var(--info-bg);
+  --color-warn: var(--warn);
+  --color-warn-bg: var(--warn-bg);
+  --color-danger: var(--danger);
+  --color-danger-bg: var(--danger-bg);
+  --color-signal: var(--signal);
+  --color-signal-bg: var(--signal-bg);
+  --color-idle: var(--idle);
+  --color-diff-add: var(--diff-add);
+  --color-diff-add-bg: var(--diff-add-bg);
+  --color-diff-del: var(--diff-del);
+  --color-diff-del-bg: var(--diff-del-bg);
+  --color-paper: var(--paper);
+  --color-paper-ink: var(--paper-ink);
+  --color-frame-hover: var(--frame-hover);
+  --color-frame-active: var(--frame-active);
+  --color-frame-strong: var(--frame-strong);
+  --color-on-frame-strong: var(--on-frame-strong);
+  --color-on-frame-warn: var(--on-frame-warn);
+  --color-on-frame-signal: var(--on-frame-signal);
+  --color-ink-hover: var(--ink-hover);
+  --color-hairline: var(--hairline);
+  --color-media-scrim: var(--media-scrim);
+  --color-media-ink: var(--media-ink);
+  --color-media-shadow: var(--media-shadow);
+  --color-lightbox: var(--lightbox);
+  --color-lightbox-ink: var(--lightbox-ink);
+  --color-paper-muted: var(--paper-muted);
+  --color-paper-subtle: var(--paper-subtle);
+  --color-serp-ink: var(--serp-ink);
+  --color-serp-muted: var(--serp-muted);
+  --color-serp-link: var(--serp-link);
+  --color-serp-chip: var(--serp-chip);
+  --radius-*: initial;
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: var(--radius-xl);
+  --radius-pill: var(--radius-pill);
+  --radius-0: var(--radius-0);
+  --radius-1: var(--radius-1);
+  --radius-full: var(--radius-full);
+  --shadow-*: initial;
+  --shadow-card: var(--shadow-card);
+  --shadow-lift: var(--shadow-lift);
+  --shadow-float: var(--shadow-float);
+  --shadow-overlay: var(--shadow-overlay);
+  --font-*: initial;
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+  --ease-*: initial;
+  --ease-out: var(--ease-out);
+  --ease-spring: var(--ease-spring);
+  --ease-in-out: var(--ease-in-out);
+  --ease-standard: var(--ease-standard);
+  --text-*: initial;
+  --text-display: var(--type-display-size);
+  --text-display--line-height: var(--type-display-line);
+  --text-display--font-weight: var(--type-display-weight);
+  --text-display--letter-spacing: var(--type-display-tracking);
+  --text-number-xl: var(--type-number-xl-size);
+  --text-number-xl--line-height: var(--type-number-xl-line);
+  --text-number-xl--font-weight: var(--type-number-xl-weight);
+  --text-number-xl--letter-spacing: var(--type-number-xl-tracking);
+  --text-h1: var(--type-h1-size);
+  --text-h1--line-height: var(--type-h1-line);
+  --text-h1--font-weight: var(--type-h1-weight);
+  --text-h1--letter-spacing: var(--type-h1-tracking);
+  --text-h2: var(--type-h2-size);
+  --text-h2--line-height: var(--type-h2-line);
+  --text-h2--font-weight: var(--type-h2-weight);
+  --text-h2--letter-spacing: var(--type-h2-tracking);
+  --text-h3: var(--type-h3-size);
+  --text-h3--line-height: var(--type-h3-line);
+  --text-h3--font-weight: var(--type-h3-weight);
+  --text-h3--letter-spacing: var(--type-h3-tracking);
+  --text-body: var(--type-body-size);
+  --text-body--line-height: var(--type-body-line);
+  --text-body--font-weight: var(--type-body-weight);
+  --text-body--letter-spacing: var(--type-body-tracking);
+  --text-body-long: var(--type-body-long-size);
+  --text-body-long--line-height: var(--type-body-long-line);
+  --text-body-long--font-weight: var(--type-body-long-weight);
+  --text-body-long--letter-spacing: var(--type-body-long-tracking);
+  --text-body-sm: var(--type-body-sm-size);
+  --text-body-sm--line-height: var(--type-body-sm-line);
+  --text-body-sm--font-weight: var(--type-body-sm-weight);
+  --text-body-sm--letter-spacing: var(--type-body-sm-tracking);
+  --text-label: var(--type-label-size);
+  --text-label--line-height: var(--type-label-line);
+  --text-label--font-weight: var(--type-label-weight);
+  --text-label--letter-spacing: var(--type-label-tracking);
+  --text-small: var(--type-small-size);
+  --text-small--line-height: var(--type-small-line);
+  --text-small--font-weight: var(--type-small-weight);
+  --text-small--letter-spacing: var(--type-small-tracking);
+  --text-caption: var(--type-caption-size);
+  --text-caption--line-height: var(--type-caption-line);
+  --text-caption--font-weight: var(--type-caption-weight);
+  --text-caption--letter-spacing: var(--type-caption-tracking);
+  --text-micro: var(--type-micro-size);
+  --text-micro--line-height: var(--type-micro-line);
+  --text-micro--font-weight: var(--type-micro-weight);
+  --text-micro--letter-spacing: var(--type-micro-tracking);
+  --text-code: var(--type-code-size);
+  --text-code--line-height: var(--type-code-line);
+  --text-code--font-weight: var(--type-code-weight);
+  --text-code--letter-spacing: var(--type-code-tracking);
+  --text-heading: var(--type-heading-size);
+  --text-heading--line-height: var(--type-heading-line);
+  --text-heading--font-weight: var(--type-heading-weight);
+  --text-heading--letter-spacing: var(--type-heading-tracking);
+  --text-title: var(--type-title-size);
+  --text-title--line-height: var(--type-title-line);
+  --text-title--font-weight: var(--type-title-weight);
+  --text-title--letter-spacing: var(--type-title-tracking);
+  --text-eyebrow: var(--type-eyebrow-size);
+  --text-eyebrow--line-height: var(--type-eyebrow-line);
+  --text-eyebrow--font-weight: var(--type-eyebrow-weight);
+  --text-eyebrow--letter-spacing: var(--type-eyebrow-tracking);
+  --text-mono: var(--type-mono-size);
+  --text-mono--line-height: var(--type-mono-line);
+  --text-mono--font-weight: var(--type-mono-weight);
+  --text-mono--letter-spacing: var(--type-mono-tracking);
+  --text-mono-sm: var(--type-mono-sm-size);
+  --text-mono-sm--line-height: var(--type-mono-sm-line);
+  --text-mono-sm--font-weight: var(--type-mono-sm-weight);
+  --text-mono-sm--letter-spacing: var(--type-mono-sm-tracking);
+  --text-numeric: var(--type-numeric-size);
+  --text-numeric--line-height: var(--type-numeric-line);
+  --text-numeric--font-weight: var(--type-numeric-weight);
+  --text-numeric--letter-spacing: var(--type-numeric-tracking);
+}

package/dist/themes/blue.css

@@ -0,0 +1,64 @@
+/* Twentyfirst UI · Blue theme for halo */
+:root {
+  --primary: #2563eb;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #2563eb;
+  --sidebar-primary: #2563eb;
+  --sidebar-ring: #2563eb;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    --primary: #60a5fa;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #60a5fa;
+    --sidebar-primary: #60a5fa;
+    --sidebar-ring: #60a5fa;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  [data-theme="system"] {
+    --primary: #60a5fa;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #60a5fa;
+    --sidebar-primary: #60a5fa;
+    --sidebar-ring: #60a5fa;
+  }
+}
+@media (prefers-color-scheme: light) {
+  [data-theme="system"] {
+    --primary: #2563eb;
+    --primary-foreground: #ffffff;
+    --sidebar-primary-foreground: #ffffff;
+    --ring: #2563eb;
+    --sidebar-primary: #2563eb;
+    --sidebar-ring: #2563eb;
+  }
+}
+[data-theme="light"] {
+  --primary: #2563eb;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #2563eb;
+  --sidebar-primary: #2563eb;
+  --sidebar-ring: #2563eb;
+}
+.light {
+  --primary: #2563eb;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #2563eb;
+  --sidebar-primary: #2563eb;
+  --sidebar-ring: #2563eb;
+}
+[data-theme="dark"],
+.dark {
+  --primary: #60a5fa;
+  --primary-foreground: #111114;
+  --sidebar-primary-foreground: #111114;
+  --ring: #60a5fa;
+  --sidebar-primary: #60a5fa;
+  --sidebar-ring: #60a5fa;
+}

package/dist/themes/emerald.css

@@ -0,0 +1,64 @@
+/* Twentyfirst UI · Emerald theme for halo */
+:root {
+  --primary: #047857;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #047857;
+  --sidebar-primary: #047857;
+  --sidebar-ring: #047857;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    --primary: #34d399;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #34d399;
+    --sidebar-primary: #34d399;
+    --sidebar-ring: #34d399;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  [data-theme="system"] {
+    --primary: #34d399;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #34d399;
+    --sidebar-primary: #34d399;
+    --sidebar-ring: #34d399;
+  }
+}
+@media (prefers-color-scheme: light) {
+  [data-theme="system"] {
+    --primary: #047857;
+    --primary-foreground: #ffffff;
+    --sidebar-primary-foreground: #ffffff;
+    --ring: #047857;
+    --sidebar-primary: #047857;
+    --sidebar-ring: #047857;
+  }
+}
+[data-theme="light"] {
+  --primary: #047857;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #047857;
+  --sidebar-primary: #047857;
+  --sidebar-ring: #047857;
+}
+.light {
+  --primary: #047857;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #047857;
+  --sidebar-primary: #047857;
+  --sidebar-ring: #047857;
+}
+[data-theme="dark"],
+.dark {
+  --primary: #34d399;
+  --primary-foreground: #111114;
+  --sidebar-primary-foreground: #111114;
+  --ring: #34d399;
+  --sidebar-primary: #34d399;
+  --sidebar-ring: #34d399;
+}

package/dist/themes/orange.css

@@ -0,0 +1,64 @@
+/* Twentyfirst UI · Orange theme for halo */
+:root {
+  --primary: #c2410c;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #c2410c;
+  --sidebar-primary: #c2410c;
+  --sidebar-ring: #c2410c;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    --primary: #fb923c;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #fb923c;
+    --sidebar-primary: #fb923c;
+    --sidebar-ring: #fb923c;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  [data-theme="system"] {
+    --primary: #fb923c;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #fb923c;
+    --sidebar-primary: #fb923c;
+    --sidebar-ring: #fb923c;
+  }
+}
+@media (prefers-color-scheme: light) {
+  [data-theme="system"] {
+    --primary: #c2410c;
+    --primary-foreground: #ffffff;
+    --sidebar-primary-foreground: #ffffff;
+    --ring: #c2410c;
+    --sidebar-primary: #c2410c;
+    --sidebar-ring: #c2410c;
+  }
+}
+[data-theme="light"] {
+  --primary: #c2410c;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #c2410c;
+  --sidebar-primary: #c2410c;
+  --sidebar-ring: #c2410c;
+}
+.light {
+  --primary: #c2410c;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #c2410c;
+  --sidebar-primary: #c2410c;
+  --sidebar-ring: #c2410c;
+}
+[data-theme="dark"],
+.dark {
+  --primary: #fb923c;
+  --primary-foreground: #111114;
+  --sidebar-primary-foreground: #111114;
+  --ring: #fb923c;
+  --sidebar-primary: #fb923c;
+  --sidebar-ring: #fb923c;
+}

package/dist/themes/rose.css

@@ -0,0 +1,64 @@
+/* Twentyfirst UI · Rose theme for halo */
+:root {
+  --primary: #e11d48;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #e11d48;
+  --sidebar-primary: #e11d48;
+  --sidebar-ring: #e11d48;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    --primary: #fb7185;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #fb7185;
+    --sidebar-primary: #fb7185;
+    --sidebar-ring: #fb7185;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  [data-theme="system"] {
+    --primary: #fb7185;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #fb7185;
+    --sidebar-primary: #fb7185;
+    --sidebar-ring: #fb7185;
+  }
+}
+@media (prefers-color-scheme: light) {
+  [data-theme="system"] {
+    --primary: #e11d48;
+    --primary-foreground: #ffffff;
+    --sidebar-primary-foreground: #ffffff;
+    --ring: #e11d48;
+    --sidebar-primary: #e11d48;
+    --sidebar-ring: #e11d48;
+  }
+}
+[data-theme="light"] {
+  --primary: #e11d48;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #e11d48;
+  --sidebar-primary: #e11d48;
+  --sidebar-ring: #e11d48;
+}
+.light {
+  --primary: #e11d48;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #e11d48;
+  --sidebar-primary: #e11d48;
+  --sidebar-ring: #e11d48;
+}
+[data-theme="dark"],
+.dark {
+  --primary: #fb7185;
+  --primary-foreground: #111114;
+  --sidebar-primary-foreground: #111114;
+  --ring: #fb7185;
+  --sidebar-primary: #fb7185;
+  --sidebar-ring: #fb7185;
+}

package/dist/themes/teal.css

@@ -0,0 +1,64 @@
+/* Twentyfirst UI · Teal theme for halo */
+:root {
+  --primary: #0f766e;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #0f766e;
+  --sidebar-primary: #0f766e;
+  --sidebar-ring: #0f766e;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    --primary: #2dd4bf;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #2dd4bf;
+    --sidebar-primary: #2dd4bf;
+    --sidebar-ring: #2dd4bf;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  [data-theme="system"] {
+    --primary: #2dd4bf;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #2dd4bf;
+    --sidebar-primary: #2dd4bf;
+    --sidebar-ring: #2dd4bf;
+  }
+}
+@media (prefers-color-scheme: light) {
+  [data-theme="system"] {
+    --primary: #0f766e;
+    --primary-foreground: #ffffff;
+    --sidebar-primary-foreground: #ffffff;
+    --ring: #0f766e;
+    --sidebar-primary: #0f766e;
+    --sidebar-ring: #0f766e;
+  }
+}
+[data-theme="light"] {
+  --primary: #0f766e;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #0f766e;
+  --sidebar-primary: #0f766e;
+  --sidebar-ring: #0f766e;
+}
+.light {
+  --primary: #0f766e;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #0f766e;
+  --sidebar-primary: #0f766e;
+  --sidebar-ring: #0f766e;
+}
+[data-theme="dark"],
+.dark {
+  --primary: #2dd4bf;
+  --primary-foreground: #111114;
+  --sidebar-primary-foreground: #111114;
+  --ring: #2dd4bf;
+  --sidebar-primary: #2dd4bf;
+  --sidebar-ring: #2dd4bf;
+}

package/dist/themes/violet.css

@@ -0,0 +1,64 @@
+/* Twentyfirst UI · Violet theme for halo */
+:root {
+  --primary: #7c3aed;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #7c3aed;
+  --sidebar-primary: #7c3aed;
+  --sidebar-ring: #7c3aed;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    --primary: #a78bfa;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #a78bfa;
+    --sidebar-primary: #a78bfa;
+    --sidebar-ring: #a78bfa;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  [data-theme="system"] {
+    --primary: #a78bfa;
+    --primary-foreground: #111114;
+    --sidebar-primary-foreground: #111114;
+    --ring: #a78bfa;
+    --sidebar-primary: #a78bfa;
+    --sidebar-ring: #a78bfa;
+  }
+}
+@media (prefers-color-scheme: light) {
+  [data-theme="system"] {
+    --primary: #7c3aed;
+    --primary-foreground: #ffffff;
+    --sidebar-primary-foreground: #ffffff;
+    --ring: #7c3aed;
+    --sidebar-primary: #7c3aed;
+    --sidebar-ring: #7c3aed;
+  }
+}
+[data-theme="light"] {
+  --primary: #7c3aed;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #7c3aed;
+  --sidebar-primary: #7c3aed;
+  --sidebar-ring: #7c3aed;
+}
+.light {
+  --primary: #7c3aed;
+  --primary-foreground: #ffffff;
+  --sidebar-primary-foreground: #ffffff;
+  --ring: #7c3aed;
+  --sidebar-primary: #7c3aed;
+  --sidebar-ring: #7c3aed;
+}
+[data-theme="dark"],
+.dark {
+  --primary: #a78bfa;
+  --primary-foreground: #111114;
+  --sidebar-primary-foreground: #111114;
+  --ring: #a78bfa;
+  --sidebar-primary: #a78bfa;
+  --sidebar-ring: #a78bfa;
+}