@eqtylab/equality 1.3.0 → 1.4.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/badge.module.module.css.module.css +53 -6
- package/dist/generated/color-vars.css +4 -0
- package/dist/generated/dark-tokens.css +2 -0
- package/dist/generated/global-dark-tokens.css +2 -0
- package/dist/generated/global-light-tokens.css +2 -0
- package/dist/generated/light-tokens.css +2 -0
- package/dist/generated/tailwind-tokens.css +2 -0
- package/dist/index.cjs +15 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -5
- package/dist/index.d.ts +8 -5
- package/dist/index.js +15 -3
- package/dist/index.js.map +1 -1
- package/dist/spinner.module.module.css.module.css +1 -1
- package/dist/theme.module.module.css.module.css +6 -0
- package/package.json +2 -1
package/dist/index.d.cts
CHANGED
|
@@ -51,14 +51,14 @@ declare const AlertDialogFooter: {
|
|
|
51
51
|
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
52
52
|
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
53
53
|
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "prefix"> & VariantProps<(props?: ({
|
|
54
|
-
variant?: "
|
|
54
|
+
variant?: "link" | "danger" | "navigation" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
55
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
56
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
57
57
|
prefix?: React$1.ReactNode;
|
|
58
58
|
suffix?: React$1.ReactNode;
|
|
59
59
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
60
60
|
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "prefix"> & VariantProps<(props?: ({
|
|
61
|
-
variant?: "
|
|
61
|
+
variant?: "link" | "danger" | "navigation" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
62
62
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
63
63
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
64
64
|
prefix?: React$1.ReactNode;
|
|
@@ -74,7 +74,8 @@ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitiv
|
|
|
74
74
|
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
75
75
|
|
|
76
76
|
declare const badgeVariants: (props?: ({
|
|
77
|
-
variant?: "success" | "warning" | "danger" | "primary" | "neutral" | null | undefined;
|
|
77
|
+
variant?: "success" | "warning" | "danger" | "primary" | "secondary" | "neutral" | null | undefined;
|
|
78
|
+
size?: "sm" | "md" | null | undefined;
|
|
78
79
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
80
|
type BadgeDisplayMode = 'both' | 'text-only' | 'icon-only';
|
|
80
81
|
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
@@ -84,8 +85,10 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
|
|
|
84
85
|
truncateLength?: number;
|
|
85
86
|
icon?: React$1.ReactElement | string;
|
|
86
87
|
display?: BadgeDisplayMode;
|
|
88
|
+
monospace?: boolean;
|
|
89
|
+
pill?: boolean;
|
|
87
90
|
}
|
|
88
|
-
declare function Badge({ className, variant, closeable, handleClosable, truncate, truncateLength, icon, display, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
91
|
+
declare function Badge({ className, variant, size, closeable, handleClosable, truncate, truncateLength, icon, display, monospace, pill, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
89
92
|
|
|
90
93
|
var Light = {
|
|
91
94
|
color: {
|
|
@@ -163,7 +166,7 @@ declare const BgGradient: ({ theme, placement, }: {
|
|
|
163
166
|
}) => react_jsx_runtime.JSX.Element;
|
|
164
167
|
|
|
165
168
|
declare const buttonVariants: (props?: ({
|
|
166
|
-
variant?: "
|
|
169
|
+
variant?: "link" | "danger" | "navigation" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
167
170
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
168
171
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
169
172
|
type ButtonBaseProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'>;
|
package/dist/index.d.ts
CHANGED
|
@@ -51,14 +51,14 @@ declare const AlertDialogFooter: {
|
|
|
51
51
|
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
52
52
|
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
53
53
|
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "prefix"> & VariantProps<(props?: ({
|
|
54
|
-
variant?: "
|
|
54
|
+
variant?: "link" | "danger" | "navigation" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
55
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
56
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
57
57
|
prefix?: React$1.ReactNode;
|
|
58
58
|
suffix?: React$1.ReactNode;
|
|
59
59
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
60
60
|
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "prefix"> & VariantProps<(props?: ({
|
|
61
|
-
variant?: "
|
|
61
|
+
variant?: "link" | "danger" | "navigation" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
62
62
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
63
63
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
64
64
|
prefix?: React$1.ReactNode;
|
|
@@ -74,7 +74,8 @@ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitiv
|
|
|
74
74
|
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
75
75
|
|
|
76
76
|
declare const badgeVariants: (props?: ({
|
|
77
|
-
variant?: "success" | "warning" | "danger" | "primary" | "neutral" | null | undefined;
|
|
77
|
+
variant?: "success" | "warning" | "danger" | "primary" | "secondary" | "neutral" | null | undefined;
|
|
78
|
+
size?: "sm" | "md" | null | undefined;
|
|
78
79
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
80
|
type BadgeDisplayMode = 'both' | 'text-only' | 'icon-only';
|
|
80
81
|
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
@@ -84,8 +85,10 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
|
|
|
84
85
|
truncateLength?: number;
|
|
85
86
|
icon?: React$1.ReactElement | string;
|
|
86
87
|
display?: BadgeDisplayMode;
|
|
88
|
+
monospace?: boolean;
|
|
89
|
+
pill?: boolean;
|
|
87
90
|
}
|
|
88
|
-
declare function Badge({ className, variant, closeable, handleClosable, truncate, truncateLength, icon, display, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
91
|
+
declare function Badge({ className, variant, size, closeable, handleClosable, truncate, truncateLength, icon, display, monospace, pill, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
89
92
|
|
|
90
93
|
var Light = {
|
|
91
94
|
color: {
|
|
@@ -163,7 +166,7 @@ declare const BgGradient: ({ theme, placement, }: {
|
|
|
163
166
|
}) => react_jsx_runtime.JSX.Element;
|
|
164
167
|
|
|
165
168
|
declare const buttonVariants: (props?: ({
|
|
166
|
-
variant?: "
|
|
169
|
+
variant?: "link" | "danger" | "navigation" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
167
170
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
168
171
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
169
172
|
type ButtonBaseProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'>;
|
package/dist/index.js
CHANGED
|
@@ -387,14 +387,20 @@ var badgeVariants = cva(styles7["badge"], {
|
|
|
387
387
|
variants: {
|
|
388
388
|
variant: {
|
|
389
389
|
primary: styles7["badge--primary"],
|
|
390
|
+
secondary: styles7["badge--secondary"],
|
|
390
391
|
danger: styles7["badge--danger"],
|
|
391
392
|
neutral: styles7["badge--neutral"],
|
|
392
393
|
warning: styles7["badge--warning"],
|
|
393
394
|
success: styles7["badge--success"]
|
|
395
|
+
},
|
|
396
|
+
size: {
|
|
397
|
+
sm: styles7["badge--sm"],
|
|
398
|
+
md: styles7["badge--md"]
|
|
394
399
|
}
|
|
395
400
|
},
|
|
396
401
|
defaultVariants: {
|
|
397
|
-
variant: "primary"
|
|
402
|
+
variant: "primary",
|
|
403
|
+
size: "md"
|
|
398
404
|
}
|
|
399
405
|
});
|
|
400
406
|
var defaultVariantIcons = {
|
|
@@ -405,12 +411,15 @@ var defaultVariantIcons = {
|
|
|
405
411
|
function Badge({
|
|
406
412
|
className,
|
|
407
413
|
variant,
|
|
414
|
+
size,
|
|
408
415
|
closeable,
|
|
409
416
|
handleClosable,
|
|
410
417
|
truncate = false,
|
|
411
418
|
truncateLength = 50,
|
|
412
419
|
icon,
|
|
413
420
|
display = "both",
|
|
421
|
+
monospace = false,
|
|
422
|
+
pill = true,
|
|
414
423
|
...props
|
|
415
424
|
}) {
|
|
416
425
|
const effectiveIcon = icon ?? (variant ? defaultVariantIcons[variant] : void 0);
|
|
@@ -452,8 +461,11 @@ function Badge({
|
|
|
452
461
|
"div",
|
|
453
462
|
{
|
|
454
463
|
className: cn(
|
|
455
|
-
variant !== null && badgeVariants({ variant }),
|
|
464
|
+
variant !== null && badgeVariants({ variant, size }),
|
|
456
465
|
variant === null && styles7["badge"],
|
|
466
|
+
variant === null && styles7[`badge--${size ?? "md"}`],
|
|
467
|
+
monospace && styles7["badge--monospace"],
|
|
468
|
+
!pill && styles7["badge--square"],
|
|
457
469
|
isIconOnly && styles7["badge--icon-only"],
|
|
458
470
|
className
|
|
459
471
|
),
|
|
@@ -1960,7 +1972,7 @@ var ListOrGridViewToggle = ({
|
|
|
1960
1972
|
)
|
|
1961
1973
|
] });
|
|
1962
1974
|
};
|
|
1963
|
-
var Spinner = ({ size = "md", variant = "
|
|
1975
|
+
var Spinner = ({ size = "md", variant = "primary" }) => {
|
|
1964
1976
|
return /* @__PURE__ */ jsxs("div", { className: styles29["spinner-container"], children: [
|
|
1965
1977
|
/* @__PURE__ */ jsx("div", { className: cn(styles29["spinner"], styles29[size], styles29[variant]) }),
|
|
1966
1978
|
/* @__PURE__ */ jsx("div", { className: cn(styles29["spinner-background"], styles29[size]) })
|