@reapit/elements 2.3.0 → 2.4.0

package/v3/components/icon/icons/index.d.ts

@@ -111,4 +111,47 @@ export declare const iconSet: {
     myAppsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     webhooksInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     selectInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    devicesInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    doorLockInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    feedAltInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    feedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    globeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    htmlInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    logoKeyInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    logoSettingsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    refreshInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    reportingInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    serverInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userDeviceInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userHouseInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userAuthInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    foundationsCustomerInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    newCustomerInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    propTechInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    webDeveloperInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    authenticatedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    reapitConnectInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    reapitLogoInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    sharedEntitiesInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    welcomeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    platformApiInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    appMarketInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    editAppInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    lockedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    poundSystem: import("react").MemoExoticComponent<() => JSX.Element>;
+    bulletListSystem: import("react").MemoExoticComponent<() => JSX.Element>;
+    dollarSystem: import("react").MemoExoticComponent<() => JSX.Element>;
+    euroSystem: import("react").MemoExoticComponent<() => JSX.Element>;
+    appCategoryInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    appTypeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    developerAppsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    codeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    listInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    mailInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    phoneInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    shieldInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    webInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    supportMenu: import("react").MemoExoticComponent<() => JSX.Element>;
+    videoSystem: import("react").MemoExoticComponent<() => JSX.Element>;
 };

package/v3/components/icon/icons/infographic-icons/appCategoryInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/appMarketInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/appTypeInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/authenticatedInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/codeInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/developerAppsInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/devicesInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/doorLockInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/editAppInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/feedAltInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/feedInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/foundationsCustomerInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/globeInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/htmlInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/listInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/lockedInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/logoKeyInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/logoSettingsInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/mailInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/newCustomerInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/phoneInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/platformApiInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/propTechInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/reapitConnectInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/reapitLogoInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/refreshInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/reportingInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/serverInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/sharedEntitiesInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/shieldInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userAuthInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userDeviceInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userHouseInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/webDeveloperInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/webInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/welcomeInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/menu-icons/supportMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/system-icons/bulletListSystem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/system-icons/dollarSystem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/system-icons/euroSystem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/system-icons/poundSystem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/system-icons/videoSystem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/input-error/__styles__/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ElInputError: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/input-error/index.d.ts

@@ -0,0 +1 @@
+export * from './input-error';

package/v3/components/input-error/input-error.d.ts

@@ -0,0 +1,4 @@
+export interface InputErrorInterface {
+    message: string;
+}
+export declare const InputError: ({ message }: InputErrorInterface) => JSX.Element;

package/v3/components/input-group/input-group.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IconNames } from '../icon';
 import { Intent } from '../../helpers/intent';
 export interface InputGroupProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    icon?: IconNames;
+    icon?: IconNames | null;
     label?: string;
     inputAddOnText?: string;
     /**
@@ -20,6 +20,7 @@ export interface InputGroupProps extends React.InputHTMLAttributes<HTMLInputElem
      * Added to the InputGroup `div`
      */
     className?: string;
+    errorMessage?: string;
 }
 export declare type InputGroupWrapped = React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<React.InputHTMLAttributes<HTMLInputElement>>>;
 export declare const InputGroup: InputGroupWrapped;

package/v3/components/multi-select/__styles__/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const elHasGreyChips: string;
+export declare const elHasGreyChips: import("@linaria/core").LinariaClassName;
 export declare const ElMultiSelectCheckbox: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/multi-select/multi-select.d.ts

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

package/v3/components/nav/__styles__/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-export declare const elNavIsDesktop: string;
 export declare const ElNavContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -9,13 +8,14 @@ export declare const ElNavSubContainer: import("@linaria/core").StyledMeta & imp
 export declare const ElNavItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavItemActive: string;
-export declare const elNavItemExpanded: string;
-export declare const elNavItemHideDesktop: string;
-export declare const elNavItemIcon: string;
+export declare const elNavItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavItemHideDesktop: import("@linaria/core").LinariaClassName;
+export declare const elNavItemIcon: import("@linaria/core").LinariaClassName;
 export declare const ElNavSubItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavSubItemExpanded: string;
-export declare const elNavSubItemActive: string;
-export declare const elNavItemSecondary: string;
+export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemSecondary: import("@linaria/core").LinariaClassName;
+export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;

package/v3/components/nav/use-nav.stories.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+export declare const customTheme: import("@linaria/core").LinariaClassName;
 export declare const UseNavStory: () => JSX.Element;
 export declare const UseNavMobileSubMenuStory: () => JSX.Element;

package/v3/components/pagination/__styles__/index.d.ts

@@ -5,7 +5,10 @@ export declare const ElPaginationWrap: import("@linaria/core").StyledMeta & impo
 export declare const ElPaginationText: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
+export declare const ElPaginationInput: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
 export declare const ElPaginationButton: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elPaginationPrimary: string;
+export declare const elPaginationPrimary: import("@linaria/core").LinariaClassName;

package/v3/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { ChangeEvent, Dispatch, FC, HTMLAttributes, InputHTMLAttributes, SetStateAction } from 'react';
 export interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
     callback: (nextPage: number) => void;
     currentPage: number;
@@ -8,10 +8,15 @@ export interface PaginationWrapProps extends HTMLAttributes<HTMLDivElement> {
 }
 export interface PaginationTextProps extends HTMLAttributes<HTMLDivElement> {
 }
+export interface PaginationInputProps extends InputHTMLAttributes<HTMLInputElement> {
+}
 export interface PaginationButtonProps extends HTMLAttributes<HTMLButtonElement> {
 }
-export declare const handlePageChange: (nextPage: number | null, callback: (page: number) => void) => () => void;
+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 PaginationWrap: FC<PaginationWrapProps>;
 export declare const PaginationText: FC<PaginationTextProps>;
+export declare const PaginationInput: FC<PaginationInputProps>;
 export declare const PaginationButton: FC<PaginationButtonProps>;
 export declare const Pagination: FC<PaginationProps>;

package/v3/components/persistant-notification/__styles__/index.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-export declare const elPnIsFullWidth: string;
-export declare const elPnIsFixed: string;
-export declare const elPnIsInline: string;
-export declare const elPnIcon: string;
-export declare const elPnContent: string;
 export declare const ElPersistantNotification: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/persistent-notification/__styles__/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const elPnIsFullWidth: import("@linaria/core").LinariaClassName;
+export declare const elPnIsFixed: import("@linaria/core").LinariaClassName;
+export declare const elPnIsInline: import("@linaria/core").LinariaClassName;
+export declare const elPnIcon: import("@linaria/core").LinariaClassName;
+export declare const elPnContent: import("@linaria/core").LinariaClassName;
+export declare const ElPersistentNotification: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/persistent-notification/index.d.ts

@@ -0,0 +1,2 @@
+export * from './__styles__';
+export * from './persistent-notification';

package/v3/components/persistent-notification/persistent-notification.d.ts

@@ -0,0 +1,14 @@
+import { FC, HTMLAttributes } from 'react';
+import { IconNames } from '../icon';
+import { Intent } from '../../helpers/intent';
+export interface PersistentNotificationProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconNames;
+    intent?: Intent;
+    className?: string;
+    isExpanded?: boolean;
+    isFullWidth?: boolean;
+    isFixed?: boolean;
+    isInline?: boolean;
+    onExpansionToggle?: (newState: boolean) => void;
+}
+export declare const PersistentNotification: FC<PersistentNotificationProps>;

package/v3/components/placeholder-image/__styles__/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const ElPlaceholderImage: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElPlaceholderImageWrapper: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/placeholder-image/images/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const placeholderImageSet: {
+    placeholderLarge: import("react").MemoExoticComponent<() => JSX.Element>;
+    placeholderSmall: import("react").MemoExoticComponent<() => JSX.Element>;
+};

package/v3/components/placeholder-image/images/placeholder-images/placeholderLarge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/placeholder-image/images/placeholder-images/placeholderSmall.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/placeholder-image/index.d.ts

@@ -0,0 +1,3 @@
+export * from './images';
+export * from './placeholder-image';
+export * from './__styles__';

package/v3/components/placeholder-image/placeholder-image.d.ts

@@ -0,0 +1,9 @@
+import { FC, HTMLAttributes } from 'react';
+import { placeholderImageSet } from './images';
+export declare type PlaceholderNames = keyof typeof placeholderImageSet;
+export interface PlacholderImageProps extends HTMLAttributes<HTMLDivElement> {
+    placeholder: PlaceholderNames;
+    size: number;
+    fillAvailable?: boolean;
+}
+export declare const PlaceholderImage: FC<PlacholderImageProps>;

package/v3/components/progress-bar/__styles__/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const elProgressBarItemDarkBlue: string;
-export declare const elProgressBarItemMediumBlue: string;
-export declare const elProgressBarItemLightBlue: string;
-export declare const elProgressBarItemLightestBlue: string;
-export declare const elProgressBarItemOrange: string;
+export declare const elProgressBarItemDarkBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemMediumBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightestBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemOrange: import("@linaria/core").LinariaClassName;
 export declare const ElProgressBarContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -16,5 +16,5 @@ export declare const ElProgressBarInner: import("@linaria/core").StyledMeta & im
 export declare const ElProgressBarItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elProgressBarLabelRight: string;
-export declare const elProgressBarLabelLeft: string;
+export declare const elProgressBarLabelRight: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarLabelLeft: import("@linaria/core").LinariaClassName;

package/v3/components/progress-bar/progress-bar.d.ts

@@ -1,10 +1,12 @@
 import { Dispatch, FC, HTMLAttributes, SetStateAction } from 'react';
 export interface ProgressBarPercentageProps extends HTMLAttributes<HTMLDivElement> {
     duration: number;
+    showLabel?: boolean;
 }
 export interface ProgressBarStepProps extends HTMLAttributes<HTMLDivElement> {
     numberSteps: number;
     currentStep: number;
+    showLabel?: boolean;
 }
 export interface ProgressBarBaseProps extends HTMLAttributes<HTMLDivElement> {
 }

package/v3/components/searchable-dropdown/searchable-dropdown.d.ts

@@ -5,6 +5,7 @@ export interface SearchableDropdownProps<T> extends React.InputHTMLAttributes<HT
     getResultValue: (result: T) => string;
     getResultLabel: (result: T) => string;
     icon?: IconNames;
+    defaultVal?: T;
 }
 export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAttributes<HTMLInputElement> {
     isResultsListVisible: boolean;
@@ -22,11 +23,11 @@ export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAtt
     onClear: () => void;
     icon?: IconNames;
 }
-export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
 export declare const ControlledSearchableDropdown: <T>(props: ControlledSearchableDropdownProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement> | undefined;
 }) => ReturnType<typeof SearchableDropdownControlledInner>;
-export declare const SearchableDropdownInner: <T extends unknown>({ getResults, icon, getResultValue, getResultLabel, onChange, ...inputProps }: SearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const SearchableDropdownInner: <T extends unknown>({ getResults, icon, getResultValue, getResultLabel, onChange, defaultVal, id, ...inputProps }: SearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
 export declare const SearchableDropdown: <T>(props: SearchableDropdownProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement> | undefined;
 }) => ReturnType<typeof SearchableDropdownInner>;

package/v3/components/snack/__styles__/index.d.ts

@@ -2,5 +2,5 @@
 export declare const ElSnack: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elSnackIcon: string;
-export declare const elSnackCloseIcon: string;
+export declare const elSnackIcon: import("@linaria/core").LinariaClassName;
+export declare const elSnackCloseIcon: import("@linaria/core").LinariaClassName;

package/v3/components/snack/use-snack-hook.stories.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const UseSnackHookStory: () => JSX.Element;

package/v3/components/status-indicator/__styles__/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const elShapeTag: string;
+export declare const elShapeTag: import("@linaria/core").LinariaClassName;
 export declare const ElStatusIndicator: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;