@newt-app/templates 0.17.0 → 0.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +36 -34
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -474,38 +474,38 @@ export default function Home() {
474
474
  return (
475
475
  <main className="max-w-lg mx-auto min-h-full px-4 py-8 space-y-4">
476
476
  <div className="pb-4 border-b">
477
- <p className="font-mono text-sm text-gray-400">apps/web/page.tsx</p>
478
- <p className="text-sm text-gray-400">Delete me to get started!</p>
477
+ <p className="font-mono text-sm text-muted-foreground">apps/web/page.tsx</p>
478
+ <p className="text-sm text-muted-foreground">Delete me to get started!</p>
479
479
  </div>
480
480
 
481
481
  <div className="flex items-center gap-3 py-2">
482
482
  <Logo className="w-10 h-auto text-foreground" />
483
483
  <div>
484
484
  <h1 className="text-4xl font-black tracking-tight"><%= projectName %></h1>
485
- <p className="text-sm text-gray-400 tracking-widest uppercase">
485
+ <p className="text-sm text-muted-foreground tracking-widest uppercase">
486
486
  Next + Nest = Newt \u{1F49C}
487
487
  </p>
488
488
  </div>
489
489
  </div>
490
490
 
491
491
  <div className="rounded-xl border p-6 space-y-1">
492
- <p className="text-xs font-mono uppercase tracking-widest text-gray-400">next.js</p>
493
- <p className="font-mono text-sm text-gray-400">apps/web/layout.tsx</p>
494
- <p className="text-sm text-gray-400">Next.js rendering</p>
492
+ <p className="text-xs font-mono uppercase tracking-widest text-muted-foreground">next.js</p>
493
+ <p className="font-mono text-sm text-muted-foreground">apps/web/layout.tsx</p>
494
+ <p className="text-sm text-muted-foreground">Next.js rendering</p>
495
495
  </div>
496
496
 
497
497
  <div className="rounded-xl border p-6 space-y-1">
498
- <p className="text-xs font-mono uppercase tracking-widest text-gray-400">nest.js</p>
499
- <p className="font-mono text-sm text-gray-400">GET /api/hello</p>
500
- <pre className="mt-2 border rounded-md p-3 text-sm bg-neutral-800">
498
+ <p className="text-xs font-mono uppercase tracking-widest text-muted-foreground">nest.js</p>
499
+ <p className="font-mono text-sm text-muted-foreground">GET /api/hello</p>
500
+ <pre className="mt-2 border rounded-md p-3 text-sm bg-muted/50">
501
501
  <code>{JSON.stringify(hello, null, 2)}</code>
502
502
  </pre>
503
503
  </div>
504
504
 
505
505
  <div className="rounded-xl border p-6">
506
- <p className="text-xs font-mono uppercase tracking-widest text-gray-400 mb-4">better-auth</p>
506
+ <p className="text-xs font-mono uppercase tracking-widest text-muted-foreground mb-4">better-auth</p>
507
507
  {isPending ? (
508
- <p className="text-sm text-gray-400">Loading\u2026</p>
508
+ <p className="text-sm text-muted-foreground">Loading\u2026</p>
509
509
  ) : session ? (
510
510
  <div className="space-y-3">
511
511
  <p className="text-sm">Signed in as {session.user.name}</p>
@@ -519,7 +519,7 @@ export default function Home() {
519
519
  </div>
520
520
 
521
521
  <div className="px-2 py-4 text-sm">
522
- <p className="mb-2 text-gray-400">Learn more</p>
522
+ <p className="mb-2 text-muted-foreground">Learn more</p>
523
523
  <ul className="list-disc list-inside space-y-2 mt-2">
524
524
  <li>
525
525
  <Link href="https://github.com">GitHub</Link>
@@ -587,7 +587,7 @@ export function AuthForm() {
587
587
  className={
588
588
  tab === 'signup'
589
589
  ? 'font-semibold'
590
- : 'text-gray-400 hover:text-gray-200'
590
+ : 'text-muted-foreground hover:text-gray-200'
591
591
  }
592
592
  >
593
593
  Sign up
@@ -598,7 +598,7 @@ export function AuthForm() {
598
598
  className={
599
599
  tab === 'signin'
600
600
  ? 'font-semibold'
601
- : 'text-gray-400 hover:text-gray-200'
601
+ : 'text-muted-foreground hover:text-gray-200'
602
602
  }
603
603
  >
604
604
  Sign in
@@ -622,7 +622,7 @@ export function AuthForm() {
622
622
  value={field.state.value}
623
623
  onChange={(e) => field.handleChange(e.target.value)}
624
624
  required
625
- className="flex h-9 w-full rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
625
+ className="flex h-9 w-full rounded-md border border-neutral-700 bg-muted/50/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
626
626
  />
627
627
  </div>
628
628
  )}
@@ -638,7 +638,7 @@ export function AuthForm() {
638
638
  value={field.state.value}
639
639
  onChange={(e) => field.handleChange(e.target.value)}
640
640
  required
641
- className="flex h-9 w-full rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
641
+ className="flex h-9 w-full rounded-md border border-neutral-700 bg-muted/50/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
642
642
  />
643
643
  </div>
644
644
  )}
@@ -654,7 +654,7 @@ export function AuthForm() {
654
654
  onChange={(e) => field.handleChange(e.target.value)}
655
655
  required
656
656
  minLength={8}
657
- className="flex h-9 w-full rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
657
+ className="flex h-9 w-full rounded-md border border-neutral-700 bg-muted/50/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
658
658
  />
659
659
  </div>
660
660
  )}
@@ -1260,6 +1260,7 @@ var globals_css_default = {
1260
1260
  :root {
1261
1261
  --background: oklch(0.145 0 0);
1262
1262
  --foreground: oklch(0.985 0 0);
1263
+ --muted: oklch(0.269 0 0);
1263
1264
  --muted-foreground: oklch(0.708 0 0);
1264
1265
  --border: oklch(0.469 0 0);
1265
1266
  }
@@ -1267,6 +1268,7 @@ var globals_css_default = {
1267
1268
  @theme inline {
1268
1269
  --color-background: var(--background);
1269
1270
  --color-foreground: var(--foreground);
1271
+ --color-muted: var(--muted);
1270
1272
  --color-muted-foreground: var(--muted-foreground);
1271
1273
  --color-border: var(--border);
1272
1274
  }
@@ -10594,7 +10596,7 @@ export function TodoList({
10594
10596
  <>
10595
10597
  <div className="flex items-center justify-between mb-8">
10596
10598
  <h1 className="text-2xl font-semibold">Todos</h1>
10597
- <div className="flex items-center gap-3 text-sm text-gray-400">
10599
+ <div className="flex items-center gap-3 text-sm text-muted-foreground">
10598
10600
  <span>{session.user.email}</span>
10599
10601
  <button
10600
10602
  className="hover:text-gray-100"
@@ -10618,7 +10620,7 @@ export function TodoList({
10618
10620
  value={field.state.value}
10619
10621
  onChange={(e) => field.handleChange(e.target.value)}
10620
10622
  placeholder="New todo\u2026"
10621
- className="flex h-9 flex-1 rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
10623
+ className="flex h-9 flex-1 rounded-md border border-neutral-700 bg-muted/50/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
10622
10624
  />
10623
10625
  )}
10624
10626
  </form.Field>
@@ -10633,7 +10635,7 @@ export function TodoList({
10633
10635
  </form>
10634
10636
 
10635
10637
  {isPending ? (
10636
- <p className="text-sm text-gray-400">Loading\u2026</p>
10638
+ <p className="text-sm text-muted-foreground">Loading\u2026</p>
10637
10639
  ) : (
10638
10640
  <ul className="divide-y divide-neutral-700">
10639
10641
  {todos.map((todo) => (
@@ -10644,7 +10646,7 @@ export function TodoList({
10644
10646
  onChange={() => toggleMutation.mutate(todo.id)}
10645
10647
  />
10646
10648
  <span
10647
- className={\`flex-1 text-sm \${todo.done ? 'line-through text-gray-400' : ''}\`}
10649
+ className={\`flex-1 text-sm \${todo.done ? 'line-through text-muted-foreground' : ''}\`}
10648
10650
  >
10649
10651
  {todo.title}
10650
10652
  </span>
@@ -10660,7 +10662,7 @@ export function TodoList({
10660
10662
  )}
10661
10663
 
10662
10664
  {!isPending && todos.length === 0 && (
10663
- <p className="text-sm text-gray-400">No todos yet.</p>
10665
+ <p className="text-sm text-muted-foreground">No todos yet.</p>
10664
10666
  )}
10665
10667
  </>
10666
10668
  );
@@ -10690,38 +10692,38 @@ export default function Home() {
10690
10692
  return (
10691
10693
  <main className="max-w-lg mx-auto min-h-full px-4 py-8 space-y-4">
10692
10694
  <div className="pb-4 border-b">
10693
- <p className="font-mono text-sm text-gray-400">apps/web/page.tsx</p>
10694
- <p className="text-sm text-gray-400">Delete me to get started!</p>
10695
+ <p className="font-mono text-sm text-muted-foreground">apps/web/page.tsx</p>
10696
+ <p className="text-sm text-muted-foreground">Delete me to get started!</p>
10695
10697
  </div>
10696
10698
 
10697
10699
  <div className="flex items-center gap-3 py-2">
10698
10700
  <Logo className="w-10 h-auto text-foreground" />
10699
10701
  <div>
10700
10702
  <h1 className="text-4xl font-black tracking-tight"><%= projectName %></h1>
10701
- <p className="text-sm text-gray-400 tracking-widest uppercase">
10703
+ <p className="text-sm text-muted-foreground tracking-widest uppercase">
10702
10704
  Next + Nest = Newt \u{1F49C}
10703
10705
  </p>
10704
10706
  </div>
10705
10707
  </div>
10706
10708
 
10707
10709
  <div className="rounded-xl border p-6 space-y-1">
10708
- <p className="text-xs font-mono uppercase tracking-widest text-gray-400">next.js</p>
10709
- <p className="font-mono text-sm text-gray-400">apps/web/layout.tsx</p>
10710
- <p className="text-sm text-gray-400">Next.js rendering</p>
10710
+ <p className="text-xs font-mono uppercase tracking-widest text-muted-foreground">next.js</p>
10711
+ <p className="font-mono text-sm text-muted-foreground">apps/web/layout.tsx</p>
10712
+ <p className="text-sm text-muted-foreground">Next.js rendering</p>
10711
10713
  </div>
10712
10714
 
10713
10715
  <div className="rounded-xl border p-6 space-y-1">
10714
- <p className="text-xs font-mono uppercase tracking-widest text-gray-400">nest.js</p>
10715
- <p className="font-mono text-sm text-gray-400">GET /api/hello</p>
10716
- <pre className="mt-2 border rounded-md p-3 text-sm bg-neutral-800">
10716
+ <p className="text-xs font-mono uppercase tracking-widest text-muted-foreground">nest.js</p>
10717
+ <p className="font-mono text-sm text-muted-foreground">GET /api/hello</p>
10718
+ <pre className="mt-2 border rounded-md p-3 text-sm bg-muted/50">
10717
10719
  <code>{JSON.stringify(hello, null, 2)}</code>
10718
10720
  </pre>
10719
10721
  </div>
10720
10722
 
10721
10723
  <div className="rounded-xl border p-6">
10722
- <p className="text-xs font-mono uppercase tracking-widest text-gray-400 mb-4">better-auth</p>
10724
+ <p className="text-xs font-mono uppercase tracking-widest text-muted-foreground mb-4">better-auth</p>
10723
10725
  {isPending ? (
10724
- <p className="text-sm text-gray-400">Loading\u2026</p>
10726
+ <p className="text-sm text-muted-foreground">Loading\u2026</p>
10725
10727
  ) : session ? (
10726
10728
  <TodoList session={session} />
10727
10729
  ) : (
@@ -10730,7 +10732,7 @@ export default function Home() {
10730
10732
  </div>
10731
10733
 
10732
10734
  <div className="px-2 py-4 text-sm">
10733
- <p className="mb-2 text-gray-400">Learn more</p>
10735
+ <p className="mb-2 text-muted-foreground">Learn more</p>
10734
10736
  <ul className="list-disc list-inside space-y-2 mt-2">
10735
10737
  <li>
10736
10738
  <Link href="https://github.com">GitHub</Link>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newt-app/templates",
3
- "version": "0.17.0",
3
+ "version": "0.17.1",
4
4
  "private": false,
5
5
  "description": "Templates for newt-app",
6
6
  "type": "module",