arxatec-ui 0.1.67 → 0.1.68
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.
|
@@ -5,8 +5,10 @@ import { Toaster as o } from "sonner";
|
|
|
5
5
|
var s = ({ closeButton: s = !0, style: c, ...l }) => /* @__PURE__ */ e(o, {
|
|
6
6
|
className: "toaster group pointer-events-none",
|
|
7
7
|
closeButton: s,
|
|
8
|
+
mobileOffset: 16,
|
|
8
9
|
style: {
|
|
9
10
|
fontFamily: "inherit",
|
|
11
|
+
"--width": "380px",
|
|
10
12
|
...c
|
|
11
13
|
},
|
|
12
14
|
icons: {
|
|
@@ -19,19 +21,19 @@ var s = ({ closeButton: s = !0, style: c, ...l }) => /* @__PURE__ */ e(o, {
|
|
|
19
21
|
toastOptions: {
|
|
20
22
|
unstyled: !0,
|
|
21
23
|
classNames: {
|
|
22
|
-
toast: "group toast pointer-events-auto transition-all duration-300 shadow-none flex gap-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
icon: "self-center flex shrink-0 size-4 [[data-sonner-toast]:has([data-description])_&]:
|
|
33
|
-
actionButton: "bg-white text-black
|
|
34
|
-
cancelButton: "shrink-0 rounded-md border border-current/10 border-border bg-inherit px-2 py-1 text-
|
|
24
|
+
toast: "group toast pointer-events-auto transition-all duration-300 shadow-none flex w-full items-center gap-3 relative",
|
|
25
|
+
content: "min-w-0 flex-1 justify-center gap-1!",
|
|
26
|
+
title: "text-sm leading-5",
|
|
27
|
+
description: "text-sm leading-5 opacity-60",
|
|
28
|
+
closeButton: "absolute! -top-2! -right-2! left-auto! z-10! size-6! rounded-md! flex! items-center! justify-center! opacity-100! transition-[filter,border-color]! duration-150! cursor-pointer! border! border-current/10! border-border/70! bg-inherit! text-inherit! backdrop-blur-xl filter hover:contrast-125! hover:brightness-95! dark:hover:brightness-110! p-0! [&_svg]:size-3.5! [&_svg]:stroke-[2.5]! [&_svg]:text-inherit!",
|
|
29
|
+
error: "text-status-foreground-error bg-status-background-error backdrop-blur-sm border-status-foreground-error/10 border p-3 rounded-md shadow border border-border",
|
|
30
|
+
success: "text-status-foreground-success bg-status-background-success backdrop-blur-sm border-status-foreground-success/10 border p-3 rounded-md shadow border border-border",
|
|
31
|
+
warning: "text-status-foreground-warning bg-status-background-warning backdrop-blur-sm border-status-foreground-warning/10 border p-3 rounded-md shadow border border-border",
|
|
32
|
+
info: "text-status-foreground-info bg-status-background-info backdrop-blur-lg border-status-foreground-info/10 border p-3 rounded-md shadow border border-border",
|
|
33
|
+
loading: "text-status-foreground-loading bg-status-background-loading text-sm backdrop-blur-sm border-status-foreground-loading/10 border p-3 rounded-md shadow border border-border",
|
|
34
|
+
icon: "relative self-center flex size-6 shrink-0 items-center justify-center rounded-md bg-current/5 [&_svg]:size-4 [[data-sonner-toast]:has([data-description])_&]:size-8 [[data-sonner-toast]:has([data-description])_&]:self-start",
|
|
35
|
+
actionButton: "bg-white text-black text-sm rounded-md px-2 py-1",
|
|
36
|
+
cancelButton: "shrink-0 rounded-md border border-current/10 border-border bg-inherit px-2 py-1 text-sm text-inherit filter transition-[filter,border-color] duration-150 hover:contrast-125 hover:brightness-95 dark:hover:brightness-110 [&_svg]:text-inherit [&_svg]:size-3.5"
|
|
35
37
|
}
|
|
36
38
|
},
|
|
37
39
|
...l
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/sonner/index.tsx"],"sourcesContent":["import {\n CircleCheck,\n CircleX,\n TriangleAlert,\n BadgeInfo,\n Loader2,\n} from \"lucide-react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\nconst Toaster = ({ closeButton = true, style, ...props }: ToasterProps) => {\n return (\n <Sonner\n className=\"toaster group pointer-events-none\"\n closeButton={closeButton}\n style={{ fontFamily: \"inherit\", ...style }}\n icons={{\n success: <CircleCheck className=\"size-4\" />,\n error: <CircleX className=\"size-4\" />,\n warning: <TriangleAlert className=\"size-4\" />,\n info: <BadgeInfo className=\"size-4\" />,\n loading: <Loader2 className=\"size-4 animate-spin\" />,\n }}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n \"group toast pointer-events-auto transition-all duration-300 shadow-none flex gap-
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/sonner/index.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport {\n CircleCheck,\n CircleX,\n TriangleAlert,\n BadgeInfo,\n Loader2,\n} from \"lucide-react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\nconst Toaster = ({ closeButton = true, style, ...props }: ToasterProps) => {\n return (\n <Sonner\n className=\"toaster group pointer-events-none\"\n closeButton={closeButton}\n mobileOffset={16}\n style={{ fontFamily: \"inherit\", \"--width\": \"380px\", ...style } as CSSProperties}\n icons={{\n success: <CircleCheck className=\"size-4\" />,\n error: <CircleX className=\"size-4\" />,\n warning: <TriangleAlert className=\"size-4\" />,\n info: <BadgeInfo className=\"size-4\" />,\n loading: <Loader2 className=\"size-4 animate-spin\" />,\n }}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n \"group toast pointer-events-auto transition-all duration-300 shadow-none flex w-full items-center gap-3 relative\",\n content: \"min-w-0 flex-1 justify-center gap-1!\",\n title: \"text-sm leading-5\",\n description: \"text-sm leading-5 opacity-60\",\n closeButton:\n \"absolute! -top-2! -right-2! left-auto! z-10! size-6! rounded-md! flex! items-center! justify-center! opacity-100! transition-[filter,border-color]! duration-150! cursor-pointer! border! border-current/10! border-border/70! bg-inherit! text-inherit! backdrop-blur-xl filter hover:contrast-125! hover:brightness-95! dark:hover:brightness-110! p-0! [&_svg]:size-3.5! [&_svg]:stroke-[2.5]! [&_svg]:text-inherit!\",\n error:\n \"text-status-foreground-error bg-status-background-error backdrop-blur-sm border-status-foreground-error/10 border p-3 rounded-md shadow border border-border\",\n success:\n \"text-status-foreground-success bg-status-background-success backdrop-blur-sm border-status-foreground-success/10 border p-3 rounded-md shadow border border-border\",\n warning:\n \"text-status-foreground-warning bg-status-background-warning backdrop-blur-sm border-status-foreground-warning/10 border p-3 rounded-md shadow border border-border\",\n info: \"text-status-foreground-info bg-status-background-info backdrop-blur-lg border-status-foreground-info/10 border p-3 rounded-md shadow border border-border\",\n loading:\n \"text-status-foreground-loading bg-status-background-loading text-sm backdrop-blur-sm border-status-foreground-loading/10 border p-3 rounded-md shadow border border-border\",\n icon: \"relative self-center flex size-6 shrink-0 items-center justify-center rounded-md bg-current/5 [&_svg]:size-4 [[data-sonner-toast]:has([data-description])_&]:size-8 [[data-sonner-toast]:has([data-description])_&]:self-start\",\n actionButton: \"bg-white text-black text-sm rounded-md px-2 py-1\",\n cancelButton:\n \"shrink-0 rounded-md border border-current/10 border-border bg-inherit px-2 py-1 text-sm text-inherit filter transition-[filter,border-color] duration-150 hover:contrast-125 hover:brightness-95 dark:hover:brightness-110 [&_svg]:text-inherit [&_svg]:size-3.5\",\n },\n }}\n {...props}\n />\n );\n};\n\nexport { Toaster };\n"],"mappings":";;;;AAUA,IAAM,KAAW,EAAE,iBAAc,IAAM,UAAO,GAAG,QAE7C,kBAAC,GAAD;CACE,WAAU;CACG;CACb,cAAc;CACd,OAAO;EAAE,YAAY;EAAW,WAAW;EAAS,GAAG;EAAO;CAC9D,OAAO;EACL,SAAS,kBAAC,GAAD,EAAa,WAAU,UAAW,CAAA;EAC3C,OAAO,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;EACrC,SAAS,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;EAC7C,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,SAAS,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA;EACrD;CACD,cAAc;EACZ,UAAU;EACV,YAAY;GACV,OACE;GACF,SAAS;GACT,OAAO;GACP,aAAa;GACb,aACE;GACF,OACE;GACF,SACE;GACF,SACE;GACF,MAAM;GACN,SACE;GACF,MAAM;GACN,cAAc;GACd,cACE;GACH;EACF;CACD,GAAI;CACJ,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "arxatec-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.68",
|
|
4
4
|
"description": "React component library for building Arxatec product UIs—built on established ecosystem libraries for a consistent, efficient workflow. More at https://arxatec.net.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|