@mip-ui/toast 0.1.0 → 0.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/dist/components/toast.js +2 -2
- package/package.json +1 -1
package/dist/components/toast.js
CHANGED
|
@@ -11,7 +11,7 @@ const toastVariants = cva("group pointer-events-auto relative flex w-full items-
|
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
13
13
|
default: "border bg-background text-foreground",
|
|
14
|
-
destructive: "destructive group border-destructive bg-destructive text-
|
|
14
|
+
destructive: "destructive group border-destructive bg-destructive text-white",
|
|
15
15
|
},
|
|
16
16
|
},
|
|
17
17
|
defaultVariants: {
|
|
@@ -24,7 +24,7 @@ const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
|
|
|
24
24
|
Toast.displayName = ToastPrimitives.Root.displayName;
|
|
25
25
|
const ToastAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Action, { ref: ref, className: cn("hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50", className), ...props })));
|
|
26
26
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
27
|
-
const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-
|
|
27
|
+
const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-white group-[.destructive]:hover:text-white focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-white group-[.destructive]:focus:ring-offset-white", className), "toast-close": "group-[.destructive]:text-white group-[.destructive]:hover:text-white", ...props, children: _jsx(X, { className: "h-4 w-4" }) })));
|
|
28
28
|
ToastClose.displayName = ToastPrimitives.Close.displayName;
|
|
29
29
|
const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold [&+div]:text-xs", className), ...props })));
|
|
30
30
|
ToastTitle.displayName = ToastPrimitives.Title.displayName;
|