@true-engineering/true-react-common-ui-kit 4.0.0-alpha54 → 4.0.0-alpha61

package/README.md

@@ -23,3 +23,4 @@
 
 Публикация в npm и добавление тега на коммит c версией пакета происходит автоматически в пайплайне.
 Так же автоматически будет создан коммит в репозиторий TE_TrueReactPlatform_Moduled и обновится наш сторибук
+ 

package/dist/components/AddButton/AddButton.d.ts

@@ -11,4 +11,5 @@ export interface IAddButtonProps extends ICommonProps<IAddButtonStyles> {
     isFullWidth?: boolean;
     onClick?: () => void | Promise<void>;
 }
+/** @deprecated Весьма сомнительный компонент */
 export declare const AddButton: FC<IAddButtonProps>;

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

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

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

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

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

package/dist/components/ControlWrapper/ControlWrapper.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { IMaybeArray } from '../../theme';
+import { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
 import { IClickHandlerEvent, ICommonProps } from '../../types';
 import { IIcon } from '../Icon';
 import { IControlWrapperIcon, IControlWrapperSize, IGroupPlacement } from './types';

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 import { IControlWrapperSizes } from './types';
-export declare const useStyles: import('../../theme').IUseStyles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "startControls" | "iconInner" | "customIcon" | "startIcon" | "endIcon" | "activeIcon" | "withStartControls" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle">;
+export declare const useStyles: import('../../theme').IUseStyles<"label" | "invalid" | "disabled" | "focused" | "icon" | "loader" | "loading" | "controlWrapper" | "withValue" | "minContent" | "activeLabel" | "requiredLabel" | "disabledLabel" | "wrapper" | "controls" | "startControls" | "iconInner" | "customIcon" | "startIcon" | "endIcon" | "activeIcon" | "clearIcon" | "withStartControls" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle">;
 export type IControlWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;
 } & IControlWrapperSizes>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import('../../theme').IUseStyles<"root" | "@global html, body">;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "@global html, body" | "@global">;
 export type ICssBaselineStyles = 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<"btn" | "header" | "buttons">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"header" | "btn" | "buttons">;
 export declare const selectStyles: ISelectStyles;
 export 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">;
+export declare const useStyles: import('../../theme').IUseStyles<"link" | "button" | "root">;
 export type IDescriptionStyles = ITweakStyles<typeof useStyles>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import('../../theme').IUseStyles<"root" | "text" | "active" | "disabled" | "label" | "requiredLabel" | "description" | "inputWrapper" | "inputLabel" | "dragged" | "fileList">;
+export declare const useStyles: import('../../theme').IUseStyles<"label" | "text" | "root" | "active" | "disabled" | "requiredLabel" | "inputWrapper" | "description" | "inputLabel" | "dragged" | "fileList">;
 export type IFileInputStyles = ITweakStyles<typeof useStyles>;

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

@@ -2,7 +2,7 @@ import { ITweakStyles } from '../../theme';
 import { IIconButtonStyles } from '../IconButton';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 import { ITooltipStyles } from '../Tooltip';
-export declare const useStyles: import('../../theme').IUseStyles<"error" | "root" | "disabled" | "m" | "l" | "fileItemWrapper" | "fileIcon" | "fileName" | "fileNameContainer" | "preloader" | "preloader-dots" | "preloader-default" | "preloader-logo" | "metadata" | "actions" | "fileSize" | "footer" | "info">;
+export declare const useStyles: import('../../theme').IUseStyles<"footer" | "metadata" | "error" | "root" | "disabled" | "m" | "l" | "info" | "fileItemWrapper" | "fileIcon" | "fileName" | "fileNameContainer" | "preloader" | "preloader-dots" | "preloader-default" | "preloader-logo" | "actions" | "fileSize">;
 export declare const themedPreloaderStyles: IThemedPreloaderStyles;
 export type IFileItemStyles = ITweakStyles<typeof useStyles, {
     tweakRemoveIconButton: IIconButtonStyles;

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

@@ -3,7 +3,7 @@ import { IButtonStyles } from '../../../Button';
 import { IInputStyles } from '../../../Input';
 export declare const useStyles: import('../../../../theme').IUseStyles<"clear" | "root" | "inputWrapper" | "autosize">;
 export declare const inputStyles: IInputStyles;
-export declare const clearButtonStyles: Partial<import('jss').Styles<"content" | "outline" | "custom" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>> & Partial<{
+export declare const clearButtonStyles: Partial<import('../../../../theme').IStyles<"content" | "outline" | "custom" | "s" | "text" | "root" | "inline" | "children" | "active" | "disabled" | "destructive" | "icon" | "fullWidth" | "m" | "l" | "xl" | "primary" | "secondary" | "warning" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "loader" | "loading">> & Partial<{
     tweakPreloader: import('../../..').IThemedPreloaderStyles;
 }>;
 export type IFilterIntervalStyles = ITweakStyles<typeof useStyles, {

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

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

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

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

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

@@ -9,4 +9,4 @@ export interface IFilterWrapperProps<Values extends Record<string, unknown>, Key
     locale?: IPartialFilterLocale;
     onChange: <V>(value: V) => void;
 }
-export declare function FilterWrapper<Values extends Record<string, unknown>, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;
+export declare function FilterWrapper<Values extends Record<string, unknown>, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles: baseTweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
 import { IWithPopupStyles } from '../../../WithPopup';
 import { IFilterValueViewStyles } from '../FilterValueView';
-export declare const useStyles: import('../../../../theme').IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "chevronIcon" | "clearIcon" | "dropdown">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "disabled" | "open" | "withValue" | "clearIcon" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "iconContainer" | "chevronIcon" | "dropdown">;
 export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakWithPopup: IWithPopupStyles;
     tweakValueView: IFilterValueViewStyles;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
 import { ISearchInputStyles } from '../../../SearchInput';
 import { ISelectStyles } from '../../../Select';
-export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "open" | "active" | "disabled" | "dropdownInput" | "chevronIcon" | "dropdown" | "focused" | "hasValue" | "selectWrapper" | "selectBlock" | "selectLabel">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "active" | "disabled" | "open" | "focused" | "hasValue" | "dropdownInput" | "chevronIcon" | "dropdown" | "selectWrapper" | "selectBlock" | "selectLabel">;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const selectStyles: ISelectStyles;
 export type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {

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

@@ -3,7 +3,7 @@ import { ITestIdProps } from '../../types';
 import { IDatePickerProps } from '../DatePicker';
 import { IMultiSelectListValues } from '../MultiSelectList';
 import { INumberInputProps } from '../NumberInput';
-import { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
+import { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps, IFilterWrapperStyles } from './components';
 import { FilterLocales, PERIODS, SelectLocales } from './constants';
 export type IPeriodType = (typeof PERIODS)[number];
 export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
@@ -35,6 +35,7 @@ export interface IConfigItemBasicBase<Value> {
     localeKey?: IFilterLocaleKey;
     locale?: IPartialFilterLocale;
     getSelectedValueView?: (v: Value) => ReactNode;
+    tweakWrapperStyles?: IFilterWrapperStyles;
 }
 export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'interval';

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

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

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "sticky" | "loading" | "clickable" | "second" | "skeleton">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "clickable" | "sticky" | "loading" | "second" | "skeleton">;
 export type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;

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

@@ -26,6 +26,4 @@ export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent ext
     onRowHover?: (id?: Row[UniqueField]) => void;
     onRowClick?: (id: Row[UniqueField]) => void;
 }
-declare function FlexibleTableRowInner<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, rowRef, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>): JSX.Element;
-export declare const FlexibleTableRow: typeof FlexibleTableRowInner;
-export {};
+export declare const FlexibleTableRow: <Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, rowRef, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>) => JSX.Element;

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" | "clickable" | "nestedComponent">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "clickable" | "active" | "editable" | "nestedComponent">;
 export type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
     tweakTableCell: IFlexibleTableCellStyles;
 }>;

package/dist/components/FloatDocActions/components/DocActions/DocActions.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { ICheckboxStyles } from '../../../Checkbox';
-export declare const useStyles: import('../../../../theme').IUseStyles<"docActions" | "neutral" | "inverse" | "counterWrapper" | "title" | "actionsWrapper">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"title" | "neutral" | "inverse" | "docActions" | "counterWrapper" | "actionsWrapper">;
 export type IDocActionsStyles = ITweakStyles<typeof useStyles, {
     tweakCheckbox: ICheckboxStyles;
 }>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import('../../theme').IUseStyles<"main" | "custom" | "cancel" | "root" | "icon" | "active" | "disabled" | "s" | "m" | "l" | "loader" | "loading" | "cancel-light">;
+export declare const useStyles: import('../../theme').IUseStyles<"main" | "custom" | "s" | "cancel" | "root" | "active" | "disabled" | "icon" | "m" | "l" | "loader" | "loading" | "cancel-light">;
 export type IIconButtonStyles = ITweakStyles<typeof useStyles>;

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

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

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IIconButtonStyles } from '../IconButton';
-export declare const useStyles: import('../../theme').IUseStyles<"content" | "overlay" | "close" | "root" | "s" | "m" | "l" | "title" | "footer" | "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" | "animationEnd" | "animationStart" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active">;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "overlay" | "footer" | "s" | "title" | "close" | "root" | "animationEnd" | "animationStart" | "m" | "l" | "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">;
 export declare const closeButtonStyles: IIconButtonStyles;
 export type IModalStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: IIconButtonStyles;

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<"root" | "button" | "icon" | "menu" | "active" | "disabled" | "hasCircle">;
+export declare const useStyles: import('../../theme').IUseStyles<"button" | "menu" | "root" | "active" | "disabled" | "icon" | "hasCircle">;
 export 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<"left" | "right" | "invalid" | "root" | "open" | "disabled" | "required" | "listContainer" | "full">;
+export declare const useStyles: import('../../theme').IUseStyles<"left" | "right" | "invalid" | "root" | "disabled" | "open" | "required" | "full" | "listContainer">;
 export declare const multiSelectListStyles: IMultiSelectListStyles;
 export type IMultiSelectStyles = ITweakStyles<typeof useStyles, {
     tweakMultiSelectList: IMultiSelectListStyles;

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<"value" | "values" | "root" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrow" | "arrowUp" | "indicatorDisabled">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"value" | "values" | "root" | "arrow" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrowUp" | "indicatorDisabled">;
 export 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<"clear" | "item" | "root" | "label" | "preloader" | "list" | "labelChosen" | "withoutTopGap" | "option" | "panel" | "dropdownInput" | "nothingFound" | "selectedItem">;
+export declare const useStyles: import('../../theme').IUseStyles<"clear" | "item" | "label" | "option" | "root" | "list" | "preloader" | "nothingFound" | "labelChosen" | "withoutTopGap" | "panel" | "selectedItem" | "dropdownInput">;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const checkboxStyles: ICheckboxStyles;
 export declare const clearButtonStyles: IButtonStyles;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
 import { IWithPopupStyles } from '../WithPopup';
-export declare const useStyles: import('../../theme').IUseStyles<"button" | "icon" | "active" | "disabled" | "hasCircle">;
+export declare const useStyles: import('../../theme').IUseStyles<"button" | "active" | "disabled" | "icon" | "hasCircle">;
 export type INewMoreMenuStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
     tweakWithPopup: IWithPopupStyles;

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

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

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<"root" | "arrow" | "countrySelectContainer" | "disabledCountrySelect" | "flag" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer">;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "arrow" | "flag" | "countrySelectContainer" | "disabledCountrySelect" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer">;
 export declare const inputStyles: IInputStyles;
 export type IPhoneInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { IInputStyles } from '../../../Input';
-export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "icon" | "flag" | "searchContainer" | "searchIcon" | "flagList" | "listItem" | "selectedCountry" | "activeCountry" | "countryName" | "dialCode" | "emptyResult">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "icon" | "searchContainer" | "searchIcon" | "flagList" | "listItem" | "selectedCountry" | "activeCountry" | "flag" | "countryName" | "dialCode" | "emptyResult">;
 export declare const inputStyles: IInputStyles;
 export type IPhoneInputCountryListStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

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

@@ -1,4 +1,4 @@
 import { ITweakStyles } from '../../theme';
 import { IRadioButtonSizes } from './types';
-export declare const useStyles: import('../../theme').IUseStyles<"content" | "input" | "isDisabled" | "label" | "isInvalid">;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "input" | "label" | "isDisabled" | "isInvalid">;
 export type IRadioButtonStyles = ITweakStyles<typeof useStyles, IRadioButtonSizes>;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -2,4 +2,4 @@ import { ICommonProps } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputStyles } from './SearchInput.styles';
 export type ISearchInputProps = Omit<IInputProps, 'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles' | 'startIcon'> & ICommonProps<ISearchInputStyles>;
-export declare const SearchInput: import('react').ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "isInvalid" | "startIcon" | "type" | "isActive" | "errorMessage"> & import('../../types').IDataAttributesProps & import('../../types').ITweakStylesProps<ISearchInputStyles> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const SearchInput: import('react').ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "type" | "isActive" | "isInvalid" | "errorMessage" | "startIcon"> & import('../../types').IDataAttributesProps & import('../../types').ITweakStylesProps<ISearchInputStyles> & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -3,12 +3,12 @@ import { IInputStyles } from '../Input';
 import { ISearchInputStyles } from '../SearchInput';
 import { IWithMessagesStyles } from '../WithMessages';
 import { ISelectListStyles } from './components';
-export declare const useStyles: import('../../theme').IUseStyles<"root" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter">;
-export declare const readonlyInputStyles: Partial<import('jss').Styles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>> & Partial<{
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "disabled" | "arrow" | "inputWrapper" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter">;
+export declare const readonlyInputStyles: Partial<import('../../theme').IStyles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput">> & Partial<{
     tweakControlWrapper: import('..').IControlWrapperStyles;
     tweakWithMessages: IWithMessagesStyles;
 }>;
-export declare const readonlyMultiSelectStyles: Partial<import('jss').Styles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>> & Partial<{
+export declare const readonlyMultiSelectStyles: Partial<import('../../theme').IStyles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput">> & Partial<{
     tweakControlWrapper: import('..').IControlWrapperStyles;
     tweakWithMessages: IWithMessagesStyles;
 }>;

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

@@ -3,5 +3,5 @@ import { IControlWrapperSizes } from '../../../ControlWrapper';
 export declare const ROW_HEIGHT = 40;
 export declare const CONTAINER_PADDING = 10;
 export declare const CELL_PADDING: number[];
-export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "cell" | "active" | "disabled" | "focused" | "list" | "loading" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell">;
 export type ISelectListStyles = ITweakStyles<typeof useStyles, IControlWrapperSizes>;

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

@@ -5,5 +5,5 @@ export declare const getSelectorLineStyle: (activeElementData?: {
     clientWidth: number;
     offsetLeft: number;
 }) => CSSProperties | undefined;
-export declare const useStyles: import('../../theme').IUseStyles<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth">;
+export declare const useStyles: import('../../theme').IUseStyles<"option" | "s" | "line" | "invalid" | "root" | "active" | "disabled" | "m" | "l" | "iconFromRight" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "selector" | "autoWidth">;
 export type ISelectorStyles = ITweakStyles<typeof useStyles>;

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

@@ -1,4 +1,4 @@
 import { ITweakStyles } from '../../theme';
 import { IStatusColors } from './types';
-export declare const useStyles: import('../../theme').IUseStyles<"custom" | "root" | "text" | "icon" | "s" | "m" | "iconLeft" | "badge" | "xs">;
+export declare const useStyles: import('../../theme').IUseStyles<"custom" | "s" | "text" | "root" | "icon" | "m" | "xs" | "iconLeft" | "badge">;
 export type IStatusStyles = ITweakStyles<typeof useStyles, IStatusColors>;

package/dist/components/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../types';
-import { ISwitchState } from './types';
+import { ISwitchSize, ISwitchState } from './types';
 import { ISwitchStyles } from './Switch.styles';
 export interface ISwitchProps<V extends string> extends ICommonProps<ISwitchStyles> {
     children?: ReactNode;
@@ -15,6 +15,7 @@ export interface ISwitchProps<V extends string> extends ICommonProps<ISwitchStyl
     labelPosition?: 'left' | 'right';
     /** @default 'primary' */
     color?: 'primary' | 'secondary';
+    size?: ISwitchSize;
     onChange: (state: ISwitchState<V>) => void;
 }
-export declare const Switch: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: ISwitchProps<V>) => JSX.Element;
+export declare const Switch: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, size, data, tweakStyles, testId, onChange, }: ISwitchProps<V>) => JSX.Element;

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

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import('../../theme').IUseStyles<"input" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "label" | "switch" | "labelLeft" | "labelRight">;
-export type ISwitchStyles = ITweakStyles<typeof useStyles>;
+import { ISwitchSizes } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"input" | "label" | "switch" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "labelLeft" | "labelRight">;
+export type ISwitchStyles = ITweakStyles<typeof useStyles, ISwitchSizes>;

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

@@ -2,3 +2,6 @@ export interface ISwitchState<V = string> {
     name: V;
     isEnabled: boolean;
 }
+export interface ISwitchSizes {
+}
+export type ISwitchSize = keyof ISwitchSizes;

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

@@ -3,7 +3,7 @@ import { IWithPrefix } from '../../types';
 import { IControlWrapperSizes, IControlWrapperStyles } from '../ControlWrapper';
 import { IWithMessagesStyles } from '../WithMessages';
 import { ITextAreaCounterPositions } from './types';
-export declare const useStyles: import('../../theme').IUseStyles<"root" | "textarea" | "autoSized" | "withLabel" | "wrapper" | "symbolsCount" | "symbolsCountError" | "symbolsCountActive" | "counter-default">;
+export declare const useStyles: import('../../theme').IUseStyles<"textarea" | "root" | "wrapper" | "autoSized" | "withLabel" | "symbolsCount" | "symbolsCountError" | "symbolsCountActive" | "counter-default">;
 export type ITextAreaStyles = ITweakStyles<typeof useStyles, {
     tweakWithMessages: IWithMessagesStyles;
     tweakControlWrapper: IControlWrapperStyles;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
-export declare const useStyles: import('../../theme').IUseStyles<"content" | "custom" | "bold" | "root" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "l" | "xl" | "loader" | "loading" | "iconContainer" | "reverseContent">;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "custom" | "bold" | "circle" | "root" | "active" | "disabled" | "icon" | "l" | "xl" | "primary" | "secondary" | "loader" | "loading" | "iconContainer" | "reverseContent">;
 export declare const preloaderStyles: IThemedPreloaderStyles;
 export type ITextButtonStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import('../../theme').IUseStyles<"container" | "root" | "text" | "info" | "selected">;
+export declare const useStyles: import('../../theme').IUseStyles<"container" | "text" | "root" | "info" | "selected">;
 export type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;

package/dist/components/TextWithTooltip/TextWithTooltip.d.ts

@@ -15,6 +15,8 @@ export interface ITextWithTooltipProps extends ICommonProps<ITextWithTooltipStyl
     /** @default [] */
     tooltipModifiers?: Array<Partial<Modifier<any, any>>>;
     tooltipOffsetOptions?: Record<string, unknown>;
+    /** @default 'undefined' */
+    tooltipSize?: ITooltipProps['size'];
     /** @default 'hover' */
     mouseEventType?: 'hover' | 'click';
     hoverDelay?: number;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ITooltipStyles } from '../Tooltip';
-export declare const useStyles: import('../../theme').IUseStyles<"root" | "tooltip" | "clickable">;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "clickable" | "tooltip">;
 export type ITextWithTooltipStyles = ITweakStyles<typeof useStyles, {
     tweakTooltip: ITooltipStyles;
 }>;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IDotsPreloaderStyles, ISvgPreloaderStyles } from './components';
-export declare const useStyles: import('../../theme').IUseStyles<"root" | "default" | "currentColor" | "dots" | "logo">;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "default" | "currentColor" | "logo" | "dots">;
 export type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
     tweakDotsPreloader: IDotsPreloaderStyles;
     tweakSvgPreloader: ISvgPreloaderStyles;

package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots">;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "fadedDot" | "@keyframes FadedDots" | "dot">;
 export type IDotsPreloaderStyles = ITweakStyles<typeof useStyles>;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IIconButtonStyles } from '../IconButton';
-export declare const useStyles: import('../../theme').IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "title" | "info" | "iconContainer" | "ok" | "not-ok">;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "title" | "text" | "close" | "error" | "root" | "warning" | "info" | "iconContainer" | "ok" | "not-ok">;
 export type IToasterStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: IIconButtonStyles;
 }>;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { ICommonProps } from '../../types';
+import { ITooltipSize } from './types';
 import { ITooltipStyles } from './Tooltip.styles';
 export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
     text: ReactNode;
@@ -7,5 +8,7 @@ export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
     view?: 'tooltip' | 'hint' | 'custom';
     /** @default 'info' */
     type?: 'info' | 'error';
+    /** @default 'undefined' */
+    size?: ITooltipSize;
 }
 export declare const Tooltip: FC<ITooltipProps>;

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

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
+import { ITooltipSizes } from './types';
 export declare const useStyles: import('../../theme').IUseStyles<"custom" | "error" | "root" | "tooltip" | "info" | "hint">;
-export type ITooltipStyles = ITweakStyles<typeof useStyles>;
+export type ITooltipStyles = ITweakStyles<typeof useStyles, ITooltipSizes>;

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

@@ -1 +1,4 @@
 export type ITooltipType = 'info' | 'warning';
+export interface ITooltipSizes {
+}
+export type ITooltipSize = keyof ITooltipSizes;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import('../../theme').IUseStyles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message">;
+export declare const useStyles: import('../../theme').IUseStyles<"error" | "children" | "withMessages" | "info" | "horizontal" | "vertical" | "message">;
 export type IWithMessagesStyles = ITweakStyles<typeof useStyles>;