@vincentgraul/react-components 1.0.50 → 1.0.52

package/dist/breadcrumb/breadcrumb.d.ts

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

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

@@ -1,10 +1,9 @@
 import { CountrySelectorOption } from './country-selector.types';
-type Props = {
+export type CountrySelectorProps = {
     languages: string[];
     value?: string;
     onChange?: (option: CountrySelectorOption) => void;
     flagWidth?: string;
     className?: string;
 };
-export declare const CountrySelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const CountrySelector: (props: CountrySelectorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/flex/flex.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Sides } from './flex.types';
-type Props = {
+export type FlexProps = {
     children: ReactNode;
     direction?: "row" | "column";
     justify?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
@@ -12,5 +12,4 @@ type Props = {
     padding?: Sides | string;
     className?: string;
 };
-export declare const Flex: ({ className, children, direction, justify, align, wrap, width, height, margin, padding, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Flex: ({ className, children, direction, justify, align, wrap, width, height, margin, padding, }: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/input/input.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { InputType, InputColors, InputStatus } from './input.types';
-type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+export type InputProps = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     label: string;
     type: InputType;
     colors?: InputColors;
@@ -10,5 +10,4 @@ type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     height?: string;
     className?: string;
 };
-export declare const Input: ({ className, label, message, colors, status, width, height, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Input: ({ className, label, message, colors, status, width, height, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/loader/loader.d.ts

@@ -1,12 +1,11 @@
 import { ReactNode } from 'react';
-type LoaderProps = {
+export type LoaderProps = {
     children: ReactNode;
     className?: string;
 };
-type LoaderWithImageProps = {
+export 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

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

package/dist/pagination/pagination.d.ts

@@ -4,11 +4,10 @@ export declare enum ArrowPosition {
     LEFT = 0,
     RIGHT = 1
 }
-type Props = PaginationData & {
+export type PaginationProps = PaginationData & {
     colors?: PaginationColors;
     renderSingleArrow?: (position: ArrowPosition) => ReactNode;
     renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
     className?: string;
 };
-export declare const Pagination: ({ className, page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+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

@@ -0,0 +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_lfodr_1{--success-color: green;--warning-color: orange;--error-color: red;--focus-color: blue;position:relative}._input-container_lfodr_10{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_lfodr_10{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_lfodr_10:focus+._fieldset_lfodr_28{border-width:2px}._input_lfodr_10:focus+._fieldset_lfodr_28:not(.success,.warning,.error){border-color:var(--focus-color)}._fieldset_lfodr_28{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_lfodr_28.success{border-color:var(--success-color);color:var(--success-color)}._fieldset_lfodr_28.warning{border-color:var(--warning-color);color:var(--warning-color)}._fieldset_lfodr_28.error{border-color:var(--error-color);color:var(--error-color)}._legend_lfodr_61{padding:0 5px}._message-container_lfodr_65{display:flex;align-items:center;gap:5px;margin-top:5px}._message_lfodr_65{font-size:14px}._overlay_1va7j_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_1va7j_12{position:absolute;top:50%;left:50%;transform:translate(-50%);width:50%;color:#f9fbff}._image-container_1va7j_21{display:flex;flex-flow:column;align-items:center}@keyframes _loading_1va7j_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_1va7j_21{animation:_loading_1va7j_1 3s linear infinite;margin-bottom:2rem}._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_1qatf_1{display:flex}._direction-row_1qatf_5{flex-direction:row}._direction-column_1qatf_9{flex-direction:column}._justify-start_1qatf_13{justify-content:start}._justify-center_1qatf_17{justify-content:center}._justify-end_1qatf_21{justify-content:end}._justify-space-between_1qatf_25{justify-content:space-between}._justify-space-around_1qatf_29{justify-content:space-around}._justify-space-evenly_1qatf_33{justify-content:space-evenly}._justify-stretch_1qatf_37{justify-content:stretch}._align-start_1qatf_41{align-items:start}._align-center_1qatf_45{align-items:center}._align-end_1qatf_49{align-items:end}._align-stretch_1qatf_53{align-items:stretch}._wrap-nowrap_1qatf_57{flex-wrap:nowrap}._wrap-wrap_1qatf_61{flex-wrap:wrap}._wrap-wrap-reverse_1qatf_65{flex-wrap:wrap-reverse}