@vincentgraul/react-components 1.0.45 → 1.0.47

package/README.md

@@ -3,14 +3,14 @@
 ## Hooks and UI components
 
 | Component          | Description                                                                         |
-| ------------------ | ----------------------------------------------------------------------------------- |
+|--------------------|-------------------------------------------------------------------------------------|
 | useVisible         | React hook to know if an element is visible                                         |
 | useMatchResolution | React hook to detect the resolution (desktop, laptop, tablet, mobile...)            |
 | useMatchDevice     | React hook to detect the device (mobile, tablet or desktop) based on the user agent |
 | useScrollTo        | React hook to scroll to an element                                                  |
 | usePagination      | React hook to manage pagination                                                     |
 | Table              | React component used to display a data table                                        |
-| Pagination | React component used to display a pagination (with numbers)                         |
+| Pagination         | React component used to display a pagination (with numbers)                         |
 | mountReactHook     | React hook to mount a hook in an unit test                                          |
 | useOutsideAlerter  | React hook to know if an click has been triggered outside an element                |
 | Modal              | React component used to display a modal                                             |
@@ -21,6 +21,7 @@
 | Breadcrumb         | React component used to display a breadcrumb                                        |
 | Input              | React component used to display an input                                            |
 | Wizard             | React component used to display a wizard                                            |
+| Flex               | React component used to display a flex layout                                       |
 
 ## License
 

package/dist/breadcrumb/breadcrumb.d.ts

@@ -1,6 +1,7 @@
 import { BreadcrumbType, BreadcrumbElementType } from '..';
 type Props = BreadcrumbType & {
     onClick: (element: BreadcrumbElementType) => void;
+    className?: string;
 };
 export declare const Breadcrumb: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/country-selector/country-selector.d.ts

@@ -4,6 +4,7 @@ type Props = {
     value?: string;
     onChange?: (option: CountrySelectorOption) => void;
     flagWidth?: string;
+    className?: string;
 };
 export declare const CountrySelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/input/input.d.ts

@@ -6,6 +6,7 @@ type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     colors?: InputColors;
     status?: InputStatus;
     message?: string;
+    className?: string;
 };
-export declare const Input: ({ label, message, colors, status, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ className, label, message, colors, status, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/loader/loader.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
 type LoaderProps = {
     children: ReactNode;
+    className?: string;
 };
 type LoaderWithImageProps = {
     src: string;
     text: string;
+    className?: string;
 };
 export declare const Loader: (props: LoaderProps | LoaderWithImageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modal/modal.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     onClickedOutside?: () => void;
+    className?: string;
 };
-export declare const Modal: ({ children, onClickedOutside }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ className, children, onClickedOutside }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/pagination/pagination.d.ts

@@ -8,6 +8,7 @@ type Props = PaginationData & {
     colors?: PaginationColors;
     renderSingleArrow?: (position: ArrowPosition) => ReactNode;
     renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
+    className?: string;
 };
-export declare const Pagination: ({ page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ className, page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};