@tanishraj/ui-kit 2.5.3 → 2.5.6

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { CreatableProps } from 'react-select/creatable';
 import { DayPickerProps } from 'react-day-picker';
 import { default as default_2 } from 'react-select';
 import { DetailedHTMLProps } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { FieldsetHTMLAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -1392,6 +1393,11 @@ export declare type TabsSizes = RemoveNull<VariantProps<typeof tabRootStyles>>['
 
 export declare type TabsVariant = RemoveNull<VariantProps<typeof tabRootStyles>>['variant'];
 
+declare function Text_2<TElement extends TextElement = 'span'>({ align, as, children, className, italic, ref, size, tone, transform, truncate, weight, ...restProps }: TextProps<TElement>): JSX.Element;
+export { Text_2 as Text }
+
+export declare type TextAlign = RemoveNull<VariantProps<typeof textStyles>>['align'];
+
 export declare function TextArea({ ref, id, label, caption, error, size, variant, fullWidth, containerClassName, labelClassName, textAreaClassName, className, disabled, required, value, defaultValue, maxLength, onChange, rows, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, ...restProps }: TextAreaProps): JSX.Element;
 
 export declare interface TextAreaProps extends Omit<ComponentPropsWithRef<'textarea'>, 'children' | 'size'> {
@@ -1410,6 +1416,34 @@ export declare type TextAreaSizes = ButtonSizes;
 
 export declare type TextAreaVariants = ButtonVariants;
 
+export declare type TextElement = ElementType;
+
+export declare interface TextOwnProps extends RemoveNull<VariantProps<typeof textStyles>> {
+    as?: TextElement;
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TextProps<TElement extends TextElement = 'span'> = TextOwnProps & Omit<ComponentPropsWithRef<TElement>, keyof TextOwnProps>;
+
+export declare type TextSize = RemoveNull<VariantProps<typeof textStyles>>['size'];
+
+declare const textStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
+    weight?: "bold" | "medium" | "semibold" | "regular" | null | undefined;
+    tone?: "default" | "primary" | "info" | "success" | "warning" | "danger" | "inverted" | "caption" | "placeholder" | null | undefined;
+    align?: "center" | "right" | "left" | "justify" | null | undefined;
+    transform?: "none" | "capitalize" | "lowercase" | "uppercase" | null | undefined;
+    italic?: boolean | null | undefined;
+    truncate?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type TextTone = RemoveNull<VariantProps<typeof textStyles>>['tone'];
+
+export declare type TextTransform = RemoveNull<VariantProps<typeof textStyles>>['transform'];
+
+export declare type TextWeight = RemoveNull<VariantProps<typeof textStyles>>['weight'];
+
 export declare type TMetricCardColorVariant = MetricCardColorVariant;
 
 export declare function Toaster({ className, position, toastOptions, ...restProps }: ToasterProps): JSX.Element;