@nexub/react 2.3.1 → 2.5.0
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/{chunk-2DYKENBM.js → chunk-5DNT5CN3.js} +4 -0
- package/dist/{chunk-EA4JBLWK.js → chunk-E47UI7TJ.js} +4 -0
- package/dist/{chunk-NA5UMOE5.js → chunk-MBA5P4ET.js} +4 -0
- package/dist/{chunk-77LYWSJW.js → chunk-OZOC4NRX.js} +4 -0
- package/dist/chunk-VLME3JFF.js +20 -0
- package/dist/components/AvatarGroup/index.js +2 -2
- package/dist/components/Banner/index.js +2 -1
- package/dist/components/Callout/index.js +2 -1
- package/dist/components/MoneyInput/index.js +1 -1
- package/dist/components/StatusPill/index.js +2 -1
- package/dist/components/Tag/index.js +2 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.js +35 -34
- package/package.json +6 -6
- package/dist/{chunk-BSS7QNC5.js → chunk-BYGCN24N.js} +3 -3
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import {
|
|
3
|
+
warnDeprecated
|
|
4
|
+
} from "./chunk-VLME3JFF.js";
|
|
2
5
|
import {
|
|
3
6
|
cn
|
|
4
7
|
} from "./chunk-Q7G5WGYV.js";
|
|
@@ -30,6 +33,7 @@ var calloutVariants = cva(
|
|
|
30
33
|
);
|
|
31
34
|
var Callout = React.forwardRef(
|
|
32
35
|
({ className, tone = "neutral", icon, children, ...props }, ref) => {
|
|
36
|
+
warnDeprecated("Callout", "Alert");
|
|
33
37
|
return /* @__PURE__ */ jsxs(
|
|
34
38
|
"div",
|
|
35
39
|
{
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import {
|
|
3
|
+
warnDeprecated
|
|
4
|
+
} from "./chunk-VLME3JFF.js";
|
|
2
5
|
import {
|
|
3
6
|
useNexubMessages
|
|
4
7
|
} from "./chunk-VMSWIC3O.js";
|
|
@@ -46,6 +49,7 @@ var Banner = React.forwardRef(
|
|
|
46
49
|
children,
|
|
47
50
|
...props
|
|
48
51
|
}, ref) => {
|
|
52
|
+
warnDeprecated("Banner", "Alert");
|
|
49
53
|
const messages = useNexubMessages();
|
|
50
54
|
return /* @__PURE__ */ jsxs(
|
|
51
55
|
"div",
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import {
|
|
3
|
+
warnDeprecated
|
|
4
|
+
} from "./chunk-VLME3JFF.js";
|
|
2
5
|
import {
|
|
3
6
|
cn
|
|
4
7
|
} from "./chunk-Q7G5WGYV.js";
|
|
@@ -36,6 +39,7 @@ var tagVariants = cva(
|
|
|
36
39
|
);
|
|
37
40
|
var Tag = React.forwardRef(
|
|
38
41
|
({ className, size, tone = "neutral", children, ...props }, ref) => {
|
|
42
|
+
warnDeprecated("Tag", "Badge");
|
|
39
43
|
return /* @__PURE__ */ jsx(
|
|
40
44
|
"span",
|
|
41
45
|
{
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import {
|
|
3
|
+
warnDeprecated
|
|
4
|
+
} from "./chunk-VLME3JFF.js";
|
|
2
5
|
import {
|
|
3
6
|
cn
|
|
4
7
|
} from "./chunk-Q7G5WGYV.js";
|
|
@@ -42,6 +45,7 @@ var dotColorMap = {
|
|
|
42
45
|
var pulseTones = ["success", "info"];
|
|
43
46
|
var StatusPill = React.forwardRef(
|
|
44
47
|
({ className, tone = "neutral", label, dot = false, ...props }, ref) => {
|
|
48
|
+
warnDeprecated("StatusPill", "Badge");
|
|
45
49
|
const shouldPulse = dot && pulseTones.includes(tone);
|
|
46
50
|
return /* @__PURE__ */ jsxs(
|
|
47
51
|
"span",
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
// src/utils/deprecated.ts
|
|
4
|
+
var warned = /* @__PURE__ */ new Set();
|
|
5
|
+
function warnDeprecated(name, replacement) {
|
|
6
|
+
try {
|
|
7
|
+
if (process.env.NODE_ENV === "production") return;
|
|
8
|
+
} catch {
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
if (warned.has(name)) return;
|
|
12
|
+
warned.add(name);
|
|
13
|
+
console.warn(
|
|
14
|
+
`[@nexub/react] ${name} is deprecated and will be removed in 3.0. Use ${replacement} instead.`
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export {
|
|
19
|
+
warnDeprecated
|
|
20
|
+
};
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
AvatarGroup,
|
|
4
4
|
avatarGroupVariants
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-QUYOV2ZJ.js";
|
|
5
|
+
} from "../../chunk-BYGCN24N.js";
|
|
7
6
|
import "../../chunk-VMSWIC3O.js";
|
|
7
|
+
import "../../chunk-QUYOV2ZJ.js";
|
|
8
8
|
import "../../chunk-Q7G5WGYV.js";
|
|
9
9
|
export {
|
|
10
10
|
AvatarGroup,
|
|
@@ -5,8 +5,8 @@ import {
|
|
|
5
5
|
import "../../chunk-JLUCMNVS.js";
|
|
6
6
|
import "../../chunk-NHUQLIHL.js";
|
|
7
7
|
import "../../chunk-F7ZA2VA2.js";
|
|
8
|
-
import "../../chunk-R3SUPKKI.js";
|
|
9
8
|
import "../../chunk-5W3AOOYS.js";
|
|
9
|
+
import "../../chunk-R3SUPKKI.js";
|
|
10
10
|
import "../../chunk-VMSWIC3O.js";
|
|
11
11
|
import "../../chunk-Q7G5WGYV.js";
|
|
12
12
|
export {
|
package/dist/index.d.ts
CHANGED
|
@@ -504,7 +504,7 @@ interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, Variant
|
|
|
504
504
|
label: string;
|
|
505
505
|
dot?: boolean;
|
|
506
506
|
}
|
|
507
|
-
/** @deprecated Use `Badge` instead: `<Badge variant="soft" leadingIcon={dot}>` covers it.
|
|
507
|
+
/** @deprecated Use `Badge` instead: `<Badge variant="soft" leadingIcon={dot}>` covers it. Deprecated since 1.1.0; removal planned in 3.0. */
|
|
508
508
|
declare const StatusPill: React.ForwardRefExoticComponent<StatusPillProps & React.RefAttributes<HTMLSpanElement>>;
|
|
509
509
|
|
|
510
510
|
interface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -538,7 +538,7 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<t
|
|
|
538
538
|
* hover/press affordance on purpose; anything a user toggles, filters by or
|
|
539
539
|
* removes is a `Chip` (control-shaped, `nx-state-layer`, optional remove button).
|
|
540
540
|
*
|
|
541
|
-
* @deprecated Use `Badge` instead: `<Badge size="sm">` covers it.
|
|
541
|
+
* @deprecated Use `Badge` instead: `<Badge size="sm">` covers it. Deprecated since 1.1.0; removal planned in 3.0.
|
|
542
542
|
*/
|
|
543
543
|
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
|
|
544
544
|
|
|
@@ -666,7 +666,7 @@ interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps
|
|
|
666
666
|
action?: React.ReactNode;
|
|
667
667
|
onClose?: () => void;
|
|
668
668
|
}
|
|
669
|
-
/** @deprecated Use `Alert` instead: `<Alert>` has the same props (tone, title, icon, action, onClose).
|
|
669
|
+
/** @deprecated Use `Alert` instead: `<Alert>` has the same props (tone, title, icon, action, onClose). Deprecated since 1.1.0; removal planned in 3.0. */
|
|
670
670
|
declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
|
|
671
671
|
|
|
672
672
|
declare const calloutVariants: (props?: ({
|
|
@@ -676,7 +676,7 @@ interface CalloutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProp
|
|
|
676
676
|
tone?: ToneValue;
|
|
677
677
|
icon?: React.ReactNode;
|
|
678
678
|
}
|
|
679
|
-
/** @deprecated Use `Alert` instead: `<Alert>` covers tone + icon.
|
|
679
|
+
/** @deprecated Use `Alert` instead: `<Alert>` covers tone + icon. Deprecated since 1.1.0; removal planned in 3.0. */
|
|
680
680
|
declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
|
|
681
681
|
|
|
682
682
|
declare const skeletonVariants: (props?: ({
|
package/dist/index.js
CHANGED
|
@@ -1,25 +1,28 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import {
|
|
3
|
+
TopNav
|
|
4
|
+
} from "./chunk-ZVQYAIOA.js";
|
|
2
5
|
import {
|
|
3
6
|
Root
|
|
4
7
|
} from "./chunk-ZXLACKEB.js";
|
|
5
8
|
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
} from "./chunk-
|
|
9
|
+
Textarea,
|
|
10
|
+
textareaVariants
|
|
11
|
+
} from "./chunk-BSKEBC2Q.js";
|
|
9
12
|
import {
|
|
10
13
|
ThemeProvider,
|
|
11
14
|
ThemeScript,
|
|
12
15
|
useTheme
|
|
13
16
|
} from "./chunk-3XX45SUC.js";
|
|
14
|
-
import {
|
|
15
|
-
ThinkingIndicator
|
|
16
|
-
} from "./chunk-D7HMUIA5.js";
|
|
17
17
|
import {
|
|
18
18
|
Toast,
|
|
19
19
|
Toaster,
|
|
20
20
|
toast,
|
|
21
21
|
useToastStore
|
|
22
22
|
} from "./chunk-I6ELDWZE.js";
|
|
23
|
+
import {
|
|
24
|
+
ThinkingIndicator
|
|
25
|
+
} from "./chunk-D7HMUIA5.js";
|
|
23
26
|
import "./chunk-YJU4ZRQZ.js";
|
|
24
27
|
import {
|
|
25
28
|
ToggleGroup
|
|
@@ -33,8 +36,8 @@ import {
|
|
|
33
36
|
} from "./chunk-2ZBJOUJ7.js";
|
|
34
37
|
import "./chunk-XYXMPHND.js";
|
|
35
38
|
import {
|
|
36
|
-
|
|
37
|
-
} from "./chunk-
|
|
39
|
+
Stack
|
|
40
|
+
} from "./chunk-I6CAF7C5.js";
|
|
38
41
|
import {
|
|
39
42
|
StreamingText
|
|
40
43
|
} from "./chunk-5QEARXY3.js";
|
|
@@ -48,7 +51,7 @@ import {
|
|
|
48
51
|
import {
|
|
49
52
|
Tag,
|
|
50
53
|
tagVariants
|
|
51
|
-
} from "./chunk-
|
|
54
|
+
} from "./chunk-MBA5P4ET.js";
|
|
52
55
|
import {
|
|
53
56
|
Text,
|
|
54
57
|
textVariants
|
|
@@ -56,10 +59,6 @@ import {
|
|
|
56
59
|
import {
|
|
57
60
|
TextGradient
|
|
58
61
|
} from "./chunk-HH7EHNOW.js";
|
|
59
|
-
import {
|
|
60
|
-
Textarea,
|
|
61
|
-
textareaVariants
|
|
62
|
-
} from "./chunk-BSKEBC2Q.js";
|
|
63
62
|
import {
|
|
64
63
|
Separator,
|
|
65
64
|
separatorVariants
|
|
@@ -78,16 +77,16 @@ import {
|
|
|
78
77
|
Spinner,
|
|
79
78
|
spinnerVariants
|
|
80
79
|
} from "./chunk-P37ABUFD.js";
|
|
80
|
+
import {
|
|
81
|
+
Accordion
|
|
82
|
+
} from "./chunk-T7RLPFGX.js";
|
|
81
83
|
import {
|
|
82
84
|
SplitButton
|
|
83
85
|
} from "./chunk-DFCHCYNT.js";
|
|
84
|
-
import {
|
|
85
|
-
Stack
|
|
86
|
-
} from "./chunk-I6CAF7C5.js";
|
|
87
86
|
import {
|
|
88
87
|
StatusPill,
|
|
89
88
|
statusPillVariants
|
|
90
|
-
} from "./chunk-
|
|
89
|
+
} from "./chunk-OZOC4NRX.js";
|
|
91
90
|
import {
|
|
92
91
|
RadioCard,
|
|
93
92
|
RadioCardGroup
|
|
@@ -336,19 +335,18 @@ import {
|
|
|
336
335
|
import {
|
|
337
336
|
Collapsible
|
|
338
337
|
} from "./chunk-3LP2CR7F.js";
|
|
339
|
-
import "./chunk-IZ6ZPEZ2.js";
|
|
340
338
|
import {
|
|
341
339
|
AvatarGroup,
|
|
342
340
|
avatarGroupVariants
|
|
343
|
-
} from "./chunk-
|
|
344
|
-
import {
|
|
345
|
-
Avatar,
|
|
346
|
-
avatarVariants
|
|
347
|
-
} from "./chunk-QUYOV2ZJ.js";
|
|
341
|
+
} from "./chunk-BYGCN24N.js";
|
|
348
342
|
import {
|
|
349
343
|
Badge,
|
|
350
344
|
badgeVariants
|
|
351
345
|
} from "./chunk-4P2JJ2FH.js";
|
|
346
|
+
import {
|
|
347
|
+
Banner,
|
|
348
|
+
bannerVariants
|
|
349
|
+
} from "./chunk-E47UI7TJ.js";
|
|
352
350
|
import {
|
|
353
351
|
Box
|
|
354
352
|
} from "./chunk-M7YB3MSW.js";
|
|
@@ -363,21 +361,12 @@ import {
|
|
|
363
361
|
import {
|
|
364
362
|
Callout,
|
|
365
363
|
calloutVariants
|
|
366
|
-
} from "./chunk-
|
|
367
|
-
import
|
|
368
|
-
Accordion
|
|
369
|
-
} from "./chunk-T7RLPFGX.js";
|
|
364
|
+
} from "./chunk-5DNT5CN3.js";
|
|
365
|
+
import "./chunk-VLME3JFF.js";
|
|
370
366
|
import {
|
|
371
367
|
Alert,
|
|
372
368
|
alertVariants
|
|
373
369
|
} from "./chunk-TXIJMUD5.js";
|
|
374
|
-
import {
|
|
375
|
-
Amount
|
|
376
|
-
} from "./chunk-ZYR3R36N.js";
|
|
377
|
-
import {
|
|
378
|
-
NumberTicker
|
|
379
|
-
} from "./chunk-2BAXCPQF.js";
|
|
380
|
-
import "./chunk-R3SUPKKI.js";
|
|
381
370
|
import {
|
|
382
371
|
AlertDialog
|
|
383
372
|
} from "./chunk-TSN6HYVY.js";
|
|
@@ -388,6 +377,13 @@ import {
|
|
|
388
377
|
} from "./chunk-22BGPRJZ.js";
|
|
389
378
|
import "./chunk-5W3AOOYS.js";
|
|
390
379
|
import "./chunk-DEIBF3P7.js";
|
|
380
|
+
import {
|
|
381
|
+
Amount
|
|
382
|
+
} from "./chunk-ZYR3R36N.js";
|
|
383
|
+
import {
|
|
384
|
+
NumberTicker
|
|
385
|
+
} from "./chunk-2BAXCPQF.js";
|
|
386
|
+
import "./chunk-R3SUPKKI.js";
|
|
391
387
|
import {
|
|
392
388
|
AppShell
|
|
393
389
|
} from "./chunk-56FERRWW.js";
|
|
@@ -406,6 +402,11 @@ import {
|
|
|
406
402
|
useLocale,
|
|
407
403
|
useNexubMessages
|
|
408
404
|
} from "./chunk-VMSWIC3O.js";
|
|
405
|
+
import "./chunk-IZ6ZPEZ2.js";
|
|
406
|
+
import {
|
|
407
|
+
Avatar,
|
|
408
|
+
avatarVariants
|
|
409
|
+
} from "./chunk-QUYOV2ZJ.js";
|
|
409
410
|
import {
|
|
410
411
|
cn
|
|
411
412
|
} from "./chunk-Q7G5WGYV.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexub/react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -68,13 +68,13 @@
|
|
|
68
68
|
"date-fns": "^4.4.0",
|
|
69
69
|
"react-day-picker": "^9.14.0",
|
|
70
70
|
"tailwind-merge": "^2.6.1",
|
|
71
|
-
"@nexub/core": "2.
|
|
72
|
-
"@nexub/icons": "2.
|
|
71
|
+
"@nexub/core": "2.5.0",
|
|
72
|
+
"@nexub/icons": "2.5.0"
|
|
73
73
|
},
|
|
74
74
|
"peerDependencies": {
|
|
75
75
|
"react": ">=18 <20",
|
|
76
76
|
"react-dom": ">=18 <20",
|
|
77
|
-
"@nexub/tokens": "^2.
|
|
77
|
+
"@nexub/tokens": "^2.5.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
80
|
"@playwright/test": "1.64.0",
|
|
@@ -99,8 +99,8 @@
|
|
|
99
99
|
"vaul": "1.1.2",
|
|
100
100
|
"vite": "^7.3.7",
|
|
101
101
|
"vitest": "^5.0.5",
|
|
102
|
-
"@nexub/themes": "2.
|
|
103
|
-
"@nexub/tokens": "2.
|
|
102
|
+
"@nexub/themes": "2.5.0",
|
|
103
|
+
"@nexub/tokens": "2.5.0"
|
|
104
104
|
},
|
|
105
105
|
"scripts": {
|
|
106
106
|
"build": "tsup && node scripts/check-dts.mjs",
|