@stampui/blocks 1.1.0 → 1.1.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stampui/blocks",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "StampUI blocks, registry, and source files",
5
5
  "files": ["dist", "src"],
6
6
  "main": "./dist/index.js",
@@ -21,7 +21,7 @@ export function AIChatShell() {
21
21
  }
22
22
 
23
23
  return (
24
- <div className="flex h-[600px] w-full overflow-hidden rounded-xl border border-border bg-background shadow-xl">
24
+ <div className="flex h-[600px] w-full overflow-hidden rounded-xl border border-border bg-background">
25
25
  {/* Sidebar */}
26
26
  <div
27
27
  className={cx(
@@ -18,9 +18,9 @@ export interface ChangelogFeedProps {
18
18
  }
19
19
 
20
20
  const TYPE_STYLES: Record<ChangelogEntry["type"], string> = {
21
- feature: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20",
22
- fix: "bg-sky-500/10 text-sky-400 border-sky-500/20",
23
- breaking: "bg-red-500/10 text-red-400 border-red-500/20",
21
+ feature: "bg-[#101114] text-[#FAFAFA] border-[#23252A]",
22
+ fix: "bg-[#101114] text-muted-foreground border-[#23252A]",
23
+ breaking: "bg-[#101114] text-muted-foreground border-[#23252A] font-semibold",
24
24
  }
25
25
 
26
26
  const TYPE_LABELS: Record<ChangelogEntry["type"], string> = {
@@ -30,11 +30,11 @@ export interface NotificationCenterProps {
30
30
  // ── Icons ──────────────────────────────────────────────────────────────────
31
31
 
32
32
  const typeConfig: Record<NotificationType, { icon: React.ReactNode; color: string }> = {
33
- message: { icon: <MessageSquare className="h-3.5 w-3.5" />, color: "bg-blue-500/15 text-blue-500 border-blue-500/20" },
34
- alert: { icon: <AlertCircle className="h-3.5 w-3.5" />, color: "bg-orange-500/15 text-orange-500 border-orange-500/20" },
35
- billing: { icon: <CreditCard className="h-3.5 w-3.5" />, color: "bg-green-500/15 text-green-500 border-green-500/20" },
36
- invite: { icon: <UserPlus className="h-3.5 w-3.5" />, color: "bg-purple-500/15 text-purple-500 border-purple-500/20" },
37
- system: { icon: <AlertCircle className="h-3.5 w-3.5" />, color: "bg-surface-3 text-muted-foreground border-border" },
33
+ message: { icon: <MessageSquare className="h-3.5 w-3.5" />, color: "bg-[#101114] text-[#FAFAFA] border-[#23252A]" },
34
+ alert: { icon: <AlertCircle className="h-3.5 w-3.5" />, color: "bg-[#101114] text-[#FAFAFA] border-[#23252A]" },
35
+ billing: { icon: <CreditCard className="h-3.5 w-3.5" />, color: "bg-[#101114] text-[#FAFAFA] border-[#23252A]" },
36
+ invite: { icon: <UserPlus className="h-3.5 w-3.5" />, color: "bg-[#101114] text-[#FAFAFA] border-[#23252A]" },
37
+ system: { icon: <AlertCircle className="h-3.5 w-3.5" />, color: "bg-[#101114] text-muted-foreground border-[#23252A]" },
38
38
  }
39
39
 
40
40
  const defaultNotifications: Notification[] = [
@@ -53,17 +53,17 @@ export function RegistryCard({
53
53
 
54
54
  <div className="absolute top-3 right-3 flex gap-1.5">
55
55
  {isGated && (
56
- <Badge variant="pro" className="bg-background/70 backdrop-blur-sm text-[10px] tracking-widest font-mono">
56
+ <Badge variant="pro" className="bg-[#09090B] text-[10px] tracking-widest font-mono">
57
57
  PRO
58
58
  </Badge>
59
59
  )}
60
60
  {status === "new" && !isGated && (
61
- <Badge variant="new" className="bg-background/70 backdrop-blur-sm text-[10px] tracking-widest font-mono">
61
+ <Badge variant="new" className="bg-[#09090B] text-[10px] tracking-widest font-mono">
62
62
  NEW
63
63
  </Badge>
64
64
  )}
65
65
  {promptReady && (
66
- <Badge variant="neutral" className="bg-background/70 backdrop-blur-sm text-[10px] font-mono hidden group-hover:inline-flex">
66
+ <Badge variant="neutral" className="bg-[#09090B] text-[10px] font-mono hidden group-hover:inline-flex">
67
67
  Prompt Ready
68
68
  </Badge>
69
69
  )}
@@ -56,7 +56,7 @@ export function WaitlistSection({
56
56
  )}
57
57
 
58
58
  <div className="mt-3 flex items-center gap-1.5">
59
- <span className="w-1.5 h-1.5 rounded-full bg-emerald-500" />
59
+ <span className="w-1.5 h-1.5 rounded-full bg-[#FAFAFA]/40" />
60
60
  <span className="text-xs text-muted-foreground font-medium">
61
61
  {formattedCount} developers waiting
62
62
  </span>