@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.
Files changed (120) hide show
  1. package/dist/components/AccountInfo/AccountInfo.stories.d.ts +8 -0
  2. package/dist/components/AccountInfo/AccountInfo.styles.d.ts +1 -1
  3. package/dist/components/AddButton/AddButton.stories.d.ts +8 -0
  4. package/dist/components/AddButton/AddButton.styles.d.ts +1 -1
  5. package/dist/components/Button/Button.stories.d.ts +6 -0
  6. package/dist/components/Button/Button.styles.d.ts +1 -1
  7. package/dist/components/Button/types.d.ts +2 -2
  8. package/dist/components/Checkbox/Checkbox.stories.d.ts +5 -0
  9. package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
  10. package/dist/components/CloseButton/CloseButton.styles.d.ts +1 -1
  11. package/dist/components/Colors/Colors.stories.d.ts +5 -0
  12. package/dist/components/CssBaseline/CssBaseline.d.ts +1 -1
  13. package/dist/components/CssBaseline/CssBaseline.styles.d.ts +1 -1
  14. package/dist/components/DateInput/DateInput.stories.d.ts +8 -0
  15. package/dist/components/DateInput/DateInput.styles.d.ts +1 -1
  16. package/dist/components/DatePicker/DatePicker.d.ts +1 -0
  17. package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -0
  18. package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
  19. package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts +1 -1
  20. package/dist/components/DatePicker/types.d.ts +2 -2
  21. package/dist/components/Description/Description.stories.d.ts +18 -0
  22. package/dist/components/Description/Description.styles.d.ts +1 -1
  23. package/dist/components/FiltersPane/FiltersPane.stories.d.ts +32 -0
  24. package/dist/components/FiltersPane/FiltersPane.styles.d.ts +1 -1
  25. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
  26. package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
  27. package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
  28. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.styles.d.ts +1 -1
  29. package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +1 -1
  30. package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts +1 -1
  31. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts +2 -2
  32. package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts +1 -1
  33. package/dist/components/FiltersPane/types.d.ts +18 -18
  34. package/dist/components/Flag/Flag.stories.d.ts +14 -0
  35. package/dist/components/Flag/Flag.styles.d.ts +1 -1
  36. package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +20 -0
  37. package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
  38. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts +1 -1
  39. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
  40. package/dist/components/FlexibleTable/types.d.ts +6 -6
  41. package/dist/components/Icon/Icon.stories.d.ts +6 -0
  42. package/dist/components/Icon/Icon.styles.d.ts +1 -1
  43. package/dist/components/Icon/icons-list.d.ts +1 -1
  44. package/dist/components/Icon/types.d.ts +4 -4
  45. package/dist/components/IncrementInput/IncrementInput.stories.d.ts +8 -0
  46. package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -1
  47. package/dist/components/Input/Input.stories.d.ts +35 -0
  48. package/dist/components/Input/Input.styles.d.ts +2 -2
  49. package/dist/components/Input/types.d.ts +1 -1
  50. package/dist/components/List/List.stories.d.ts +6 -0
  51. package/dist/components/List/List.styles.d.ts +1 -1
  52. package/dist/components/List/components/ListItem/ListItem.styles.d.ts +1 -1
  53. package/dist/components/Modal/Modal.stories.d.ts +30 -0
  54. package/dist/components/Modal/Modal.styles.d.ts +1 -1
  55. package/dist/components/Modal/types.d.ts +2 -2
  56. package/dist/components/MoreMenu/MoreMenu.stories.d.ts +8 -0
  57. package/dist/components/MoreMenu/MoreMenu.styles.d.ts +1 -1
  58. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +14 -0
  59. package/dist/components/MultiSelect/MultiSelect.styles.d.ts +2 -2
  60. package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts +1 -1
  61. package/dist/components/MultiSelect/types.d.ts +1 -1
  62. package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts +1 -1
  63. package/dist/components/MultiSelectList/types.d.ts +1 -1
  64. package/dist/components/Notification/Notification.stories.d.ts +8 -0
  65. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  66. package/dist/components/Notification/types.d.ts +1 -1
  67. package/dist/components/NumberInput/NumberInput.stories.d.ts +8 -0
  68. package/dist/components/PhoneInput/PhoneInput.stories.d.ts +30 -0
  69. package/dist/components/PhoneInput/PhoneInput.styles.d.ts +1 -1
  70. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +6 -0
  71. package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts +1 -1
  72. package/dist/components/RadioButton/RadioButton.stories.d.ts +8 -0
  73. package/dist/components/RadioButton/RadioButton.styles.d.ts +1 -1
  74. package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +2 -2
  75. package/dist/components/SearchInput/SearchInput.d.ts +1 -1
  76. package/dist/components/SearchInput/SearchInput.stories.d.ts +8 -0
  77. package/dist/components/SearchInput/SearchInput.styles.d.ts +1 -1
  78. package/dist/components/Select/MultiSelect.stories.d.ts +17 -0
  79. package/dist/components/Select/Select.stories.d.ts +17 -0
  80. package/dist/components/Select/Select.styles.d.ts +4 -4
  81. package/dist/components/Select/components/SelectList/SelectList.styles.d.ts +1 -1
  82. package/dist/components/Select/types.d.ts +1 -1
  83. package/dist/components/Skeleton/Skeleton.stories.d.ts +8 -0
  84. package/dist/components/Skeleton/Skeleton.styles.d.ts +1 -1
  85. package/dist/components/SmartInput/SmartInput.stories.d.ts +19 -0
  86. package/dist/components/SmartInput/types.d.ts +1 -1
  87. package/dist/components/Switch/Switch.stories.d.ts +17 -0
  88. package/dist/components/Switch/Switch.styles.d.ts +1 -1
  89. package/dist/components/TextArea/TextArea.stories.d.ts +18 -0
  90. package/dist/components/TextArea/TextArea.styles.d.ts +1 -1
  91. package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +13 -0
  92. package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts +1 -1
  93. package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +26 -0
  94. package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts +1 -1
  95. package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +18 -0
  96. package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts +1 -1
  97. package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.d.ts +1 -1
  98. package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts +1 -1
  99. package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts +1 -1
  100. package/dist/components/ThemedPreloader/types.d.ts +1 -1
  101. package/dist/components/Toaster/Toaster.stories.d.ts +6 -0
  102. package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
  103. package/dist/components/Toaster/types.d.ts +1 -1
  104. package/dist/components/Tooltip/Tooltip.stories.d.ts +6 -0
  105. package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
  106. package/dist/components/Tooltip/types.d.ts +1 -1
  107. package/dist/hooks/use-tweak-styles.d.ts +1 -1
  108. package/dist/theme/common.d.ts +37 -2
  109. package/dist/theme/types.d.ts +8 -8
  110. package/dist/true-react-common-ui-kit.js +3 -0
  111. package/dist/true-react-common-ui-kit.js.map +1 -1
  112. package/dist/true-react-common-ui-kit.umd.cjs +3 -0
  113. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  114. package/package.json +3 -3
  115. package/src/components/TextArea/TextArea.styles.ts +4 -0
  116. package/src/theme/common.ts +4 -3
  117. package/src/theme/types.ts +2 -2
  118. package/dist/components/Flag/augment.d.ts +0 -1
  119. package/dist/components/Icon/complexIcons/augment.d.ts +0 -1
  120. 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 declare type IDotsPreloaderStyles = ITweakStyles<typeof useStyles>;
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 declare type ISvgPreloaderStyles = ITweakStyles<typeof useStyles>;
3
+ export type ISvgPreloaderStyles = ITweakStyles<typeof useStyles>;
@@ -1,2 +1,2 @@
1
1
  import { svgTypes } from './constants';
2
- export declare type IPreloaderSvgType = (typeof svgTypes)[number];
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 declare type IToasterStyles = ITweakStyles<typeof useStyles, {
4
+ export type IToasterStyles = ITweakStyles<typeof useStyles, {
5
5
  tweakCloseButton: ICloseButtonStyles;
6
6
  }>;
@@ -1 +1 @@
1
- export declare type IToasterType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
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 declare type ITooltipStyles = ITweakStyles<typeof useStyles>;
3
+ export type ITooltipStyles = ITweakStyles<typeof useStyles>;
@@ -1 +1 @@
1
- export declare type ITooltipType = 'info' | 'warning';
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)
@@ -1,4 +1,5 @@
1
- import { IUiKitHelpers, IUiKitTheme } from './types';
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: IUiKitHelpers;
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;
@@ -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 declare type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
5
- export declare type IUseStyles<C extends string, P = unknown> = (data?: P & {
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 declare type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
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 declare type IComponentName = keyof IComponentStyles;
61
- export declare type IUiKitAnimations = Record<string, any>;
62
- export declare type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
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, 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
  },