@proprioo/salatim 29.10.0 → 29.11.0

package/lib/phone/src/phoneAndFlag/PhoneAndFlag.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
 import { nullOrString } from '@proprioo/hokkaido';
-interface PhoneAndFlagProps {
+type PhoneAndFlagProps = {
     errorMessage: string;
     phone: nullOrString;
     color?: string;
-}
+};
 declare const PhoneAndFlag: FC<PhoneAndFlagProps>;
 export default PhoneAndFlag;

package/lib/ui/src/accordion/Accordion.interfaces.d.ts

@@ -4,14 +4,14 @@ export declare enum AccordionItemColors {
     GREEN = "green",
     DARK = "dark"
 }
-export interface AccordionProps {
+export type AccordionProps = {
     preExpanded?: UUID[];
     allowMultipleExpanded?: boolean;
-}
-export interface AccordionItemProps {
+};
+export type AccordionItemProps = {
     uuid: UUID;
     color?: AccordionItemColors;
-}
-export interface AccordionPanelProps {
+};
+export type AccordionPanelProps = {
     unmountOnCollapse?: boolean;
-}
+};

package/lib/ui/src/accordion/Accordion.styles.d.ts

@@ -1,12 +1,12 @@
 import { AccordionItemColors } from './Accordion.interfaces';
-interface ItemProps {
+type ItemProps = {
     isOpen: boolean;
     color?: AccordionItemColors;
-}
-export interface HeaderProps {
+};
+export type HeaderProps = {
     isAlternative?: boolean;
     basic?: boolean;
-}
+};
 export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HeaderLabel: import("styled-components").StyledComponent<"p", any, HeaderProps, never>;
 export declare const HeaderIcon: import("styled-components").StyledComponent<"div", any, ItemProps, never>;

package/lib/ui/src/accordion/AccordionContextConsumer.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { AccordionContext } from './AccordionContextProvider';
-interface ConsumerProps {
+type ConsumerProps = {
     children(container: AccordionContext): ReactNode;
-}
+};
 export declare const Consumer: FC<ConsumerProps>;
 export {};

package/lib/ui/src/accordion/AccordionContextProvider.d.ts

@@ -1,17 +1,17 @@
 import React, { PureComponent, ReactNode } from 'react';
 import { UUID } from './Accordion';
 import AccordionStore from './AccordionStore';
-export interface ProviderProps {
+export type ProviderProps = {
     preExpanded?: UUID[];
     allowMultipleExpanded?: boolean;
     children?: ReactNode;
-}
+};
 type ProviderState = AccordionStore;
-export interface AccordionContext {
+export type AccordionContext = {
     allowMultipleExpanded: boolean;
     isItemExpanded(uuid: UUID): boolean;
     toggleExpanded(uuid: UUID): void;
-}
+};
 export declare const Context: React.Context<AccordionContext | null>;
 export declare class Provider extends PureComponent<ProviderProps, ProviderState> {
     state: ProviderState;

package/lib/ui/src/accordion/AccordionStore.d.ts

@@ -1,8 +1,8 @@
 import { UUID } from './Accordion';
-interface AccordionStoreProps {
+type AccordionStoreProps = {
     expanded?: UUID[];
     allowMultipleExpanded?: boolean;
-}
+};
 export declare const filterExpanded: (expanded: UUID[], uuid: UUID) => string[];
 export default class AccordionStore {
     expanded: UUID[];

package/lib/ui/src/accordion/ItemContextConsumer.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { ItemContext } from './ItemContextProvider';
-interface ConsumerProps {
+type ConsumerProps = {
     children(container: ItemContext): ReactNode;
-}
+};
 export declare const ItemConsumer: FC<ConsumerProps>;
 export {};

package/lib/ui/src/accordion/ItemContextProvider.d.ts

@@ -1,17 +1,17 @@
 import React, { FC, ReactNode } from 'react';
 import { UUID } from './Accordion';
 import { AccordionContext } from './AccordionContextProvider';
-interface ProviderProps {
+type ProviderProps = {
     children?: ReactNode;
     uuid: UUID;
     accordionContext: AccordionContext;
-}
+};
 export type ProviderWrapperProps = Pick<ProviderProps, Exclude<keyof ProviderProps, 'accordionContext'>>;
-export interface ItemContext {
+export type ItemContext = {
     uuid: UUID;
     expanded: boolean;
     toggleExpanded(): void;
-}
+};
 export declare const Context: React.Context<ItemContext | null>;
 declare const ProviderWrapper: FC<ProviderWrapperProps>;
 export { ProviderWrapper as ItemProvider };

package/lib/ui/src/agentBanner/AgentBanner.d.ts

@@ -1,8 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
 import { PrismicAgentResult } from '@proprioo/hokkaido';
-export interface AgentBannerProps {
+export type AgentBannerProps = {
     agent: PrismicAgentResult;
     rounded?: boolean;
-}
+};
 declare const AgentBanner: FC<PropsWithChildren<AgentBannerProps>>;
 export default AgentBanner;

package/lib/ui/src/agentCard/AgentCard.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { PrismicAgentResult } from '@proprioo/hokkaido';
-export interface AgentCardProps {
+export type AgentCardProps = {
     agent: PrismicAgentResult;
     showComment?: boolean;
-}
+};
 declare const AgentCard: FC<AgentCardProps>;
 export default AgentCard;

package/lib/ui/src/autocomplete/Autocomplete.d.ts

@@ -1,11 +1,11 @@
 import { FC } from 'react';
 import { OptionProps } from '@proprioo/hokkaido';
 import { GenericInputProps } from '../../../utils';
-export interface AutocompleteProps extends GenericInputProps {
+export type AutocompleteProps = GenericInputProps & {
     list: OptionProps[];
     option: OptionProps | null;
     native?: boolean;
     onSelect(option: OptionProps | null): void;
-}
+};
 declare const Autocomplete: FC<AutocompleteProps>;
 export default Autocomplete;

package/lib/ui/src/block/Block.d.ts

@@ -1,8 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
-export interface BlockProps {
+export type BlockProps = {
     picture?: string;
     isCompact?: boolean;
     isRounded?: boolean;
-}
+};
 declare const Block: FC<PropsWithChildren<BlockProps>>;
 export default Block;

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.d.ts

@@ -1,11 +1,11 @@
 import { FC, ReactElement } from 'react';
-export interface BlockCheckIconProps {
+export type BlockCheckIconProps = {
     checked: boolean;
     text: string;
     name: string;
     onClick(value: boolean): void;
     dataTest?: string;
     image?: ReactElement;
-}
+};
 declare const BlockCheckIcon: FC<BlockCheckIconProps>;
 export default BlockCheckIcon;

package/lib/ui/src/blockIcon/BlockIcon.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-export interface BlockIconProps<T> {
+export type BlockIconProps<T> = {
     text: string;
     name: string;
     value: T;
@@ -8,6 +8,6 @@ export interface BlockIconProps<T> {
     dataTest?: string;
     image?: ReactElement;
     isContentCentered?: boolean;
-}
+};
 declare function BlockIcon<T>({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered }: BlockIconProps<T>): JSX.Element;
 export default BlockIcon;

package/lib/ui/src/burger/Burger.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-export interface BurgerProps {
+export type BurgerProps = {
     isOpen: boolean;
     color: string;
     isSmall?: boolean;
     onClick(): void;
-}
+};
 declare const Burger: FC<BurgerProps>;
 export default Burger;

package/lib/ui/src/burger/Burger.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8DAAwD;AACxD,wDAAiD;AACjD,4CAA4D;AAE5D,0CAAwC;AACxC,sDAA8B;AAM9B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,OAAO,EAAE,IAAA,qBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAI,uBAAK,CAAS;IACpC,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;IACzB,IAAA,qBAAa,GAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE;IAC7C,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,uBAAK,IAAC,KAAK,EAAE,WAAW;YACvB,8BAAC,gBAAM,kBACL,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAEzD,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,IACnB,KAAK,EAAE,EACX,CACI,CACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8DAAwD;AACxD,wDAAiD;AACjD,4CAA4D;AAE5D,0CAAwC;AACxC,sDAA8B;AAM9B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,OAAO,EAAE,IAAA,qBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAI,uBAAK,CAAc;IACzC,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;IACzB,IAAA,qBAAa,GAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE;IAC7C,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,uBAAK,IAAC,KAAK,EAAE,WAAW;YACvB,8BAAC,gBAAM,kBACL,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAEzD,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,IACnB,KAAK,EAAE,EACX,CACI,CACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/button/Button.d.ts

@@ -1,6 +1,6 @@
 import { FC, MouseEvent, ReactElement } from 'react';
 import { ButtonAppearance, ButtonSizes, ButtonTheme, IconPosition } from './Button.interfaces';
-export interface ButtonProps {
+export type ButtonProps = {
     label: string;
     appearance?: ButtonAppearance;
     disabled?: boolean;
@@ -12,6 +12,6 @@ export interface ButtonProps {
     theme?: ButtonTheme;
     type?: 'submit' | 'reset' | 'button';
     onClick?(event: MouseEvent<HTMLElement>): void;
-}
+};
 declare const Button: FC<ButtonProps>;
 export default Button;

package/lib/ui/src/buttonRadioGroup/ButtonRadio.d.ts

@@ -1,10 +1,10 @@
 import { FC } from 'react';
 import { OptionProps } from '../option/Option';
-interface ButtonRadioProps {
+type ButtonRadioProps = {
     isChecked: boolean;
     name: string;
     option: OptionProps;
     onClick(): void;
-}
+};
 declare const ButtonRadio: FC<ButtonRadioProps>;
 export default ButtonRadio;

package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.d.ts

@@ -1,11 +1,11 @@
 import { FC } from 'react';
 import { OptionProps } from '../option/Option';
-export interface ButtonRadioGroupProps {
+export type ButtonRadioGroupProps = {
     label: string;
     name: string;
     onChange(option: OptionProps): void;
     options: OptionProps[];
     value: string;
-}
+};
 declare const ButtonRadioGroup: FC<ButtonRadioGroupProps>;
 export default ButtonRadioGroup;

package/lib/ui/src/checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { CheckboxSize } from './interfaces';
-export interface CheckboxProps {
+export type CheckboxProps = {
     checked: boolean;
     disabled: boolean;
     id: string;
@@ -10,6 +10,6 @@ export interface CheckboxProps {
     indeterminate?: boolean;
     checkboxSize?: CheckboxSize;
     onChange(checked: boolean): void;
-}
+};
 declare const Checkbox: FC<PropsWithChildren<CheckboxProps>>;
 export default Checkbox;

package/lib/ui/src/dateInput/DateInput.d.ts

@@ -6,9 +6,9 @@ export declare const formatDate: (date: Date) => string;
 export declare const formatISODate: (date: Date) => string;
 export declare const formatValue: (value: string) => string;
 export declare const isValidDate: (date: Date) => boolean;
-export interface DateInputProps extends BaseInputProps {
+export type DateInputProps = BaseInputProps & {
     value?: nullOrString;
     onChange(value: nullOrString): void;
-}
+};
 declare const DateInput: FC<DateInputProps>;
 export default DateInput;

package/lib/ui/src/emailInput/EmailInput.interfaces.d.ts

@@ -1,12 +1,12 @@
 import { InputBaseProps } from '../inputBase/InputBase';
-export interface EmailInputI18nLabelProps {
+export type EmailInputI18nLabelProps = {
     yes: string;
     no: string;
     suggestion(email: string): string;
-}
-export interface EmailInputProps extends InputBaseProps {
+};
+export type EmailInputProps = InputBaseProps & {
     /** Whether to enabled/disable email suggestions. */
     isSuggestionEnabled?: boolean;
     /** i18n translation keys */
     i18nLabels?: EmailInputI18nLabelProps;
-}
+};

package/lib/ui/src/fieldset/Fieldset.d.ts

@@ -1,8 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
-export interface FieldsetProps {
+export type FieldsetProps = {
     label: string;
     active?: boolean;
     error?: boolean;
-}
+};
 declare const Fieldset: FC<PropsWithChildren<FieldsetProps>>;
 export default Fieldset;

package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { GenericInputProps } from '../../../utils';
-export interface GmapsAutocompleteProps extends GenericInputProps {
+export type GmapsAutocompleteProps = GenericInputProps & {
     value: string;
     country?: string | string[];
     id?: string;
@@ -9,6 +9,6 @@ export interface GmapsAutocompleteProps extends GenericInputProps {
     onChange(value: string): void;
     onSelect(value: string): void;
     onError?(error: string): void;
-}
+};
 declare const GmapsAutocomplete: FC<GmapsAutocompleteProps>;
 export default GmapsAutocomplete;

package/lib/ui/src/gmapsGeocode/GmapsGeocode.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="google.maps" />
 import { FC } from 'react';
 import { GenericInputProps } from '../../../utils';
-export interface GmapsGeocodeProps extends GenericInputProps {
+export type GmapsGeocodeProps = GenericInputProps & {
     value: string;
     country?: string | string[];
     id?: string;
@@ -11,6 +11,6 @@ export interface GmapsGeocodeProps extends GenericInputProps {
     onChange(address: string): void;
     onSelect(place: google.maps.GeocoderResult): void;
     onError?(error: string): void;
-}
+};
 declare const GmapsGeocode: FC<GmapsGeocodeProps>;
 export default GmapsGeocode;

package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.d.ts

@@ -1,6 +1,6 @@
 import { FC, MouseEventHandler, TouchEventHandler } from 'react';
 import { Suggestion } from 'react-places-autocomplete';
-export interface SuggestionItem {
+export type SuggestionItem = {
     key: number;
     id: string | undefined;
     role: 'option';
@@ -11,10 +11,10 @@ export interface SuggestionItem {
     onTouchStart: TouchEventHandler;
     onTouchEnd: TouchEventHandler;
     onClick: MouseEventHandler;
-}
-export interface GmapsSuggestionsProps {
+};
+export type GmapsSuggestionsProps = {
     suggestions: Suggestion[];
     getSuggestionItemProps<SuggestionProps extends {}>(suggestion: Suggestion, options?: SuggestionProps): SuggestionItem & SuggestionProps;
-}
+};
 declare const GmapsSuggestions: FC<GmapsSuggestionsProps>;
 export default GmapsSuggestions;

package/lib/ui/src/icons/Certificate.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Certificate: FC<IconProps>;
 export default Certificate;

package/lib/ui/src/icons/ChevronRight.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const ChevronRight: FC<IconProps>;
 export default ChevronRight;

package/lib/ui/src/icons/Close.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Close: FC<IconProps>;
 export default Close;

package/lib/ui/src/icons/EmoticonCool.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const EmoticonCool: FC<IconProps>;
 export default EmoticonCool;

package/lib/ui/src/icons/Help.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Help: FC<IconProps>;
 export default Help;

package/lib/ui/src/icons/Icon.props.d.ts

@@ -1,3 +1,3 @@
-export default interface IconProps {
+export type IconProps = {
     fill?: string;
-}
+};

package/lib/ui/src/icons/Less.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Less: FC<IconProps>;
 export default Less;

package/lib/ui/src/icons/Plus.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Plus: FC<IconProps>;
 export default Plus;

package/lib/ui/src/icons/index.d.ts

@@ -1,14 +1,14 @@
 declare const _default: {
     Arrow: () => JSX.Element;
     CheckGreen: () => JSX.Element;
-    ChevronRight: import("react").FC<import("./Icon.props").default>;
+    ChevronRight: import("react").FC<import("./Icon.props").IconProps>;
     DropDown: () => JSX.Element;
-    EmoticonCool: import("react").FC<import("./Icon.props").default>;
-    Certificate: import("react").FC<import("./Icon.props").default>;
+    EmoticonCool: import("react").FC<import("./Icon.props").IconProps>;
+    Certificate: import("react").FC<import("./Icon.props").IconProps>;
     TrustPilot: () => JSX.Element;
     CloseBox: () => JSX.Element;
-    Plus: import("react").FC<import("./Icon.props").default>;
-    Less: import("react").FC<import("./Icon.props").default>;
-    Close: import("react").FC<import("./Icon.props").default>;
+    Plus: import("react").FC<import("./Icon.props").IconProps>;
+    Less: import("react").FC<import("./Icon.props").IconProps>;
+    Close: import("react").FC<import("./Icon.props").IconProps>;
 };
 export default _default;

package/lib/ui/src/input/Input.d.ts

@@ -9,13 +9,13 @@ export declare enum InputType {
     TEL = "tel",
     TEXT = "text"
 }
-export interface CustomInputEvent {
+export type CustomInputEvent = {
     target: {
         value: string;
         selectionStart: nullOrNumber;
     };
-}
-export interface InputProps {
+};
+export type InputProps = {
     disabled: boolean;
     focused: boolean;
     id: string;
@@ -35,6 +35,6 @@ export interface InputProps {
     handleBlur(): void;
     handleFocus(): void;
     handleOnChange(event: ChangeEvent<HTMLInputElement> | CustomInputEvent): void;
-}
+};
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/lib/ui/src/inputBase/InputBase.d.ts

@@ -5,7 +5,7 @@ import { InputProps, InputType } from '../input/Input';
 import { OptionProps } from '../option/Option';
 import { InputColors } from './InputBaseEnum';
 export declare const ZINDEX_OPEN = 10;
-export interface GMapProps {
+export type GMapProps = {
     'aria-activedescendant': string | undefined;
     'aria-autocomplete': 'list';
     'aria-expanded': boolean;
@@ -20,8 +20,8 @@ export interface GMapProps {
         };
     }): void;
     onKeyDown: KeyboardEventHandler;
-}
-export interface InputBaseProps extends GenericInputProps {
+};
+export type InputBaseProps = GenericInputProps & {
     displayField?: ReactElement;
     field?: ReactElement;
     gmap?: GMapProps;
@@ -42,6 +42,6 @@ export interface InputBaseProps extends GenericInputProps {
     onBlur?(): void;
     onChange?(value: string): void;
     onFocus?(): void;
-}
+};
 declare const InputBase: FC<InputBaseProps>;
 export default InputBase;

package/lib/ui/src/inputBase/InputBase.styles.d.ts

@@ -1,5 +1,5 @@
 import { InputColors } from './InputBaseEnum';
-interface LayoutProps {
+type LayoutProps = {
     disabled: boolean;
     error: boolean;
     focused: boolean;
@@ -7,7 +7,7 @@ interface LayoutProps {
     phoneWithFlags: boolean;
     zIndex?: number;
     outline?: InputColors;
-}
+};
 export declare const FieldSetLayout: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
 export declare const LegendLayout: import("styled-components").StyledComponent<"legend", any, {
     isVisible: boolean;

package/lib/ui/src/loader/Loader.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-export interface LoaderProps {
+export type LoaderProps = {
     isWrapped?: boolean;
     text?: string;
     backgroundColor?: string;
     loaderHeight?: string;
-}
+};
 declare const Loader: FC<LoaderProps>;
 export default Loader;

package/lib/ui/src/mockForm/MockForm.d.ts

@@ -1,7 +1,7 @@
 import { FC, FormEvent, ReactNode } from 'react';
 export declare const mockSubmit: (event: FormEvent<HTMLFormElement>) => void;
-export interface MockFormProps {
+export type MockFormProps = {
     children: ReactNode;
-}
+};
 declare const MockForm: FC<MockFormProps>;
 export default MockForm;

package/lib/ui/src/modal/Modal.d.ts

@@ -1,11 +1,11 @@
 import { ReactElement, ReactNode } from 'react';
 import { FadeEnum } from './Modal.reducer';
-interface ActionsProps {
+type ActionsProps = {
     onAbort?(): void;
     onClose?(): void;
     onOpen?(): void;
-}
-interface BaseModalProps {
+};
+type BaseModalProps = {
     icon?: ReactElement;
     isAlternative?: boolean;
     isClosable?: boolean;
@@ -13,16 +13,16 @@ interface BaseModalProps {
     noPadding?: boolean;
     text?: string;
     title?: string;
-}
-export interface ModalProps extends BaseModalProps {
+};
+export type ModalProps = BaseModalProps & {
     fade: FadeEnum;
     isLoading: boolean;
     abortModal(): void;
     onAnimationEnd(): void;
-}
-export interface RenderModalProps extends BaseModalProps {
+};
+export type RenderModalProps = BaseModalProps & {
     children: ReactNode;
-}
+};
 declare const useModal: ({ onAbort, onOpen, onClose }?: ActionsProps) => {
     closeModal: () => void;
     createModal: ({ children, icon, isAlternative, isClosable, isFullScreen, noPadding, text, title }: RenderModalProps) => JSX.Element;

package/lib/ui/src/modal/Modal.reducer.d.ts

@@ -3,12 +3,12 @@ export declare enum FadeEnum {
     IN = "in",
     OUT = "out"
 }
-interface ReducerModal {
+type ReducerModal = {
     fade: FadeEnum;
     isAborting: boolean;
     isLoading: boolean;
     isOpen: boolean;
-}
+};
 declare enum ModalActionsEnum {
     ABORT = "abort",
     ANIMATION_END = "animationEnd",

package/lib/ui/src/nativeSelect/NativeSelect.d.ts

@@ -1,11 +1,11 @@
 import { ChangeEvent, FC } from 'react';
 import { OptionProps } from '@proprioo/hokkaido';
-export interface NativeSelectProps {
+export type NativeSelectProps = {
     displayOption: OptionProps;
     options: OptionProps[];
     label: string;
     onChange(event: ChangeEvent<HTMLSelectElement>): void;
     onClickOutside(): void;
-}
+};
 declare const NativeSelect: FC<NativeSelectProps>;
 export default NativeSelect;