tw-react-components 0.0.187 → 0.0.191

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tw-react-components",
   "description": "A set of React components build with TailwindCSS to make a nice dashboard.",
-  "version": "0.0.187",
+  "version": "0.0.191",
   "license": "MIT",
   "homepage": "https://bacali95.github.io/tw-react-components",
   "type": "module",

package/src/components/Card/index.d.ts

@@ -1,3 +1,30 @@
-import { type FC } from 'react';
-import type { BlockProps } from '../Block';
-export declare const Card: FC<BlockProps>;
+import * as React from 'react';
+export type CardProps = React.ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type CardHeaderProps = React.ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type CardTitleProps = React.ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type CardDescriptionProps = React.ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type CardActionProps = React.ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type CardContentProps = React.ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type CardFooterProps = React.ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export declare const Card: (({ className, dataTestId, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element) & {
+    Header: ({ className, dataTestId, ...props }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ className, dataTestId, ...props }: CardFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ className, dataTestId, ...props }: CardTitleProps) => import("react/jsx-runtime").JSX.Element;
+    Action: ({ className, dataTestId, ...props }: CardActionProps) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ className, dataTestId, ...props }: CardDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ className, dataTestId, ...props }: CardContentProps) => import("react/jsx-runtime").JSX.Element;
+};

package/src/components/Form/controls/primitive/BasicInput.d.ts

@@ -19,7 +19,6 @@ export declare const BasicInput: <Type extends InputType>({ className, inputClas
 export declare const BasicInputExtension: FC<PropsWithChildren<{
     className?: string;
     size: Size;
-    hasErrors?: boolean;
     disabled?: boolean;
     dataTestId?: string;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;

package/src/components/Form/controls/with-form.d.ts

@@ -8,6 +8,7 @@ export type WithFormProps<Type extends InputType | SelectInputType, Props = Type
     validate?: Type extends 'number' ? Validate<number, any> : Type extends DateTimeInputType ? Validate<Date, any> : Type extends SelectInputType ? Validate<any, any> : Validate<string, any>;
 } & Omit<Props, 'pattern' | keyof Omit<ControllerRenderProps, 'disabled' | 'ref'>>;
 export declare const FormInputs: {
+    BasicInput: FC<WithFormProps<InputType, BasicInputProps<InputType>>>;
     Text: FC<WithFormProps<"text", TextInputProps>>;
     Email: FC<WithFormProps<"email", EmailInputProps>>;
     Password: FC<WithFormProps<"password", PasswordInputProps>>;

package/src/components/Spinner/index.d.ts

@@ -1,6 +1,7 @@
 import type { FC } from 'react';
 type Props = {
     className?: string;
+    spinnerClassName?: string;
     fullScreen?: boolean;
     dataTestId?: string;
 };

package/src/components/types.d.ts

@@ -1,5 +1,5 @@
 export type Size = 'small' | 'medium';
-export type Color = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'fuchsia' | 'purple' | 'pink' | 'rose';
+export type Color = 'primary' | 'secondary' | 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'fuchsia' | 'purple' | 'pink' | 'rose';
 type NextDepth = {
     '1': never;
     '2': '1';