@bubo-squared/ui-framework 0.2.28 → 0.2.30
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/index.cjs +382 -366
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +24 -11
- package/dist/index.d.ts +24 -11
- package/dist/index.js +355 -339
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -8,11 +8,12 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
8
8
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
9
9
|
import * as RPNInput from 'react-phone-number-input';
|
|
10
10
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
11
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
11
12
|
import { ClassValue } from 'clsx';
|
|
12
13
|
|
|
13
14
|
declare const buttonVariants: (props?: ({
|
|
14
|
-
variant?: "
|
|
15
|
-
size?: "sm" | "
|
|
15
|
+
variant?: "destructive" | "outline" | "secondary" | "ghost" | "primary" | "destructive-outline" | null | undefined;
|
|
16
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
16
17
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
17
18
|
interface ButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
18
19
|
asChild?: boolean;
|
|
@@ -27,8 +28,8 @@ interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
27
28
|
declare const ButtonGroup: React.FC<ButtonGroupProps>;
|
|
28
29
|
|
|
29
30
|
declare const iconButtonVariants: (props?: ({
|
|
30
|
-
variant?: "
|
|
31
|
-
size?: "sm" | "
|
|
31
|
+
variant?: "destructive" | "outline" | "secondary" | "ghost" | "primary" | null | undefined;
|
|
32
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
32
33
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
33
34
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
|
|
34
35
|
asChild?: boolean;
|
|
@@ -54,8 +55,8 @@ interface IconButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
54
55
|
declare const IconButtonGroup: React$1.FC<IconButtonGroupProps>;
|
|
55
56
|
|
|
56
57
|
declare const linkButtonVariants: (props?: ({
|
|
57
|
-
variant?: "
|
|
58
|
-
size?: "sm" | "
|
|
58
|
+
variant?: "destructive" | "secondary" | "primary" | null | undefined;
|
|
59
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
59
60
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
60
61
|
interface LinkButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof linkButtonVariants> {
|
|
61
62
|
asChild?: boolean;
|
|
@@ -130,8 +131,8 @@ type TypographyProps<T extends ElementType = "span"> = TypographyOwnProps & {
|
|
|
130
131
|
declare const Typography: <T extends ElementType = "span">(props: TypographyProps<T>) => react_jsx_runtime.JSX.Element;
|
|
131
132
|
|
|
132
133
|
declare const badgeVariants: (props?: ({
|
|
133
|
-
size?: "sm" | "
|
|
134
|
-
variant?: "error" | "
|
|
134
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
135
|
+
variant?: "error" | "secondary" | "disabled" | "primary" | "success" | "active" | "informal" | "warning" | "double-default" | "double-current" | null | undefined;
|
|
135
136
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
136
137
|
type BadgeVariant = "primary" | "secondary" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
|
|
137
138
|
type BadgeSize = "sm" | "md" | "lg" | "xl";
|
|
@@ -147,7 +148,7 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
|
|
|
147
148
|
|
|
148
149
|
declare const badgeDigitVariants: (props?: ({
|
|
149
150
|
size?: "sm" | "md" | null | undefined;
|
|
150
|
-
variant?: "error" | "
|
|
151
|
+
variant?: "error" | "secondary" | "disabled" | "primary" | "success" | "informal" | "warning" | null | undefined;
|
|
151
152
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
152
153
|
type BadgeDigitSize = "sm" | "md";
|
|
153
154
|
type BadgeDigitVariant = "primary" | "secondary" | "informal" | "success" | "warning" | "error" | "disabled";
|
|
@@ -399,8 +400,8 @@ interface SelectOption {
|
|
|
399
400
|
value: string;
|
|
400
401
|
}
|
|
401
402
|
declare const selectTriggerVariants: (props?: ({
|
|
402
|
-
size?: "sm" | "
|
|
403
|
-
status?: "error" | "
|
|
403
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
404
|
+
status?: "error" | "default" | "success" | null | undefined;
|
|
404
405
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
405
406
|
interface SelectProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof selectTriggerVariants> {
|
|
406
407
|
label?: React$1.ReactNode;
|
|
@@ -659,6 +660,18 @@ interface PopoverProps {
|
|
|
659
660
|
* the arrow size so the content clears the trigger.
|
|
660
661
|
*/
|
|
661
662
|
offset?: number;
|
|
663
|
+
/**
|
|
664
|
+
* If provide, this content will be rendered inside the popover
|
|
665
|
+
* instead of the default layout with strapline, title, description and buttons.
|
|
666
|
+
* Can be a ReactNode or a function that receives close/ok/cancel handlers.
|
|
667
|
+
*/
|
|
668
|
+
customContent?: React$1.ReactNode | ((props: {
|
|
669
|
+
close: () => void;
|
|
670
|
+
ok: () => void;
|
|
671
|
+
cancel: () => void;
|
|
672
|
+
}) => React$1.ReactNode);
|
|
673
|
+
onPointerDownOutside?: React$1.ComponentProps<typeof PopoverPrimitive.Content>['onPointerDownOutside'];
|
|
674
|
+
onOpenChange?: (open: boolean) => void;
|
|
662
675
|
}
|
|
663
676
|
declare const Popover: React$1.FC<PopoverProps>;
|
|
664
677
|
|
package/dist/index.d.ts
CHANGED
|
@@ -8,11 +8,12 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
8
8
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
9
9
|
import * as RPNInput from 'react-phone-number-input';
|
|
10
10
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
11
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
11
12
|
import { ClassValue } from 'clsx';
|
|
12
13
|
|
|
13
14
|
declare const buttonVariants: (props?: ({
|
|
14
|
-
variant?: "
|
|
15
|
-
size?: "sm" | "
|
|
15
|
+
variant?: "destructive" | "outline" | "secondary" | "ghost" | "primary" | "destructive-outline" | null | undefined;
|
|
16
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
16
17
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
17
18
|
interface ButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
18
19
|
asChild?: boolean;
|
|
@@ -27,8 +28,8 @@ interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
27
28
|
declare const ButtonGroup: React.FC<ButtonGroupProps>;
|
|
28
29
|
|
|
29
30
|
declare const iconButtonVariants: (props?: ({
|
|
30
|
-
variant?: "
|
|
31
|
-
size?: "sm" | "
|
|
31
|
+
variant?: "destructive" | "outline" | "secondary" | "ghost" | "primary" | null | undefined;
|
|
32
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
32
33
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
33
34
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
|
|
34
35
|
asChild?: boolean;
|
|
@@ -54,8 +55,8 @@ interface IconButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
54
55
|
declare const IconButtonGroup: React$1.FC<IconButtonGroupProps>;
|
|
55
56
|
|
|
56
57
|
declare const linkButtonVariants: (props?: ({
|
|
57
|
-
variant?: "
|
|
58
|
-
size?: "sm" | "
|
|
58
|
+
variant?: "destructive" | "secondary" | "primary" | null | undefined;
|
|
59
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
59
60
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
60
61
|
interface LinkButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof linkButtonVariants> {
|
|
61
62
|
asChild?: boolean;
|
|
@@ -130,8 +131,8 @@ type TypographyProps<T extends ElementType = "span"> = TypographyOwnProps & {
|
|
|
130
131
|
declare const Typography: <T extends ElementType = "span">(props: TypographyProps<T>) => react_jsx_runtime.JSX.Element;
|
|
131
132
|
|
|
132
133
|
declare const badgeVariants: (props?: ({
|
|
133
|
-
size?: "sm" | "
|
|
134
|
-
variant?: "error" | "
|
|
134
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
135
|
+
variant?: "error" | "secondary" | "disabled" | "primary" | "success" | "active" | "informal" | "warning" | "double-default" | "double-current" | null | undefined;
|
|
135
136
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
136
137
|
type BadgeVariant = "primary" | "secondary" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
|
|
137
138
|
type BadgeSize = "sm" | "md" | "lg" | "xl";
|
|
@@ -147,7 +148,7 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
|
|
|
147
148
|
|
|
148
149
|
declare const badgeDigitVariants: (props?: ({
|
|
149
150
|
size?: "sm" | "md" | null | undefined;
|
|
150
|
-
variant?: "error" | "
|
|
151
|
+
variant?: "error" | "secondary" | "disabled" | "primary" | "success" | "informal" | "warning" | null | undefined;
|
|
151
152
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
152
153
|
type BadgeDigitSize = "sm" | "md";
|
|
153
154
|
type BadgeDigitVariant = "primary" | "secondary" | "informal" | "success" | "warning" | "error" | "disabled";
|
|
@@ -399,8 +400,8 @@ interface SelectOption {
|
|
|
399
400
|
value: string;
|
|
400
401
|
}
|
|
401
402
|
declare const selectTriggerVariants: (props?: ({
|
|
402
|
-
size?: "sm" | "
|
|
403
|
-
status?: "error" | "
|
|
403
|
+
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
404
|
+
status?: "error" | "default" | "success" | null | undefined;
|
|
404
405
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
405
406
|
interface SelectProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof selectTriggerVariants> {
|
|
406
407
|
label?: React$1.ReactNode;
|
|
@@ -659,6 +660,18 @@ interface PopoverProps {
|
|
|
659
660
|
* the arrow size so the content clears the trigger.
|
|
660
661
|
*/
|
|
661
662
|
offset?: number;
|
|
663
|
+
/**
|
|
664
|
+
* If provide, this content will be rendered inside the popover
|
|
665
|
+
* instead of the default layout with strapline, title, description and buttons.
|
|
666
|
+
* Can be a ReactNode or a function that receives close/ok/cancel handlers.
|
|
667
|
+
*/
|
|
668
|
+
customContent?: React$1.ReactNode | ((props: {
|
|
669
|
+
close: () => void;
|
|
670
|
+
ok: () => void;
|
|
671
|
+
cancel: () => void;
|
|
672
|
+
}) => React$1.ReactNode);
|
|
673
|
+
onPointerDownOutside?: React$1.ComponentProps<typeof PopoverPrimitive.Content>['onPointerDownOutside'];
|
|
674
|
+
onOpenChange?: (open: boolean) => void;
|
|
662
675
|
}
|
|
663
676
|
declare const Popover: React$1.FC<PopoverProps>;
|
|
664
677
|
|