@qodo/design-system 0.19.2 → 0.19.4

package/dist/index.d.ts

@@ -62,13 +62,19 @@ import { UseFormUnregister } from 'react-hook-form';
 import { UseFormWatch } from 'react-hook-form';
 import { VariantProps } from 'class-variance-authority';
 
-export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX_2.Element;
+export declare function Accordion({ variant, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root> & {
+    variant?: AccordionVariant;
+}): JSX_2.Element;
 
 export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX_2.Element;
 
 export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX_2.Element;
 
-export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX_2.Element;
+export declare function AccordionTrigger({ className, children, iconPosition, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger> & {
+    iconPosition?: "left" | "right";
+}): JSX_2.Element;
+
+declare type AccordionVariant = "default" | "outlined" | "filled";
 
 export declare interface ActionItemType extends BaseMenuItemType, TypeGuard<"ActionMenuItem"> {
     endAndornment?: ReactNode;
@@ -473,13 +479,18 @@ declare const inputVariants: (props?: ({
     variant?: "default" | "secondary" | "accent" | "success" | "warning" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare const INSIGHT_SIZES: {
+    readonly SM: "sm";
+    readonly MD: "md";
+};
+
 declare const INSIGHT_VARIANTS: {
     DEFAULT: string;
     PRIMARY: string;
     ACTIVE: string;
 };
 
-export declare function InsightCard({ title, description, caption, additionalContent, titleClassName: propTitleClassName, descriptionClassName: propDescriptionClassName, variant, className, icon, iconClassName: propIconClassName, }: InsightCardProps): JSX_2.Element;
+export declare function InsightCard({ title, description, caption, additionalContent, titleClassName: propTitleClassName, descriptionClassName: propDescriptionClassName, variant, className, icon, iconClassName: propIconClassName, size, }: InsightCardProps): JSX_2.Element;
 
 export declare type InsightCardProps = {
     title: ReactNode;
@@ -492,6 +503,7 @@ export declare type InsightCardProps = {
     className?: string;
     icon?: ReactNode;
     iconClassName?: string;
+    size?: (typeof INSIGHT_SIZES)[keyof typeof INSIGHT_SIZES];
 };
 
 export declare type LoadingSkeletonProps = {
@@ -815,6 +827,8 @@ declare type TypeGuard<T> = {
     type: T;
 };
 
+export declare const Typography: React_2.ForwardRefExoticComponent<TypographyProps & React_2.RefAttributes<HTMLElement>>;
+
 export declare const typography: {
     readonly fontFamily: {
         readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
@@ -830,6 +844,14 @@ export declare const typography: {
     };
 };
 
+export declare interface TypographyProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "blockquote" | "ul" | "ol" | "code" | "pre";
+}
+
+export declare const typographyVariants: (props?: ({
+    variant?: "small" | "list" | "blockquote" | "body" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "muted" | "large" | "lead" | "code-inline" | "code-block" | "list-ordered" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 /**
  * This hook is used to get the merged form context: react-hook-form context and the FormProvider custom context
  * @returns The form context and the react-hook-form context