@true-engineering/true-react-common-ui-kit 3.0.0-alpha.8 → 3.0.0

package/README.md

@@ -10,6 +10,32 @@
 
 # Release Notes
 
+## v2.7.0
+
+### Changes
+
+- **ListItem**: вынесен компонент для отрисовки пункта из списка List
+- **Icon**: добавлены иконки folder, folder-add, presentation
+
+## v2.6.0
+
+### Changes
+
+- **Input**: изменен тип пропса `label` на ReactNode
+
+## v2.5.0
+
+### Changes
+
+- **DatePicker**: добавлен тип для стилей `IDatePickerStyleProps`
+- **Input**: добавлена пропса `shouldAlwaysShowPlaceholder`
+
+## v2.4.0
+
+### Changes
+
+- Изменения по файловой структуре проекта
+
 ## v2.3.2
 
 ### Changes

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
-import { ICommonProps, IIcon } from '../../types';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
 import { IThemedPreloaderProps } from '../ThemedPreloader';
 import { IButtonSize, IButtonView } from './types';
 import { IButtonStyles } from './Button.styles';

package/dist/components/Button/Button.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 import { IButtonSize } from './types';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "s" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "m" | "l" | "xl" | "loader" | "loading", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>;
 export declare const getPreloaderStyles: (size: IButtonSize) => IThemedPreloaderStyles | undefined;
 export declare type IButtonStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ import { ICommonProps } from '../../types';
 import { ICheckboxStyles } from './Checkbox.styles';
 export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
     children?: ReactNode;
-    isChecked?: boolean;
+    isChecked: boolean | undefined;
     isSemiChecked?: boolean;
     isDisabled?: boolean;
     isReadonly?: boolean;

package/dist/components/Checkbox/Checkbox.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"check" | "root" | "disabled" | "input" | "children" | "checked" | "labelPositionLeft", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"input" | "root" | "disabled" | "children" | "check" | "checked" | "labelPositionLeft", unknown>;
 export declare type ICheckboxStyles = ITweakStyles<typeof useStyles>;

package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { ISelectStyles } from '../../../Select';
-export declare const useStyles: import("../../../../theme").IUseStyles<"header" | "select" | "btn" | "selectValue" | "selectControl" | "buttons", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"select" | "btn" | "selectValue" | "selectControl" | "header" | "buttons", unknown>;
 export declare const selectStyles: ISelectStyles;
 export declare type IDatePickerHeaderStyles = ITweakStyles<typeof useStyles, {
     tweakSelect: ISelectStyles;

package/dist/components/Description/Description.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"link" | "root" | "button", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "link" | "button", unknown>;
 export declare type IDescriptionStyles = ITweakStyles<typeof useStyles>;

package/dist/components/FiltersPane/FiltersPane.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IButtonStyles } from '../Button';
 export declare const FILTER_HEIGHT = 36;
-export declare const useStyles: import("../../theme").IUseStyles<"settings" | "clear" | "root" | "settingsIcon" | "filterWithClearButton", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"clear" | "root" | "settings" | "settingsIcon" | "filterWithClearButton", unknown>;
 export declare const clearButtonStyles: IButtonStyles;
 export declare const innerTextButtonStyles: IButtonStyles;
 export declare type IFiltersPaneStyles = ITweakStyles<typeof useStyles, {

package/dist/components/FiltersPane/components/Filter/Filter.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { Classes } from 'jss';
-import { IFilterWrapperProps } from '../FilterWrapper';
+import type { IFilterWrapperProps } from '../FilterWrapper';
 export interface IFilterProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
     parentRef?: RefObject<HTMLElement>;
     isInline?: boolean;

package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts

@@ -3,8 +3,8 @@ import { IButtonStyles } from '../../../Button';
 import { IInputStyles } from '../../../Input';
 export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "root" | "inputWrapper" | "autosize", unknown>;
 export declare const inputStyles: IInputStyles;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "s" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"currentColor" | "root" | "default" | "dots" | "logo", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;

package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts

@@ -1,10 +1,10 @@
 import { ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { ISearchInputStyles } from '../../../SearchInput';
-export declare const useStyles: import("../../../../theme").IUseStyles<"list" | "clear" | "item" | "root" | "icon" | "footer" | "label" | "option" | "labelChosen" | "withoutTopGap" | "withClearButton" | "panel" | "panelWithFooter" | "preloader" | "dropdownInput" | "nothingFound", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "item" | "root" | "icon" | "list" | "label" | "labelChosen" | "withoutTopGap" | "withClearButton" | "option" | "panel" | "panelWithFooter" | "footer" | "preloader" | "dropdownInput" | "nothingFound", unknown>;
 export declare const searchInputStyles: ISearchInputStyles;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "s" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"currentColor" | "root" | "default" | "dots" | "logo", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;

package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ICommonProps } from '../../../../types';
-import { IFilterWrapperProps } from '../FilterWrapper';
+import type { IFilterWrapperProps } from '../FilterWrapper';
 import { IFilterValueViewStyles } from './FilterValueView.styles';
 export declare function FilterValueView<Values, Key extends keyof Values>({ locale, localeKey, filter, value, tweakStyles, }: Omit<IFilterWrapperProps<Values, Key>, 'onChange' | 'filtersPaneRef' | 'tweakStyles'> & ICommonProps<IFilterValueViewStyles>): JSX.Element;

package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts

@@ -2,14 +2,14 @@ import { ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { IDatePickerStyles } from '../../../DatePicker';
 export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "datepicker" | "container" | "containerItem" | "btnRow", unknown>;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "s" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"currentColor" | "root" | "default" | "dots" | "logo", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "s" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"currentColor" | "root" | "default" | "dots" | "logo", unknown, undefined>> & Partial<{
+export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;

package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts

@@ -1,5 +1,5 @@
 import { ITweakStyles } from '../../../../theme';
-import { IFilterValueViewStyles } from '../FilterValueView';
+import type { IFilterValueViewStyles } from '../FilterValueView';
 export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "right" | "left" | "item" | "value" | "name" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "dropdown" | "animationEnd" | "animationStart" | "dropdown-enter" | "dropdown-enter-active" | "dropdown-exit-active" | "dropdown-exit", unknown>;
 export declare type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakValueView: IFilterValueViewStyles;

package/dist/components/FiltersPane/constants.d.ts

@@ -1,4 +1,4 @@
-import { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
+import type { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
 export declare const PERIODS: readonly ["THIS_MONTH", "LAST_MONTH", "THIS_YEAR", "LAST_YEAR", "CUSTOM"];
 export declare const SelectLocales: Record<string, ISelectLocale>;
 export declare const FilterLocales: Record<string, IFilterLocale>;

package/dist/components/FiltersPane/types.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { IDatePickerProps } from '../DatePicker';
 import { IMultiSelectListValues } from '../MultiSelectList';
-import { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
+import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
 import { FilterLocales, PERIODS, SelectLocales } from './constants';
 export declare type IPeriodType = (typeof PERIODS)[number];
 export declare type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;

package/dist/components/FlexibleTable/FlexibleTable.d.ts

@@ -7,7 +7,7 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
     headerContent?: Partial<Record<keyof Values, any>>;
     enabledColumns?: Array<keyof Values>;
     activeRows?: number[];
-    config?: IFlexibleTableConfigType<Values>;
+    config: IFlexibleTableConfigType<Values>;
     isHorizontallyScrollable?: boolean;
     isFirstColumnSticky?: boolean;
     infinityScrollConfig?: IInfinityScrollConfig;
@@ -16,6 +16,7 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
      */
     uniqueField?: keyof Values;
     onHeadClick?: (column: keyof Values) => void;
+    isLoading?: boolean;
     onRowClick?: (id: string) => void;
     onRowHover?: (id?: string) => void;
     rowAttributes?: Array<keyof Values>;
@@ -23,4 +24,4 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
     nothingFoundContent?: ReactNode;
     expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => ReactNode;
 }
-export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;
+export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;

package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
-import { IFlexibleTableRowStyles } from './components';
+import type { IFlexibleTableRowStyles } from './components';
 export declare const STICKY_SHADOW_PADDING = 12;
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "scroll" | "header" | "loader" | "headerRow" | "headerSticky" | "headerSecond", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "headerRow" | "headerSticky" | "headerSecond" | "skeleton", unknown>;
 export declare type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
     tweakTableRow: IFlexibleTableRowStyles;
 }>;

package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts

@@ -5,7 +5,7 @@ import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
 export interface IFlexibleTableCellProps<Values extends Record<string, any>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'> {
     item: Values;
     columnName: keyof Values;
-    config?: IFlexibleTableConfigType<Values>;
+    config: IFlexibleTableConfigType<Values>;
     isFocusedRow?: boolean;
     isSecond?: boolean;
     isSticky?: boolean;
@@ -13,5 +13,4 @@ export interface IFlexibleTableCellProps<Values extends Record<string, any>> ext
     isRowNestedComponentExpanded: boolean;
     onSetNestedComponent(component?: ReactNode): void;
 }
-declare function FlexibleTableCell<Values extends Record<string, any>>({ item, columnName, config, isFocusedRow, isSecond, isSticky, isNestedComponentExpanded, isRowNestedComponentExpanded, tweakStyles, onSetNestedComponent, }: IFlexibleTableCellProps<Values>): JSX.Element;
-export default FlexibleTableCell;
+export declare function FlexibleTableCell<Values extends Record<string, any>>({ item, columnName, config, isFocusedRow, isSecond, isSticky, isNestedComponentExpanded, isRowNestedComponentExpanded, tweakStyles, onSetNestedComponent, }: IFlexibleTableCellProps<Values>): JSX.Element;

package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts

@@ -7,7 +7,7 @@ export interface IFlexibleTableRowProps<Values extends Record<string, any>> exte
     uniqueField?: keyof Values;
     isFirstColumnSticky?: boolean;
     isActive: boolean;
-    config?: IFlexibleTableConfigType<Values>;
+    config: IFlexibleTableConfigType<Values>;
     enabledColumns?: Array<keyof Values>;
     rowAttributes?: Array<keyof Values>;
     expandableRowComponent?(item: Values, isOpen: boolean, close: () => void): ReactNode;

package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { IFlexibleTableCellStyles } from '../FlexibleTableCell';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable" | "clickable", unknown>;
 export declare type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
     tweakTableCell: IFlexibleTableCellStyles;
 }>;

package/dist/components/FlexibleTable/helpers.d.ts

@@ -0,0 +1,3 @@
+import { IFlexibleTableConfigType } from './types';
+export declare const hasHorizontalScrollBar: (el: HTMLElement | null | undefined) => boolean;
+export declare const formatCellContent: <Values>(value: unknown, config?: IFlexibleTableConfigType<Values>[keyof Values] | undefined) => string;

package/dist/components/FlexibleTable/types.d.ts

@@ -17,7 +17,7 @@ export declare type IFlexibleTableConfigType<Values> = {
     [Key in keyof Values]?: {
         title?: ReactNode;
         titleComponent?: ITitleComponent<unknown>;
-        component?: IValueComponent<Values, Values[Key]>;
+        component?: IValueComponent<Values, NonNullable<Values[Key]>>;
         dateFormat?: string;
         minWidth?: string | number;
         width?: string | number;

package/dist/components/Icon/helpers.d.ts

@@ -1,4 +1,4 @@
-import { IIconType, ISvgIcon } from './types';
+import type { IIconType, ISvgIcon } from './types';
 export declare const isComplexIcon: (type: IIconType) => type is "avatar";
 /**
  * Эта функция позволяет корректно определить ключи в типе

package/dist/components/Icon/icons-list.d.ts

@@ -1 +1 @@
-export declare const iconsList: Record<"document" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close" | "close-large" | "close-window" | "copy" | "copy-outline" | "crane" | "danger" | "direction" | "download" | "email" | "eye" | "eye-closed" | "female" | "filter" | "food" | "information" | "insurance" | "link" | "list" | "lock" | "lock-open" | "male" | "menu" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "print" | "question" | "refresh" | "repeat" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "search" | "send-email" | "settings" | "sign-out" | "size" | "sort" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;
+export declare const iconsList: Record<"document" | "direction" | "filter" | "copy" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "time" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;

package/dist/components/Icon/index.d.ts

@@ -2,3 +2,4 @@ export * from './Icon';
 export * from './types';
 export { iconsList } from './icons-list';
 export type { IIconStyles } from './Icon.styles';
+export * from './snippet';

package/dist/{helpers/snippets.d.ts → components/Icon/snippet.d.ts}

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
-import { IIcon } from '../types';
+import { IIcon } from './types';
 export declare const renderIcon: (icon: IIcon) => ReactNode;

package/dist/components/Icon/types.d.ts

@@ -1,4 +1,4 @@
-import { SVGAttributes } from 'react';
+import { ReactElement, SVGAttributes } from 'react';
 import { complexIcons } from './complexIcons';
 import { iconsList } from './icons-list';
 export interface ISvgIcon {
@@ -10,3 +10,4 @@ export interface ISvgIcon {
 export declare type ICommonIcon = keyof typeof iconsList;
 export declare type IComplexIcon = keyof typeof complexIcons;
 export declare type IIconType = ICommonIcon | IComplexIcon;
+export declare type IIcon = IIconType | ReactElement;

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,6 @@
 import { FormEvent, FocusEvent, KeyboardEvent, ClipboardEvent, ReactNode } from 'react';
-import { ICommonProps, IIcon } from '../../types';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
 import { IReactInputMaskProps } from './types';
 import { IInputStyles } from './Input.styles';
 export interface IInputProps extends ICommonProps<IInputStyles>, IReactInputMaskProps {

package/dist/components/Input/Input.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 export declare const AUTOSIZE_MAX_WIDTH = 480;
-export declare const useStyles: import("../../theme").IUseStyles<"top" | "bottom" | "right" | "left" | "root" | "middle" | "icon" | "disabled" | "input" | "label" | "error" | "invalid" | "loading" | "inputWrapper" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown>;
 export declare type IInputStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;
 }>;

package/dist/components/List/List.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
+import { FC, KeyboardEvent, MouseEvent } from 'react';
 import { ICommonProps } from '../../types';
-import { IListItem } from './types';
+import { IListItemProps as IListItem } from './components';
 import { IListStyles } from './List.styles';
 export interface IListProps extends ICommonProps<IListStyles> {
     items: IListItem[];
-    onClick?(): void;
+    onClick?(event: MouseEvent | KeyboardEvent): void;
 }
 export declare const List: FC<IListProps>;

package/dist/components/List/components/ListItem/ListItem.d.ts

@@ -0,0 +1,15 @@
+import { FC, MouseEvent, KeyboardEvent, ReactNode } from 'react';
+import { ICommonProps } from '../../../../types';
+import { IIcon } from '../../../Icon';
+import { IListItemStyles } from './ListItem.styles';
+export interface IListItemProps extends ICommonProps<IListItemStyles> {
+    item: ReactNode;
+    view?: 'default' | 'destructive';
+    icon?: IIcon;
+    disabled?: boolean;
+    shouldDrawSpacerAbove?: boolean;
+    shouldDrawSpacerBelow?: boolean;
+    withIconGap?: boolean;
+    onClick(event: MouseEvent | KeyboardEvent): void;
+}
+export declare const ListItem: FC<IListItemProps>;

package/dist/components/List/components/ListItem/ListItem.styles.d.ts

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../../../theme';
+export declare const useStyles: import("../../../../theme").IUseStyles<"content" | "root" | "default" | "icon" | "destructive" | "disabledItem" | "spacer" | "withIconGap", unknown>;
+export declare type IListItemStyles = ITweakStyles<typeof useStyles>;

package/dist/components/List/components/ListItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListItem';
+export type { IListItemStyles } from './ListItem.styles';

package/dist/components/List/components/index.d.ts

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

package/dist/components/List/index.d.ts

@@ -1,3 +1,3 @@
 export * from './List';
-export * from './types';
 export type { IListStyles } from './List.styles';
+export type { IListItemStyles, IListItemProps as IListItem } from './components';

package/dist/components/Modal/Modal.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ICloseButtonStyles } from '../CloseButton';
-export declare const useStyles: import("../../theme").IUseStyles<"close" | "content" | "root" | "overlay" | "footer" | "s" | "title" | "m" | "l" | "animationEnd" | "animationStart" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "titleWithCloseButton" | "stickyFooterWrapper" | "stickyFooter" | "buttons-left" | "buttons-center" | "buttons-right" | "withoutFooter" | "withStickyFooter" | "footerWrapper" | "modalWrapper" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "root" | "overlay" | "s" | "m" | "l" | "footer" | "animationEnd" | "animationStart" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "title" | "titleWithCloseButton" | "stickyFooterWrapper" | "stickyFooter" | "buttons-left" | "buttons-center" | "buttons-right" | "withoutFooter" | "withStickyFooter" | "footerWrapper" | "modalWrapper" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active", unknown>;
 export declare type IModalStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: ICloseButtonStyles;
 }>;

package/dist/components/MoreMenu/MoreMenu.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
-export declare const useStyles: import("../../theme").IUseStyles<"menu" | "root" | "button" | "icon" | "active" | "disabled" | "hasCircle", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "icon" | "menu" | "active" | "disabled" | "hasCircle", unknown>;
 export declare type IMoreMenuStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
 }>;

package/dist/components/MultiSelect/MultiSelect.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IMultiSelectListStyles } from '../MultiSelectList';
-export declare const useStyles: import("../../theme").IUseStyles<"right" | "left" | "root" | "open" | "disabled" | "invalid" | "required" | "listContainer" | "full", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"right" | "left" | "invalid" | "root" | "open" | "disabled" | "required" | "listContainer" | "full", unknown>;
 export declare const multiSelectListStyles: IMultiSelectListStyles;
 export declare type IMultiSelectStyles = ITweakStyles<typeof useStyles, {
     tweakMultiSelectList: IMultiSelectListStyles;

package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { ICommonProps } from '../../../../types';
-import { IMultiSelectInputStyles, IMultiSelectListValues } from '../../../index';
+import { IMultiSelectListValues } from '../../../MultiSelectList';
+import { IMultiSelectInputStyles } from './MultiSelectInput.styles';
 export interface IMultiSelectInputProps<Value> extends Pick<ICommonProps<IMultiSelectInputStyles>, 'tweakStyles'> {
     value?: IMultiSelectListValues<Value>;
     isOpen: boolean;

package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"arrow" | "value" | "root" | "values" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrowUp" | "indicatorDisabled", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"value" | "root" | "values" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrow" | "arrowUp" | "indicatorDisabled", unknown>;
 export declare type IMultiSelectInputStyles = ITweakStyles<typeof useStyles>;

package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts

@@ -2,7 +2,7 @@ import { ITweakStyles } from '../../theme';
 import { IButtonStyles } from '../Button';
 import { ICheckboxStyles } from '../Checkbox';
 import { ISearchInputStyles } from '../SearchInput';
-export declare const useStyles: import("../../theme").IUseStyles<"list" | "clear" | "item" | "root" | "label" | "option" | "labelChosen" | "withoutTopGap" | "panel" | "preloader" | "dropdownInput" | "nothingFound" | "selectedItem", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"clear" | "item" | "root" | "list" | "label" | "labelChosen" | "withoutTopGap" | "option" | "panel" | "preloader" | "dropdownInput" | "nothingFound" | "selectedItem", unknown>;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const checkboxStyles: ICheckboxStyles;
 export declare const clearButtonStyles: IButtonStyles;

package/dist/components/Notification/Notification.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "root" | "inline" | "text" | "icon" | "body" | "s" | "title" | "error" | "warning" | "m" | "l" | "info" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "info" | "title" | "body" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
 export declare type INotificationStyles = ITweakStyles<typeof useStyles>;

package/dist/components/NumberInput/helpers.d.ts

@@ -1,4 +1,4 @@
-import { INumberInputProps } from './NumberInput';
+import type { INumberInputProps } from './NumberInput';
 export declare const getNewCaretPosition: (defaultPosition: number, oldValue: string, newValue: string, isDeleteForwardAction?: boolean) => number;
 export declare const formatNumberWithDefault: (value: number | undefined, defaultValue?: number) => string;
 export declare const constructRegExp: ({ canBeFloat, canBeNegative, intPartPrecision, precision, }: Pick<INumberInputProps, 'canBeFloat' | 'canBeNegative' | 'intPartPrecision' | 'precision'>) => string;

package/dist/components/PhoneInput/PhoneInput.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
 import { IPhoneInputCountryListStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"arrow" | "root" | "countrySelectContainer" | "disabledCountrySelect" | "flag" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "arrow" | "countrySelectContainer" | "disabledCountrySelect" | "flag" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer", unknown>;
 export declare const inputStyles: IInputStyles;
 export declare type IPhoneInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

package/dist/components/PhoneInput/index.d.ts

@@ -1,5 +1,4 @@
 export * from './PhoneInput';
-export { phoneInfo } from './phone-info';
 export * from './types';
 export type { IPhoneInputStyles } from './PhoneInput.styles';
 export type { IPhoneInputCountryListStyles } from './components';

package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts

@@ -160,27 +160,27 @@ export declare class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoVie
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "email" | "search" | "text" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+        'aria-autocomplete'?: "inline" | "none" | "both" | "list" | undefined;
         'aria-busy'?: (boolean | "false" | "true") | undefined;
         'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
         'aria-colcount'?: number | undefined;
         'aria-colindex'?: number | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "date" | "step" | "location" | undefined;
+        'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
+        'aria-dropeffect'?: "copy" | "none" | "link" | "move" | "execute" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "false" | "true") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "menu" | "grid" | "listbox" | "false" | "true" | "dialog" | "tree" | undefined;
+        'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
         'aria-hidden'?: (boolean | "false" | "true") | undefined;
         'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode, SyntheticEvent } from 'react';
-import { ICommonProps, IDropdownWithPopperOptions, IIcon } from '../../types';
+import { ICommonProps, IDropdownWithPopperOptions } from '../../types';
+import { IIcon } from '../Icon';
 import { IInputProps } from '../Input';
 import { ISearchInputProps } from '../SearchInput';
 import { IMultipleSelectValue } from './types';