@ttt-productions/ui-core 0.2.21 → 0.2.24
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/dist/components/badge.d.ts +3 -2
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.jsx +12 -2
- package/dist/components/badge.jsx.map +1 -1
- package/dist/components/toast.jsx +4 -4
- package/dist/components/toast.jsx.map +1 -1
- package/dist/components/toaster.d.ts.map +1 -1
- package/dist/components/toaster.jsx +2 -0
- package/dist/components/toaster.jsx.map +1 -1
- package/package.json +1 -1
- package/src/components/badge.tsx +28 -12
- package/src/components/toast.tsx +4 -4
- package/src/components/toaster.tsx +3 -12
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "professions" | null | undefined;
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "status" | "professions" | null | undefined;
|
|
5
|
+
status?: "completed" | "scheduled" | "in_progress" | "pending" | "cancelled" | null | undefined;
|
|
5
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
7
|
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
8
|
}
|
|
8
|
-
declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
|
|
9
|
+
declare function Badge({ className, variant, status, ...props }: BadgeProps): React.JSX.Element;
|
|
9
10
|
export { Badge, badgeVariants };
|
|
10
11
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;;8EAiClB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAElE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -10,12 +10,22 @@ const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 p
|
|
|
10
10
|
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
11
11
|
outline: "text-foreground",
|
|
12
12
|
professions: "bg-[hsl(var(--card))] border-[hsl(var(--brand-primary))] text-[hsl(var(--brand-primary-deep))] border-2",
|
|
13
|
+
// NEW: semantic status pills (colors come from CSS vars)
|
|
14
|
+
status: "border-[hsl(var(--pill-border, var(--border)))] bg-[hsl(var(--pill-bg, var(--muted)))] text-[hsl(var(--pill-fg, var(--foreground)))]",
|
|
15
|
+
},
|
|
16
|
+
// NEW: specific status mappings -> theme-core vars (with fallbacks)
|
|
17
|
+
status: {
|
|
18
|
+
completed: "border-[hsl(var(--pill-completed-border, var(--brand-primary)))] bg-[hsl(var(--pill-completed-bg, var(--brand-primary)))] text-[hsl(var(--pill-completed-fg, var(--brand-primary-foreground, var(--primary-foreground))))]",
|
|
19
|
+
scheduled: "border-[hsl(var(--pill-scheduled-border, var(--brand-secondary, var(--border))))] bg-[hsl(var(--pill-scheduled-bg, var(--card)))] text-[hsl(var(--pill-scheduled-fg, var(--brand-primary-deep, var(--foreground))))]",
|
|
20
|
+
in_progress: "border-[hsl(var(--pill-inprogress-border, var(--brand-accent, var(--border))))] bg-[hsl(var(--pill-inprogress-bg, var(--brand-accent, var(--accent))))] text-[hsl(var(--pill-inprogress-fg, var(--brand-accent-foreground, var(--accent-foreground))))]",
|
|
21
|
+
pending: "border-[hsl(var(--pill-pending-border, var(--border)))] bg-[hsl(var(--pill-pending-bg, var(--muted)))] text-[hsl(var(--pill-pending-fg, var(--foreground)))]",
|
|
22
|
+
cancelled: "border-[hsl(var(--pill-cancelled-border, var(--destructive)))] bg-[hsl(var(--pill-cancelled-bg, var(--destructive)))] text-[hsl(var(--pill-cancelled-fg, var(--destructive-foreground)))]",
|
|
13
23
|
},
|
|
14
24
|
},
|
|
15
25
|
defaultVariants: { variant: "default" },
|
|
16
26
|
});
|
|
17
|
-
function Badge({ className, variant, ...props }) {
|
|
18
|
-
return <div className={cn(badgeVariants({ variant }), className)} {...props}/>;
|
|
27
|
+
function Badge({ className, variant, status, ...props }) {
|
|
28
|
+
return <div className={cn(badgeVariants({ variant, status }), className)} {...props}/>;
|
|
19
29
|
}
|
|
20
30
|
export { Badge, badgeVariants };
|
|
21
31
|
//# sourceMappingURL=badge.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.jsx","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,YAAY,
|
|
1
|
+
{"version":3,"file":"badge.jsx","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,GAAG,CACvB,wKAAwK,EACxK;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,2EAA2E;YACpF,SAAS,EAAE,iFAAiF;YAC5F,WAAW,EAAE,uFAAuF;YACpG,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EACT,yGAAyG;YAE3G,yDAAyD;YACzD,MAAM,EACJ,sIAAsI;SACzI;QAED,oEAAoE;QACpE,MAAM,EAAE;YACN,SAAS,EACP,4NAA4N;YAC9N,SAAS,EACP,sNAAsN;YACxN,WAAW,EACT,yPAAyP;YAC3P,OAAO,EACL,8JAA8J;YAChK,SAAS,EACP,2LAA2L;SAC9L;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAMF,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAc;IACjE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1F,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -25,10 +25,10 @@ const toastVariants = cva(cn(
|
|
|
25
25
|
variants: {
|
|
26
26
|
variant: {
|
|
27
27
|
default: "",
|
|
28
|
-
destructive: "border-
|
|
29
|
-
success: "border-emerald-
|
|
30
|
-
warning: "border-amber-
|
|
31
|
-
error: "border-
|
|
28
|
+
destructive: "border-red-700 bg-red-600 text-white",
|
|
29
|
+
success: "border-emerald-700 bg-emerald-600 text-white",
|
|
30
|
+
warning: "border-amber-600 bg-amber-500 text-black",
|
|
31
|
+
error: "border-red-700 bg-red-600 text-white",
|
|
32
32
|
},
|
|
33
33
|
},
|
|
34
34
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.jsx","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC;;;;;GAKG;AACH,SAAS,cAAc;IACrB,oEAAoE;IACpE,OAAO,CACL,CAAC,KAAK;IACJ,2CAA2C;IAC3C,uBAAuB,CAAC,CAAC;YACvB,MAAM,EAAE,6EAA6E;SACtF,CAAC,EACF,CACH,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,GAAG,CACvB,EAAE;AACA,OAAO;AACP,yKAAyK;AACzK,wBAAwB;AACxB,8DAA8D,EAC9D,8DAA8D,EAC9D,sFAAsF,EACtF,gDAAgD,EAChD,iEAAiE,EACjE,6FAA6F,EAC7F,uEAAuE,CACxE,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"toast.jsx","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,
|
|
1
|
+
{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,gCAmCtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toaster.jsx","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAgC,CAAC;IAE5D,OAAO,CACL,CAAC,aAAa,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CACvD;MAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAe,EAAE,EAAE;YAC9B,MAAM,
|
|
1
|
+
{"version":3,"file":"toaster.jsx","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAgC,CAAC;IAE5D,OAAO,CACL,CAAC,aAAa,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CACvD;MAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAe,EAAE,EAAE;YAC9B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC;YAE3G,MAAM,CAAC,GACL,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;YAE/D,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,CAAQ,CAAC,CAClB,QAAQ,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,CACjC,IAAK,KAAa,CAAC,CAEnB;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAC/B;cAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CACtE;cAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAChG;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,MAAM,CACP;YAAA,CAAC,UAAU,CAAC,AAAD,EACb;UAAA,EAAE,KAAK,CAAC,CACT,CAAC;QACJ,CAAC,CAAC,CAEF;;MAAA,CAAC,iDAAiD,CAClD;MAAA,CAAC,aAAa,CAAC,AAAD,EAChB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
package/src/components/badge.tsx
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use client"
|
|
1
|
+
"use client";
|
|
2
2
|
|
|
3
|
-
import * as React from "react"
|
|
4
|
-
import { cva, type VariantProps } from "class-variance-authority"
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { cva, type VariantProps } from "class-variance-authority";
|
|
5
5
|
|
|
6
|
-
import { cn } from "../lib/utils"
|
|
6
|
+
import { cn } from "../lib/utils";
|
|
7
7
|
|
|
8
8
|
const badgeVariants = cva(
|
|
9
9
|
"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
@@ -11,25 +11,41 @@ const badgeVariants = cva(
|
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
13
13
|
default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
14
|
-
secondary:
|
|
15
|
-
|
|
16
|
-
destructive:
|
|
17
|
-
"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
14
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
15
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
18
16
|
outline: "text-foreground",
|
|
19
17
|
professions:
|
|
20
18
|
"bg-[hsl(var(--card))] border-[hsl(var(--brand-primary))] text-[hsl(var(--brand-primary-deep))] border-2",
|
|
19
|
+
|
|
20
|
+
// NEW: semantic status pills (colors come from CSS vars)
|
|
21
|
+
status:
|
|
22
|
+
"border-[hsl(var(--pill-border, var(--border)))] bg-[hsl(var(--pill-bg, var(--muted)))] text-[hsl(var(--pill-fg, var(--foreground)))]",
|
|
23
|
+
},
|
|
24
|
+
|
|
25
|
+
// NEW: specific status mappings -> theme-core vars (with fallbacks)
|
|
26
|
+
status: {
|
|
27
|
+
completed:
|
|
28
|
+
"border-[hsl(var(--pill-completed-border, var(--brand-primary)))] bg-[hsl(var(--pill-completed-bg, var(--brand-primary)))] text-[hsl(var(--pill-completed-fg, var(--brand-primary-foreground, var(--primary-foreground))))]",
|
|
29
|
+
scheduled:
|
|
30
|
+
"border-[hsl(var(--pill-scheduled-border, var(--brand-secondary, var(--border))))] bg-[hsl(var(--pill-scheduled-bg, var(--card)))] text-[hsl(var(--pill-scheduled-fg, var(--brand-primary-deep, var(--foreground))))]",
|
|
31
|
+
in_progress:
|
|
32
|
+
"border-[hsl(var(--pill-inprogress-border, var(--brand-accent, var(--border))))] bg-[hsl(var(--pill-inprogress-bg, var(--brand-accent, var(--accent))))] text-[hsl(var(--pill-inprogress-fg, var(--brand-accent-foreground, var(--accent-foreground))))]",
|
|
33
|
+
pending:
|
|
34
|
+
"border-[hsl(var(--pill-pending-border, var(--border)))] bg-[hsl(var(--pill-pending-bg, var(--muted)))] text-[hsl(var(--pill-pending-fg, var(--foreground)))]",
|
|
35
|
+
cancelled:
|
|
36
|
+
"border-[hsl(var(--pill-cancelled-border, var(--destructive)))] bg-[hsl(var(--pill-cancelled-bg, var(--destructive)))] text-[hsl(var(--pill-cancelled-fg, var(--destructive-foreground)))]",
|
|
21
37
|
},
|
|
22
38
|
},
|
|
23
39
|
defaultVariants: { variant: "default" },
|
|
24
40
|
}
|
|
25
|
-
)
|
|
41
|
+
);
|
|
26
42
|
|
|
27
43
|
export interface BadgeProps
|
|
28
44
|
extends React.HTMLAttributes<HTMLDivElement>,
|
|
29
45
|
VariantProps<typeof badgeVariants> {}
|
|
30
46
|
|
|
31
|
-
function Badge({ className, variant, ...props }: BadgeProps) {
|
|
32
|
-
return <div className={cn(badgeVariants({ variant }), className)} {...props}
|
|
47
|
+
function Badge({ className, variant, status, ...props }: BadgeProps) {
|
|
48
|
+
return <div className={cn(badgeVariants({ variant, status }), className)} {...props} />;
|
|
33
49
|
}
|
|
34
50
|
|
|
35
|
-
export { Badge, badgeVariants }
|
|
51
|
+
export { Badge, badgeVariants };
|
package/src/components/toast.tsx
CHANGED
|
@@ -40,10 +40,10 @@ const toastVariants = cva(
|
|
|
40
40
|
variants: {
|
|
41
41
|
variant: {
|
|
42
42
|
default: "",
|
|
43
|
-
destructive: "border-
|
|
44
|
-
success: "border-emerald-
|
|
45
|
-
warning: "border-amber-
|
|
46
|
-
error: "border-
|
|
43
|
+
destructive: "border-red-700 bg-red-600 text-white",
|
|
44
|
+
success: "border-emerald-700 bg-emerald-600 text-white",
|
|
45
|
+
warning: "border-amber-600 bg-amber-500 text-black",
|
|
46
|
+
error: "border-red-700 bg-red-600 text-white",
|
|
47
47
|
},
|
|
48
48
|
},
|
|
49
49
|
defaultVariants: {
|
|
@@ -10,18 +10,7 @@ export function Toaster() {
|
|
|
10
10
|
return (
|
|
11
11
|
<ToastProvider swipeDirection="right" swipeThreshold={32}>
|
|
12
12
|
{toasts.map((t: ToasterToast) => {
|
|
13
|
-
const {
|
|
14
|
-
id,
|
|
15
|
-
title,
|
|
16
|
-
description,
|
|
17
|
-
action,
|
|
18
|
-
variant,
|
|
19
|
-
duration,
|
|
20
|
-
dismissible,
|
|
21
|
-
open,
|
|
22
|
-
onOpenChange,
|
|
23
|
-
...props
|
|
24
|
-
} = t;
|
|
13
|
+
const { id, title, description, action, variant, duration, dismissible, open, onOpenChange, ...props } = t;
|
|
25
14
|
|
|
26
15
|
const v: ToastVariant | "destructive" =
|
|
27
16
|
variant === "error" ? "destructive" : (variant ?? "default");
|
|
@@ -45,6 +34,8 @@ export function Toaster() {
|
|
|
45
34
|
</Toast>
|
|
46
35
|
);
|
|
47
36
|
})}
|
|
37
|
+
|
|
38
|
+
{/* debug: proves viewport is visible/on-screen */}
|
|
48
39
|
<ToastViewport />
|
|
49
40
|
</ToastProvider>
|
|
50
41
|
);
|