@particle-network/ui-react 0.1.3-beta.4 → 0.1.3-beta.6
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.
|
@@ -27,6 +27,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
27
27
|
text: string;
|
|
28
28
|
};
|
|
29
29
|
size: {
|
|
30
|
+
xs: string;
|
|
30
31
|
sm: string;
|
|
31
32
|
md: string;
|
|
32
33
|
lg: string;
|
|
@@ -54,6 +55,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
54
55
|
};
|
|
55
56
|
radius: {
|
|
56
57
|
none: string;
|
|
58
|
+
xs: string;
|
|
57
59
|
sm: string;
|
|
58
60
|
md: string;
|
|
59
61
|
lg: string;
|
|
@@ -91,6 +93,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
91
93
|
text: string;
|
|
92
94
|
};
|
|
93
95
|
size: {
|
|
96
|
+
xs: string;
|
|
94
97
|
sm: string;
|
|
95
98
|
md: string;
|
|
96
99
|
lg: string;
|
|
@@ -118,6 +121,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
118
121
|
};
|
|
119
122
|
radius: {
|
|
120
123
|
none: string;
|
|
124
|
+
xs: string;
|
|
121
125
|
sm: string;
|
|
122
126
|
md: string;
|
|
123
127
|
lg: string;
|
|
@@ -155,6 +159,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
155
159
|
text: string;
|
|
156
160
|
};
|
|
157
161
|
size: {
|
|
162
|
+
xs: string;
|
|
158
163
|
sm: string;
|
|
159
164
|
md: string;
|
|
160
165
|
lg: string;
|
|
@@ -182,6 +187,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
182
187
|
};
|
|
183
188
|
radius: {
|
|
184
189
|
none: string;
|
|
190
|
+
xs: string;
|
|
185
191
|
sm: string;
|
|
186
192
|
md: string;
|
|
187
193
|
lg: string;
|
|
@@ -33,6 +33,7 @@ const button_theme_button = tv({
|
|
|
33
33
|
text: 'bg-transparent min-w-0 w-auto h-auto px-0'
|
|
34
34
|
},
|
|
35
35
|
size: {
|
|
36
|
+
xs: 'gap-2 rounded-small !text-body3 min-w-min font-medium [&_[aria-label="Loading"]>div]:size-3',
|
|
36
37
|
sm: 'gap-2 rounded-small !text-body3 min-w-min font-medium [&_[aria-label="Loading"]>div]:size-3',
|
|
37
38
|
md: 'gap-2 rounded-small text-tiny min-w-min font-medium [&_[aria-label="Loading"]>div]:size-4',
|
|
38
39
|
lg: 'gap-2 rounded-medium text-medium min-w-min font-medium [&_[aria-label="Loading"]>div]:size-6',
|
|
@@ -51,6 +52,7 @@ const button_theme_button = tv({
|
|
|
51
52
|
},
|
|
52
53
|
radius: {
|
|
53
54
|
none: 'rounded-none',
|
|
55
|
+
xs: 'rounded-sm',
|
|
54
56
|
sm: 'rounded-small',
|
|
55
57
|
md: 'rounded-medium',
|
|
56
58
|
lg: 'rounded-large',
|
|
@@ -87,6 +89,16 @@ const button_theme_button = tv({
|
|
|
87
89
|
disableAnimation: false
|
|
88
90
|
},
|
|
89
91
|
compoundVariants: [
|
|
92
|
+
{
|
|
93
|
+
size: 'xs',
|
|
94
|
+
variant: [
|
|
95
|
+
'solid',
|
|
96
|
+
'flat',
|
|
97
|
+
'light',
|
|
98
|
+
'bordered'
|
|
99
|
+
],
|
|
100
|
+
class: 'px-sm h-5'
|
|
101
|
+
},
|
|
90
102
|
{
|
|
91
103
|
size: 'sm',
|
|
92
104
|
variant: [
|
|
@@ -462,6 +474,11 @@ const button_theme_button = tv({
|
|
|
462
474
|
isInGroup: true,
|
|
463
475
|
class: 'rounded-none first:rounded-s-small last:rounded-e-small'
|
|
464
476
|
},
|
|
477
|
+
{
|
|
478
|
+
isInGroup: true,
|
|
479
|
+
size: 'xs',
|
|
480
|
+
class: 'rounded-none first:rounded-s-sm last:rounded-e-sm'
|
|
481
|
+
},
|
|
465
482
|
{
|
|
466
483
|
isInGroup: true,
|
|
467
484
|
size: 'sm',
|
|
@@ -579,6 +596,11 @@ const button_theme_button = tv({
|
|
|
579
596
|
color: 'bearish',
|
|
580
597
|
class: collapseAdjacentVariantBorders.bearish
|
|
581
598
|
},
|
|
599
|
+
{
|
|
600
|
+
isIconOnly: true,
|
|
601
|
+
size: 'xs',
|
|
602
|
+
class: 'min-w-5 w-5 h-5'
|
|
603
|
+
},
|
|
582
604
|
{
|
|
583
605
|
isIconOnly: true,
|
|
584
606
|
size: 'sm',
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
+
import { cn } from "@heroui/theme";
|
|
3
4
|
import { UXButton, UXTooltip } from "../index.js";
|
|
4
5
|
import { CircleQuestionIcon } from "../../icons/index.js";
|
|
5
|
-
const
|
|
6
|
+
const UXHint_UXHint = (props)=>{
|
|
6
7
|
const { content, children, buttonClassName, iconClassName, ...restProps } = props;
|
|
7
8
|
return /*#__PURE__*/ jsx(UXTooltip, {
|
|
8
9
|
content: content || children,
|
|
9
10
|
...restProps,
|
|
10
11
|
children: /*#__PURE__*/ jsx(UXButton, {
|
|
11
|
-
|
|
12
|
+
isIconOnly: true,
|
|
13
|
+
variant: "light",
|
|
14
|
+
size: "xs",
|
|
12
15
|
color: "secondary",
|
|
13
|
-
className: buttonClassName,
|
|
16
|
+
className: cn('data-[hover=true]:bg-transparent', buttonClassName),
|
|
14
17
|
children: /*#__PURE__*/ jsx(CircleQuestionIcon, {
|
|
15
18
|
size: 12,
|
|
16
19
|
className: iconClassName
|
|
@@ -18,6 +21,6 @@ const UXHint = (props)=>{
|
|
|
18
21
|
})
|
|
19
22
|
});
|
|
20
23
|
};
|
|
21
|
-
|
|
22
|
-
const
|
|
23
|
-
export {
|
|
24
|
+
UXHint_UXHint.displayName = 'UX.Hint';
|
|
25
|
+
const UXHint = UXHint_UXHint;
|
|
26
|
+
export { UXHint as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@particle-network/ui-react",
|
|
3
|
-
"version": "0.1.3-beta.
|
|
3
|
+
"version": "0.1.3-beta.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"@types/react": "^19.1.10",
|
|
40
40
|
"react": "^19.1.0",
|
|
41
41
|
"typescript": "^5.8.3",
|
|
42
|
-
"@particle-network/
|
|
43
|
-
"@particle-network/
|
|
42
|
+
"@particle-network/lintstaged-config": "0.0.0",
|
|
43
|
+
"@particle-network/eslint-config": "0.2.0"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": ">=16.9.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"ahooks": "^3.9.4",
|
|
51
|
-
"@particle-network/ui-shared": "0.1.0"
|
|
51
|
+
"@particle-network/ui-shared": "0.1.1-beta.0"
|
|
52
52
|
},
|
|
53
53
|
"scripts": {
|
|
54
54
|
"build": "rslib build",
|