@dss-kit/ui-kit 0.1.6 → 0.1.8
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/builders/Box/Box.d.ts +74 -72
- package/dist/components/builders/Box/Box.d.ts.map +1 -1
- package/dist/components/builders/Box/index.d.ts +2 -2
- package/dist/components/builders/Box/type.d.ts +58 -0
- package/dist/components/builders/Box/type.d.ts.map +1 -0
- package/dist/components/builders/Loader/Loader.d.ts +3 -3
- package/dist/components/builders/Loader/Loader.d.ts.map +1 -1
- package/dist/components/builders/Loader/index.d.ts +2 -2
- package/dist/components/builders/Modal/Modal.d.ts +32 -30
- package/dist/components/builders/Modal/Modal.d.ts.map +1 -1
- package/dist/components/builders/Modal/Modal.stories.d.ts +3 -3
- package/dist/components/builders/Modal/Modal.stories.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts +5 -3
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalFooter/index.d.ts +2 -2
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +18 -12
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalHeader/index.d.ts +2 -2
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts +30 -28
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts.map +1 -1
- package/dist/components/builders/Modal/ModalMain/index.d.ts +3 -3
- package/dist/components/builders/Modal/index.d.ts +12 -9
- package/dist/components/builders/Modal/index.d.ts.map +1 -1
- package/dist/components/builders/Ripple/Ripple.d.ts +13 -16
- package/dist/components/builders/Ripple/Ripple.d.ts.map +1 -1
- package/dist/components/builders/Ripple/index.d.ts +2 -2
- package/dist/components/builders/Text/Text.d.ts +476 -329
- package/dist/components/builders/Text/Text.d.ts.map +1 -1
- package/dist/components/builders/Text/Text.stories.d.ts +3 -3
- package/dist/components/builders/Text/Text.stories.d.ts.map +1 -1
- package/dist/components/builders/Text/index.d.ts +2 -2
- package/dist/components/builders/Text/utils/systemToClass.d.ts +23 -23
- package/dist/components/builders/index.d.ts +5 -5
- package/dist/components/controls/Button/Button.d.ts +76 -76
- package/dist/components/controls/Button/Button.d.ts.map +1 -1
- package/dist/components/controls/Button/Button.stories.d.ts +3 -3
- package/dist/components/controls/Button/index.d.ts +3 -3
- package/dist/components/controls/Button/styles.d.ts +9 -4
- package/dist/components/controls/Button/styles.d.ts.map +1 -1
- package/dist/components/controls/Button/types.d.ts +14 -3
- package/dist/components/controls/Button/types.d.ts.map +1 -1
- package/dist/components/controls/Checkbox/Checkbox.d.ts +29 -18
- package/dist/components/controls/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/controls/Checkbox/Checkbox.stories.d.ts +3 -3
- package/dist/components/controls/Checkbox/index.d.ts +2 -2
- package/dist/components/controls/IconButton/IconButton.d.ts +11 -3
- package/dist/components/controls/IconButton/IconButton.stories.d.ts +3 -3
- package/dist/components/controls/IconButton/IconButton.stories.d.ts.map +1 -1
- package/dist/components/controls/IconButton/IconButton.types.d.ts +33 -10
- package/dist/components/controls/IconButton/IconButton.types.d.ts.map +1 -1
- package/dist/components/controls/IconButton/index.d.ts +3 -3
- package/dist/components/controls/Input/Input.d.ts +47 -38
- package/dist/components/controls/Input/Input.d.ts.map +1 -1
- package/dist/components/controls/Input/Input.stories.d.ts +3 -3
- package/dist/components/controls/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/controls/Input/index.d.ts +2 -2
- package/dist/components/controls/Select/Select.d.ts +44 -22
- package/dist/components/controls/Select/Select.d.ts.map +1 -1
- package/dist/components/controls/Select/Select.stories.d.ts +5 -5
- package/dist/components/controls/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/controls/Select/index.d.ts +2 -2
- package/dist/components/controls/Switch/Switch.d.ts +89 -83
- package/dist/components/controls/Switch/Switch.d.ts.map +1 -1
- package/dist/components/controls/Switch/Switch.stories.d.ts +3 -3
- package/dist/components/controls/Switch/Switch.stories.d.ts.map +1 -1
- package/dist/components/controls/Switch/index.d.ts +3 -3
- package/dist/components/controls/index.d.ts +7 -7
- package/dist/components/index.d.ts +4 -4
- package/dist/components/shared/Avatar/Avatar.d.ts +10 -3
- package/dist/components/shared/Avatar/Avatar.stories.d.ts +6 -6
- package/dist/components/shared/Avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/components/shared/Avatar/Avatar.types.d.ts +21 -8
- package/dist/components/shared/Avatar/index.d.ts +3 -3
- package/dist/components/shared/Hint/Hint.d.ts +34 -23
- package/dist/components/shared/Hint/Hint.d.ts.map +1 -1
- package/dist/components/shared/Hint/Hint.stories.d.ts +3 -3
- package/dist/components/shared/Hint/Hint.stories.d.ts.map +1 -1
- package/dist/components/shared/Hint/index.d.ts +2 -2
- package/dist/components/shared/Portal/Portal.d.ts +2 -2
- package/dist/components/shared/Portal/Portal.d.ts.map +1 -1
- package/dist/components/shared/Portal/index.d.ts +2 -2
- package/dist/components/shared/Tag/Tag.d.ts +20 -13
- package/dist/components/shared/Tag/Tag.d.ts.map +1 -1
- package/dist/components/shared/Tag/Tag.stories.d.ts +3 -3
- package/dist/components/shared/Tag/Tag.stories.d.ts.map +1 -1
- package/dist/components/shared/Tag/index.d.ts +3 -3
- package/dist/components/shared/index.d.ts +5 -5
- package/dist/index.d.ts +5 -5
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts +7 -3
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts.map +1 -1
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts +4 -4
- package/dist/providers/ThemeProviderScoped/index.d.ts +3 -3
- package/dist/providers/index.d.ts +2 -2
- package/dist/root.css +886 -1
- package/dist/types/children.types.d.ts +2 -2
- package/dist/types/index.d.ts +2 -2
- package/dist/types/tokens.types.d.ts +74 -9
- package/dist/ui-kit.cjs.js +9323 -5
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +7900 -5735
- package/dist/ui-kit.es.js.map +1 -1
- package/dist/utils/hooks/index.d.ts +3 -3
- package/dist/utils/hooks/useControlled.d.ts +5 -2
- package/dist/utils/hooks/useDropdownPosition.d.ts +8 -5
- package/dist/utils/index.d.ts +3 -3
- package/dist/utils/styles/getFontWeightClass/getFontWeightClass.d.ts +7 -3
- package/dist/utils/styles/getFontWeightClass/index.d.ts +2 -2
- package/dist/utils/styles/getSizeClass/getSizeClass.d.ts +7 -3
- package/dist/utils/styles/getSizeClass/index.d.ts +2 -2
- package/dist/utils/styles/getStyleClass/getStyleClass.d.ts +11 -2
- package/dist/utils/styles/getStyleClass/index.d.ts +2 -2
- package/dist/utils/styles/index.d.ts +3 -3
- package/package.json +5 -16
|
@@ -1,58 +1,66 @@
|
|
|
1
|
-
import { default as React } from
|
|
1
|
+
import { default as React } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Императивный интерфейс для работы с Input через ref.
|
|
4
4
|
*/
|
|
5
5
|
export interface InputRef {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
/** Фокус на поле */
|
|
7
|
+
focus: () => void;
|
|
8
|
+
/** Снятие фокуса */
|
|
9
|
+
blur: () => void;
|
|
10
|
+
/** Текущее значение поля */
|
|
11
|
+
value: string | undefined;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
14
14
|
* Общие пропсы для Input и Textarea.
|
|
15
15
|
*/
|
|
16
16
|
type CommonProps = {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
17
|
+
/** Заголовок над полем */
|
|
18
|
+
label?: string;
|
|
19
|
+
/** Подсказка или JSX-элемент под полем */
|
|
20
|
+
prompt?: string | React.ReactNode;
|
|
21
|
+
/** Есть ли ошибка */
|
|
22
|
+
error?: boolean;
|
|
23
|
+
/** Текст ошибки */
|
|
24
|
+
errorText?: string;
|
|
25
|
+
/** Размер поля */
|
|
26
|
+
size?: "sm" | "md";
|
|
27
|
+
/** Префикс (иконка/элемент перед полем) */
|
|
28
|
+
prefix?: React.ReactNode;
|
|
29
|
+
/** Суффикс (элемент после поля) */
|
|
30
|
+
suffix?: React.ReactNode;
|
|
31
|
+
/** Цвет фона */
|
|
32
|
+
background?: "white" | "gray";
|
|
33
|
+
/** Кнопка очистки значения */
|
|
34
|
+
showClearButton?: boolean;
|
|
35
|
+
/** Заблокированное состояние */
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
/** Контролируемое значение */
|
|
38
|
+
value?: string | number;
|
|
39
|
+
/** Неконтролируемое значение по умолчанию */
|
|
40
|
+
defaultValue?: string | number;
|
|
41
41
|
};
|
|
42
42
|
/**
|
|
43
43
|
* Пропсы для input (однострочный режим).
|
|
44
44
|
*/
|
|
45
|
-
type InputElementProps = CommonProps &
|
|
45
|
+
type InputElementProps = CommonProps &
|
|
46
|
+
Omit<
|
|
47
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
48
|
+
"size" | "prefix" | "onChange" | "value" | "defaultValue"
|
|
49
|
+
> & {
|
|
46
50
|
multiline?: false;
|
|
47
51
|
/** Обработчик изменения (только для input) */
|
|
48
52
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
49
53
|
/** Тип поля (text, password и т.д.) */
|
|
50
54
|
type?: "text" | "password" | string;
|
|
51
|
-
};
|
|
55
|
+
};
|
|
52
56
|
/**
|
|
53
57
|
* Пропсы для textarea (многострочный режим).
|
|
54
58
|
*/
|
|
55
|
-
type TextareaElementProps = CommonProps &
|
|
59
|
+
type TextareaElementProps = CommonProps &
|
|
60
|
+
Omit<
|
|
61
|
+
React.TextareaHTMLAttributes<HTMLTextAreaElement>,
|
|
62
|
+
"size" | "prefix" | "onChange" | "value" | "defaultValue"
|
|
63
|
+
> & {
|
|
56
64
|
multiline: true;
|
|
57
65
|
/** Количество строк по умолчанию */
|
|
58
66
|
rows?: number;
|
|
@@ -60,7 +68,7 @@ type TextareaElementProps = CommonProps & Omit<React.TextareaHTMLAttributes<HTML
|
|
|
60
68
|
autoResize?: boolean;
|
|
61
69
|
/** Обработчик изменения (только для textarea) */
|
|
62
70
|
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
63
|
-
};
|
|
71
|
+
};
|
|
64
72
|
export type InputProps = InputElementProps | TextareaElementProps;
|
|
65
73
|
/**
|
|
66
74
|
* Компонент Input — универсальное поле ввода (input/textarea) с поддержкой:
|
|
@@ -72,6 +80,7 @@ export type InputProps = InputElementProps | TextareaElementProps;
|
|
|
72
80
|
*
|
|
73
81
|
* Поддерживает ref для императивного API (focus/blur/value).
|
|
74
82
|
*/
|
|
75
|
-
export declare const Input: React.ForwardRefExoticComponent<
|
|
76
|
-
|
|
77
|
-
|
|
83
|
+
export declare const Input: React.ForwardRefExoticComponent<
|
|
84
|
+
InputProps & React.RefAttributes<InputRef>
|
|
85
|
+
>;
|
|
86
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,KAAK,iBAAiB,GAAG,WAAW,GAClC,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;CACrC,CAAC;AAEJ;;GAEG;AACH,KAAK,oBAAoB,GAAG,WAAW,GACrC,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAC1D,GAAG;IACF,SAAS,EAAE,IAAI,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAElE;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,6EAgOhB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { Input } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Input } from "./Input";
|
|
3
3
|
declare const meta: Meta<typeof Input>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof Input>;
|
|
@@ -16,4 +16,4 @@ export declare const Password: Story;
|
|
|
16
16
|
export declare const WithPrompt: Story;
|
|
17
17
|
export declare const Controlled: Story;
|
|
18
18
|
export declare const DifferentBackgrounds: Story;
|
|
19
|
-
//# sourceMappingURL=Input.stories.d.ts.map
|
|
19
|
+
//# sourceMappingURL=Input.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,KAAK,EAAY,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,KAAK,EAAY,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8C5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA8CxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./Input";
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import { FocusEventHandler, ReactNode } from
|
|
1
|
+
import { FocusEventHandler, ReactNode } from "react";
|
|
2
2
|
export type SelectSize = "xs" | "sm" | "md";
|
|
3
3
|
export interface SelectProps<I, V> {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
4
|
+
items: I[];
|
|
5
|
+
returnedValue: (item: I) => V;
|
|
6
|
+
renderItem: (item: I) => ReactNode;
|
|
7
|
+
value?: V | V[] | null;
|
|
8
|
+
onChange?: (val: V | V[] | null) => void;
|
|
9
|
+
multiple?: boolean;
|
|
10
|
+
onBlur?: FocusEventHandler;
|
|
11
|
+
label?: string | ReactNode;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
prompt?: string | ReactNode;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
error?: boolean;
|
|
16
|
+
errorText?: string;
|
|
17
|
+
fullWidth?: boolean;
|
|
18
|
+
showDefaultItem?: boolean;
|
|
19
|
+
emptyText?: string | ReactNode;
|
|
20
|
+
firstItem?: ReactNode;
|
|
21
|
+
lastItem?: ReactNode;
|
|
22
|
+
observer?: ReactNode;
|
|
23
|
+
size?: SelectSize;
|
|
23
24
|
}
|
|
24
25
|
/**
|
|
25
26
|
* =============================================================================
|
|
@@ -81,5 +82,26 @@ export interface SelectProps<I, V> {
|
|
|
81
82
|
* - useDropdownPosition: вычисляет позицию dropdown относительно триггера
|
|
82
83
|
* - useControlled: управляет состоянием значения в controlled/uncontrolled режиме
|
|
83
84
|
*/
|
|
84
|
-
export declare function Select<I, V extends string | number>({
|
|
85
|
-
|
|
85
|
+
export declare function Select<I, V extends string | number>({
|
|
86
|
+
value,
|
|
87
|
+
onChange,
|
|
88
|
+
multiple,
|
|
89
|
+
returnedValue,
|
|
90
|
+
renderItem,
|
|
91
|
+
placeholder,
|
|
92
|
+
items,
|
|
93
|
+
fullWidth,
|
|
94
|
+
size,
|
|
95
|
+
showDefaultItem,
|
|
96
|
+
disabled,
|
|
97
|
+
label,
|
|
98
|
+
firstItem,
|
|
99
|
+
lastItem,
|
|
100
|
+
observer,
|
|
101
|
+
emptyText,
|
|
102
|
+
onBlur,
|
|
103
|
+
prompt,
|
|
104
|
+
error,
|
|
105
|
+
errorText,
|
|
106
|
+
}: SelectProps<I, V>): import("react/jsx-runtime").JSX.Element;
|
|
107
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAuBf,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEnC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnD,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,aAAa,EACb,UAAU,EACV,WAAW,EACX,KAAU,EACV,SAAS,EACT,IAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,2CA+TnB"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { SelectProps } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { SelectProps } from "./Select";
|
|
3
3
|
interface SelectItem {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
id: number;
|
|
5
|
+
label: string;
|
|
6
6
|
}
|
|
7
7
|
type StorySelect = SelectProps<SelectItem, number>;
|
|
8
8
|
declare const meta: Meta<StorySelect>;
|
|
@@ -19,4 +19,4 @@ export declare const WithFirstLastItem: Story;
|
|
|
19
19
|
export declare const WithDefaultItem: Story;
|
|
20
20
|
export declare const Controlled: Story;
|
|
21
21
|
export declare const WithObserver: Story;
|
|
22
|
-
//# sourceMappingURL=Select.stories.d.ts.map
|
|
22
|
+
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAaD,KAAK,WAAW,GAAG,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CA4C3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC;AAkBF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA+ExB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAmD1B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./Select";
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,90 +1,96 @@
|
|
|
1
|
-
import { AccentType, SecondaryType, Size } from
|
|
1
|
+
import { AccentType, SecondaryType, Size } from "../../../types/tokens.types";
|
|
2
2
|
type SwitchSizes = Exclude<Size, "xs" | "xl">;
|
|
3
3
|
type ThemeType = "theme";
|
|
4
4
|
export type SwitchVariant = AccentType | SecondaryType | ThemeType;
|
|
5
5
|
export interface SwitchRef {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
6
|
+
/** Фокус на переключателе */
|
|
7
|
+
focus: () => void;
|
|
8
|
+
/** Снятие фокуса */
|
|
9
|
+
blur: () => void;
|
|
10
|
+
/** Текущее состояние переключателя */
|
|
11
|
+
checked: boolean;
|
|
12
|
+
/** Программное изменение состояния переключателя */
|
|
13
|
+
setChecked: (checked: boolean) => void;
|
|
14
|
+
/** Переключение состояния (toggle) */
|
|
15
|
+
toggle: () => void;
|
|
16
|
+
/** Проверка, находится ли переключатель в фокусе */
|
|
17
|
+
isFocused: () => boolean;
|
|
18
|
+
/** Проверка, отключен ли переключатель */
|
|
19
|
+
isDisabled: () => boolean;
|
|
20
|
+
/** Получение DOM-элемента input */
|
|
21
|
+
getInputElement: () => HTMLInputElement | null;
|
|
22
|
+
/** Программная проверка валидности (если есть validation) */
|
|
23
|
+
checkValidity: () => boolean;
|
|
24
|
+
/** Сброс к значению по умолчанию */
|
|
25
|
+
reset: () => void;
|
|
26
26
|
}
|
|
27
|
-
interface SwitchProps
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
27
|
+
interface SwitchProps
|
|
28
|
+
extends Omit<
|
|
29
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
30
|
+
"type" | "size" | "onChange" | "value" | "defaultValue" | "title"
|
|
31
|
+
> {
|
|
32
|
+
/**
|
|
33
|
+
* Размер переключателя.
|
|
34
|
+
* Доступны: `sm`, `md`, `lg`.
|
|
35
|
+
* @default "md"
|
|
36
|
+
*/
|
|
37
|
+
size?: SwitchSizes;
|
|
38
|
+
/**
|
|
39
|
+
* Вариант переключателя.
|
|
40
|
+
* Доступны: `accent`, `secondary`, `theme`.
|
|
41
|
+
* @default "accent"
|
|
42
|
+
*/
|
|
43
|
+
variant?: SwitchVariant;
|
|
44
|
+
/**
|
|
45
|
+
* Заголовок переключателя.
|
|
46
|
+
*/
|
|
47
|
+
title?: string | React.ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* Текст переключателя.
|
|
50
|
+
*/
|
|
51
|
+
text?: string | React.ReactNode;
|
|
52
|
+
/**
|
|
53
|
+
* Иконка переключателя.
|
|
54
|
+
*/
|
|
55
|
+
icon?: React.ReactNode;
|
|
56
|
+
/**
|
|
57
|
+
* Отключает переключатель.
|
|
58
|
+
* При `true` блокирует клики, добавляет стиль `not-allowed` и понижает прозрачность.
|
|
59
|
+
* @default false
|
|
60
|
+
*/
|
|
61
|
+
disabled?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* Обработчик изменения состояния переключателя.
|
|
64
|
+
*/
|
|
65
|
+
onChange?: (checked: boolean) => void;
|
|
66
|
+
/**
|
|
67
|
+
* Контролируемое значение.
|
|
68
|
+
*/
|
|
69
|
+
checked?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Неконтролируемое значение по умолчанию.
|
|
72
|
+
*/
|
|
73
|
+
defaultValue?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* Дополнительный класс для контейнера.
|
|
76
|
+
*/
|
|
77
|
+
className?: string;
|
|
78
|
+
/**
|
|
79
|
+
* Отображать переключатель и лейблы в обратном порядке.
|
|
80
|
+
*/
|
|
81
|
+
reverse?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Ширина контейнера.
|
|
84
|
+
* - `full` — 100%
|
|
85
|
+
* - `auto` — по содержимому
|
|
86
|
+
* - строка — в px
|
|
87
|
+
* - число — в px
|
|
88
|
+
* @default "auto"
|
|
89
|
+
*/
|
|
90
|
+
w?: "full" | "auto" | string | number;
|
|
87
91
|
}
|
|
88
|
-
declare const Switch: import(
|
|
92
|
+
declare const Switch: import("react").ForwardRefExoticComponent<
|
|
93
|
+
SwitchProps & import("react").RefAttributes<SwitchRef>
|
|
94
|
+
>;
|
|
89
95
|
export { Switch };
|
|
90
|
-
//# sourceMappingURL=Switch.d.ts.map
|
|
96
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Switch/Switch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Switch/Switch.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAI5E,KAAK,WAAW,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAE9C,KAAK,SAAS,GAAG,OAAO,CAAC;AACzB,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;AAEnE,MAAM,WAAW,SAAS;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IAEjB,oDAAoD;IACpD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,sCAAsC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB,oDAAoD;IACpD,SAAS,EAAE,MAAM,OAAO,CAAC;IAEzB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,OAAO,CAAC;IAE1B,mCAAmC;IACnC,eAAe,EAAE,MAAM,gBAAgB,GAAG,IAAI,CAAC;IAE/C,6DAA6D;IAC7D,aAAa,EAAE,MAAM,OAAO,CAAC;IAE7B,oCAAoC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,UAAU,WACR,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,OAAO,CAClE;IACD;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;OAOG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CACvC;AAED,QAAA,MAAM,MAAM,mGA6IX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { Switch } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Switch } from "./Switch";
|
|
3
3
|
declare const meta: Meta<typeof Switch>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof Switch>;
|
|
@@ -8,4 +8,4 @@ export declare const Accent: Story;
|
|
|
8
8
|
export declare const Secondary: Story;
|
|
9
9
|
export declare const WithIcon: Story;
|
|
10
10
|
export declare const Theme: Story;
|
|
11
|
-
//# sourceMappingURL=Switch.stories.d.ts.map
|
|
11
|
+
//# sourceMappingURL=Switch.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Switch/Switch.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA2B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Switch/Switch.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA2B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAiDnB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export type { SwitchRef } from
|
|
2
|
-
export { Switch } from
|
|
3
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export type { SwitchRef } from "./Switch";
|
|
2
|
+
export { Switch } from "./Switch";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./Button";
|
|
2
|
+
export * from "./Checkbox";
|
|
3
|
+
export * from "./IconButton";
|
|
4
|
+
export * from "./Input";
|
|
5
|
+
export * from "./Select";
|
|
6
|
+
export * from "./Switch";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./builders";
|
|
2
|
+
export * from "./controls";
|
|
3
|
+
export * from "./shared";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
-
import { IAvatarProps } from
|
|
2
|
-
export declare function Avatar({
|
|
3
|
-
|
|
1
|
+
import { IAvatarProps } from "./Avatar.types.ts";
|
|
2
|
+
export declare function Avatar({
|
|
3
|
+
attr,
|
|
4
|
+
children,
|
|
5
|
+
className,
|
|
6
|
+
color,
|
|
7
|
+
size,
|
|
8
|
+
...props
|
|
9
|
+
}: IAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { IAvatarProps } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { IAvatarProps } from "./Avatar.types";
|
|
3
3
|
declare const meta: Meta<IAvatarProps>;
|
|
4
4
|
type Story = StoryObj<typeof meta>;
|
|
5
5
|
export declare const SvgIcon: Story;
|
|
6
6
|
export declare const ImgTag: Story;
|
|
7
7
|
export declare const Text: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
args: {
|
|
9
|
+
children: string;
|
|
10
|
+
};
|
|
11
11
|
};
|
|
12
12
|
export default meta;
|
|
13
|
-
//# sourceMappingURL=Avatar.stories.d.ts.map
|
|
13
|
+
//# sourceMappingURL=Avatar.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CA8B5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,13 +1,26 @@
|
|
|
1
|
-
import { ComponentProps } from
|
|
2
|
-
import {
|
|
1
|
+
import { ComponentProps } from "react";
|
|
2
|
+
import {
|
|
3
|
+
CustomType,
|
|
4
|
+
NegativeType,
|
|
5
|
+
PositiveType,
|
|
6
|
+
PrimaryType,
|
|
7
|
+
SecondaryType,
|
|
8
|
+
Size,
|
|
9
|
+
WarningType,
|
|
10
|
+
} from "../../../types/tokens.types.ts";
|
|
3
11
|
type AvatarAttributes = Pick<ComponentProps<"div">, "className" | "children">;
|
|
4
12
|
type AvatarRestAttributes = Omit<ComponentProps<"div">, keyof AvatarAttributes>;
|
|
5
13
|
type AvatarSize = Extract<Size, "lg" | "sm" | "md"> | CustomType;
|
|
6
|
-
type AvatarColor =
|
|
14
|
+
type AvatarColor =
|
|
15
|
+
| PrimaryType
|
|
16
|
+
| SecondaryType
|
|
17
|
+
| NegativeType
|
|
18
|
+
| PositiveType
|
|
19
|
+
| WarningType
|
|
20
|
+
| CustomType;
|
|
7
21
|
export interface IAvatarProps extends AvatarAttributes {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
22
|
+
size?: AvatarSize;
|
|
23
|
+
color?: AvatarColor;
|
|
24
|
+
attr?: AvatarRestAttributes;
|
|
11
25
|
}
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=Avatar.types.d.ts.map
|
|
26
|
+
//# sourceMappingURL=Avatar.types.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export type * from
|
|
3
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./Avatar";
|
|
2
|
+
export type * from "./Avatar.types";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|