@qodo/design-system 0.1.1 → 0.2.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/README.md +2 -0
- package/dist/design-system.css +1 -1
- package/dist/index.cjs.js +83 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +84 -0
- package/dist/index.esm.js +5423 -752
- package/dist/index.esm.js.map +1 -1
- package/package.json +16 -9
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,32 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
1
2
|
import { ClassProp } from 'class-variance-authority/types';
|
|
2
3
|
import { ClassValue } from 'clsx';
|
|
4
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
5
|
import { JSX } from 'react/jsx-runtime';
|
|
6
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
4
7
|
import * as React_2 from 'react';
|
|
8
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
9
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
10
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
11
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
5
12
|
import { VariantProps } from 'class-variance-authority';
|
|
6
13
|
|
|
14
|
+
export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
|
|
15
|
+
|
|
16
|
+
export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
|
|
17
|
+
|
|
18
|
+
export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
|
|
19
|
+
|
|
20
|
+
export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
|
|
21
|
+
|
|
22
|
+
export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
23
|
+
asChild?: boolean;
|
|
24
|
+
}): JSX.Element;
|
|
25
|
+
|
|
26
|
+
declare const badgeVariants: (props?: ({
|
|
27
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
28
|
+
} & ClassProp) | undefined) => string;
|
|
29
|
+
|
|
7
30
|
export declare const borderRadius: {
|
|
8
31
|
readonly sm: "0.25rem";
|
|
9
32
|
readonly md: "0.375rem";
|
|
@@ -21,6 +44,20 @@ declare const buttonVariants: (props?: ({
|
|
|
21
44
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
22
45
|
} & ClassProp) | undefined) => string;
|
|
23
46
|
|
|
47
|
+
export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
48
|
+
|
|
49
|
+
export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
50
|
+
|
|
51
|
+
export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
52
|
+
|
|
53
|
+
export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
54
|
+
|
|
55
|
+
export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
56
|
+
|
|
57
|
+
export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
58
|
+
|
|
59
|
+
export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
60
|
+
|
|
24
61
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
25
62
|
|
|
26
63
|
export declare const colors: {
|
|
@@ -50,6 +87,28 @@ export declare const colors: {
|
|
|
50
87
|
};
|
|
51
88
|
};
|
|
52
89
|
|
|
90
|
+
export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
|
|
91
|
+
|
|
92
|
+
export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
|
|
93
|
+
|
|
94
|
+
export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
95
|
+
showCloseButton?: boolean;
|
|
96
|
+
}): JSX.Element;
|
|
97
|
+
|
|
98
|
+
export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
|
|
99
|
+
|
|
100
|
+
export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
101
|
+
|
|
102
|
+
export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
103
|
+
|
|
104
|
+
export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
|
|
105
|
+
|
|
106
|
+
export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
|
|
107
|
+
|
|
108
|
+
export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
|
|
109
|
+
|
|
110
|
+
export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
|
|
111
|
+
|
|
53
112
|
export declare function Input({ className, variant, type, ...props }: InputProps): JSX.Element;
|
|
54
113
|
|
|
55
114
|
export declare interface InputProps extends React_2.ComponentProps<"input">, VariantProps<typeof inputVariants> {
|
|
@@ -59,6 +118,10 @@ declare const inputVariants: (props?: ({
|
|
|
59
118
|
variant?: "default" | "destructive" | "secondary" | "success" | "warning" | "accent" | null | undefined;
|
|
60
119
|
} & ClassProp) | undefined) => string;
|
|
61
120
|
|
|
121
|
+
export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
|
|
122
|
+
|
|
123
|
+
export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
124
|
+
|
|
62
125
|
export declare const spacing: {
|
|
63
126
|
readonly xs: "0.25rem";
|
|
64
127
|
readonly sm: "0.5rem";
|
|
@@ -68,6 +131,27 @@ export declare const spacing: {
|
|
|
68
131
|
readonly "2xl": "3rem";
|
|
69
132
|
};
|
|
70
133
|
|
|
134
|
+
export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
|
|
135
|
+
|
|
136
|
+
export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
|
|
137
|
+
|
|
138
|
+
export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
|
|
139
|
+
|
|
140
|
+
export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): JSX.Element;
|
|
141
|
+
|
|
142
|
+
declare const toggleVariants: (props?: ({
|
|
143
|
+
variant?: "default" | "outline" | null | undefined;
|
|
144
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
145
|
+
} & ClassProp) | undefined) => string;
|
|
146
|
+
|
|
147
|
+
export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
|
|
148
|
+
|
|
149
|
+
export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
|
|
150
|
+
|
|
151
|
+
export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
|
|
152
|
+
|
|
153
|
+
export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
|
|
154
|
+
|
|
71
155
|
export declare const typography: {
|
|
72
156
|
readonly fontFamily: {
|
|
73
157
|
readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
|