@adoptaunabuelo/react-components 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -1,23 +1,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 
-declare const BreadCrumb: ({ steps, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const BreadCrumb: ({ steps, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
 
-interface Props$3 extends ComponentPropsWithoutRef<"div"> {
+interface Props$4 extends ComponentPropsWithoutRef<"div"> {
     selectedStep?: number;
     steps: number;
 }
 
-declare const Text: (props: Props$2) => react_jsx_runtime.JSX.Element;
+declare const Text: (props: Props$3) => react_jsx_runtime.JSX.Element;
 
-interface Props$2 extends ComponentPropsWithoutRef<"p"> {
+interface Props$3 extends ComponentPropsWithoutRef<"p"> {
     type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'p2' | 'c1' | 'c2';
     weight?: 'semibold' | 'medium' | 'regular';
 }
 
-declare const ProgressBar: (props: Props$1) => react_jsx_runtime.JSX.Element;
+declare const ProgressBar: (props: Props$2) => react_jsx_runtime.JSX.Element;
 
-interface Props$1 extends ComponentPropsWithoutRef<"div"> {
+interface Props$2 extends ComponentPropsWithoutRef<"div"> {
     progress: number | Array<{
         value: number;
         color?: string;
@@ -29,15 +29,31 @@ interface Props$1 extends ComponentPropsWithoutRef<"div"> {
     animationDelay?: number;
 }
 
-declare const FeedBack: ({ type, isVisible, ...props }: Props) => react_jsx_runtime.JSX.Element | null;
+declare const FeedBack: ({ type, isVisible, ...props }: Props$1) => react_jsx_runtime.JSX.Element | null;
 
-interface Props extends ComponentPropsWithoutRef<"div"> {
+interface Props$1 extends ComponentPropsWithoutRef<"div"> {
     isVisible: boolean;
     type: 'success' | 'error';
     text: string;
     onClose?: () => void;
 }
 
+declare const Button: (props: Props) => react_jsx_runtime.JSX.Element;
+
+interface Props extends ComponentPropsWithoutRef<"button"> {
+    design?: 'primary' | 'secondary' | 'text' | 'image' | 'call-to-action';
+    size?: 'small' | 'normal';
+    icon?: React.ReactElement;
+    iconPosition?: 'left' | 'right';
+    loading?: boolean;
+    disabled?: boolean;
+    success?: boolean;
+    textColor?: string;
+    animationDelay?: number;
+    animationTime?: number;
+    onSuccess?: (success: boolean) => void;
+}
+
 declare const Color: {
     background: {
         primary: string;
@@ -131,4 +147,4 @@ declare const Color: {
     };
 };
 
-export { BreadCrumb, Color, FeedBack as Feedback, ProgressBar, Text };
+export { BreadCrumb, Button, Color, FeedBack as Feedback, ProgressBar, Text };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adoptaunabuelo/react-components",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "author": "Guillermo Angeles <guilleangeles94@gmail.com>",
   "private": false,
   "main": "dist/cjs/index.js",
@@ -19,6 +19,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@lottiefiles/react-lottie-player": "^3.5.3",
     "lucide-react": "^0.219.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -33,6 +34,7 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "test-storybook": "test-storybook",
     "init-msw": "msw init public/",
     "chromatic": "npx chromatic --project-token=chpt_0dcfdd1e76a01ba"
   },
@@ -49,6 +51,7 @@
     "@storybook/jest": "^0.1.0",
     "@storybook/react": "^7.0.12",
     "@storybook/react-vite": "^7.0.12",
+    "@storybook/test-runner": "^0.10.0",
     "@storybook/testing-library": "^0.1.0",
     "@svgr/rollup": "^6.3.1",
     "@types/react": "^18.0.28",