@true-engineering/true-react-common-ui-kit 3.0.4 → 3.0.6
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/AccountInfo/AccountInfo.stories.d.ts +8 -0
- package/dist/components/AccountInfo/AccountInfo.styles.d.ts +1 -1
- package/dist/components/AddButton/AddButton.stories.d.ts +8 -0
- package/dist/components/AddButton/AddButton.styles.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +6 -0
- package/dist/components/Button/Button.styles.d.ts +1 -1
- package/dist/components/Button/types.d.ts +2 -2
- package/dist/components/Checkbox/Checkbox.stories.d.ts +5 -0
- package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
- package/dist/components/CloseButton/CloseButton.styles.d.ts +1 -1
- package/dist/components/Colors/Colors.stories.d.ts +5 -0
- package/dist/components/CssBaseline/CssBaseline.d.ts +1 -1
- package/dist/components/CssBaseline/CssBaseline.styles.d.ts +1 -1
- package/dist/components/DateInput/DateInput.stories.d.ts +8 -0
- package/dist/components/DateInput/DateInput.styles.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -0
- package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
- package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts +1 -1
- package/dist/components/DatePicker/types.d.ts +2 -2
- package/dist/components/Description/Description.stories.d.ts +18 -0
- package/dist/components/Description/Description.styles.d.ts +1 -1
- package/dist/components/FiltersPane/FiltersPane.stories.d.ts +32 -0
- package/dist/components/FiltersPane/FiltersPane.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts +2 -2
- package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts +1 -1
- package/dist/components/FiltersPane/types.d.ts +18 -18
- package/dist/components/Flag/Flag.stories.d.ts +14 -0
- package/dist/components/Flag/Flag.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +20 -0
- package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/types.d.ts +6 -6
- package/dist/components/Icon/Icon.stories.d.ts +6 -0
- package/dist/components/Icon/Icon.styles.d.ts +1 -1
- package/dist/components/Icon/icons-list.d.ts +1 -1
- package/dist/components/Icon/types.d.ts +4 -4
- package/dist/components/IncrementInput/IncrementInput.stories.d.ts +8 -0
- package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -1
- package/dist/components/Input/Input.stories.d.ts +35 -0
- package/dist/components/Input/Input.styles.d.ts +2 -2
- package/dist/components/Input/types.d.ts +1 -1
- package/dist/components/List/List.stories.d.ts +6 -0
- package/dist/components/List/List.styles.d.ts +1 -1
- package/dist/components/List/components/ListItem/ListItem.styles.d.ts +1 -1
- package/dist/components/Modal/Modal.stories.d.ts +30 -0
- package/dist/components/Modal/Modal.styles.d.ts +1 -1
- package/dist/components/Modal/types.d.ts +2 -2
- package/dist/components/MoreMenu/MoreMenu.stories.d.ts +8 -0
- package/dist/components/MoreMenu/MoreMenu.styles.d.ts +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +14 -0
- package/dist/components/MultiSelect/MultiSelect.styles.d.ts +2 -2
- package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts +1 -1
- package/dist/components/MultiSelect/types.d.ts +1 -1
- package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts +1 -1
- package/dist/components/MultiSelectList/types.d.ts +1 -1
- package/dist/components/Notification/Notification.stories.d.ts +8 -0
- package/dist/components/Notification/Notification.styles.d.ts +1 -1
- package/dist/components/Notification/types.d.ts +1 -1
- package/dist/components/NumberInput/NumberInput.stories.d.ts +8 -0
- package/dist/components/PhoneInput/PhoneInput.stories.d.ts +30 -0
- package/dist/components/PhoneInput/PhoneInput.styles.d.ts +1 -1
- package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +6 -0
- package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.stories.d.ts +8 -0
- package/dist/components/RadioButton/RadioButton.styles.d.ts +1 -1
- package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +2 -2
- package/dist/components/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.stories.d.ts +8 -0
- package/dist/components/SearchInput/SearchInput.styles.d.ts +1 -1
- package/dist/components/Select/MultiSelect.stories.d.ts +17 -0
- package/dist/components/Select/Select.stories.d.ts +17 -0
- package/dist/components/Select/Select.styles.d.ts +4 -4
- package/dist/components/Select/components/SelectList/SelectList.styles.d.ts +1 -1
- package/dist/components/Select/types.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.stories.d.ts +8 -0
- package/dist/components/Skeleton/Skeleton.styles.d.ts +1 -1
- package/dist/components/SmartInput/SmartInput.stories.d.ts +19 -0
- package/dist/components/SmartInput/types.d.ts +1 -1
- package/dist/components/Switch/Switch.stories.d.ts +17 -0
- package/dist/components/Switch/Switch.styles.d.ts +1 -1
- package/dist/components/TextArea/TextArea.stories.d.ts +18 -0
- package/dist/components/TextArea/TextArea.styles.d.ts +1 -1
- package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +13 -0
- package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts +1 -1
- package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +26 -0
- package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +18 -0
- package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.d.ts +1 -1
- package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/types.d.ts +1 -1
- package/dist/components/Toaster/Toaster.stories.d.ts +6 -0
- package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
- package/dist/components/Toaster/types.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +6 -0
- package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/components/Tooltip/types.d.ts +1 -1
- package/dist/hooks/use-tweak-styles.d.ts +1 -1
- package/dist/theme/common.d.ts +37 -2
- package/dist/theme/types.d.ts +8 -8
- package/dist/true-react-common-ui-kit.js +3 -0
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +3 -0
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +3 -3
- package/src/components/TextArea/TextArea.styles.ts +4 -0
- package/src/theme/common.ts +4 -3
- package/src/theme/types.ts +2 -2
- package/dist/components/Flag/augment.d.ts +0 -1
- package/dist/components/Icon/complexIcons/augment.d.ts +0 -1
- package/dist/vite-env.d.ts +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
2
|
export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type IDotsPreloaderStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
2
|
export declare const useStyles: import("../../../../theme").IUseStyles<"root", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type ISvgPreloaderStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { svgTypes } from './constants';
|
|
2
|
-
export
|
|
2
|
+
export type IPreloaderSvgType = (typeof svgTypes)[number];
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { Toaster } from './Toaster';
|
|
4
|
+
declare const _default: ComponentMeta<import("react").FC<import("./Toaster").IToasterProps>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: ComponentStory<typeof Toaster>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { ICloseButtonStyles } from '../CloseButton';
|
|
3
3
|
export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "iconContainer" | "info" | "title" | "ok" | "not-ok", unknown>;
|
|
4
|
-
export
|
|
4
|
+
export type IToasterStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakCloseButton: ICloseButtonStyles;
|
|
6
6
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type IToasterType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { Tooltip } from './Tooltip';
|
|
4
|
+
declare const _default: ComponentMeta<import("react").FC<import("./Tooltip").ITooltipProps>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: ComponentStory<typeof Tooltip>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "tooltip" | "info" | "hint", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type ITooltipStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type ITooltipType = 'info' | 'warning';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IComponentName } from '../theme';
|
|
2
|
-
export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1>({ innerStyles, tweakStyles, className, currentComponentName, }: {
|
|
2
|
+
export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1>({ innerStyles, tweakStyles: currentComponentTweakStyles, className, currentComponentName, }: {
|
|
3
3
|
/**
|
|
4
4
|
* Это tweakStyles, определенные в родительском компоненте
|
|
5
5
|
* (например, стили для Input, определенные в стилях компонента Select)
|
package/dist/theme/common.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Styles } from 'react-jss';
|
|
2
|
+
import { IUiKitTheme } from './types';
|
|
2
3
|
export declare const colors: {
|
|
3
4
|
readonly FONT_MAIN: "#222a37";
|
|
4
5
|
readonly FONT_MEDIUM: "#505f79";
|
|
@@ -31,7 +32,40 @@ export declare const dimensions: {
|
|
|
31
32
|
readonly BORDER_RADIUS_EXTRA_SMALL: 4;
|
|
32
33
|
readonly CONTROL_HEIGHT: 48;
|
|
33
34
|
};
|
|
34
|
-
export declare const helpers:
|
|
35
|
+
export declare const helpers: {
|
|
36
|
+
withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
|
|
37
|
+
withScrollBar: {
|
|
38
|
+
boxSizing: string;
|
|
39
|
+
overflow: string;
|
|
40
|
+
'@supports selector(::-webkit-scrollbar)': {
|
|
41
|
+
'&::-webkit-scrollbar': {
|
|
42
|
+
height: number;
|
|
43
|
+
width: number;
|
|
44
|
+
'&-thumb': {
|
|
45
|
+
width: number;
|
|
46
|
+
minHeight: number;
|
|
47
|
+
border: (string | number)[];
|
|
48
|
+
borderRadius: number;
|
|
49
|
+
backgroundColor: "#d0d6e1";
|
|
50
|
+
backgroundClip: "padding-box";
|
|
51
|
+
'&:hover': {
|
|
52
|
+
backgroundColor: "#95a0b3";
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
'&-track-piece': {
|
|
56
|
+
backgroundColor: "transparent";
|
|
57
|
+
};
|
|
58
|
+
'&-corner': {
|
|
59
|
+
backgroundColor: "transparent";
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
'@supports not selector(::-webkit-scrollbar)': {
|
|
64
|
+
scrollbarWidth: "thin";
|
|
65
|
+
scrollbarColor: "#d0d6e1 transparent";
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
35
69
|
export declare const animations: {
|
|
36
70
|
slideUp: {
|
|
37
71
|
'slide-up-enter': {
|
|
@@ -59,5 +93,6 @@ export declare const animations: {
|
|
|
59
93
|
export interface ICommonUiKitTheme extends IUiKitTheme {
|
|
60
94
|
colors: typeof colors;
|
|
61
95
|
dimensions: typeof dimensions;
|
|
96
|
+
helpers: typeof helpers;
|
|
62
97
|
}
|
|
63
98
|
export declare const common: ICommonUiKitTheme;
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Styles } from 'react-jss';
|
|
2
|
-
import { Classes } from 'jss';
|
|
2
|
+
import { Classes, JssValue } from 'jss';
|
|
3
3
|
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles, ISkeletonStyles, IListItemStyles } from '../components';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
|
|
5
|
+
export type IUseStyles<C extends string, P = unknown> = (data?: P & {
|
|
6
6
|
theme?: Partial<Styles<C, P>>;
|
|
7
7
|
}) => Classes<C>;
|
|
8
|
-
export
|
|
8
|
+
export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
|
|
9
9
|
export interface IComponentStyles {
|
|
10
10
|
AccountInfo: IAccountInfoStyles;
|
|
11
11
|
AddButton: IAddButtonStyles;
|
|
@@ -57,9 +57,9 @@ export interface IComponentStyles {
|
|
|
57
57
|
Tooltip: ITooltipStyles;
|
|
58
58
|
Toaster: IToasterStyles;
|
|
59
59
|
}
|
|
60
|
-
export
|
|
61
|
-
export
|
|
62
|
-
export
|
|
60
|
+
export type IComponentName = keyof IComponentStyles;
|
|
61
|
+
export type IUiKitAnimations = Record<string, any>;
|
|
62
|
+
export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
|
|
63
63
|
export interface IUiKitTheme {
|
|
64
64
|
name: string;
|
|
65
65
|
components?: Partial<IComponentStyles>;
|
|
@@ -69,6 +69,6 @@ export interface IUiKitTheme {
|
|
|
69
69
|
animations?: IUiKitAnimations;
|
|
70
70
|
colors?: Record<string, string>;
|
|
71
71
|
dimensions?: Record<string, number>;
|
|
72
|
-
boxShadows?: Record<string,
|
|
72
|
+
boxShadows?: Record<string, JssValue>;
|
|
73
73
|
helpers?: IUiKitHelpers;
|
|
74
74
|
}
|
|
@@ -27969,6 +27969,9 @@ var useStyles$4 = createThemedStyles("TextArea", {
|
|
|
27969
27969
|
border: "none",
|
|
27970
27970
|
resize: "none",
|
|
27971
27971
|
overflow: "auto",
|
|
27972
|
+
"&:disabled": {
|
|
27973
|
+
extend: "disabled"
|
|
27974
|
+
},
|
|
27972
27975
|
"&::placeholder": {
|
|
27973
27976
|
opacity: 1
|
|
27974
27977
|
},
|