@dss-kit/ui-kit 0.1.0 → 0.1.2
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/README.md +21 -21
- package/dist/components/builders/Box/Box.d.ts +4 -1
- package/dist/components/builders/Box/Box.d.ts.map +1 -1
- package/dist/components/builders/Modal/Modal.d.ts +33 -0
- package/dist/components/builders/Modal/Modal.d.ts.map +1 -0
- package/dist/components/builders/Modal/Modal.stories.d.ts +9 -0
- package/dist/components/builders/Modal/Modal.stories.d.ts.map +1 -0
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts +4 -0
- package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts.map +1 -0
- package/dist/components/builders/Modal/ModalFooter/index.d.ts +2 -0
- package/dist/components/builders/Modal/ModalFooter/index.d.ts.map +1 -0
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +12 -0
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts.map +1 -0
- package/dist/components/builders/Modal/ModalHeader/index.d.ts +2 -0
- package/dist/components/builders/Modal/ModalHeader/index.d.ts.map +1 -0
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts +34 -0
- package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts.map +1 -0
- package/dist/components/builders/Modal/ModalMain/index.d.ts +3 -0
- package/dist/components/builders/Modal/ModalMain/index.d.ts.map +1 -0
- package/dist/components/builders/Modal/index.d.ts +13 -0
- package/dist/components/builders/Modal/index.d.ts.map +1 -0
- package/dist/components/builders/Ripple/Ripple.d.ts +39 -0
- package/dist/components/builders/Ripple/Ripple.d.ts.map +1 -0
- package/dist/components/builders/Ripple/index.d.ts +2 -0
- package/dist/components/builders/Ripple/index.d.ts.map +1 -0
- package/dist/components/builders/Text/Text.d.ts +9 -6
- package/dist/components/builders/Text/Text.d.ts.map +1 -1
- package/dist/components/builders/Text/utils/systemToClass.d.ts +4 -0
- package/dist/components/builders/Text/utils/systemToClass.d.ts.map +1 -1
- package/dist/components/builders/index.d.ts +1 -0
- package/dist/components/builders/index.d.ts.map +1 -1
- package/dist/components/controls/Button/Button.d.ts +4 -0
- package/dist/components/controls/Button/Button.d.ts.map +1 -1
- package/dist/components/controls/Button/index.d.ts +1 -1
- package/dist/components/controls/Button/index.d.ts.map +1 -1
- package/dist/components/controls/Button/styles.d.ts.map +1 -1
- package/dist/components/controls/Checkbox/Checkbox.d.ts +20 -0
- package/dist/components/controls/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/controls/Checkbox/Checkbox.stories.d.ts +12 -0
- package/dist/components/controls/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/dist/components/controls/Checkbox/index.d.ts +2 -0
- package/dist/components/controls/Checkbox/index.d.ts.map +1 -0
- package/dist/components/controls/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/controls/Input/Input.d.ts +77 -0
- package/dist/components/controls/Input/Input.d.ts.map +1 -0
- package/dist/components/controls/Input/Input.stories.d.ts +19 -0
- package/dist/components/controls/Input/Input.stories.d.ts.map +1 -0
- package/dist/components/controls/Input/index.d.ts +2 -0
- package/dist/components/controls/Input/index.d.ts.map +1 -0
- package/dist/components/controls/Select/Select.d.ts +85 -0
- package/dist/components/controls/Select/Select.d.ts.map +1 -0
- package/dist/components/controls/Select/Select.stories.d.ts +22 -0
- package/dist/components/controls/Select/Select.stories.d.ts.map +1 -0
- package/dist/components/controls/Select/index.d.ts +2 -0
- package/dist/components/controls/Select/index.d.ts.map +1 -0
- package/dist/components/controls/index.d.ts +3 -1
- package/dist/components/controls/index.d.ts.map +1 -1
- package/dist/components/shared/Portal/Portal.d.ts +3 -0
- package/dist/components/shared/Portal/Portal.d.ts.map +1 -0
- package/dist/components/shared/Portal/index.d.ts +2 -0
- package/dist/components/shared/Portal/index.d.ts.map +1 -0
- package/dist/components/shared/Tag/Tag.d.ts +49 -0
- package/dist/components/shared/Tag/Tag.d.ts.map +1 -0
- package/dist/components/shared/Tag/Tag.stories.d.ts +17 -0
- package/dist/components/shared/Tag/Tag.stories.d.ts.map +1 -0
- package/dist/components/shared/Tag/index.d.ts +3 -0
- package/dist/components/shared/Tag/index.d.ts.map +1 -0
- package/dist/components/shared/index.d.ts +2 -0
- package/dist/components/shared/index.d.ts.map +1 -1
- package/dist/root.css +1 -1
- package/dist/styles/utils/breakpoints/base.scss +11 -11
- package/dist/styles/utils/breakpoints/index.scss +3 -3
- package/dist/styles/utils/breakpoints/screen.scss +61 -61
- package/dist/styles/utils/breakpoints/semantic.scss +31 -31
- package/dist/styles/utils/fonts/font-family.scss +3 -3
- package/dist/styles/utils/fonts/index.scss +1 -1
- package/dist/styles/utils/index.scss +5 -5
- package/dist/styles/utils/size/index.scss +1 -1
- package/dist/styles/utils/size/modifiers.scss +29 -29
- package/dist/styles/utils/style/index.scss +1 -1
- package/dist/styles/utils/style/variants.scss +34 -34
- package/dist/styles/utils/typography/_font-weight.scss +33 -33
- package/dist/styles/utils/typography/_variants.scss +85 -85
- package/dist/styles/utils/typography/index.scss +2 -2
- package/dist/types/tokens.types.d.ts +1 -0
- package/dist/types/tokens.types.d.ts.map +1 -1
- package/dist/ui-kit.cjs.js +5 -2
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +3453 -2151
- package/dist/ui-kit.es.js.map +1 -1
- package/dist/utils/hooks/index.d.ts +3 -0
- package/dist/utils/hooks/index.d.ts.map +1 -0
- package/dist/utils/hooks/useControlled.d.ts +13 -0
- package/dist/utils/hooks/useControlled.d.ts.map +1 -0
- package/dist/utils/hooks/useDropdownPosition.d.ts +33 -0
- package/dist/utils/hooks/useDropdownPosition.d.ts.map +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +80 -78
package/README.md
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
# UI Kit
|
|
2
|
-
|
|
3
|
-
Библиотека React компонентов с дизайн-системой для внутренних проектов.
|
|
4
|
-
|
|
5
|
-
## Включает:
|
|
6
|
-
|
|
7
|
-
- React компоненты
|
|
8
|
-
- CSS переменные и токены дизайна
|
|
9
|
-
- SCSS утилиты и миксины
|
|
10
|
-
- TypeScript типы
|
|
11
|
-
- SVG иконки
|
|
12
|
-
- Провайдеры тем (ThemeProviderScoped)
|
|
13
|
-
|
|
14
|
-
## Документация
|
|
15
|
-
|
|
16
|
-
Ссылки на более подробную документацию по разделам
|
|
17
|
-
|
|
18
|
-
- **[Сборка](./docs/build/index.md)** - команды сборки, публикация в npm, конфигурации Vite и т.д.
|
|
19
|
-
- **[Использование](./docs/usage/index.md)** - как использовать UI Kit в проектах, подключение стилей, примеры компонентов
|
|
20
|
-
- **[Стили](./docs/styles/index.md)** - подключение шрифтов, CSS переменных, базовые стили и миксины
|
|
21
|
-
- **[Утилиты](./docs/utils/index.md)** - функции хелперы
|
|
1
|
+
# UI Kit
|
|
2
|
+
|
|
3
|
+
Библиотека React компонентов с дизайн-системой для внутренних проектов.
|
|
4
|
+
|
|
5
|
+
## Включает:
|
|
6
|
+
|
|
7
|
+
- React компоненты
|
|
8
|
+
- CSS переменные и токены дизайна
|
|
9
|
+
- SCSS утилиты и миксины
|
|
10
|
+
- TypeScript типы
|
|
11
|
+
- SVG иконки
|
|
12
|
+
- Провайдеры тем (ThemeProviderScoped)
|
|
13
|
+
|
|
14
|
+
## Документация
|
|
15
|
+
|
|
16
|
+
Ссылки на более подробную документацию по разделам
|
|
17
|
+
|
|
18
|
+
- **[Сборка](./docs/build/index.md)** - команды сборки, публикация в npm, конфигурации Vite и т.д.
|
|
19
|
+
- **[Использование](./docs/usage/index.md)** - как использовать UI Kit в проектах, подключение стилей, примеры компонентов
|
|
20
|
+
- **[Стили](./docs/styles/index.md)** - подключение шрифтов, CSS переменных, базовые стили и миксины
|
|
21
|
+
- **[Утилиты](./docs/utils/index.md)** - функции хелперы
|
|
@@ -47,7 +47,7 @@ type BoxSpacers = {
|
|
|
47
47
|
/** Если true, flex-direction будет row, иначе column */
|
|
48
48
|
row?: boolean;
|
|
49
49
|
/** Значение flex свойства. true эквивалентно 1 */
|
|
50
|
-
flex?: true | number;
|
|
50
|
+
flex?: true | number | string;
|
|
51
51
|
/** Абсолютное позиционирование на весь контейнер */
|
|
52
52
|
absoluteFill?: boolean;
|
|
53
53
|
/** Центрирование по горизонтали и вертикали */
|
|
@@ -70,6 +70,9 @@ type BoxSpacers = {
|
|
|
70
70
|
flexShrink?: number;
|
|
71
71
|
flexBasis?: Spacing;
|
|
72
72
|
backgroundColor?: string;
|
|
73
|
+
relative?: boolean;
|
|
74
|
+
absolute?: boolean;
|
|
75
|
+
display?: React.CSSProperties["display"];
|
|
73
76
|
};
|
|
74
77
|
/**
|
|
75
78
|
* Пропсы для компонента Box
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAI5D;;GAEG;AACH,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B;;GAEG;AACH,KAAK,UAAU,GAAG;IAChB,8FAA8F;IAC9F,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjD,8FAA8F;IAC9F,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjD,oCAAoC;IACpC,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,qDAAqD;IACrD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,mDAAmD;IACnD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,4BAA4B;IAC5B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,4BAA4B;IAC5B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,2BAA2B;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,2BAA2B;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,uCAAuC;IACvC,CAAC,CAAC,EAAE,OAAO,CAAC;IAEZ,wDAAwD;IACxD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,sDAAsD;IACtD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,+BAA+B;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,+BAA+B;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,8BAA8B;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,8BAA8B;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,wDAAwD;IACxD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,kDAAkD;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAI5D;;GAEG;AACH,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B;;GAEG;AACH,KAAK,UAAU,GAAG;IAChB,8FAA8F;IAC9F,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjD,8FAA8F;IAC9F,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjD,oCAAoC;IACpC,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,qDAAqD;IACrD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,mDAAmD;IACnD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,4BAA4B;IAC5B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,4BAA4B;IAC5B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,2BAA2B;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,2BAA2B;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,uCAAuC;IACvC,CAAC,CAAC,EAAE,OAAO,CAAC;IAEZ,wDAAwD;IACxD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,sDAAsD;IACtD,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,+BAA+B;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,+BAA+B;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,8BAA8B;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,8BAA8B;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,wDAAwD;IACxD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,kDAAkD;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9B,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CAC1C,CAAC;AAmIF;;;GAGG;AACH,MAAM,WAAW,QAAS,SAAQ,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC;CAAG;AAE9F;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,GAAG,kHAWf,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { default as React, PropsWithChildren } from 'react';
|
|
2
|
+
import { Size } from '../../../types/tokens.types';
|
|
3
|
+
export interface ModalProps extends PropsWithChildren {
|
|
4
|
+
/** Показывать ли модальное окно */
|
|
5
|
+
isOpen?: boolean;
|
|
6
|
+
/** Callback при закрытии модального окна */
|
|
7
|
+
/** @default undefined */
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
/** Размер модального окна */
|
|
10
|
+
/** @default "md" */
|
|
11
|
+
size?: Exclude<Size, "xl" | "xs">;
|
|
12
|
+
/** Закрывать ли при клике на backdrop */
|
|
13
|
+
/** @default true */
|
|
14
|
+
closeOnBackdropClick?: boolean;
|
|
15
|
+
/** Закрывать ли при нажатии ESC */
|
|
16
|
+
/** @default true */
|
|
17
|
+
closeOnEsc?: boolean;
|
|
18
|
+
/** Кастомный класс для overlay */
|
|
19
|
+
/** @default undefined */
|
|
20
|
+
overlayClassName?: string;
|
|
21
|
+
/** Кастомный класс для модального окна */
|
|
22
|
+
/** @default undefined */
|
|
23
|
+
modalClassName?: string;
|
|
24
|
+
/** Отключать прокрутку body при открытии */
|
|
25
|
+
/** @default false */
|
|
26
|
+
disableBodyScroll?: boolean;
|
|
27
|
+
/** Показывать ли кнопку закрытия c абсолютным позиционированием внутри модального окна */
|
|
28
|
+
/** @default false */
|
|
29
|
+
showAbsoluteCloseButton?: boolean;
|
|
30
|
+
}
|
|
31
|
+
declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
export { Modal };
|
|
33
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsC,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAS5C,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4CAA4C;IAC5C,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,6BAA6B;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAElC,yCAAyC;IACzC,oBAAoB;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,mCAAmC;IACnC,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,qBAAqB;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,0FAA0F;IAC1F,qBAAqB;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,KAAK,mFAuFV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Modal } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Modal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Modal>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithVirtualize: Story;
|
|
8
|
+
export declare const WithReactPortal: Story;
|
|
9
|
+
//# sourceMappingURL=Modal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8D5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAkDpC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAgDF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AA8FF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAK1D,QAAA,MAAM,WAAW,kHAcf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { BoxProps } from '../../Box';
|
|
2
|
+
interface ModalHeaderProps extends Pick<BoxProps, "p" | "px" | "py" | "pt" | "pb" | "row" | "justifyContent" | "w"> {
|
|
3
|
+
/** @default undefined */
|
|
4
|
+
title?: string;
|
|
5
|
+
/** @default undefined */
|
|
6
|
+
subtitle?: string;
|
|
7
|
+
/** @default undefined */
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
}
|
|
10
|
+
declare const ModalHeader: import('react').ForwardRefExoticComponent<ModalHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { ModalHeader };
|
|
12
|
+
//# sourceMappingURL=ModalHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAQ1D,UAAU,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CAAC;IACjH,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,6GA2Cf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { ScrollToOptions } from '@tanstack/react-virtual';
|
|
3
|
+
interface ModalMainRef {
|
|
4
|
+
/** Скролл к началу списка */
|
|
5
|
+
scrollToTop: () => void;
|
|
6
|
+
/** Скролл к концу списка */
|
|
7
|
+
scrollToBottom: () => void;
|
|
8
|
+
/** Скролл к элементу по индексу */
|
|
9
|
+
scrollToIndex: (index: number, options?: ScrollToOptions) => void;
|
|
10
|
+
/** Скролл к определенной позиции в пикселях */
|
|
11
|
+
scrollToOffset: (offset: number, options?: ScrollToOptions) => void;
|
|
12
|
+
/** Скролл на определенное количество пикселей относительно текущей позиции */
|
|
13
|
+
scrollBy: (delta: number) => void;
|
|
14
|
+
/** Получить DOM элемент */
|
|
15
|
+
getElement: () => HTMLDivElement | null;
|
|
16
|
+
/** Получить текущую позицию скролла */
|
|
17
|
+
getScrollOffset: () => number;
|
|
18
|
+
/** Получить общую высоту контента */
|
|
19
|
+
getTotalSize: () => number;
|
|
20
|
+
}
|
|
21
|
+
interface ModalMainProps extends PropsWithChildren {
|
|
22
|
+
/** Если true, flex-direction будет row, иначе column */
|
|
23
|
+
row?: boolean;
|
|
24
|
+
/** Кастомный класс */
|
|
25
|
+
className?: string;
|
|
26
|
+
/** Примерная высота элемента для виртуализации */
|
|
27
|
+
estimatedItemHeight?: number;
|
|
28
|
+
/** Включить виртуализацию для больших списков */
|
|
29
|
+
virtualize?: boolean;
|
|
30
|
+
}
|
|
31
|
+
declare const ModalMain: import('react').ForwardRefExoticComponent<ModalMainProps & import('react').RefAttributes<ModalMainRef>>;
|
|
32
|
+
export { ModalMain };
|
|
33
|
+
export type { ModalMainRef };
|
|
34
|
+
//# sourceMappingURL=ModalMain.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/ModalMain.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAkD,MAAM,OAAO,CAAA;AAGrG,OAAO,EAAkB,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK1E,UAAU,YAAY;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAClE,+CAA+C;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2BAA2B;IAC3B,UAAU,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IACxC,uCAAuC;IACvC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,UAAU,cAAe,SAAQ,iBAAiB;IAChD,wDAAwD;IACxD,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,yGAqFb,CAAA;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalMain/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ModalProps } from './Modal';
|
|
2
|
+
import { ModalHeader } from './ModalHeader';
|
|
3
|
+
import { ModalFooter } from './ModalFooter';
|
|
4
|
+
import { ModalMain } from './ModalMain';
|
|
5
|
+
interface ModalCompoundComponent extends React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> {
|
|
6
|
+
Header: typeof ModalHeader;
|
|
7
|
+
Main: typeof ModalMain;
|
|
8
|
+
Footer: typeof ModalFooter;
|
|
9
|
+
}
|
|
10
|
+
declare const ModalWithSubComponents: ModalCompoundComponent;
|
|
11
|
+
export { ModalWithSubComponents as Modal };
|
|
12
|
+
export type { ModalCompoundComponent as ModalProps };
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,UAAU,sBAAuB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACxH,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,MAAM,EAAE,OAAO,WAAW,CAAC;CAC5B;AAED,QAAA,MAAM,sBAAsB,EAAY,sBAAsB,CAAC;AAK/D,OAAO,EAAE,sBAAsB,IAAI,KAAK,EAAE,CAAC;AAC3C,YAAY,EAAE,sBAAsB,IAAI,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Тип для ссылки на экземпляр компонента Ripple.
|
|
3
|
+
* Позволяет программно запускать эффект ripple.
|
|
4
|
+
*/
|
|
5
|
+
type RippleHandle = {
|
|
6
|
+
/**
|
|
7
|
+
* Запускает эффект ripple.
|
|
8
|
+
* @param opts - Опции для запуска.
|
|
9
|
+
* @param opts.center - Если true, эффект запускается из центра элемента (по умолчанию true).
|
|
10
|
+
* @param opts.x - Координата X для центра ripple (игнорируется, если center=true).
|
|
11
|
+
* @param opts.y - Координата Y для центра ripple (игнорируется, если center=true).
|
|
12
|
+
*/
|
|
13
|
+
trigger: (opts?: {
|
|
14
|
+
center?: boolean;
|
|
15
|
+
x?: number;
|
|
16
|
+
y?: number;
|
|
17
|
+
}) => void;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Компонент Ripple для создания эффекта "волны" на интерактивных элементах.
|
|
21
|
+
* Поддерживает клики мышью/указателем, нажатия клавиш Enter/Space и программный запуск.
|
|
22
|
+
* Автоматически обрабатывает disabled состояния и обрезку по границам элемента.
|
|
23
|
+
*
|
|
24
|
+
* @param props - Пропсы компонента.
|
|
25
|
+
* @param props.color - Цвет ripple (по умолчанию "rgba(0,0,0,0.18)").
|
|
26
|
+
* @param props.duration - Длительность анимации (мс, по умолчанию 1000).
|
|
27
|
+
* @param props.radius - Радиус ripple: число (px) или "auto" (диаметр = max(ширина, высота) * 2, по умолчанию "auto").
|
|
28
|
+
* @param props.className - Дополнительный CSS-класс для overlay.
|
|
29
|
+
* @param ref - Ref для доступа к методу trigger.
|
|
30
|
+
* @returns JSX.Element - Overlay с ripple-элементами.
|
|
31
|
+
*/
|
|
32
|
+
export declare const Ripple: import('react').ForwardRefExoticComponent<{
|
|
33
|
+
color?: string;
|
|
34
|
+
duration?: number;
|
|
35
|
+
radius?: number | "auto";
|
|
36
|
+
className?: string;
|
|
37
|
+
} & import('react').RefAttributes<RippleHandle>>;
|
|
38
|
+
export {};
|
|
39
|
+
//# sourceMappingURL=Ripple.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ripple.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Ripple/Ripple.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,KAAK,YAAY,GAAG;IAClB;;;;;;OAMG;IACH,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE,CAAC;AAyCF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM;YAEP,MAAM;eAAa,MAAM;aAAW,MAAM,GAAG,MAAM;gBAAc,MAAM;gDAqPjF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Ripple/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { AccentType, InverseType, NegativeType, PositiveType, PrimaryType, SecondaryType, TertiaryType, WarningType } from '../../../types/tokens.types';
|
|
2
|
+
import { AccentType, FontWeight, InverseType, NegativeType, PositiveType, PrimaryType, SecondaryType, TertiaryType, WarningType } from '../../../types/tokens.types';
|
|
3
3
|
import { SystemStyleProps } from './utils/systemToClass';
|
|
4
4
|
export type TextColor = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | AccentType | InverseType;
|
|
5
5
|
export type TextVariant = "title-1" | "title-2" | "title-3" | "headline-1" | "headline-2" | "headline-3" | "body-1" | "body-2" | "caption-1" | "caption-2";
|
|
6
|
-
type FontWeight = "regular" | "medium" | "semibold" | "bold";
|
|
7
6
|
type TextTag = "span" | "p" | "h1" | "h2" | "h3";
|
|
8
7
|
export type TextProps<T extends TextTag = "span" | "p" | "h1" | "h2" | "h3"> = Omit<React.HTMLAttributes<HTMLElement>, "className"> & SystemStyleProps & {
|
|
9
8
|
className?: string;
|
|
@@ -41,10 +40,13 @@ export declare const AnimatedText: React.ComponentType<Omit<{
|
|
|
41
40
|
center?: boolean | undefined;
|
|
42
41
|
left?: boolean | undefined;
|
|
43
42
|
right?: boolean | undefined;
|
|
43
|
+
overflow?: import("csstype").Property.Overflow | undefined;
|
|
44
44
|
hidden?: boolean | undefined;
|
|
45
|
+
flex?: string | number | undefined;
|
|
45
46
|
mt?: string | number | undefined;
|
|
47
|
+
mr?: string | number | undefined;
|
|
46
48
|
mb?: string | number | undefined;
|
|
47
|
-
|
|
49
|
+
ml?: string | number | undefined;
|
|
48
50
|
slot?: string | undefined;
|
|
49
51
|
title?: string | undefined;
|
|
50
52
|
ref?: React.LegacyRef<HTMLParagraphElement> | undefined;
|
|
@@ -92,7 +94,7 @@ export declare const AnimatedText: React.ComponentType<Omit<{
|
|
|
92
94
|
results?: number | undefined;
|
|
93
95
|
security?: string | undefined;
|
|
94
96
|
unselectable?: "off" | "on" | undefined;
|
|
95
|
-
inputMode?: "
|
|
97
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
96
98
|
is?: string | undefined;
|
|
97
99
|
exportparts?: string | undefined;
|
|
98
100
|
part?: string | undefined;
|
|
@@ -113,12 +115,12 @@ export declare const AnimatedText: React.ComponentType<Omit<{
|
|
|
113
115
|
"aria-description"?: string | undefined;
|
|
114
116
|
"aria-details"?: string | undefined;
|
|
115
117
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
116
|
-
"aria-dropeffect"?: "
|
|
118
|
+
"aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
117
119
|
"aria-errormessage"?: string | undefined;
|
|
118
120
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
119
121
|
"aria-flowto"?: string | undefined;
|
|
120
122
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
121
|
-
"aria-haspopup"?: boolean | "
|
|
123
|
+
"aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
122
124
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
123
125
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
124
126
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -315,6 +317,7 @@ export declare const AnimatedText: React.ComponentType<Omit<{
|
|
|
315
317
|
lowercase?: boolean | undefined;
|
|
316
318
|
uppercase?: boolean | undefined;
|
|
317
319
|
decoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
|
|
320
|
+
disabled?: boolean | undefined;
|
|
318
321
|
variant?: TextVariant | undefined;
|
|
319
322
|
tag?: "p" | "h1" | "h2" | "h3" | "span" | undefined;
|
|
320
323
|
colorName?: TextColor | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAiB,MAAM,uBAAuB,CAAC;AAIxE,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,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EACL,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAiB,MAAM,uBAAuB,CAAC;AAIxE,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,IAAI,IAAI,CACjF,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GACC,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;8CA4D7B,CAAC;AAIH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAe,CAAC"}
|
|
@@ -3,6 +3,8 @@ export type SystemStyleProps = {
|
|
|
3
3
|
mt?: number | string;
|
|
4
4
|
/** margin-bottom */
|
|
5
5
|
mb?: number | string;
|
|
6
|
+
ml?: number | string;
|
|
7
|
+
mr?: number | string;
|
|
6
8
|
flex?: number | string;
|
|
7
9
|
cursor?: React.CSSProperties["cursor"];
|
|
8
10
|
wordBreak?: React.CSSProperties["wordBreak"];
|
|
@@ -16,6 +18,8 @@ export type SystemStyleProps = {
|
|
|
16
18
|
uppercase?: boolean;
|
|
17
19
|
lowercase?: boolean;
|
|
18
20
|
capitalize?: boolean;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
overflow?: React.CSSProperties["overflow"];
|
|
19
23
|
};
|
|
20
24
|
export declare const systemToClass: (props: SystemStyleProps) => string;
|
|
21
25
|
//# sourceMappingURL=systemToClass.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"systemToClass.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Text/utils/systemToClass.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"systemToClass.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Text/utils/systemToClass.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,gBAAgB,WA4BpD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/builders/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/builders/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
|
@@ -66,6 +66,10 @@ export interface ButtonProps extends Omit<HTMLMotionProps<"button">, "type"> {
|
|
|
66
66
|
* Принудительно задать цвет текста (перекрывает токены).
|
|
67
67
|
*/
|
|
68
68
|
textColor?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Принудительно задать цвет текста (перекрывает токены).
|
|
71
|
+
*/
|
|
72
|
+
textFontWeight?: string;
|
|
69
73
|
/**
|
|
70
74
|
* Принудительно задать цвет рамки (перекрывает токены).
|
|
71
75
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAOxD,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAc9B;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExD;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CAAC;AAE/F,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,CAqIlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -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":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEnD,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,WAsDnB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { TextColor } from '../../builders';
|
|
3
|
+
interface CheckboxProps {
|
|
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
|
+
value?: string;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAa,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAM7D,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,wFA6FpB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Checkbox } from './Checkbox';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Checkbox>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Sizes: Story;
|
|
8
|
+
export declare const Colors: Story;
|
|
9
|
+
export declare const States: Story;
|
|
10
|
+
export declare const Controlled: Story;
|
|
11
|
+
export declare const WithLabel: Story;
|
|
12
|
+
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAkD/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAe,EACf,KAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAmBlB"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Императивный интерфейс для работы с Input через ref.
|
|
4
|
+
*/
|
|
5
|
+
export interface InputRef {
|
|
6
|
+
/** Фокус на поле */
|
|
7
|
+
focus: () => void;
|
|
8
|
+
/** Снятие фокуса */
|
|
9
|
+
blur: () => void;
|
|
10
|
+
/** Текущее значение поля */
|
|
11
|
+
value: string | undefined;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Общие пропсы для Input и Textarea.
|
|
15
|
+
*/
|
|
16
|
+
type CommonProps = {
|
|
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
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Пропсы для input (однострочный режим).
|
|
44
|
+
*/
|
|
45
|
+
type InputElementProps = CommonProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "onChange" | "value" | "defaultValue"> & {
|
|
46
|
+
multiline?: false;
|
|
47
|
+
/** Обработчик изменения (только для input) */
|
|
48
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
49
|
+
/** Тип поля (text, password и т.д.) */
|
|
50
|
+
type?: "text" | "password" | string;
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Пропсы для textarea (многострочный режим).
|
|
54
|
+
*/
|
|
55
|
+
type TextareaElementProps = CommonProps & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix" | "onChange" | "value" | "defaultValue"> & {
|
|
56
|
+
multiline: true;
|
|
57
|
+
/** Количество строк по умолчанию */
|
|
58
|
+
rows?: number;
|
|
59
|
+
/** Авто-ресайз по содержимому */
|
|
60
|
+
autoResize?: boolean;
|
|
61
|
+
/** Обработчик изменения (только для textarea) */
|
|
62
|
+
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
63
|
+
};
|
|
64
|
+
export type InputProps = InputElementProps | TextareaElementProps;
|
|
65
|
+
/**
|
|
66
|
+
* Компонент Input — универсальное поле ввода (input/textarea) с поддержкой:
|
|
67
|
+
* - controlled/uncontrolled режима,
|
|
68
|
+
* - кнопки очистки,
|
|
69
|
+
* - префиксов/суффиксов,
|
|
70
|
+
* - ошибок и подсказок,
|
|
71
|
+
* - авто-ресайза textarea.
|
|
72
|
+
*
|
|
73
|
+
* Поддерживает ref для императивного API (focus/blur/value).
|
|
74
|
+
*/
|
|
75
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
|
|
76
|
+
export {};
|
|
77
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAiClF;;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,6EA6MhB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Input } from './Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Error: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
9
|
+
export declare const Small: Story;
|
|
10
|
+
export declare const WithPrefixSuffix: Story;
|
|
11
|
+
export declare const WithClearButton: Story;
|
|
12
|
+
export declare const Multiline: Story;
|
|
13
|
+
export declare const MultilineWithMaxLength: Story;
|
|
14
|
+
export declare const MultilineAutoResize: Story;
|
|
15
|
+
export declare const Password: Story;
|
|
16
|
+
export declare const WithPrompt: Story;
|
|
17
|
+
export declare const Controlled: Story;
|
|
18
|
+
export declare const DifferentBackgrounds: Story;
|
|
19
|
+
//# sourceMappingURL=Input.stories.d.ts.map
|