@reapit/elements 4.2.0 → 4.3.1

package/dist/cjs/components/avatar/__styles__/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const elAvatarSmall: import("@linaria/core").LinariaClassName;
 export declare const ElAvatar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElAvatarImage: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const ElAvatarImage: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;

package/dist/cjs/components/card/__styles__/index.d.ts

@@ -14,8 +14,8 @@ export declare const ElCardBodyWrap: import("@linaria/react").StyledComponent<im
 export declare const elMobileListToggle: import("@linaria/core").LinariaClassName;
 export declare const ElMobileToggle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const ElCardAvatarWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardImageWrap: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const ElCardImageWrap: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
 export declare const ElCardList: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const elCardListMainWrapExpanded: import("@linaria/core").LinariaClassName;

package/dist/cjs/components/drawer/drawer.stories.d.ts

@@ -11,6 +11,9 @@ export declare const BasicUsageClosed: {
 export declare const ReactUsage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const ReactUsageWithForm: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
 export declare const ReactUsageCanDismiss: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
     name: string;

package/dist/cjs/components/file-input/file-input.d.ts

@@ -18,7 +18,7 @@ export interface CreateImageUploadModel {
 export interface ImageUploadModel {
     Url: string;
 }
-export declare const handleFileChange: (setFileName: Dispatch<SetStateAction<string>>, fileName: string, onFileUpload?: ((uploadImageModel: CreateImageUploadModel) => Promise<string | ImageUploadModel>) | undefined) => (event: ChangeEvent<HTMLInputElement>) => FileReader | undefined;
+export declare const handleFileChange: (setFileName: Dispatch<SetStateAction<string>>, fileName: string, onFileUpload?: (uploadImageModel: CreateImageUploadModel) => Promise<string | ImageUploadModel>) => (event: ChangeEvent<HTMLInputElement>) => FileReader | undefined;
 export declare const handleFileClear: (setFileName: Dispatch<SetStateAction<string>>) => (event: MouseEvent<HTMLSpanElement>) => void;
 export declare const handleFileView: (onFileView: (fileUrl: string) => void, fileUrl: string) => (event: MouseEvent<HTMLSpanElement>) => void;
 export declare const FilePreviewImage: FC<FilePreviewImageProps>;

package/dist/cjs/components/form-layout/__styles__/index.d.ts

@@ -6,3 +6,4 @@ export declare const ElInputWrapSmall: import("@linaria/react").StyledComponent<
 export declare const ElInputWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElInputWrapMed: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElInputWrapFull: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElInputWrapHalf: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/dist/cjs/components/form-layout/form-layout.d.ts

@@ -8,3 +8,4 @@ export declare const InputWrap: React.ForwardRefExoticComponent<FormLayoutProps
 export declare const InputWrapSmall: FC<FormLayoutProps>;
 export declare const InputWrapMed: FC<FormLayoutProps>;
 export declare const InputWrapFull: FC<FormLayoutProps>;
+export declare const InputWrapHalf: FC<FormLayoutProps>;

package/dist/cjs/components/multi-select/multi-select.d.ts

@@ -14,7 +14,7 @@ export interface MultiSelectInputProps extends InputHTMLAttributes<HTMLInputElem
 export type MultiSelectInputWrapped = React.ForwardRefExoticComponent<MultiSelectInputProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
 export interface MultiSelectChipProps extends InputHTMLAttributes<HTMLInputElement> {
 }
-export declare const handleSetNativeInput: (id: string, selectedOptionValues: string[], testFunc?: ((value: string[]) => void) | undefined) => () => void;
+export declare const handleSetNativeInput: (id: string, selectedOptionValues: string[], testFunc?: (value: string[]) => void) => () => void;
 export declare const handleResetDefaultValues: (setSelectedOptionValues: Dispatch<SetStateAction<string[]>>, setSelectedDefaultValues: Dispatch<SetStateAction<string[]>>, defaultValues?: string[], selectedDefaultValues?: string[]) => () => void;
 export declare const handleSelectedOptions: (value: string, selectedOptionValues: string[], setSelectedOptionValues: Dispatch<SetStateAction<string[]>>) => (event: ChangeEvent<HTMLInputElement>) => void;
 export declare const handleSelectedKeyboardOptions: (value: string, selectedOptionValues: string[], setSelectedOptionValues: Dispatch<SetStateAction<string[]>>, isChecked: boolean) => () => void;

package/dist/cjs/components/pagination/pagination.d.ts

@@ -16,7 +16,7 @@ export interface PaginationButtonProps extends HTMLAttributes<HTMLButtonElement>
 }
 export declare const handlePageChange: (nextPage: number | null, callback: (page: number) => void, setInputValue: Dispatch<SetStateAction<string>>) => () => void;
 export declare const handlePageInputChange: (numberPages: number, currentPage: number, inputValue: string, callback: (page: number) => void) => () => void;
-export declare const handlePageInput: (setInputValue: Dispatch<SetStateAction<string>>) => (event: ChangeEvent<HTMLInputElement>) => void;
+export declare const handlePageInput: (setInputValue: Dispatch<SetStateAction<string>>, numberPages: number) => (event: ChangeEvent<HTMLInputElement>) => void;
 export declare const PaginationWrap: FC<PaginationWrapProps>;
 export declare const PaginationText: FC<PaginationTextProps>;
 export declare const PaginationInput: FC<PaginationInputProps>;

package/dist/cjs/components/searchable-dropdown/__styles__/index.d.ts

@@ -2,8 +2,8 @@
 export declare const ElSearchableDropdownContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElSearchableDropdownResult: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElSearchableDropdownResultsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElSearchableDropdownSearchInputAddOn: import("@linaria/react").StyledMeta & import("react").FC<import("../../input-add-on").InputAddOnProps>;
-export declare const ElSearchableDropdownCloseButton: import("@linaria/react").StyledMeta & import("react").FC<import("../../icon").IconProps>;
-export declare const ElSearchableDropdownSearchInput: import("@linaria/react").StyledMeta & import("../../input").InputWrapped;
-export declare const ElSearchableDropdownSearchLabel: import("@linaria/react").StyledMeta & import("react").FC<import("../../label").LabelProps>;
-export declare const ElSearchableDropdownSearchLoader: import("@linaria/react").StyledMeta & import("react").FC<import("../../loader").LoaderProps>;
+export declare const ElSearchableDropdownSearchInputAddOn: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../input-add-on").InputAddOnProps>;
+export declare const ElSearchableDropdownCloseButton: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../icon").IconProps>;
+export declare const ElSearchableDropdownSearchInput: import("@linaria/react").WYWEvalMeta & import("../../input").InputWrapped;
+export declare const ElSearchableDropdownSearchLabel: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../label").LabelProps>;
+export declare const ElSearchableDropdownSearchLoader: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../loader").LoaderProps>;

package/dist/cjs/components/searchable-dropdown/searchable-dropdown.d.ts

@@ -27,10 +27,10 @@ export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAtt
 }
 export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, label, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const ControlledSearchableDropdown: <T>(props: ControlledSearchableDropdownProps<T> & {
-    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+    ref?: React.ForwardedRef<HTMLInputElement>;
 }) => ReturnType<typeof SearchableDropdownControlledInner>;
 export declare const SearchableDropdownInner: <T extends unknown>({ getResults, icon, getResultValue, getResultLabel, onChange, defaultVal, id, ...inputProps }: SearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchableDropdown: <T>(props: SearchableDropdownProps<T> & {
-    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+    ref?: React.ForwardedRef<HTMLInputElement>;
 }) => ReturnType<typeof SearchableDropdownInner>;
 export declare const SearchableDropdownSearchLabel: FC<HTMLAttributes<HTMLLabelElement>>;

package/dist/cjs/components/steps/steps.d.ts

@@ -15,6 +15,6 @@ export interface StepsVerticalProps extends HTMLAttributes<HTMLDivElement> {
     onStepClick?: (step: string) => void;
     className?: string;
 }
-export declare const handleStepClick: (step: string, onStepClick?: ((step: string) => void) | undefined) => () => void;
+export declare const handleStepClick: (step: string, onStepClick?: (step: string) => void) => () => void;
 export declare const Steps: FC<StepsProps>;
 export declare const StepsVertical: FC<StepsVerticalProps>;

package/dist/cjs/components/table/molecules.d.ts

@@ -36,7 +36,7 @@ export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableCellSplit: FC<TableCellSplitProps>;
 export declare const TableCell: FC<TableCellProps>;
-export declare const handleTableCtaClick: (onClick?: ((event?: any) => void) | undefined) => () => void;
+export declare const handleTableCtaClick: (onClick?: (event?: any) => void) => () => void;
 export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTriggerCellProps>;
 export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;
 export declare const TableExpandableRow: FC<TableExpandableRowProps>;

package/dist/cjs/components/typography/__styles__/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const elHasGreyText: import("@linaria/core").LinariaClassName;
 export declare const elHasNoMargin: import("@linaria/core").LinariaClassName;
 export declare const elHasRegularText: import("@linaria/core").LinariaClassName;
@@ -19,7 +18,7 @@ export declare const elTextL: import("@linaria/core").LinariaClassName;
 export declare const elTextSM: import("@linaria/core").LinariaClassName;
 export declare const elTextXS: import("@linaria/core").LinariaClassName;
 export declare const elText2XS: import("@linaria/core").LinariaClassName;
-export declare const ElTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
-export declare const ElSubtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
-export declare const ElBodyText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & Record<never, unknown>>;
-export declare const ElSmallText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & Record<never, unknown>>;
+export declare const elTitle: import("@linaria/core").LinariaClassName;
+export declare const elSubtitle: import("@linaria/core").LinariaClassName;
+export declare const elBodyText: import("@linaria/core").LinariaClassName;
+export declare const elSmallText: import("@linaria/core").LinariaClassName;

package/dist/cjs/hooks/use-theme/index.d.ts

@@ -3,7 +3,7 @@ export interface UseThemeInterface {
     currentTheme: string;
 }
 export declare const THEME_BODY_CLASS = "reapit-theme";
-export declare const THEME_LOCAL_STOREAGE_KEY: string;
+export declare const THEME_LOCAL_STOREAGE_KEY = "reapit-foundations-reapit-theme";
 /**
  *
  * window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
@@ -12,5 +12,5 @@ export declare const THEME_LOCAL_STOREAGE_KEY: string;
  *
  */
 export declare const useTheme: ({ initialSelection }: {
-    initialSelection?: string | undefined;
+    initialSelection?: string;
 }) => UseThemeInterface;