@vincentgraul/react-components 1.0.69 → 1.0.71

package/README.md

@@ -17,7 +17,6 @@
 | Loader             | React component used to display a loader                                            |
 | Select             | React component used to display a select                                            |
 | CountrySelector    | React component used to display a country selector                                  |
-| useBreadcrumb      | React hook used to handle a breadcrumb                                              |
 | Breadcrumb         | React component used to display a breadcrumb                                        |
 | Input              | React component used to display an input                                            |
 | Wizard             | React component used to display a wizard                                            |

package/dist/breadcrumb/breadcrumb.d.ts

@@ -1,6 +1,8 @@
-import { BreadcrumbType, BreadcrumbElementType } from '..';
+import { BreadcrumbType, BreadcrumbElementType } from './breadcrumb.types';
 export type BreadcrumbProps = BreadcrumbType & {
     onClick: (element: BreadcrumbElementType) => void;
+    icon?: string;
+    iconSize?: number;
     className?: string;
 };
-export declare const Breadcrumb: (props: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumb: ({ className, onClick, icon, iconSize, url, mapping, }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/dist/breadcrumb/index.d.ts

@@ -1,3 +1 @@
 export * from './breadcrumb';
-export * from '../use-breadcrumb/use-breadcrumb.types';
-export * from '../use-breadcrumb/use-breadcrumb';

package/dist/{use-breadcrumb → breadcrumb}/use-breadcrumb.d.ts

@@ -1,2 +1,2 @@
-import { BreadcrumbType, BreadcrumbElementType } from './use-breadcrumb.types';
+import { BreadcrumbType, BreadcrumbElementType } from './breadcrumb.types';
 export declare const useBreadcrumb: ({ url, mapping, }: BreadcrumbType) => BreadcrumbElementType[];

package/dist/button/button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     children: ReactNode;
     color?: string;
     width?: number;
@@ -16,4 +16,3 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
 };
 export declare const Button: ({ className, children, width, height, alignSelf, fontSize, fontWeight, borderRadius, borderWidth, padding, color, backgroundColor, borderColor, hoverOpacity, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/card/card.d.ts

@@ -7,6 +7,7 @@ export type CardProps = {
     titleWeight?: 400 | 500 | 600 | 700 | 800 | 900;
     titleColor?: string;
     titleAlign?: "start" | "center" | "end";
+    titleGap?: number;
     backgroundColor?: string;
     borderRadius?: number;
     padding?: string;
@@ -14,4 +15,4 @@ export type CardProps = {
     height?: number;
     className?: string;
 };
-export declare const Card: ({ className, children, title, titleAs, titleSize, titleWeight, titleColor, titleAlign, backgroundColor, borderRadius, width, height, padding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ className, children, title, titleAs, titleSize, titleWeight, titleColor, titleAlign, titleGap, backgroundColor, borderRadius, width, height, padding, }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/drop-zone/drop-zone.d.ts

@@ -1,4 +1,4 @@
-type DropZoneProps = {
+export type DropZoneProps = {
     onFileChanged: (file: File | undefined) => void;
     label?: string;
     labelSize?: number;
@@ -22,4 +22,3 @@ type DropZoneProps = {
     className?: string;
 };
 export declare const DropZone: ({ onFileChanged, label, labelSize, labelWeight, labelGap, previewIcon, previewIconSize, removeIcon, removeIconSize, text, textSize, textWeight, width, height, gap, padding, borderSize, borderColor, borderStyle, removeAriaLabel, className, }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 export * from './breadcrumb';
-export * from './use-breadcrumb';
 export * from './country-selector';
 export * from './input';
 export * from './loader';

package/dist/pagination/pagination.d.ts

@@ -1,13 +1,9 @@
 import { ReactNode } from 'react';
 import { PaginationData, PaginationColors } from '..';
-export declare enum ArrowPosition {
-    LEFT = 0,
-    RIGHT = 1
-}
 export type PaginationProps = PaginationData & {
     colors?: PaginationColors;
-    renderSingleArrow?: (position: ArrowPosition) => ReactNode;
-    renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
+    renderSingleArrow?: (position: "left" | "right") => ReactNode;
+    renderDoubleArrow?: (position: "left" | "right") => ReactNode;
     className?: string;
 };
 export declare const Pagination: ({ className, page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react-components.css

@@ -1 +1 @@
-._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_b295z_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_b295z_12{position:absolute;top:50%;left:50%;color:#f9fbff;display:flex;flex-direction:column;align-items:center}@keyframes _loading_b295z_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_b295z_32{animation:_loading_b295z_1 var(--animation-duration) linear infinite}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;inset:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}._container_1syfi_1{width:fit-content}._selected-option-container_1syfi_5{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background-color:#fff;border-radius:5px}._selected-option-text_1syfi_15{padding-right:10px;border-right:1px solid black}._selected-option-arrow_1syfi_20{width:15px;margin-left:10px}._options-list_1syfi_25{width:100%;list-style:none;padding:0;margin:10px 0 0;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px}._option_1syfi_25{padding:10px;cursor:pointer}._option_1syfi_25:hover{background-color:#ecf0f1}._option_1syfi_25:hover:first-child{border-radius:5px 5px 0 0}._option_1syfi_25:hover:last-child{border-radius:0 0 5px 5px}._option_1syfi_25:hover:only-child{border-radius:5px}._container_cds7q_1{display:flex;flex-flow:column}._main_cds7q_6{width:100%;table-layout:fixed;border-collapse:collapse}._tbody_cds7q_12{-webkit-user-select:text;user-select:text}._tbody_cds7q_12 tr:last-child{border:none}._th_cds7q_19{padding:2rem 1rem 1rem 0;word-wrap:break-word;white-space:nowrap}._tr_cds7q_25{text-align:center;border-bottom:2px solid black}._td_cds7q_30{padding:2rem 1rem 1rem 0;word-wrap:break-word}._container_ldyam_1{display:flex}._container_1xgvv_1{padding:.5rem 1rem;cursor:pointer;border-style:solid}._container_1xgvv_1:hover{opacity:var(--hover-opacity, .8)}._container_1qytk_1{display:flex;flex-direction:column;align-items:center}._drop-zone_1qytk_7{display:flex;width:100%;flex-direction:column;border:5px dashed black;align-items:center;cursor:pointer;padding:1rem}._drop-zone--dragging_1qytk_17{opacity:.5}._text_1qytk_21{margin:0;text-align:center}._preview-file_1qytk_26{width:100%}._remove-button_1qytk_30{background:none;border:none;padding:0;cursor:pointer}._container_eey0d_1{padding:1rem;background-color:#fff;width:100%}._title_eey0d_7{color:#000;text-align:center}
+._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_b295z_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_b295z_12{position:absolute;top:50%;left:50%;color:#f9fbff;display:flex;flex-direction:column;align-items:center}@keyframes _loading_b295z_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_b295z_32{animation:_loading_b295z_1 var(--animation-duration) linear infinite}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;inset:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}._container_1syfi_1{width:fit-content}._selected-option-container_1syfi_5{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background-color:#fff;border-radius:5px}._selected-option-text_1syfi_15{padding-right:10px;border-right:1px solid black}._selected-option-arrow_1syfi_20{width:15px;margin-left:10px}._options-list_1syfi_25{width:100%;list-style:none;padding:0;margin:10px 0 0;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px}._option_1syfi_25{padding:10px;cursor:pointer}._option_1syfi_25:hover{background-color:#ecf0f1}._option_1syfi_25:hover:first-child{border-radius:5px 5px 0 0}._option_1syfi_25:hover:last-child{border-radius:0 0 5px 5px}._option_1syfi_25:hover:only-child{border-radius:5px}._container_cds7q_1{display:flex;flex-flow:column}._main_cds7q_6{width:100%;table-layout:fixed;border-collapse:collapse}._tbody_cds7q_12{-webkit-user-select:text;user-select:text}._tbody_cds7q_12 tr:last-child{border:none}._th_cds7q_19{padding:2rem 1rem 1rem 0;word-wrap:break-word;white-space:nowrap}._tr_cds7q_25{text-align:center;border-bottom:2px solid black}._td_cds7q_30{padding:2rem 1rem 1rem 0;word-wrap:break-word}._container_ldyam_1{display:flex}._container_1xgvv_1{padding:.5rem 1rem;cursor:pointer;border-style:solid}._container_1xgvv_1:hover{opacity:var(--hover-opacity, .8)}._container_1qytk_1{display:flex;flex-direction:column;align-items:center}._drop-zone_1qytk_7{display:flex;width:100%;flex-direction:column;border:5px dashed black;align-items:center;cursor:pointer;padding:1rem}._drop-zone--dragging_1qytk_17{opacity:.5}._text_1qytk_21{margin:0;text-align:center}._preview-file_1qytk_26{width:100%}._remove-button_1qytk_30{background:none;border:none;padding:0;cursor:pointer}._container_yjgug_1{display:flex;flex-direction:column;padding:1rem;background-color:#fff;width:100%}._title_yjgug_9{color:#000;text-align:center;margin:0}