@dss-kit/ui-kit 0.2.8 → 0.2.10
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 +119 -0
- package/dist/components/builders/Box/Box.d.ts.map +1 -0
- package/dist/components/builders/Box/index.d.ts +2 -0
- package/dist/components/builders/Box/index.d.ts.map +1 -0
- package/dist/components/builders/Loader/Loader.d.ts +7 -0
- package/dist/components/builders/Loader/Loader.d.ts.map +1 -0
- package/dist/components/builders/Loader/index.d.ts +2 -0
- package/dist/components/builders/Loader/index.d.ts.map +1 -0
- package/dist/components/builders/Modal/Modal.d.ts +32 -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 +37 -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/context.d.ts +9 -0
- package/dist/components/builders/Modal/context.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/Portal/Portal.d.ts +3 -0
- package/dist/components/builders/Portal/Portal.d.ts.map +1 -0
- package/dist/components/builders/Portal/context.d.ts +5 -0
- package/dist/components/builders/Portal/context.d.ts.map +1 -0
- package/dist/components/builders/Portal/index.d.ts +2 -0
- package/dist/components/builders/Portal/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/Table/Table.d.ts +17 -0
- package/dist/components/builders/Table/Table.d.ts.map +1 -0
- package/dist/components/builders/Table/Table.stories.d.ts +26 -0
- package/dist/components/builders/Table/Table.stories.d.ts.map +1 -0
- package/dist/components/builders/Table/Table.types.d.ts +96 -0
- package/dist/components/builders/Table/Table.types.d.ts.map +1 -0
- package/dist/components/builders/Table/TableBodyCell/TableBodyCell.d.ts +15 -0
- package/dist/components/builders/Table/TableBodyCell/TableBodyCell.d.ts.map +1 -0
- package/dist/components/builders/Table/TableBodyCell/index.d.ts +2 -0
- package/dist/components/builders/Table/TableBodyCell/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableBodyCellContent/TableBodyCellContent.d.ts +3 -0
- package/dist/components/builders/Table/TableBodyCellContent/TableBodyCellContent.d.ts.map +1 -0
- package/dist/components/builders/Table/TableBodyCellContent/index.d.ts +2 -0
- package/dist/components/builders/Table/TableBodyCellContent/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableBodyRow/TableBodyRow.d.ts +14 -0
- package/dist/components/builders/Table/TableBodyRow/TableBodyRow.d.ts.map +1 -0
- package/dist/components/builders/Table/TableBodyRow/index.d.ts +2 -0
- package/dist/components/builders/Table/TableBodyRow/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadCell/TableHeadCell.d.ts +14 -0
- package/dist/components/builders/Table/TableHeadCell/TableHeadCell.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadCell/index.d.ts +2 -0
- package/dist/components/builders/Table/TableHeadCell/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadCellContent/TableHeadCellContent.d.ts +3 -0
- package/dist/components/builders/Table/TableHeadCellContent/TableHeadCellContent.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadCellContent/index.d.ts +2 -0
- package/dist/components/builders/Table/TableHeadCellContent/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadCellContentSortable/TableHeadCellContentSortable.d.ts +11 -0
- package/dist/components/builders/Table/TableHeadCellContentSortable/TableHeadCellContentSortable.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadCellContentSortable/index.d.ts +2 -0
- package/dist/components/builders/Table/TableHeadCellContentSortable/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadRow/TableHeadRow.d.ts +14 -0
- package/dist/components/builders/Table/TableHeadRow/TableHeadRow.d.ts.map +1 -0
- package/dist/components/builders/Table/TableHeadRow/index.d.ts +2 -0
- package/dist/components/builders/Table/TableHeadRow/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TablePagination/TablePagination.d.ts +27 -0
- package/dist/components/builders/Table/TablePagination/TablePagination.d.ts.map +1 -0
- package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts +8 -0
- package/dist/components/builders/Table/TablePagination/TablePagination.utils.d.ts.map +1 -0
- package/dist/components/builders/Table/TablePagination/index.d.ts +3 -0
- package/dist/components/builders/Table/TablePagination/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableSortIcon/TableSortIcon.d.ts +9 -0
- package/dist/components/builders/Table/TableSortIcon/TableSortIcon.d.ts.map +1 -0
- package/dist/components/builders/Table/TableSortIcon/index.d.ts +2 -0
- package/dist/components/builders/Table/TableSortIcon/index.d.ts.map +1 -0
- package/dist/components/builders/Table/TableWrapper/TableWrapper.d.ts +8 -0
- package/dist/components/builders/Table/TableWrapper/TableWrapper.d.ts.map +1 -0
- package/dist/components/builders/Table/TableWrapper/index.d.ts +2 -0
- package/dist/components/builders/Table/TableWrapper/index.d.ts.map +1 -0
- package/dist/components/builders/Table/index.d.ts +6 -0
- package/dist/components/builders/Table/index.d.ts.map +1 -0
- package/dist/components/builders/Text/Text.d.ts +330 -0
- package/dist/components/builders/Text/Text.d.ts.map +1 -0
- package/dist/components/builders/Text/Text.stories.d.ts +11 -0
- package/dist/components/builders/Text/Text.stories.d.ts.map +1 -0
- package/dist/components/builders/Text/index.d.ts +2 -0
- package/dist/components/builders/Text/index.d.ts.map +1 -0
- package/dist/components/builders/Text/utils/systemToClass.d.ts +26 -0
- package/dist/components/builders/Text/utils/systemToClass.d.ts.map +1 -0
- package/dist/components/builders/index.d.ts +8 -0
- package/dist/components/builders/index.d.ts.map +1 -0
- package/dist/components/controls/Button/Button.d.ts +81 -0
- package/dist/components/controls/Button/Button.d.ts.map +1 -0
- package/dist/components/controls/Button/Button.stories.d.ts +15 -0
- package/dist/components/controls/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/controls/Button/index.d.ts +3 -0
- package/dist/components/controls/Button/index.d.ts.map +1 -0
- package/dist/components/controls/Button/styles.d.ts +8 -0
- package/dist/components/controls/Button/styles.d.ts.map +1 -0
- package/dist/components/controls/Button/types.d.ts +19 -0
- package/dist/components/controls/Button/types.d.ts.map +1 -0
- package/dist/components/controls/Checkbox/Checkbox.d.ts +34 -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 +3 -0
- package/dist/components/controls/IconButton/IconButton.d.ts.map +1 -0
- package/dist/components/controls/IconButton/IconButton.stories.d.ts +8 -0
- package/dist/components/controls/IconButton/IconButton.stories.d.ts.map +1 -0
- package/dist/components/controls/IconButton/IconButton.types.d.ts +13 -0
- package/dist/components/controls/IconButton/IconButton.types.d.ts.map +1 -0
- package/dist/components/controls/IconButton/index.d.ts +3 -0
- package/dist/components/controls/IconButton/index.d.ts.map +1 -0
- package/dist/components/controls/Input/Input.d.ts +81 -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/OtpInput/OtpInput.d.ts +78 -0
- package/dist/components/controls/OtpInput/OtpInput.d.ts.map +1 -0
- package/dist/components/controls/OtpInput/OtpInput.stories.d.ts +11 -0
- package/dist/components/controls/OtpInput/OtpInput.stories.d.ts.map +1 -0
- package/dist/components/controls/OtpInput/index.d.ts +3 -0
- package/dist/components/controls/OtpInput/index.d.ts.map +1 -0
- package/dist/components/controls/OtpInput/usePrevious.d.ts +2 -0
- package/dist/components/controls/OtpInput/usePrevious.d.ts.map +1 -0
- package/dist/components/controls/SegmentControl/SegmentControl.d.ts +57 -0
- package/dist/components/controls/SegmentControl/SegmentControl.d.ts.map +1 -0
- package/dist/components/controls/SegmentControl/SegmentControl.stories.d.ts +11 -0
- package/dist/components/controls/SegmentControl/SegmentControl.stories.d.ts.map +1 -0
- package/dist/components/controls/SegmentControl/index.d.ts +3 -0
- package/dist/components/controls/SegmentControl/index.d.ts.map +1 -0
- package/dist/components/controls/Select/Select.d.ts +186 -0
- package/dist/components/controls/Select/Select.d.ts.map +1 -0
- package/dist/components/controls/Select/Select.stories.d.ts +23 -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/Switch/Switch.d.ts +90 -0
- package/dist/components/controls/Switch/Switch.d.ts.map +1 -0
- package/dist/components/controls/Switch/Switch.stories.d.ts +11 -0
- package/dist/components/controls/Switch/Switch.stories.d.ts.map +1 -0
- package/dist/components/controls/Switch/index.d.ts +3 -0
- package/dist/components/controls/Switch/index.d.ts.map +1 -0
- package/dist/components/controls/index.d.ts +9 -0
- package/dist/components/controls/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/navigation/Breadcrumbs/Breadcrumbs.d.ts +67 -0
- package/dist/components/navigation/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts +16 -0
- package/dist/components/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -0
- package/dist/components/navigation/Breadcrumbs/index.d.ts +2 -0
- package/dist/components/navigation/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/navigation/index.d.ts +2 -0
- package/dist/components/navigation/index.d.ts.map +1 -0
- package/dist/components/shared/Avatar/Avatar.d.ts +3 -0
- package/dist/components/shared/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/shared/Avatar/Avatar.stories.d.ts +13 -0
- package/dist/components/shared/Avatar/Avatar.stories.d.ts.map +1 -0
- package/dist/components/shared/Avatar/Avatar.types.d.ts +14 -0
- package/dist/components/shared/Avatar/Avatar.types.d.ts.map +1 -0
- package/dist/components/shared/Avatar/index.d.ts +3 -0
- package/dist/components/shared/Avatar/index.d.ts.map +1 -0
- package/dist/components/shared/Badge/Badge.d.ts +19 -0
- package/dist/components/shared/Badge/Badge.d.ts.map +1 -0
- package/dist/components/shared/Badge/Badge.stories.d.ts +11 -0
- package/dist/components/shared/Badge/Badge.stories.d.ts.map +1 -0
- package/dist/components/shared/Badge/index.d.ts +3 -0
- package/dist/components/shared/Badge/index.d.ts.map +1 -0
- package/dist/components/shared/Hint/Hint.d.ts +31 -0
- package/dist/components/shared/Hint/Hint.d.ts.map +1 -0
- package/dist/components/shared/Hint/Hint.stories.d.ts +28 -0
- package/dist/components/shared/Hint/Hint.stories.d.ts.map +1 -0
- package/dist/components/shared/Hint/index.d.ts +2 -0
- package/dist/components/shared/Hint/index.d.ts.map +1 -0
- package/dist/components/shared/Popover/Popover.d.ts +73 -0
- package/dist/components/shared/Popover/Popover.d.ts.map +1 -0
- package/dist/components/shared/Popover/Popover.stories.d.ts +30 -0
- package/dist/components/shared/Popover/Popover.stories.d.ts.map +1 -0
- package/dist/components/shared/Popover/PopoverContent/PopoverContent.d.ts +6 -0
- package/dist/components/shared/Popover/PopoverContent/PopoverContent.d.ts.map +1 -0
- package/dist/components/shared/Popover/PopoverContent/index.d.ts +2 -0
- package/dist/components/shared/Popover/PopoverContent/index.d.ts.map +1 -0
- package/dist/components/shared/Popover/index.d.ts +2 -0
- package/dist/components/shared/Popover/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 +5 -0
- package/dist/components/shared/index.d.ts.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts +3 -0
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts.map +1 -0
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts +7 -0
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts.map +1 -0
- package/dist/providers/ThemeProviderScoped/index.d.ts +3 -0
- package/dist/providers/ThemeProviderScoped/index.d.ts.map +1 -0
- package/dist/providers/index.d.ts +2 -0
- package/dist/providers/index.d.ts.map +1 -0
- package/dist/root.css +1 -0
- package/dist/styles/utils/breakpoints/base.scss +11 -0
- package/dist/styles/utils/breakpoints/index.scss +3 -0
- package/dist/styles/utils/breakpoints/screen.scss +61 -0
- package/dist/styles/utils/breakpoints/semantic.scss +31 -0
- package/dist/styles/utils/fonts/font-family.scss +3 -0
- package/dist/styles/utils/fonts/index.scss +1 -0
- package/dist/styles/utils/index.scss +5 -0
- package/dist/styles/utils/size/index.scss +1 -0
- package/dist/styles/utils/size/modifiers.scss +41 -0
- package/dist/styles/utils/style/index.scss +1 -0
- package/dist/styles/utils/style/variants.scss +34 -0
- package/dist/styles/utils/typography/_font-weight.scss +33 -0
- package/dist/styles/utils/typography/_variants.scss +85 -0
- package/dist/styles/utils/typography/index.scss +2 -0
- package/dist/types/children.types.d.ts +4 -0
- package/dist/types/children.types.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/tokens.types.d.ts +24 -0
- package/dist/types/tokens.types.d.ts.map +1 -0
- package/dist/ui-kit.cjs.js +58 -0
- package/dist/ui-kit.cjs.js.map +1 -0
- package/dist/ui-kit.css +1 -0
- package/dist/ui-kit.es.js +12141 -0
- package/dist/ui-kit.es.js.map +1 -0
- package/dist/utils/hooks/index.d.ts +2 -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/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/styles/getFontWeightClass/getFontWeightClass.d.ts +3 -0
- package/dist/utils/styles/getFontWeightClass/getFontWeightClass.d.ts.map +1 -0
- package/dist/utils/styles/getFontWeightClass/index.d.ts +2 -0
- package/dist/utils/styles/getFontWeightClass/index.d.ts.map +1 -0
- package/dist/utils/styles/getSizeClass/getSizeClass.d.ts +3 -0
- package/dist/utils/styles/getSizeClass/getSizeClass.d.ts.map +1 -0
- package/dist/utils/styles/getSizeClass/index.d.ts +2 -0
- package/dist/utils/styles/getSizeClass/index.d.ts.map +1 -0
- package/dist/utils/styles/getStyleClass/getStyleClass.d.ts +2 -0
- package/dist/utils/styles/getStyleClass/getStyleClass.d.ts.map +1 -0
- package/dist/utils/styles/getStyleClass/index.d.ts +2 -0
- package/dist/utils/styles/getStyleClass/index.d.ts.map +1 -0
- package/dist/utils/styles/index.d.ts +3 -0
- package/dist/utils/styles/index.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SegmentControl } from './SegmentControl';
|
|
3
|
+
declare const meta: Meta<typeof SegmentControl>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SegmentControl>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Secondary: Story;
|
|
8
|
+
export declare const FullWidth: Story;
|
|
9
|
+
export declare const DisabledExample: Story;
|
|
10
|
+
export declare const Full: Story;
|
|
11
|
+
//# sourceMappingURL=SegmentControl.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentControl.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/SegmentControl/SegmentControl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAwBlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAarC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/SegmentControl/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type SelectSize = "xs" | "sm" | "md";
|
|
3
|
+
type RenderInputContext<I> = {
|
|
4
|
+
mode: "single";
|
|
5
|
+
selectedItem: I | null;
|
|
6
|
+
} | {
|
|
7
|
+
mode: "multiple";
|
|
8
|
+
selectedItems: I[];
|
|
9
|
+
};
|
|
10
|
+
type RenderDropdownContext<I> = {
|
|
11
|
+
item: I;
|
|
12
|
+
selected: boolean;
|
|
13
|
+
index: number;
|
|
14
|
+
};
|
|
15
|
+
export type SelectProps<I, V> = {
|
|
16
|
+
/** Массив элементов. */
|
|
17
|
+
items: I[];
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated Используйте `renderDropdownItem` для отрисовки пунктов в дропдауне.
|
|
20
|
+
* Останется как fallback и для рендера выбранного значения в инпуте и тегах.
|
|
21
|
+
*/
|
|
22
|
+
renderItem?: (item: I) => ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Основной рендерер элемента в выпадающем списке.
|
|
25
|
+
* Если не задан, будет использован `renderItem` (если он есть) или `String(item)`.
|
|
26
|
+
*
|
|
27
|
+
* Второй аргумент — объект‑контекст с информацией о состоянии пункта:
|
|
28
|
+
* `{ item, selected, index }`.
|
|
29
|
+
*/
|
|
30
|
+
renderDropdownItem: (item: I, context?: RenderDropdownContext<I>) => ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* Кастомный рендер значения в инпуте (универсальный вариант).
|
|
33
|
+
*
|
|
34
|
+
* Получает контекст:
|
|
35
|
+
* - в single‑режиме: `{ mode: "single", selectedItem }`
|
|
36
|
+
* - в multiple‑режиме: `{ mode: "multiple", selectedItems }`
|
|
37
|
+
*
|
|
38
|
+
* Если заданы `renderSingleInputItem` / `renderMultipleInputItem`,
|
|
39
|
+
* они имеют приоритет для соответствующих режимов.
|
|
40
|
+
*/
|
|
41
|
+
renderInputItem?: (context: RenderInputContext<I>) => ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* Отдельный рендерер значения в инпуте для single‑режима.
|
|
44
|
+
* Вызывается с единственным выбранным элементом.
|
|
45
|
+
* Если указан, перекрывает `renderInputItem` для single‑режима.
|
|
46
|
+
*/
|
|
47
|
+
renderSingleInputItem?: (item: I) => ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* Отдельный рендерер значения в инпуте для multiple‑режима.
|
|
50
|
+
* Получает массив выбранных элементов `I[]`.
|
|
51
|
+
* Если указан, перекрывает `renderInputItem` для multiple‑режима.
|
|
52
|
+
*/
|
|
53
|
+
renderMultipleInputItem?: (selectedItems: I[]) => ReactNode;
|
|
54
|
+
/**
|
|
55
|
+
* Текущее значение селекта:
|
|
56
|
+
* - single: одно значение `V` или `null`
|
|
57
|
+
* - multiple: массив значений `V[]`
|
|
58
|
+
*
|
|
59
|
+
* Отсутствие пропа переводит компонент в uncontrolled‑режим.
|
|
60
|
+
*/
|
|
61
|
+
value?: V | V[] | null;
|
|
62
|
+
/**
|
|
63
|
+
* Колбэк изменения значения.
|
|
64
|
+
* При single‑режиме получает `V | null`, при multiple — `V[]`.
|
|
65
|
+
*/
|
|
66
|
+
onChange?: (val: V | V[] | null) => void;
|
|
67
|
+
/** Включает режим мультивыбора (массив значений вместо одного). */
|
|
68
|
+
multiple?: boolean;
|
|
69
|
+
/** Вызывается при закрытии дропдауна (blur контрола). */
|
|
70
|
+
onBlur?: () => void;
|
|
71
|
+
/** Подпись/лейбл над полем. Может быть строкой или произвольным React‑узлом. */
|
|
72
|
+
label?: string | ReactNode;
|
|
73
|
+
/**
|
|
74
|
+
* Плейсхолдер, отображаемый, когда ничего не выбрано.
|
|
75
|
+
* Можно передать строку или кастомный React‑контент.
|
|
76
|
+
*/
|
|
77
|
+
placeholder?: string | ReactNode;
|
|
78
|
+
/**
|
|
79
|
+
* Подсказка/описание под полем.
|
|
80
|
+
* Например, дополнительный текст или хелп.
|
|
81
|
+
*/
|
|
82
|
+
prompt?: string | ReactNode;
|
|
83
|
+
/** Делает селект неактивным (нельзя открыть и изменить значение). */
|
|
84
|
+
disabled?: boolean;
|
|
85
|
+
/** Включает визуальное состояние ошибки (рамка, цвет и т.п.). */
|
|
86
|
+
error?: boolean;
|
|
87
|
+
/** Текст ошибки, отображаемый под полем при `error = true`. */
|
|
88
|
+
errorText?: string;
|
|
89
|
+
/** Растягивает селект на всю доступную ширину контейнера. */
|
|
90
|
+
fullWidth?: boolean;
|
|
91
|
+
/**
|
|
92
|
+
* Показывать ли элемент "сбросить выбор" в начале списка
|
|
93
|
+
* (доступен только в single‑режиме).
|
|
94
|
+
*/
|
|
95
|
+
showDefaultItem?: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* Текст/контент, который показывается, когда список `items` пустой.
|
|
98
|
+
* По умолчанию: "There is nothing yet".
|
|
99
|
+
*/
|
|
100
|
+
emptyText?: string | ReactNode;
|
|
101
|
+
/** Дополнительный элемент в начале списка (например, "Добавить новый"). */
|
|
102
|
+
firstItem?: ReactNode;
|
|
103
|
+
/** Дополнительный элемент в конце списка (например, "Загрузить ещё"). */
|
|
104
|
+
lastItem?: ReactNode;
|
|
105
|
+
/**
|
|
106
|
+
* Наблюдатель внизу списка — например, для infinite scroll.
|
|
107
|
+
* Обычно это блок с `ref` для IntersectionObserver.
|
|
108
|
+
*/
|
|
109
|
+
observer?: ReactNode;
|
|
110
|
+
/** Визуальный размер контрола (`"xs" | "sm" | "md"`). */
|
|
111
|
+
size?: SelectSize;
|
|
112
|
+
} & (I extends string | number ? {
|
|
113
|
+
/**
|
|
114
|
+
* Функция, которая из элемента `I` возвращает значение `V`.
|
|
115
|
+
* Можно не указывать, если `I` уже является строкой или числом.
|
|
116
|
+
*/
|
|
117
|
+
returnedValue?: (item: I) => V;
|
|
118
|
+
} : {
|
|
119
|
+
/**
|
|
120
|
+
* Обязательная функция для маппинга элемента `I` в значение `V`
|
|
121
|
+
* (ключ для сравнения и хранения выбранных значений).
|
|
122
|
+
*/
|
|
123
|
+
returnedValue: (item: I) => V;
|
|
124
|
+
});
|
|
125
|
+
/**
|
|
126
|
+
* =============================================================================
|
|
127
|
+
* Component: Select
|
|
128
|
+
* =============================================================================
|
|
129
|
+
*
|
|
130
|
+
* Универсальный выпадающий список с поддержкой:
|
|
131
|
+
* - single / multiple выбора
|
|
132
|
+
* - кастомного рендера элементов
|
|
133
|
+
* - портала для отрисовки dropdown поверх всего UI
|
|
134
|
+
* - встроенных состояний "disabled", "error", "empty"
|
|
135
|
+
* - элементов before / after (firstItem, lastItem)
|
|
136
|
+
* - динамического наблюдателя (observer)
|
|
137
|
+
*
|
|
138
|
+
* Пример использования:
|
|
139
|
+
* ```tsx
|
|
140
|
+
* <Select
|
|
141
|
+
* label="Fruit"
|
|
142
|
+
* items={['Apple', 'Banana', 'Orange']}
|
|
143
|
+
* returnedValue={(item) => item}
|
|
144
|
+
* renderItem={(item) => item}
|
|
145
|
+
* placeholder="Select fruit"
|
|
146
|
+
* onChange={(val) => console.log(val)}
|
|
147
|
+
* />
|
|
148
|
+
* ```
|
|
149
|
+
*
|
|
150
|
+
* =========================================================================
|
|
151
|
+
* Props
|
|
152
|
+
* =========================================================================
|
|
153
|
+
* @template I Тип элемента в массиве `items`
|
|
154
|
+
* @template V Тип возвращаемого значения (обычно string | number)
|
|
155
|
+
*
|
|
156
|
+
* @property {I[]} items - Массив элементов списка
|
|
157
|
+
* @property {(item: I) => V} returnedValue - Функция для получения значения из элемента
|
|
158
|
+
* @property {(item: I) => ReactNode} renderItem - Функция рендера контента для отображения
|
|
159
|
+
*
|
|
160
|
+
* @property {V | V[] | null} [value] - Контролируемое значение
|
|
161
|
+
* @property {(val: V | V[] | null) => void} [onChange] - Обработчик изменения значения
|
|
162
|
+
* @property {boolean} [multiple] - Включает режим мультивыбора
|
|
163
|
+
*
|
|
164
|
+
* @property {ReactNode} [label] - Заголовок / метка поля
|
|
165
|
+
* @property {string | ReactNode} [placeholder] - Текст-заглушка
|
|
166
|
+
* @property {boolean} [disabled] - Отключает компонент
|
|
167
|
+
* @property {boolean} [error] - Визуализирует состояние ошибки
|
|
168
|
+
* @property {string} [errorText] - Текст ошибки под полем
|
|
169
|
+
* @property {boolean} [fullWidth] - Растягивает компонент на всю ширину
|
|
170
|
+
* @property {boolean} [showDefaultItem] - Добавляет элемент "Сбросить выбор"
|
|
171
|
+
* @property {ReactNode} [emptyText] - Текст при пустом списке
|
|
172
|
+
*
|
|
173
|
+
* @property {ReactNode} [firstItem] - Элемент, рендерящийся в начале списка
|
|
174
|
+
* @property {ReactNode} [lastItem] - Элемент, рендерящийся в конце списка
|
|
175
|
+
* @property {ReactNode} [observer] - Наблюдатель (например, для infinite scroll)
|
|
176
|
+
*
|
|
177
|
+
* @property {"sm" | "md" | "lg"} [size] - Размер компонента
|
|
178
|
+
*
|
|
179
|
+
* =========================================================================
|
|
180
|
+
* Внутренние хуки
|
|
181
|
+
* =========================================================================
|
|
182
|
+
* - useControlled: управляет состоянием значения в controlled/uncontrolled режиме
|
|
183
|
+
*/
|
|
184
|
+
export declare function Select<I, V extends string | number>({ value, onChange, multiple, returnedValue, renderItem, renderInputItem, renderSingleInputItem, renderMultipleInputItem, renderDropdownItem, placeholder, items, fullWidth, size, showDefaultItem, disabled, label, firstItem, lastItem, observer, emptyText, onBlur, prompt, error, errorText, }: SelectProps<I, V>): import("react/jsx-runtime").JSX.Element;
|
|
185
|
+
export {};
|
|
186
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAef,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAQ5C,KAAK,kBAAkB,CAAC,CAAC,IACrB;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,CAAC,GAAG,IAAI,CAAC;CACxB,GACD;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,CAAC,EAAE,CAAC;CACpB,CAAC;AAEN,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI;IAC9B,wBAAwB;IACxB,KAAK,EAAE,CAAC,EAAE,CAAC;IAEX;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEpC;;;;;;OAMG;IACH,kBAAkB,EAAE,CAClB,IAAI,EAAE,CAAC,EACP,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAC/B,SAAS,CAAC;IAEf;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAEhE;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAE/C;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC;IAE5D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzC,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,yDAAyD;IACzD,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAC1B;IACE;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;CAChC,GACD;IACE;;;OAGG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;CAC/B,CAAC,CAAC;AAEP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnD,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,aAAa,EACb,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,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,2CA2anB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SelectProps } from './Select';
|
|
3
|
+
interface SelectItem {
|
|
4
|
+
id: number;
|
|
5
|
+
label: string;
|
|
6
|
+
}
|
|
7
|
+
type StorySelect = SelectProps<SelectItem, number>;
|
|
8
|
+
declare const meta: Meta<StorySelect>;
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<StorySelect>;
|
|
11
|
+
export declare const Default: Story;
|
|
12
|
+
export declare const Multiple: Story;
|
|
13
|
+
export declare const ErrorSelect: Story;
|
|
14
|
+
export declare const Disabled: Story;
|
|
15
|
+
export declare const Sizes: Story;
|
|
16
|
+
export declare const WithCustomItemRender: Story;
|
|
17
|
+
export declare const CustomInputValueRender: Story;
|
|
18
|
+
export declare const Empty: Story;
|
|
19
|
+
export declare const WithFirstLastItem: Story;
|
|
20
|
+
export declare const WithDefaultItem: Story;
|
|
21
|
+
export declare const Controlled: Story;
|
|
22
|
+
export declare const WithObserver: Story;
|
|
23
|
+
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -0,0 +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;AAMvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAcD,KAAK,WAAW,GAAG,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAwD3B,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,WAAW,EAAE,KAQzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KA8BpC,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,KAoFxB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAsG1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { AccentType, SecondaryType, Size } from '../../../types/tokens.types';
|
|
2
|
+
type SwitchSizes = Extract<Size, "sm" | "md" | "lg">;
|
|
3
|
+
type ThemeType = "theme";
|
|
4
|
+
export type SwitchVariant = AccentType | SecondaryType | ThemeType;
|
|
5
|
+
export interface SwitchRef {
|
|
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
|
+
}
|
|
27
|
+
interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "onChange" | "value" | "defaultValue" | "title"> {
|
|
28
|
+
/**
|
|
29
|
+
* Размер переключателя.
|
|
30
|
+
* Доступны: `sm`, `md`, `lg`.
|
|
31
|
+
* @default "md"
|
|
32
|
+
*/
|
|
33
|
+
size?: SwitchSizes;
|
|
34
|
+
/**
|
|
35
|
+
* Вариант переключателя.
|
|
36
|
+
* Доступны: `accent`, `secondary`, `theme`.
|
|
37
|
+
* @default "accent"
|
|
38
|
+
*/
|
|
39
|
+
variant?: SwitchVariant;
|
|
40
|
+
/**
|
|
41
|
+
* Заголовок переключателя.
|
|
42
|
+
*/
|
|
43
|
+
title?: string | React.ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Текст переключателя.
|
|
46
|
+
*/
|
|
47
|
+
text?: string | React.ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* Иконка переключателя.
|
|
50
|
+
*/
|
|
51
|
+
icon?: React.ReactNode;
|
|
52
|
+
/**
|
|
53
|
+
* Отключает переключатель.
|
|
54
|
+
* При `true` блокирует клики, добавляет стиль `not-allowed` и понижает прозрачность.
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
disabled?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Обработчик изменения состояния переключателя.
|
|
60
|
+
*/
|
|
61
|
+
onChange?: (checked: boolean) => void;
|
|
62
|
+
/**
|
|
63
|
+
* Контролируемое значение.
|
|
64
|
+
*/
|
|
65
|
+
checked?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Неконтролируемое значение по умолчанию.
|
|
68
|
+
*/
|
|
69
|
+
defaultValue?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Дополнительный класс для контейнера.
|
|
72
|
+
*/
|
|
73
|
+
className?: string;
|
|
74
|
+
/**
|
|
75
|
+
* Отображать переключатель и лейблы в обратном порядке.
|
|
76
|
+
*/
|
|
77
|
+
reverse?: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Ширина контейнера.
|
|
80
|
+
* - `full` — 100%
|
|
81
|
+
* - `auto` — по содержимому
|
|
82
|
+
* - строка — в px
|
|
83
|
+
* - число — в px
|
|
84
|
+
* @default "auto"
|
|
85
|
+
*/
|
|
86
|
+
w?: "full" | "auto" | string | number;
|
|
87
|
+
}
|
|
88
|
+
declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<SwitchRef>>;
|
|
89
|
+
export { Switch };
|
|
90
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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,GAAG,IAAI,CAAC,CAAC;AAErD,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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Switch } from './Switch';
|
|
3
|
+
declare const meta: Meta<typeof Switch>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Switch>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Accent: Story;
|
|
8
|
+
export declare const Secondary: Story;
|
|
9
|
+
export declare const WithIcon: Story;
|
|
10
|
+
export declare const Theme: Story;
|
|
11
|
+
//# sourceMappingURL=Switch.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Switch/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './Button';
|
|
2
|
+
export * from './Checkbox';
|
|
3
|
+
export * from './IconButton';
|
|
4
|
+
export * from './Input';
|
|
5
|
+
export * from './SegmentControl';
|
|
6
|
+
export * from './Select';
|
|
7
|
+
export * from './Switch';
|
|
8
|
+
export * from './OtpInput';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the Breadcrumbs root component.
|
|
4
|
+
*
|
|
5
|
+
* @remarks
|
|
6
|
+
* Служит контейнером для навигационных элементов и автоматом
|
|
7
|
+
* определяет активный элемент (последний).
|
|
8
|
+
*/
|
|
9
|
+
interface BreadcrumbsRootProps {
|
|
10
|
+
/**
|
|
11
|
+
* Дочерние элементы Breadcrumbs, обычно — `Breadcrumbs.Item`.
|
|
12
|
+
*/
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Пользовательский разделитель между элементами.
|
|
16
|
+
* По умолчанию — SVG-иконка ChevronRight.
|
|
17
|
+
*/
|
|
18
|
+
separator?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Props for a single breadcrumb item.
|
|
22
|
+
*
|
|
23
|
+
* @remarks
|
|
24
|
+
* Элемент может быть:
|
|
25
|
+
* - неактивным (рендерится как ссылка);
|
|
26
|
+
* - активным (рендерится последним элементом);
|
|
27
|
+
* - кастомным активным элементом через `activeElement`.
|
|
28
|
+
*/
|
|
29
|
+
interface BreadcrumbsItemProps {
|
|
30
|
+
/**
|
|
31
|
+
* Контент элемента (текст, нода, иконка и т.д.)
|
|
32
|
+
*/
|
|
33
|
+
children: React.ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* Ссылка, если элемент кликабельный.
|
|
36
|
+
*/
|
|
37
|
+
href?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Принудительное указание активности.
|
|
40
|
+
* Если не указано — активным считается последний item.
|
|
41
|
+
*/
|
|
42
|
+
active?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* CSS-класс для неактивного элемента.
|
|
45
|
+
*/
|
|
46
|
+
className?: string;
|
|
47
|
+
/**
|
|
48
|
+
* CSS-класс, применяемый только к активному элементу.
|
|
49
|
+
*/
|
|
50
|
+
activeClassName?: string;
|
|
51
|
+
/**
|
|
52
|
+
* Полностью кастомный рендер активного элемента.
|
|
53
|
+
* Если передан — заменяет стандартный рендер.
|
|
54
|
+
*/
|
|
55
|
+
activeElement?: React.ReactNode;
|
|
56
|
+
/**
|
|
57
|
+
* Обработчик клика.
|
|
58
|
+
*
|
|
59
|
+
* @param e Событие клика от anchor или span элемента.
|
|
60
|
+
*/
|
|
61
|
+
onClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLSpanElement>) => void;
|
|
62
|
+
}
|
|
63
|
+
export declare const Breadcrumbs: React.FC<BreadcrumbsRootProps> & {
|
|
64
|
+
Item: React.FC<BreadcrumbsItemProps>;
|
|
65
|
+
};
|
|
66
|
+
export {};
|
|
67
|
+
//# sourceMappingURL=Breadcrumbs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;GAMG;AACH,UAAU,oBAAoB;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,UAAU,oBAAoB;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,eAAe,CAAC,KAAK,IAAI,CAAC;CAC9E;AA4FD,eAAO,MAAM,WAAW;UA7EhB,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC;CA6EI,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Breadcrumbs } from './Breadcrumbs';
|
|
3
|
+
declare const meta: Meta<typeof Breadcrumbs>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Breadcrumbs>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const CustomSeparator: Story;
|
|
8
|
+
export declare const LongChain: Story;
|
|
9
|
+
export declare const CustomActiveElement: Story;
|
|
10
|
+
export declare const WithoutLinks: Story;
|
|
11
|
+
export declare const CustomClassNames: Story;
|
|
12
|
+
export declare const ForcedActive: Story;
|
|
13
|
+
export declare const WithOnClick: Story;
|
|
14
|
+
export declare const CustomActiveClass: Story;
|
|
15
|
+
export declare const MixedContent: Story;
|
|
16
|
+
//# sourceMappingURL=Breadcrumbs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAQ1C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAQF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAQF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAQF,eAAO,MAAM,mBAAmB,EAAE,KAiBjC,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAQF,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAiB,EACjB,IAAW,EACX,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,YAAY,2CAoBd"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { IAvatarProps } from './Avatar.types';
|
|
3
|
+
declare const meta: Meta<IAvatarProps>;
|
|
4
|
+
type Story = StoryObj<typeof meta>;
|
|
5
|
+
export declare const SvgIcon: Story;
|
|
6
|
+
export declare const ImgTag: Story;
|
|
7
|
+
export declare const Text: {
|
|
8
|
+
args: {
|
|
9
|
+
children: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
//# sourceMappingURL=Avatar.stories.d.ts.map
|
|
@@ -0,0 +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,CAoC5B,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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { CustomType, NegativeType, PositiveType, PrimaryType, SecondaryType, Size, WarningType } from '../../../types/tokens.types.ts';
|
|
3
|
+
type AvatarAttributes = Pick<ComponentProps<"div">, "className" | "children">;
|
|
4
|
+
type AvatarRestAttributes = Omit<ComponentProps<"div">, keyof AvatarAttributes>;
|
|
5
|
+
type AvatarSize = Extract<Size, "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"> | CustomType;
|
|
6
|
+
type AvatarColor = PrimaryType | SecondaryType | NegativeType | PositiveType | WarningType | CustomType;
|
|
7
|
+
export interface IAvatarProps extends AvatarAttributes {
|
|
8
|
+
size?: AvatarSize;
|
|
9
|
+
color?: AvatarColor;
|
|
10
|
+
fullRound?: boolean;
|
|
11
|
+
attr?: AvatarRestAttributes;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=Avatar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AAE9E,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC;AAEhF,KAAK,UAAU,GACX,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,GAC/D,UAAU,CAAC;AACf,KAAK,WAAW,GACZ,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { FC, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { AccentType, NegativeType, PositiveType, PrimaryType, Size, WarningType } from '../../../types/tokens.types';
|
|
3
|
+
export type BadgeVariant = "filled" | "outline" | "clear";
|
|
4
|
+
export type BadgeColor = PrimaryType | AccentType | WarningType | PositiveType | NegativeType;
|
|
5
|
+
export type BadgeSize = Extract<Size, "sm" | "md" | "lg">;
|
|
6
|
+
export interface BadgeProps {
|
|
7
|
+
label: ReactNode;
|
|
8
|
+
color?: BadgeColor;
|
|
9
|
+
variant?: BadgeVariant;
|
|
10
|
+
size?: BadgeSize;
|
|
11
|
+
leftElement?: ReactNode;
|
|
12
|
+
rightElement?: ReactNode;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
onClick?: (e: MouseEvent) => void;
|
|
15
|
+
onDelete?: (e: MouseEvent) => void;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const Badge: FC<BadgeProps>;
|
|
19
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,UAAU,GACV,WAAW,GACX,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AA0D1D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgDD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAmDhC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Badge } from './Badge';
|
|
3
|
+
declare const meta: Meta<typeof Badge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Badge>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Colors: Story;
|
|
8
|
+
export declare const Sizes: Story;
|
|
9
|
+
export declare const Variants: Story;
|
|
10
|
+
export declare const WithElements: Story;
|
|
11
|
+
//# sourceMappingURL=Badge.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAqB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Badge/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|