@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,uBAAuB,CAAC;AAE7E,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,KAAK,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,IACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GACpD,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wBAAwB;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mBAAmB;IACnB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,yBAAyB;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEJ,eAAO,MAAM,IAAI;gBAhBD,MAAM;IAClB,wBAAwB;cACd,WAAW;IACrB,wBAAwB;iBACX,UAAU;IACvB,mBAAmB;;IAEnB,yBAAyB;gBACb,SAAS;IACrB,oCAAoC;mBACrB,MAAM;IACrB,yCAAyC;sBACvB,MAAM;YAChB,KAAK,CAAC,aAAa;8CA6D3B,CAAC;AAIL,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAe,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { TextProps } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { TextProps } from "./Text";
|
|
3
3
|
declare const meta: Meta<TextProps>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<TextProps>;
|
|
@@ -8,4 +8,4 @@ export declare const Variants: Story;
|
|
|
8
8
|
export declare const Colors: Story;
|
|
9
9
|
export declare const Weights: Story;
|
|
10
10
|
export declare const Clickable: Story;
|
|
11
|
-
//# sourceMappingURL=Text.stories.d.ts.map
|
|
11
|
+
//# sourceMappingURL=Text.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CA8DzB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAepB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./Text.tsx";
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
export type SystemStyleProps = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
2
|
+
/** margin-top */
|
|
3
|
+
mt?: number | string;
|
|
4
|
+
/** margin-bottom */
|
|
5
|
+
mb?: number | string;
|
|
6
|
+
ml?: number | string;
|
|
7
|
+
mr?: number | string;
|
|
8
|
+
flex?: number | string;
|
|
9
|
+
cursor?: React.CSSProperties["cursor"];
|
|
10
|
+
wordBreak?: React.CSSProperties["wordBreak"];
|
|
11
|
+
whiteSpace?: React.CSSProperties["whiteSpace"];
|
|
12
|
+
textOverflow?: React.CSSProperties["textOverflow"];
|
|
13
|
+
decoration?: React.CSSProperties["textDecoration"];
|
|
14
|
+
/** @deprecated TODO: remove this after deprecation of color prop @use colorName or style.color instead */
|
|
15
|
+
color?: React.CSSProperties["color"];
|
|
16
|
+
center?: boolean;
|
|
17
|
+
left?: boolean;
|
|
18
|
+
right?: boolean;
|
|
19
|
+
uppercase?: boolean;
|
|
20
|
+
lowercase?: boolean;
|
|
21
|
+
capitalize?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
overflow?: React.CSSProperties["overflow"];
|
|
24
24
|
};
|
|
25
25
|
export declare const systemToClass: (props: SystemStyleProps) => string;
|
|
26
|
-
//# sourceMappingURL=systemToClass.d.ts.map
|
|
26
|
+
//# sourceMappingURL=systemToClass.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./Box";
|
|
2
|
+
export * from "./Modal";
|
|
3
|
+
export * from "./Ripple";
|
|
4
|
+
export * from "./Text";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { CornerRadius, Size } from
|
|
4
|
-
import { ButtonColor, ButtonType } from
|
|
1
|
+
import { HTMLMotionProps } from "framer-motion";
|
|
2
|
+
import { default as React, FC } from "react";
|
|
3
|
+
import { CornerRadius, Size } from "../../../types/tokens.types";
|
|
4
|
+
import { ButtonColor, ButtonType } from "./types";
|
|
5
5
|
export interface ButtonProps extends Omit<HTMLMotionProps<"button">, "type"> {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Отключает кнопку.
|
|
8
|
+
* При `true` блокирует клики, добавляет стиль `not-allowed` и понижает прозрачность.
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Состояние загрузки.
|
|
14
|
+
* При `true` текст скрывается и отображается Loader.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Вариант отображения кнопки.
|
|
20
|
+
* @default "filled"
|
|
21
|
+
*/
|
|
22
|
+
variant?: ButtonType;
|
|
23
|
+
/**
|
|
24
|
+
* Цветовая схема (токен).
|
|
25
|
+
* @default "accent"
|
|
26
|
+
*/
|
|
27
|
+
color?: ButtonColor;
|
|
28
|
+
/**
|
|
29
|
+
* Скругление углов.
|
|
30
|
+
* Использует системные значения из CornerRadius.
|
|
31
|
+
* @default "lg"
|
|
32
|
+
*/
|
|
33
|
+
borderRadius?: CornerRadius;
|
|
34
|
+
/**
|
|
35
|
+
* Интенсивность цвета (градация).
|
|
36
|
+
* - `primary` — основной оттенок
|
|
37
|
+
* - `secondary` — вторичный оттенок
|
|
38
|
+
* @default "primary"
|
|
39
|
+
*/
|
|
40
|
+
intensity?: "primary" | "secondary";
|
|
41
|
+
wrapperClassName?: string;
|
|
42
|
+
buttonClassName?: string;
|
|
43
|
+
buttonDisabledClassName?: string;
|
|
44
|
+
textClassName?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Принудительно задать цвет фона (перекрывает токены).
|
|
47
|
+
*/
|
|
48
|
+
backgroundColor?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Принудительно задать цвет текста (перекрывает токены).
|
|
51
|
+
*/
|
|
52
|
+
textColor?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Принудительно задать цвет текста (перекрывает токены).
|
|
55
|
+
*/
|
|
56
|
+
textFontWeight?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Принудительно задать цвет рамки (перекрывает токены).
|
|
59
|
+
*/
|
|
60
|
+
borderColor?: string;
|
|
61
|
+
iconLeft?: React.ReactNode;
|
|
62
|
+
iconRight?: React.ReactNode;
|
|
63
|
+
/**
|
|
64
|
+
* Ширина кнопки.
|
|
65
|
+
* - `full` — 100%
|
|
66
|
+
* - `auto` — по содержимому
|
|
67
|
+
* - `number` — в px
|
|
68
|
+
* @default "full"
|
|
69
|
+
*/
|
|
70
|
+
width?: "full" | "auto" | number;
|
|
71
|
+
/**
|
|
72
|
+
* Размер кнопки (высота и размер текста).
|
|
73
|
+
* Доступны: `xs`, `sm`, `md`, `lg` (без `xl`).
|
|
74
|
+
* @default "md"
|
|
75
|
+
*/
|
|
76
|
+
size?: Exclude<Size, "xl">;
|
|
77
77
|
}
|
|
78
78
|
export declare const Button: FC<ButtonProps>;
|
|
79
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
79
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAU,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAQ/D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC1E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkKlC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { Button } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Button } from "./Button";
|
|
3
3
|
declare const meta: Meta<typeof Button>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof Button>;
|
|
@@ -11,4 +11,4 @@ export declare const Loading: Story;
|
|
|
11
11
|
export declare const WithIcon: Story;
|
|
12
12
|
export declare const AutoWidth: Story;
|
|
13
13
|
export declare const CustomColors: Story;
|
|
14
|
-
//# sourceMappingURL=Button.stories.d.ts.map
|
|
14
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export type { ButtonProps } from
|
|
2
|
-
export { Button } from
|
|
3
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export type { ButtonProps } from "./Button";
|
|
2
|
+
export { Button } from "./Button";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
import { CornerRadius, Size } from
|
|
2
|
-
import { ButtonColor, ButtonType } from
|
|
1
|
+
import { CornerRadius, Size } from "../../../types/tokens.types";
|
|
2
|
+
import { ButtonColor, ButtonType } from "./types";
|
|
3
3
|
export declare const baseButton: string;
|
|
4
4
|
export declare const cornerRadiusValues: Record<CornerRadius, string>;
|
|
5
5
|
export declare const sizeValues: Record<Exclude<Size, "xl">, string>;
|
|
6
6
|
export declare const typeStyles: Record<ButtonType, string>;
|
|
7
|
-
export declare const getVariantStyles: (
|
|
8
|
-
|
|
7
|
+
export declare const getVariantStyles: (
|
|
8
|
+
variant: ButtonType,
|
|
9
|
+
color: ButtonColor,
|
|
10
|
+
intensity: "primary" | "secondary",
|
|
11
|
+
disabled?: boolean
|
|
12
|
+
) => string;
|
|
13
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,UAAU,QAcrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAa3D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,CAK1D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,SAAS,UAAU,EACnB,OAAO,WAAW,EAClB,WAAW,SAAS,GAAG,WAAW,EAClC,WAAW,OAAO,WAuDnB,CAAC"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
AccentType,
|
|
3
|
+
NegativeType,
|
|
4
|
+
NeutralType,
|
|
5
|
+
PositiveType,
|
|
6
|
+
WarningType,
|
|
7
|
+
} from "../../../types/tokens.types";
|
|
2
8
|
/**
|
|
3
9
|
* Тип варианта кнопки
|
|
4
10
|
* - `clear` — прозрачная, без границ и фона
|
|
@@ -15,5 +21,10 @@ export type ButtonType = "clear" | "filled" | "outline";
|
|
|
15
21
|
* - `positive` — позитивный (успех)
|
|
16
22
|
* - `warning` — предупреждение
|
|
17
23
|
*/
|
|
18
|
-
export type ButtonColor =
|
|
19
|
-
|
|
24
|
+
export type ButtonColor =
|
|
25
|
+
| AccentType
|
|
26
|
+
| NeutralType
|
|
27
|
+
| NegativeType
|
|
28
|
+
| PositiveType
|
|
29
|
+
| WarningType;
|
|
30
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExD;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC"}
|
|
@@ -1,20 +1,31 @@
|
|
|
1
|
-
import { default as React } from
|
|
2
|
-
import { TextColor } from
|
|
1
|
+
import { default as React } from "react";
|
|
2
|
+
import { TextColor } from "../../builders";
|
|
3
3
|
interface CheckboxProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
indeterminate?: boolean;
|
|
8
|
+
size?: "sm" | "md";
|
|
9
|
+
title?: string;
|
|
10
|
+
titleColor?: TextColor;
|
|
11
|
+
subtitle?: string;
|
|
12
|
+
/** @default "secondary" */
|
|
13
|
+
subtitleColor?: TextColor;
|
|
14
|
+
name?: string;
|
|
15
|
+
required?: boolean;
|
|
16
|
+
error?: boolean;
|
|
17
|
+
/** Вариант заднего фона.
|
|
18
|
+
*
|
|
19
|
+
* primary - серый
|
|
20
|
+
*
|
|
21
|
+
* secondary - белый
|
|
22
|
+
*
|
|
23
|
+
* @default primary
|
|
24
|
+
*/
|
|
25
|
+
variant?: "primary" | "secondary";
|
|
26
|
+
flex?: React.CSSProperties["flex"];
|
|
17
27
|
}
|
|
18
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<
|
|
19
|
-
|
|
20
|
-
|
|
28
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<
|
|
29
|
+
CheckboxProps & React.RefAttributes<HTMLInputElement>
|
|
30
|
+
>;
|
|
31
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Checkbox/Checkbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlE,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;MAOE;IACF,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAElC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,QAAQ,wFAwGpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { Checkbox } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Checkbox } from "./Checkbox";
|
|
3
3
|
declare const meta: Meta<typeof Checkbox>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof Checkbox>;
|
|
@@ -9,4 +9,4 @@ export declare const Colors: Story;
|
|
|
9
9
|
export declare const States: Story;
|
|
10
10
|
export declare const Controlled: Story;
|
|
11
11
|
export declare const WithLabel: Story;
|
|
12
|
-
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
12
|
+
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./Checkbox";
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
import { IIconButtonProps } from
|
|
2
|
-
export declare function IconButton({
|
|
3
|
-
|
|
1
|
+
import { IIconButtonProps } from "./IconButton.types.ts";
|
|
2
|
+
export declare function IconButton({
|
|
3
|
+
attr,
|
|
4
|
+
children,
|
|
5
|
+
className,
|
|
6
|
+
type,
|
|
7
|
+
color,
|
|
8
|
+
size,
|
|
9
|
+
...props
|
|
10
|
+
}: IIconButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Meta, StoryObj } from
|
|
2
|
-
import { IIconButtonProps } from
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { IIconButtonProps } from "./IconButton.types";
|
|
3
3
|
declare const meta: Meta<IIconButtonProps>;
|
|
4
4
|
type Story = StoryObj<typeof meta>;
|
|
5
5
|
export declare const SvgIcon: Story;
|
|
6
6
|
export declare const ImgTag: Story;
|
|
7
7
|
export default meta;
|
|
8
|
-
//# sourceMappingURL=IconButton.stories.d.ts.map
|
|
8
|
+
//# sourceMappingURL=IconButton.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAwChC,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,eAAe,IAAI,CAAC"}
|
|
@@ -1,13 +1,36 @@
|
|
|
1
|
-
import { ComponentProps } from
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { ComponentProps } from "react";
|
|
2
|
+
import {
|
|
3
|
+
CustomType,
|
|
4
|
+
NegativeType,
|
|
5
|
+
NeutralType,
|
|
6
|
+
PositiveType,
|
|
7
|
+
PrimaryType,
|
|
8
|
+
SecondaryType,
|
|
9
|
+
Size,
|
|
10
|
+
WarningType,
|
|
11
|
+
} from "../../../types/tokens.types.ts";
|
|
12
|
+
type IconButtonAttributes = Pick<
|
|
13
|
+
ComponentProps<"button">,
|
|
14
|
+
"className" | "onClick" | "disabled" | "type" | "children"
|
|
15
|
+
>;
|
|
16
|
+
type IconButtonRestAttributes = Omit<
|
|
17
|
+
ComponentProps<"button">,
|
|
18
|
+
keyof IconButtonAttributes
|
|
19
|
+
>;
|
|
5
20
|
type IconButtonSize = Extract<Size, "xs" | "sm" | "md"> | CustomType;
|
|
6
|
-
type IconButtonColor =
|
|
21
|
+
type IconButtonColor =
|
|
22
|
+
| PrimaryType
|
|
23
|
+
| SecondaryType
|
|
24
|
+
| NegativeType
|
|
25
|
+
| PositiveType
|
|
26
|
+
| WarningType
|
|
27
|
+
| NeutralType
|
|
28
|
+
| CustomType
|
|
29
|
+
| "neutral-white"
|
|
30
|
+
| "no-bg";
|
|
7
31
|
export interface IIconButtonProps extends IconButtonAttributes {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
32
|
+
size?: IconButtonSize;
|
|
33
|
+
color?: IconButtonColor;
|
|
34
|
+
attr?: IconButtonRestAttributes;
|
|
11
35
|
}
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=IconButton.types.d.ts.map
|
|
36
|
+
//# sourceMappingURL=IconButton.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,QAAQ,CAAC,EACxB,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAC3D,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,QAAQ,CAAC,EACxB,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAC3D,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAClC,cAAc,CAAC,QAAQ,CAAC,EACxB,MAAM,oBAAoB,CAC3B,CAAC;AAEF,KAAK,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC;AACrE,KAAK,eAAe,GAChB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACjC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export type * from
|
|
3
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
export * from "./IconButton";
|
|
2
|
+
export type * from "./IconButton.types";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|