@true-engineering/true-react-common-ui-kit 4.0.0-alpha10 → 4.0.0-alpha11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/Button.styles.d.ts +1 -1
- package/dist/components/ControlWrapper/ControlWrapper.d.ts +2 -0
- package/dist/components/ControlWrapper/ControlWrapper.styles.d.ts +2 -1
- package/dist/components/ControlWrapper/index.d.ts +1 -0
- package/dist/components/ControlWrapper/types.d.ts +3 -0
- package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +2 -2
- package/dist/components/Icon/icons-list.d.ts +1 -1
- package/dist/components/IconButton/IconButton.styles.d.ts +1 -1
- package/dist/components/Input/Input.d.ts +3 -2
- package/dist/components/Input/InputBase.d.ts +2 -2
- package/dist/components/Modal/Modal.styles.d.ts +1 -1
- package/dist/components/Notification/Notification.styles.d.ts +1 -1
- package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +1 -1
- package/dist/components/Select/Select.styles.d.ts +2 -2
- package/dist/components/Status/Status.styles.d.ts +3 -2
- package/dist/components/Status/constants.d.ts +0 -1
- package/dist/components/Status/types.d.ts +5 -2
- package/dist/components/TextArea/TextArea.d.ts +2 -3
- package/dist/components/TextArea/index.d.ts +0 -1
- package/dist/components/TextButton/TextButton.styles.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +116 -151
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +115 -150
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/dist/types.d.ts +8 -2
- package/package.json +1 -1
- package/src/components/ControlWrapper/ControlWrapper.styles.ts +2 -1
- package/src/components/ControlWrapper/ControlWrapper.tsx +8 -2
- package/src/components/ControlWrapper/index.ts +1 -0
- package/src/components/ControlWrapper/types.ts +3 -0
- package/src/components/Input/Input.tsx +3 -2
- package/src/components/Input/InputBase.tsx +21 -18
- package/src/components/Status/Status.stories.tsx +54 -1
- package/src/components/Status/Status.styles.ts +2 -37
- package/src/components/Status/constants.ts +0 -10
- package/src/components/Status/types.ts +7 -3
- package/src/components/TextArea/TextArea.tsx +26 -12
- package/src/components/TextArea/index.ts +0 -1
- package/src/types.ts +15 -3
- package/dist/components/AccountInfo/AccountInfo.stories.d.ts +0 -6
- package/dist/components/AddButton/AddButton.stories.d.ts +0 -6
- package/dist/components/Button/Button.stories.d.ts +0 -6
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -8
- package/dist/components/CloseButton/CloseButton.stories.d.ts +0 -5
- package/dist/components/Colors/Colors.stories.d.ts +0 -5
- package/dist/components/ControlWrapper/ControlWrapper.stories.d.ts +0 -6
- package/dist/components/DateInput/DateInput.stories.d.ts +0 -7
- package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -7
- package/dist/components/Description/Description.stories.d.ts +0 -16
- package/dist/components/FileInput/FileInput.stories.d.ts +0 -7
- package/dist/components/FileItem/FileItem.stories.d.ts +0 -8
- package/dist/components/FiltersPane/FiltersPane.stories.d.ts +0 -31
- package/dist/components/Flag/Flag.stories.d.ts +0 -12
- package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +0 -19
- package/dist/components/Icon/Icon.stories.d.ts +0 -6
- package/dist/components/IconButton/IconButton.stories.d.ts +0 -6
- package/dist/components/IncrementInput/IncrementInput.stories.d.ts +0 -6
- package/dist/components/Input/Input.stories.d.ts +0 -25
- package/dist/components/List/List.stories.d.ts +0 -5
- package/dist/components/Modal/Modal.stories.d.ts +0 -29
- package/dist/components/MoreMenu/MoreMenu.stories.d.ts +0 -6
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -13
- package/dist/components/NewMoreMenu/NewMoreMenu.stories.d.ts +0 -12
- package/dist/components/Notification/Notification.stories.d.ts +0 -8
- package/dist/components/NumberInput/NumberInput.stories.d.ts +0 -7
- package/dist/components/PhoneInput/PhoneInput.stories.d.ts +0 -28
- package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +0 -5
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -7
- package/dist/components/SearchInput/SearchInput.stories.d.ts +0 -7
- package/dist/components/Select/CustomSelect.stories.d.ts +0 -11
- package/dist/components/Select/MultiSelect.stories.d.ts +0 -15
- package/dist/components/Select/Select.stories.d.ts +0 -15
- package/dist/components/Selector/Selector.stories.d.ts +0 -7
- package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -6
- package/dist/components/SmartInput/SmartInput.stories.d.ts +0 -18
- package/dist/components/Status/Status.stories.d.ts +0 -6
- package/dist/components/Switch/Switch.stories.d.ts +0 -16
- package/dist/components/TextArea/TextArea.stories.d.ts +0 -17
- package/dist/components/TextArea/types.d.ts +0 -2
- package/dist/components/TextButton/TextButton.stories.d.ts +0 -6
- package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +0 -12
- package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +0 -24
- package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +0 -17
- package/dist/components/Toaster/Toaster.stories.d.ts +0 -5
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -5
- package/dist/components/WithMessages/WithMessages.stories.d.ts +0 -7
- package/dist/components/WithPopup/WithPopup.stories.d.ts +0 -16
- package/dist/components/WithTooltip/WithTooltip.stories.d.ts +0 -6
- package/src/components/TextArea/types.ts +0 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IThemedPreloaderStyles } from '../ThemedPreloader';
|
|
3
3
|
import { IButtonSize } from './types';
|
|
4
|
-
export declare const useStyles: import("../../theme").IUseStyles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "
|
|
4
|
+
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", unknown>;
|
|
5
5
|
export declare const getPreloaderStyles: (size: IButtonSize) => IThemedPreloaderStyles | undefined;
|
|
6
6
|
export type IButtonStyles = ITweakStyles<typeof useStyles, {
|
|
7
7
|
tweakPreloader: IThemedPreloaderStyles;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { IClickHandlerEvent, ICommonProps } from '../../types';
|
|
3
3
|
import { IIcon } from '../Icon';
|
|
4
|
+
import { IControlWrapperSize } from './types';
|
|
4
5
|
import { IControlWrapperStyles } from './ControlWrapper.styles';
|
|
5
6
|
export interface IControlWrapperProps extends ICommonProps<IControlWrapperStyles> {
|
|
6
7
|
children: ReactNode;
|
|
7
8
|
label?: ReactNode;
|
|
8
9
|
icon?: IIcon;
|
|
10
|
+
size?: IControlWrapperSize;
|
|
9
11
|
groupPlacement?: 'left' | 'right' | 'middle' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
10
12
|
/** @default false */
|
|
11
13
|
isInvalid?: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IThemedPreloaderStyles } from '../ThemedPreloader';
|
|
3
|
+
import { IControlWrapperSizes } from './types';
|
|
3
4
|
export declare const useStyles: import("../../theme").IUseStyles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown>;
|
|
4
5
|
export type IControlWrapperStyles = ITweakStyles<typeof useStyles, {
|
|
5
6
|
tweakPreloader: IThemedPreloaderStyles;
|
|
6
|
-
}>;
|
|
7
|
+
} & IControlWrapperSizes>;
|
|
@@ -3,7 +3,7 @@ import { IButtonStyles } from '../../../Button';
|
|
|
3
3
|
import { IInputStyles } from '../../../Input';
|
|
4
4
|
export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "root" | "inputWrapper" | "autosize", unknown>;
|
|
5
5
|
export declare const inputStyles: IInputStyles;
|
|
6
|
-
export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "
|
|
6
|
+
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, undefined>> & Partial<{
|
|
7
7
|
tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
|
|
8
8
|
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
9
9
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
@@ -3,7 +3,7 @@ import { IButtonStyles } from '../../../Button';
|
|
|
3
3
|
import { ISearchInputStyles } from '../../../SearchInput';
|
|
4
4
|
export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "item" | "root" | "icon" | "label" | "preloader" | "footer" | "list" | "labelChosen" | "withoutTopGap" | "withClearButton" | "option" | "panel" | "panelWithFooter" | "dropdownInput" | "nothingFound", unknown>;
|
|
5
5
|
export declare const searchInputStyles: ISearchInputStyles;
|
|
6
|
-
export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "
|
|
6
|
+
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, undefined>> & Partial<{
|
|
7
7
|
tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
|
|
8
8
|
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
9
9
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
@@ -2,13 +2,13 @@ import { ITweakStyles } from '../../../../theme';
|
|
|
2
2
|
import { IButtonStyles } from '../../../Button';
|
|
3
3
|
import { IDatePickerStyles } from '../../../DatePicker';
|
|
4
4
|
export declare const useStyles: import("../../../../theme").IUseStyles<"container" | "root" | "datepicker" | "containerItem" | "btnRow", unknown>;
|
|
5
|
-
export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "
|
|
5
|
+
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, undefined>> & Partial<{
|
|
6
6
|
tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
|
|
7
7
|
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
8
8
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
9
9
|
}>;
|
|
10
10
|
}>;
|
|
11
|
-
export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "
|
|
11
|
+
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, undefined>> & Partial<{
|
|
12
12
|
tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
|
|
13
13
|
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
14
14
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const iconsList: Record<"direction" | "filter" | "document" | "
|
|
1
|
+
export declare const iconsList: Record<"direction" | "filter" | "document" | "search" | "repeat" | "link" | "copy" | "cancel" | "close" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "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" | "import" | "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" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher" | "upload", import("./types").ISvgIcon>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import("../../theme").IUseStyles<"main" | "cancel" | "root" | "icon" | "active" | "disabled" | "
|
|
2
|
+
export declare const useStyles: import("../../theme").IUseStyles<"main" | "custom" | "cancel" | "root" | "icon" | "active" | "disabled" | "s" | "m" | "loader" | "loading" | "cancel-light", unknown>;
|
|
3
3
|
export type IIconButtonStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IWithMessagesProps } from '../WithMessages';
|
|
3
3
|
import { IInputBaseProps } from './InputBase';
|
|
4
|
-
export
|
|
5
|
-
|
|
4
|
+
export interface IInputProps extends IInputBaseProps, Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const Input: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -4,7 +4,7 @@ import { ICommonProps } from '../../types';
|
|
|
4
4
|
import { IControlWrapperProps } from '../ControlWrapper';
|
|
5
5
|
import { IChangeInputEvent } from './types';
|
|
6
6
|
import { IInputStyles } from './Input.styles';
|
|
7
|
-
export interface IInputBaseProps extends ICommonProps<IInputStyles>,
|
|
7
|
+
export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>, Pick<IControlWrapperProps, 'label' | 'icon' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled' | 'onIconClick' | 'size'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
|
|
8
8
|
value?: string;
|
|
9
9
|
units?: ReactNode;
|
|
10
10
|
/** @default false */
|
|
@@ -19,6 +19,6 @@ export interface IInputBaseProps extends ICommonProps<IInputStyles>, Pick<IContr
|
|
|
19
19
|
isAutoSized?: boolean;
|
|
20
20
|
/** @default false */
|
|
21
21
|
shouldAlwaysShowPlaceholder?: boolean;
|
|
22
|
-
onChange(value: string, event: IChangeInputEvent)
|
|
22
|
+
onChange: (value: string, event: IChangeInputEvent) => void;
|
|
23
23
|
}
|
|
24
24
|
export declare const InputBase: import("react").ForwardRefExoticComponent<IInputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IIconButtonStyles } from '../IconButton';
|
|
3
|
-
export declare const useStyles: import("../../theme").IUseStyles<"content" | "
|
|
3
|
+
export declare const useStyles: import("../../theme").IUseStyles<"content" | "overlay" | "close" | "root" | "s" | "m" | "l" | "footer" | "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" | "animationEnd" | "animationStart" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active", unknown>;
|
|
4
4
|
export declare const closeButtonStyles: IIconButtonStyles;
|
|
5
5
|
export type IModalStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakCloseButton: IIconButtonStyles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "
|
|
2
|
+
export declare const useStyles: import("../../theme").IUseStyles<"content" | "custom" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
|
|
3
3
|
export type INotificationStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -180,7 +180,7 @@ export declare class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoVie
|
|
|
180
180
|
"aria-description"?: string | undefined;
|
|
181
181
|
"aria-details"?: string | undefined;
|
|
182
182
|
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
183
|
-
"aria-dropeffect"?: "
|
|
183
|
+
"aria-dropeffect"?: "link" | "copy" | "none" | "move" | "popup" | "execute" | undefined;
|
|
184
184
|
"aria-errormessage"?: string | undefined;
|
|
185
185
|
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
186
186
|
"aria-flowto"?: string | undefined;
|
|
@@ -10,7 +10,7 @@ export declare const readonlyInputStyles: Partial<import("jss").Styles<"input" |
|
|
|
10
10
|
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
11
11
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
12
12
|
}>;
|
|
13
|
-
}>;
|
|
13
|
+
} & import("..").IControlWrapperSizes>;
|
|
14
14
|
tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
|
|
15
15
|
}>;
|
|
16
16
|
export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
|
|
@@ -19,7 +19,7 @@ export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"in
|
|
|
19
19
|
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
20
20
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
21
21
|
}>;
|
|
22
|
-
}>;
|
|
22
|
+
} & import("..").IControlWrapperSizes>;
|
|
23
23
|
tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
|
|
24
24
|
}>;
|
|
25
25
|
export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
import { IStatusColors } from './types';
|
|
3
|
+
export declare const useStyles: import("../../theme").IUseStyles<"custom" | "root" | "text" | "icon" | "s" | "m" | "iconLeft" | "badge" | "xs", unknown>;
|
|
4
|
+
export type IStatusStyles = ITweakStyles<typeof useStyles, IStatusColors>;
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { IDefaultExtendableProps } from '../../types';
|
|
2
|
+
import type { STATUS_SIZES } from './constants';
|
|
3
3
|
export type IStatusSize = (typeof STATUS_SIZES)[number];
|
|
4
|
+
export interface IStatusColors extends IDefaultExtendableProps {
|
|
5
|
+
}
|
|
6
|
+
export type IStatusColor = keyof IStatusColors;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { FormEvent } from 'react';
|
|
1
|
+
import { FormEvent, TextareaHTMLAttributes } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
3
|
import { IControlWrapperProps } from '../ControlWrapper';
|
|
4
4
|
import { IWithMessagesProps } from '../WithMessages';
|
|
5
|
-
import { ITextAreaHTMLBaseProps } from './types';
|
|
6
5
|
import { ITextAreaStyles } from './TextArea.styles';
|
|
7
|
-
export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled'
|
|
6
|
+
export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>, Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled' | 'size'>, Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'> {
|
|
8
7
|
value?: string;
|
|
9
8
|
placeholder?: string;
|
|
10
9
|
/** @default false */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IThemedPreloaderStyles } from '../ThemedPreloader';
|
|
3
|
-
export declare const useStyles: import("../../theme").IUseStyles<"content" | "bold" | "root" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "
|
|
3
|
+
export declare const useStyles: import("../../theme").IUseStyles<"content" | "custom" | "bold" | "root" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "l" | "xl" | "loader" | "loading" | "iconContainer" | "reverseContent", unknown>;
|
|
4
4
|
export declare const preloaderStyles: IThemedPreloaderStyles;
|
|
5
5
|
export type ITextButtonStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakPreloader: IThemedPreloaderStyles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import("../../theme").IUseStyles<"
|
|
2
|
+
export declare const useStyles: import("../../theme").IUseStyles<"custom" | "error" | "root" | "tooltip" | "info" | "hint", unknown>;
|
|
3
3
|
export type ITooltipStyles = ITweakStyles<typeof useStyles>;
|