tw-react-components 0.0.185 → 0.0.190

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.185",
+  "version": "0.0.190",
   "license": "MIT",
   "homepage": "https://bacali95.github.io/tw-react-components",
   "type": "module",
@@ -20,7 +20,7 @@
   "exports": {
     ".": {
       "import": "./index.esm.js",
-      "types": "./index.esm.d.ts"
+      "types": "./index.d.ts"
     },
     "./css": {
       "default": "./index.css"
@@ -35,5 +35,5 @@
   },
   "module": "./index.esm.js",
   "main": "./index.esm.js",
-  "types": "./index.esm.d.ts"
+  "types": "./index.d.ts"
 }

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

@@ -0,0 +1,19 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import type { ComponentProps, FC } from 'react';
+export type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root> & {
+    dataTestId?: string;
+};
+export type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item> & {
+    dataTestId?: string;
+};
+export type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger> & {
+    dataTestId?: string;
+};
+export type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content> & {
+    dataTestId?: string;
+};
+export declare const Accordion: FC<AccordionProps> & {
+    Item: FC<AccordionItemProps>;
+    Trigger: FC<AccordionTriggerProps>;
+    Content: FC<AccordionContentProps>;
+};

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/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Accordion';
 export * from './Badge';
 export * from './Block';
 export * from './Button';

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';