@particle-network/ui-react 0.4.5-beta.11 → 0.4.5-beta.13
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import { type ChipProps } from '@heroui/chip';
|
|
3
3
|
type ExtendedChipProps = Omit<ChipProps, 'color'> & {
|
|
4
|
-
color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'bullish' | 'bearish' | `#${string}`;
|
|
4
|
+
color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'alert' | 'danger' | 'bullish' | 'bearish' | `#${string}`;
|
|
5
5
|
};
|
|
6
6
|
declare const ExtendedChip: React.ForwardRefExoticComponent<ExtendedChipProps>;
|
|
7
7
|
export default ExtendedChip;
|
|
@@ -4,9 +4,10 @@ const colorVariants = {
|
|
|
4
4
|
solid: {
|
|
5
5
|
default: 'bg-background-200 text-foreground-300',
|
|
6
6
|
primary: 'bg-primary text-primary-foreground',
|
|
7
|
-
secondary: 'bg-background-200 text-
|
|
7
|
+
secondary: 'bg-background-200 text-secondary',
|
|
8
8
|
success: 'bg-success text-success-foreground',
|
|
9
9
|
warning: 'bg-warning text-warning-foreground',
|
|
10
|
+
alert: 'bg-alert text-alert-foreground',
|
|
10
11
|
danger: 'bg-danger text-danger-foreground',
|
|
11
12
|
foreground: 'bg-foreground text-background',
|
|
12
13
|
bullish: 'bg-bullish text-bullish-foreground',
|
|
@@ -16,9 +17,10 @@ const colorVariants = {
|
|
|
16
17
|
flat: {
|
|
17
18
|
default: 'bg-background-300 text-foreground-300',
|
|
18
19
|
primary: 'bg-primary/20 text-primary',
|
|
19
|
-
secondary: 'bg-background-300 text-
|
|
20
|
+
secondary: 'bg-background-300 text-secondary',
|
|
20
21
|
success: 'bg-success/20 text-success',
|
|
21
22
|
warning: 'bg-warning/20 text-warning',
|
|
23
|
+
alert: 'bg-alert/20 text-alert',
|
|
22
24
|
danger: 'bg-danger/20 text-danger',
|
|
23
25
|
foreground: 'bg-foreground/10 text-foreground',
|
|
24
26
|
bullish: 'bg-bullish/20 text-bullish',
|
|
@@ -63,6 +65,9 @@ const ExtendedChip = extendVariants(Chip, {
|
|
|
63
65
|
danger: {
|
|
64
66
|
dot: 'bg-danger'
|
|
65
67
|
},
|
|
68
|
+
alert: {
|
|
69
|
+
dot: 'bg-alert'
|
|
70
|
+
},
|
|
66
71
|
bullish: {
|
|
67
72
|
dot: 'bg-bullish'
|
|
68
73
|
},
|
|
@@ -164,6 +169,11 @@ const ExtendedChip = extendVariants(Chip, {
|
|
|
164
169
|
color: 'danger',
|
|
165
170
|
class: colorVariants.solid.danger
|
|
166
171
|
},
|
|
172
|
+
{
|
|
173
|
+
variant: 'solid',
|
|
174
|
+
color: 'alert',
|
|
175
|
+
class: colorVariants.solid.alert
|
|
176
|
+
},
|
|
167
177
|
{
|
|
168
178
|
variant: 'solid',
|
|
169
179
|
color: 'bullish',
|
|
@@ -204,6 +214,11 @@ const ExtendedChip = extendVariants(Chip, {
|
|
|
204
214
|
color: 'danger',
|
|
205
215
|
class: colorVariants.flat.danger
|
|
206
216
|
},
|
|
217
|
+
{
|
|
218
|
+
variant: 'flat',
|
|
219
|
+
color: 'alert',
|
|
220
|
+
class: colorVariants.flat.alert
|
|
221
|
+
},
|
|
207
222
|
{
|
|
208
223
|
variant: 'flat',
|
|
209
224
|
color: 'bullish',
|
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
import ExtendedChip from './chip.extend';
|
|
3
3
|
export type UXChipProps = React.ComponentPropsWithRef<typeof ExtendedChip>;
|
|
4
4
|
export declare const UXChip: import("@heroui/system-rsc").InternalForwardRefRenderFunction<"div", Omit<import("@heroui/chip").ChipProps, "color"> & {
|
|
5
|
-
color?: "default" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | `#${string}`;
|
|
5
|
+
color?: "default" | "primary" | "secondary" | "success" | "warning" | "alert" | "danger" | "bullish" | "bearish" | `#${string}`;
|
|
6
6
|
}, never>;
|
|
@@ -252,7 +252,7 @@ const tabsClasses = {
|
|
|
252
252
|
color: 'default',
|
|
253
253
|
class: {
|
|
254
254
|
cursor: [
|
|
255
|
-
'
|
|
255
|
+
'bg-tertiary'
|
|
256
256
|
],
|
|
257
257
|
tabContent: 'group-data-[selected=true]:text-tertiary-foreground'
|
|
258
258
|
}
|
|
@@ -264,7 +264,7 @@ const tabsClasses = {
|
|
|
264
264
|
color: 'default',
|
|
265
265
|
class: {
|
|
266
266
|
cursor: [
|
|
267
|
-
'
|
|
267
|
+
'bg-tertiary'
|
|
268
268
|
],
|
|
269
269
|
tabContent: 'group-data-[selected=true]:text-tertiary-foreground'
|
|
270
270
|
}
|
|
@@ -276,9 +276,9 @@ const tabsClasses = {
|
|
|
276
276
|
color: 'default',
|
|
277
277
|
class: {
|
|
278
278
|
cursor: [
|
|
279
|
-
'
|
|
279
|
+
'bg-background-200'
|
|
280
280
|
],
|
|
281
|
-
tabContent: 'group-data-[selected=true]:text-
|
|
281
|
+
tabContent: 'group-data-[selected=true]:text-foreground'
|
|
282
282
|
}
|
|
283
283
|
},
|
|
284
284
|
{
|