profinansy-ui-lib 3.1.23 → 3.1.25
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/blocks/footer/components/Contacts/Contacts.d.ts +2 -1
- package/dist/components/uikit/Bubbles/Bubbles.const.d.ts +35 -0
- package/dist/components/uikit/Bubbles/Bubbles.d.ts +3 -0
- package/dist/components/uikit/Bubbles/Bubbles.stories.d.ts +13 -0
- package/dist/components/uikit/Bubbles/Bubbles.styled.d.ts +21 -0
- package/dist/components/uikit/Bubbles/Bubbles.typed.d.ts +35 -0
- package/dist/components/uikit/Bubbles/components/Content/Content.d.ts +4 -0
- package/dist/components/uikit/Bubbles/components/WithScroll/WithScroll.d.ts +3 -0
- package/dist/components/uikit/Bubbles/index.d.ts +1 -0
- package/dist/components/uikit/Counter/Counter.d.ts +3 -0
- package/dist/components/uikit/Counter/Counter.stories.d.ts +13 -0
- package/dist/components/uikit/Counter/Counter.styled.d.ts +4 -0
- package/dist/components/uikit/Counter/Counter.typed.d.ts +10 -0
- package/dist/components/uikit/Counter/index.d.ts +1 -0
- package/dist/components/uikit/SwiperButton/SwiperButton.d.ts +3 -0
- package/dist/components/uikit/SwiperButton/SwiperButton.stories.d.ts +13 -0
- package/dist/components/uikit/SwiperButton/SwiperButton.styled.d.ts +4 -0
- package/dist/components/uikit/SwiperButton/SwiperButton.typed.d.ts +14 -0
- package/dist/components/uikit/SwiperButton/index.d.ts +1 -0
- package/dist/components/uikit/Typography/Typography.const.d.ts +1 -1
- package/dist/constants/animation/animation.d.ts +4 -0
- package/dist/constants/animation/animations.stories.d.ts +5 -0
- package/dist/index.d.ts +5 -2
- package/dist/index.js +249 -147
- package/dist/theme/theme.const.d.ts +8 -0
- package/package.json +1 -1
- package/dist/components/uikit/Tabs/Tabs.d.ts +0 -3
- package/dist/components/uikit/Tabs/Tabs.styled.d.ts +0 -5
- package/dist/components/uikit/Tabs/Tabs.typed.d.ts +0 -17
- package/dist/components/uikit/Tabs/index.d.ts +0 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { TTheme } from '../../../theme/theme.typed';
|
|
2
|
+
export declare const getMode: (theme: TTheme, isActive: boolean) => {
|
|
3
|
+
variant_1: {
|
|
4
|
+
default: {
|
|
5
|
+
color: string;
|
|
6
|
+
background: string;
|
|
7
|
+
border: string;
|
|
8
|
+
boxShadow: string;
|
|
9
|
+
iconColor: string;
|
|
10
|
+
};
|
|
11
|
+
hover: {
|
|
12
|
+
color: string;
|
|
13
|
+
background: string;
|
|
14
|
+
border: string;
|
|
15
|
+
boxShadow: string;
|
|
16
|
+
iconColor: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
variant_2: {
|
|
20
|
+
default: {
|
|
21
|
+
color: string;
|
|
22
|
+
background: string;
|
|
23
|
+
border: string;
|
|
24
|
+
boxShadow: string;
|
|
25
|
+
iconColor: string;
|
|
26
|
+
};
|
|
27
|
+
hover: {
|
|
28
|
+
color: string;
|
|
29
|
+
background: string;
|
|
30
|
+
border: string;
|
|
31
|
+
boxShadow: string;
|
|
32
|
+
iconColor: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: (props: import("./Bubbles.typed").TTabProps) => JSX.Element;
|
|
4
|
+
tags: string[];
|
|
5
|
+
parameters: {
|
|
6
|
+
design: {
|
|
7
|
+
type: string;
|
|
8
|
+
url: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
export declare const Bubbles: () => JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { DefaultTheme } from 'styled-components';
|
|
2
|
+
import { TModeBubbles, TScrollBubbles } from './Bubbles.typed';
|
|
3
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
|
|
4
|
+
export declare const Mute: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
5
|
+
isLeft?: boolean;
|
|
6
|
+
scroll: TScrollBubbles;
|
|
7
|
+
}, never>;
|
|
8
|
+
export declare const LeftButton: import("styled-components").StyledComponent<({ direction, onClick, className, style, disabled }: import("../SwiperButton/SwiperButton.typed").ISwiperButtonProps) => JSX.Element, DefaultTheme, {}, never>;
|
|
9
|
+
export declare const RightButton: import("styled-components").StyledComponent<({ direction, onClick, className, style, disabled }: import("../SwiperButton/SwiperButton.typed").ISwiperButtonProps) => JSX.Element, DefaultTheme, {}, never>;
|
|
10
|
+
export declare const Container: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
11
|
+
scroll: TScrollBubbles;
|
|
12
|
+
}, never>;
|
|
13
|
+
export declare const Button: import("styled-components").StyledComponent<"button", DefaultTheme, {
|
|
14
|
+
isActive: boolean;
|
|
15
|
+
mode: TModeBubbles;
|
|
16
|
+
isIconLeft: boolean;
|
|
17
|
+
isIconRight: boolean;
|
|
18
|
+
}, never>;
|
|
19
|
+
export declare const IconLeft: import("styled-components").StyledComponent<"span", DefaultTheme, {}, never>;
|
|
20
|
+
export declare const IconRight: import("styled-components").StyledComponent<"span", DefaultTheme, {}, never>;
|
|
21
|
+
export declare const Counts: import("styled-components").StyledComponent<"span", DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import CSS from 'csstype';
|
|
3
|
+
import { TCounterType } from '../Counter/Counter.typed';
|
|
4
|
+
export type TabOption = {
|
|
5
|
+
/** Значения элементов */
|
|
6
|
+
value?: string;
|
|
7
|
+
/** Текст, который будет отображаться */
|
|
8
|
+
label: string;
|
|
9
|
+
/** Количество элементов */
|
|
10
|
+
dataCount?: number;
|
|
11
|
+
/** Слот слева */
|
|
12
|
+
iconLeft?: ReactNode;
|
|
13
|
+
/** Слот справа */
|
|
14
|
+
iconRight?: ReactNode;
|
|
15
|
+
};
|
|
16
|
+
export type TModeBubbles = 'variant_1' | 'variant_2';
|
|
17
|
+
export type TScrollBubbles = 'base' | 'content' | 'none';
|
|
18
|
+
export type TTabProps = {
|
|
19
|
+
/** Список элементов **/
|
|
20
|
+
options: TabOption[];
|
|
21
|
+
/** Вид табов **/
|
|
22
|
+
mode?: TModeBubbles;
|
|
23
|
+
/** Стиль для списка **/
|
|
24
|
+
style?: CSS.Properties;
|
|
25
|
+
/** Выбранное значение **/
|
|
26
|
+
selectedValue: string | null;
|
|
27
|
+
/** Режим отображения чисел */
|
|
28
|
+
isDataCountTop?: boolean;
|
|
29
|
+
/** Тип Counter */
|
|
30
|
+
counterType?: TCounterType;
|
|
31
|
+
/** Тип Скролла */
|
|
32
|
+
scroll?: TScrollBubbles;
|
|
33
|
+
/** Действие при нажатии на таб */
|
|
34
|
+
onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Bubbles } from './Bubbles';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: ({ number, type, style }: import("./Counter.typed").ICounter) => JSX.Element;
|
|
4
|
+
tags: string[];
|
|
5
|
+
parameters: {
|
|
6
|
+
design: {
|
|
7
|
+
type: string;
|
|
8
|
+
url: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
export declare const Counter: () => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import CSS from 'csstype';
|
|
2
|
+
export type TCounterType = 'notification' | 'brand' | 'neutral';
|
|
3
|
+
export interface ICounter {
|
|
4
|
+
/**Число, которое будет отображаться внутри */
|
|
5
|
+
number: number;
|
|
6
|
+
/**Тип counter */
|
|
7
|
+
type?: TCounterType;
|
|
8
|
+
/** Стиль для Counter **/
|
|
9
|
+
style?: CSS.Properties;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Counter } from './Counter';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: ({ direction, onClick, className, style, disabled }: import("./SwiperButton.typed").ISwiperButtonProps) => JSX.Element;
|
|
4
|
+
tags: string[];
|
|
5
|
+
parameters: {
|
|
6
|
+
design: {
|
|
7
|
+
type: string;
|
|
8
|
+
url: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
export declare const SwiperButton: () => JSX.Element;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
3
|
+
direction: 'right' | 'left';
|
|
4
|
+
}, never>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import CSS from 'csstype';
|
|
3
|
+
export interface ISwiperButtonProps {
|
|
4
|
+
/** Направление стрелки внутри кнопки */
|
|
5
|
+
direction?: 'left' | 'right';
|
|
6
|
+
/** Кастомные стили для кнопки */
|
|
7
|
+
style?: CSS.Properties;
|
|
8
|
+
/** Класс для кнопки */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Блокирование кнопки */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** Действие по нажатию на кнопку */
|
|
13
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SwiperButton } from './SwiperButton';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TTypographyVariant } from './Typography.typed';
|
|
2
|
-
export declare const typographyVariants: readonly ["header1-Bold", "header2-ExtraBold", "header2-Bold", "header3-Bold", "header3-SemiBold", "header4-Bold", "header4-SemiBold", "header5-Bold", "header5-SemiBold", "header6-Bold", "header6-SemiBold", "paragraph-Regular", "paragraph-Medium", "text-Regular", "text-Medium", "text-Bold", "description-Regular", "description-Medium", "description-SemiBold", "description-Bold", "caption-Medium", "caption-SemiBold", "caption-Bold", "caption2-Medium", "caption2-SemiBold", "caption2-Bold", "tag-
|
|
2
|
+
export declare const typographyVariants: readonly ["header1-Bold", "header2-ExtraBold", "header2-Bold", "header3-Bold", "header3-SemiBold", "header4-Bold", "header4-SemiBold", "header5-Bold", "header5-SemiBold", "header6-Bold", "header6-SemiBold", "paragraph-Regular", "paragraph-Medium", "text-Regular", "text-Medium", "text-Bold", "description-Regular", "description-Medium", "description-SemiBold", "description-Bold", "caption-Medium", "caption-SemiBold", "caption-Bold", "caption2-Medium", "caption2-SemiBold", "caption2-Bold", "tag-Medium11", "tag-Medium10", "tag-Medium9", "controls-Regular", "controls-Medium", "controls-SemiBold"];
|
|
3
3
|
export declare const getTypographyParameters: (variant: TTypographyVariant) => number[];
|
package/dist/index.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ import { useHidingFromApp } from './hooks/useHiddingFromApp';
|
|
|
6
6
|
import { useHidingChat } from './hooks/useHidingChat';
|
|
7
7
|
import { useGetHeaderHeight, useHeaderHeightListener } from './hooks/useHeaderHeight';
|
|
8
8
|
import { Alert } from './components/uikit/Alert';
|
|
9
|
+
import { SwiperButton } from './components/uikit/SwiperButton';
|
|
10
|
+
import { Counter } from './components/uikit/Counter';
|
|
9
11
|
import { Checkbox } from './components/uikit/Checkbox';
|
|
10
12
|
import { Radio } from './components/uikit/Radio';
|
|
11
13
|
import { Portal } from './components/uikit/Portal';
|
|
@@ -33,11 +35,12 @@ import { Spinner } from './components/uikit/Spinner';
|
|
|
33
35
|
import { Skeleton } from './components/uikit/Skeleton';
|
|
34
36
|
import { TabListCell } from './components/uikit/TabListCell';
|
|
35
37
|
import { Textarea } from './components/uikit/Textarea';
|
|
36
|
-
import {
|
|
38
|
+
import { Bubbles } from './components/uikit/Bubbles';
|
|
37
39
|
import { Typography } from './components/uikit/Typography';
|
|
38
40
|
import { palette } from './theme/theme.const';
|
|
39
41
|
import { ThemeProvider, useMode } from './theme/ThemeProvider';
|
|
40
42
|
import eventBus from './utils/eventBus';
|
|
41
43
|
import { BusEvent } from './utils/eventBus/events';
|
|
42
44
|
import { INSTRUMENTS_TYPES } from './hooks/useSearchInstruments';
|
|
43
|
-
|
|
45
|
+
import { AnimationFunctions } from './constants/animation/animation';
|
|
46
|
+
export { AnimationFunctions, INSTRUMENTS_TYPES, eventBus, BusEvent, Footer, Header, SideMenu, Alert, SwiperButton, Counter, Checkbox, Radio, Portal, Loader, Button, TextButton, RegexPattern, Input, Textarea, ErrorText, Avatar, Tooltip, Typography, DefaultTooltip, Modal, SideModal, CircleButton, ArrowButton, Bubbles, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, Switch, Spinner, Skeleton, TabListCell, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp, useGetHeaderHeight, useHeaderHeightListener, LayoutSideMenu };
|