@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,26 @@
|
|
|
1
|
+
export type SystemStyleProps = {
|
|
2
|
+
/** margin-top */
|
|
3
|
+
mt?: number | string;
|
|
4
|
+
/** margin-bottom */
|
|
5
|
+
mb?: number | string;
|
|
6
|
+
ml?: number | string;
|
|
7
|
+
mr?: number | string;
|
|
8
|
+
flex?: number | string;
|
|
9
|
+
cursor?: React.CSSProperties["cursor"];
|
|
10
|
+
wordBreak?: React.CSSProperties["wordBreak"];
|
|
11
|
+
whiteSpace?: React.CSSProperties["whiteSpace"];
|
|
12
|
+
textOverflow?: React.CSSProperties["textOverflow"];
|
|
13
|
+
decoration?: React.CSSProperties["textDecoration"];
|
|
14
|
+
/** @deprecated TODO: remove this after deprecation of color prop @use colorName or style.color instead */
|
|
15
|
+
color?: React.CSSProperties["color"];
|
|
16
|
+
center?: boolean;
|
|
17
|
+
left?: boolean;
|
|
18
|
+
right?: boolean;
|
|
19
|
+
uppercase?: boolean;
|
|
20
|
+
lowercase?: boolean;
|
|
21
|
+
capitalize?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
overflow?: React.CSSProperties["overflow"];
|
|
24
|
+
};
|
|
25
|
+
export declare const systemToClass: (props: SystemStyleProps) => string;
|
|
26
|
+
//# sourceMappingURL=systemToClass.d.ts.map
|
|
@@ -0,0 +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,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,0GAA0G;IAC1G,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,WA6BpD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/builders/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { HTMLMotionProps } from 'framer-motion';
|
|
2
|
+
import { default as React, FC } from 'react';
|
|
3
|
+
import { CornerRadius, Size } from '../../../types/tokens.types';
|
|
4
|
+
import { ButtonColor, ButtonType } from './types';
|
|
5
|
+
export interface ButtonProps extends HTMLMotionProps<"button"> {
|
|
6
|
+
/**
|
|
7
|
+
* Отключает кнопку.
|
|
8
|
+
* При `true` блокирует клики, добавляет стиль `not-allowed` и понижает прозрачность.
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Состояние загрузки.
|
|
14
|
+
* При `true` текст скрывается и отображается Loader.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Вариант отображения кнопки.
|
|
20
|
+
* @default "filled"
|
|
21
|
+
*/
|
|
22
|
+
variant?: ButtonType;
|
|
23
|
+
/**
|
|
24
|
+
* Цветовая схема (токен).
|
|
25
|
+
* @default "accent"
|
|
26
|
+
*/
|
|
27
|
+
color?: ButtonColor;
|
|
28
|
+
/**
|
|
29
|
+
* Скругление углов.
|
|
30
|
+
* Использует системные значения из CornerRadius.
|
|
31
|
+
* @default "lg"
|
|
32
|
+
*/
|
|
33
|
+
borderRadius?: CornerRadius;
|
|
34
|
+
/**
|
|
35
|
+
* Интенсивность цвета (градация).
|
|
36
|
+
* - `primary` — основной оттенок
|
|
37
|
+
* - `secondary` — вторичный оттенок
|
|
38
|
+
* @default "primary"
|
|
39
|
+
*/
|
|
40
|
+
intensity?: "primary" | "secondary";
|
|
41
|
+
wrapperClassName?: string;
|
|
42
|
+
buttonClassName?: string;
|
|
43
|
+
buttonDisabledClassName?: string;
|
|
44
|
+
textClassName?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Принудительно задать цвет фона (перекрывает токены).
|
|
47
|
+
*/
|
|
48
|
+
backgroundColor?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Принудительно задать цвет текста (перекрывает токены).
|
|
51
|
+
*/
|
|
52
|
+
textColor?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Принудительно задать цвет текста (перекрывает токены).
|
|
55
|
+
*/
|
|
56
|
+
textFontWeight?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Принудительно задать цвет рамки (перекрывает токены).
|
|
59
|
+
*/
|
|
60
|
+
borderColor?: string;
|
|
61
|
+
iconLeft?: React.ReactNode;
|
|
62
|
+
iconRight?: React.ReactNode;
|
|
63
|
+
/**
|
|
64
|
+
* Ширина кнопки.
|
|
65
|
+
* - `full` — 100%
|
|
66
|
+
* - `auto` — по содержимому
|
|
67
|
+
* - `number` — в px
|
|
68
|
+
* @default "full"
|
|
69
|
+
*/
|
|
70
|
+
width?: "full" | "auto" | number;
|
|
71
|
+
/**
|
|
72
|
+
* Размер кнопки (высота и размер текста).
|
|
73
|
+
* Доступны: `xs`, `sm`, `md`, `lg` (без `2xs`, `xl`, `2xl`).
|
|
74
|
+
* @default "md"
|
|
75
|
+
*/
|
|
76
|
+
size?: Extract<Size, "xs" | "sm" | "md" | "lg">;
|
|
77
|
+
/** Значение flex свойства. true эквивалентно 1 */
|
|
78
|
+
flex?: true | number | string;
|
|
79
|
+
}
|
|
80
|
+
export declare const Button: FC<ButtonProps>;
|
|
81
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAU,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AASzC,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAQ/D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,QAAQ,CAAC;IAC5D;;;;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,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAEhD,kDAAkD;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAuKlC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from './Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Filled: Story;
|
|
7
|
+
export declare const Outline: Story;
|
|
8
|
+
export declare const Clear: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const Loading: Story;
|
|
11
|
+
export declare const WithIcon: Story;
|
|
12
|
+
export declare const AutoWidth: Story;
|
|
13
|
+
export declare const CustomColors: Story;
|
|
14
|
+
export declare const FormSubmit: Story;
|
|
15
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA6B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CornerRadius, Size } from '../../../types/tokens.types';
|
|
2
|
+
import { ButtonColor, ButtonType } from './types';
|
|
3
|
+
export declare const baseButton: string;
|
|
4
|
+
export declare const cornerRadiusValues: Record<CornerRadius, string>;
|
|
5
|
+
export declare const sizeValues: Record<Extract<Size, "xs" | "sm" | "md" | "lg">, string>;
|
|
6
|
+
export declare const typeStyles: Record<ButtonType, string>;
|
|
7
|
+
export declare const getVariantStyles: (variant: ButtonType, color: ButtonColor, intensity: "primary" | "secondary", disabled?: boolean) => string;
|
|
8
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,UAAU,QAcrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAa3D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,EACxC,MAAM,CAMP,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,SAAS,UAAU,EACnB,OAAO,WAAW,EAClB,WAAW,SAAS,GAAG,WAAW,EAClC,WAAW,OAAO,WAuDnB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { AccentType, NegativeType, NeutralType, PositiveType, WarningType } from '../../../types/tokens.types';
|
|
2
|
+
/**
|
|
3
|
+
* Тип варианта кнопки
|
|
4
|
+
* - `clear` — прозрачная, без границ и фона
|
|
5
|
+
* - `filled` — заливка цветом (по умолчанию)
|
|
6
|
+
* - `outline` — прозрачная с обводкой
|
|
7
|
+
*/
|
|
8
|
+
export type ButtonType = "clear" | "filled" | "outline";
|
|
9
|
+
/**
|
|
10
|
+
* Цветовая схема кнопки.
|
|
11
|
+
* Использует системные токены:
|
|
12
|
+
* - `accent` — акцентный цвет
|
|
13
|
+
* - `neutral` — нейтральный
|
|
14
|
+
* - `negative` — негативный (ошибки/отмена)
|
|
15
|
+
* - `positive` — позитивный (успех)
|
|
16
|
+
* - `warning` — предупреждение
|
|
17
|
+
*/
|
|
18
|
+
export type ButtonColor = AccentType | NeutralType | NegativeType | PositiveType | WarningType;
|
|
19
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExD;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
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
|
+
required?: boolean;
|
|
16
|
+
error?: boolean;
|
|
17
|
+
/** Вариант заднего фона чекбокса.
|
|
18
|
+
*
|
|
19
|
+
* primary - серый
|
|
20
|
+
*
|
|
21
|
+
* secondary - белый
|
|
22
|
+
*
|
|
23
|
+
* @default primary
|
|
24
|
+
*/
|
|
25
|
+
variant?: "primary" | "secondary";
|
|
26
|
+
flex?: React.CSSProperties["flex"];
|
|
27
|
+
/**
|
|
28
|
+
* Режим только для отображения статуса (без возможности изменять значение).
|
|
29
|
+
*/
|
|
30
|
+
readOnly?: boolean;
|
|
31
|
+
}
|
|
32
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
33
|
+
export {};
|
|
34
|
+
//# 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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlE,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAElC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,wFAgHpB,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,CA8C/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"}
|
|
@@ -0,0 +1 @@
|
|
|
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,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { IIconButtonProps } from './IconButton.types';
|
|
3
|
+
declare const meta: Meta<IIconButtonProps>;
|
|
4
|
+
type Story = StoryObj<typeof meta>;
|
|
5
|
+
export declare const SvgIcon: Story;
|
|
6
|
+
export declare const ImgTag: Story;
|
|
7
|
+
export default meta;
|
|
8
|
+
//# sourceMappingURL=IconButton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAwChC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { CustomType, NegativeType, NeutralType, PositiveType, PrimaryType, SecondaryType, Size, WarningType } from '../../../types/tokens.types.ts';
|
|
3
|
+
type IconButtonAttributes = Pick<ComponentProps<"button">, "className" | "onClick" | "disabled" | "type" | "children">;
|
|
4
|
+
type IconButtonRestAttributes = Omit<ComponentProps<"button">, keyof IconButtonAttributes>;
|
|
5
|
+
type IconButtonSize = Extract<Size, "xs" | "sm" | "md"> | CustomType;
|
|
6
|
+
type IconButtonColor = PrimaryType | SecondaryType | NegativeType | PositiveType | WarningType | NeutralType | CustomType | "neutral-white" | "no-bg";
|
|
7
|
+
export interface IIconButtonProps extends IconButtonAttributes {
|
|
8
|
+
size?: IconButtonSize;
|
|
9
|
+
color?: IconButtonColor;
|
|
10
|
+
attr?: IconButtonRestAttributes;
|
|
11
|
+
}
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=IconButton.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,QAAQ,CAAC,EACxB,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAC3D,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAClC,cAAc,CAAC,QAAQ,CAAC,EACxB,MAAM,oBAAoB,CAC3B,CAAC;AAEF,KAAK,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC;AACrE,KAAK,eAAe,GAChB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACjC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
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
|
+
/** Кастомный класс для input или textarea */
|
|
42
|
+
inputClassName?: string;
|
|
43
|
+
/** Выравнивание текста */
|
|
44
|
+
textAlign?: "left" | "center" | "right";
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Пропсы для input (однострочный режим).
|
|
48
|
+
*/
|
|
49
|
+
type InputElementProps = CommonProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "onChange" | "value" | "defaultValue"> & {
|
|
50
|
+
multiline?: false;
|
|
51
|
+
/** Обработчик изменения (только для input) */
|
|
52
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
53
|
+
/** Тип поля (text, password и т.д.) */
|
|
54
|
+
type?: "text" | "password" | string;
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
* Пропсы для textarea (многострочный режим).
|
|
58
|
+
*/
|
|
59
|
+
type TextareaElementProps = CommonProps & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix" | "onChange" | "value" | "defaultValue"> & {
|
|
60
|
+
multiline: true;
|
|
61
|
+
/** Количество строк по умолчанию */
|
|
62
|
+
rows?: number;
|
|
63
|
+
/** Авто-ресайз по содержимому */
|
|
64
|
+
autoResize?: boolean;
|
|
65
|
+
/** Обработчик изменения (только для textarea) */
|
|
66
|
+
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
67
|
+
};
|
|
68
|
+
export type InputProps = InputElementProps | TextareaElementProps;
|
|
69
|
+
/**
|
|
70
|
+
* Компонент Input — универсальное поле ввода (input/textarea) с поддержкой:
|
|
71
|
+
* - controlled/uncontrolled режима,
|
|
72
|
+
* - кнопки очистки,
|
|
73
|
+
* - префиксов/суффиксов,
|
|
74
|
+
* - ошибок и подсказок,
|
|
75
|
+
* - авто-ресайза textarea.
|
|
76
|
+
*
|
|
77
|
+
* Поддерживает ref для императивного API (focus/blur/value).
|
|
78
|
+
*/
|
|
79
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
|
|
80
|
+
export {};
|
|
81
|
+
//# 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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oBAAoB;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC,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,6EA2OhB,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 ErrorInput: 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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface OtpInputRef {
|
|
3
|
+
/** Фокус на первом поле */
|
|
4
|
+
focus: () => void;
|
|
5
|
+
/** Снятие фокуса со всех полей */
|
|
6
|
+
blur: () => void;
|
|
7
|
+
/** Текущее значение кода */
|
|
8
|
+
value: string;
|
|
9
|
+
/** Программная установка значения */
|
|
10
|
+
setValue: (value: string) => void;
|
|
11
|
+
/** Очистка всех полей */
|
|
12
|
+
clear: () => void;
|
|
13
|
+
}
|
|
14
|
+
type BaseProps = {
|
|
15
|
+
/** Количество символов OTP
|
|
16
|
+
*
|
|
17
|
+
* @default 6
|
|
18
|
+
*/
|
|
19
|
+
length?: number;
|
|
20
|
+
/** Заголовок над полем */
|
|
21
|
+
label?: string;
|
|
22
|
+
/** Подсказка или JSX-элемент под полем */
|
|
23
|
+
prompt?: string | React.ReactNode;
|
|
24
|
+
/** Успешно ли действие */
|
|
25
|
+
success?: boolean;
|
|
26
|
+
/** Есть ли ошибка */
|
|
27
|
+
error?: boolean;
|
|
28
|
+
/** Текст ошибки */
|
|
29
|
+
errorText?: string;
|
|
30
|
+
/** Заблокированное состояние */
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
/** Автофокус на первый инпут */
|
|
33
|
+
autoFocus?: boolean;
|
|
34
|
+
/** Отображать введённые символы точками (web-аналог secureTextEntry) */
|
|
35
|
+
secure?: boolean;
|
|
36
|
+
/** Только цифры
|
|
37
|
+
*
|
|
38
|
+
* @default true
|
|
39
|
+
*/
|
|
40
|
+
numeric?: boolean;
|
|
41
|
+
/** Класс для контейнера */
|
|
42
|
+
className?: string;
|
|
43
|
+
/** Центрирование всего содержимого контейнера */
|
|
44
|
+
center?: boolean;
|
|
45
|
+
loading?: boolean;
|
|
46
|
+
/** Цвет фона
|
|
47
|
+
* @default "gray"
|
|
48
|
+
*/
|
|
49
|
+
background?: "white" | "gray";
|
|
50
|
+
};
|
|
51
|
+
export type OtpInputProps = BaseProps & {
|
|
52
|
+
/** Контролируемое значение OTP
|
|
53
|
+
*
|
|
54
|
+
* (если что, обратно передавать не обязательно)
|
|
55
|
+
*/
|
|
56
|
+
value?: string;
|
|
57
|
+
/** Неконтролируемое значение по умолчанию */
|
|
58
|
+
defaultValue?: string;
|
|
59
|
+
/** Изменение значения OTP (всей строки) */
|
|
60
|
+
onChange?: (value: string) => void;
|
|
61
|
+
/** Когда длина кода достигнута */
|
|
62
|
+
onComplete?: (value: string) => void;
|
|
63
|
+
};
|
|
64
|
+
export declare const OtpInput: React.ForwardRefExoticComponent<BaseProps & {
|
|
65
|
+
/** Контролируемое значение OTP
|
|
66
|
+
*
|
|
67
|
+
* (если что, обратно передавать не обязательно)
|
|
68
|
+
*/
|
|
69
|
+
value?: string;
|
|
70
|
+
/** Неконтролируемое значение по умолчанию */
|
|
71
|
+
defaultValue?: string;
|
|
72
|
+
/** Изменение значения OTP (всей строки) */
|
|
73
|
+
onChange?: (value: string) => void;
|
|
74
|
+
/** Когда длина кода достигнута */
|
|
75
|
+
onComplete?: (value: string) => void;
|
|
76
|
+
} & React.RefAttributes<OtpInputRef>>;
|
|
77
|
+
export {};
|
|
78
|
+
//# sourceMappingURL=OtpInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/OtpInput/OtpInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,kCAAkC;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,KAAK,SAAS,GAAG;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC;;;MAGE;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kCAAkC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,QAAQ;IAbnB;;;MAGE;YACM,MAAM;IACd,6CAA6C;mBAC9B,MAAM;IACrB,2CAA2C;eAChC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC,kCAAkC;iBACrB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;qCAyUrC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { OtpInput } from './OtpInput';
|
|
3
|
+
declare const meta: Meta<typeof OtpInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof OtpInput>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Error: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
9
|
+
export declare const Secure: Story;
|
|
10
|
+
export declare const Controlled: Story;
|
|
11
|
+
//# sourceMappingURL=OtpInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OtpInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/OtpInput/OtpInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAoB,MAAM,YAAY,CAAC;AAGxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA0C/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2ExB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/OtpInput/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/OtpInput/usePrevious.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAKf,CAAC,GAAG,SAAS,CACpC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Опция сегментированного контрола
|
|
4
|
+
*/
|
|
5
|
+
export interface SegmentOption<V extends string | number> {
|
|
6
|
+
/** Текстовая метка опции */
|
|
7
|
+
label?: string;
|
|
8
|
+
/** Иконка, отображаемая в опции */
|
|
9
|
+
icon?: React.ReactNode;
|
|
10
|
+
/** Уникальное значение опции */
|
|
11
|
+
value: V;
|
|
12
|
+
/** Флаг отключения опции */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Показывать ли разделитель после этой опции */
|
|
15
|
+
separatorAfter?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Пропсы компонента SegmentControl
|
|
19
|
+
*/
|
|
20
|
+
export interface SegmentControlProps<V extends string | number> {
|
|
21
|
+
/** Текущее выбранное значение */
|
|
22
|
+
value: V;
|
|
23
|
+
/** Колбэк, вызываемый при изменении выбранного значения */
|
|
24
|
+
onChange: (value: V) => void;
|
|
25
|
+
/** Массив опций для отображения */
|
|
26
|
+
options: SegmentOption<V>[];
|
|
27
|
+
/** Вариант стилизации компонента
|
|
28
|
+
*
|
|
29
|
+
* primary - белый фон, серая кнопка
|
|
30
|
+
*
|
|
31
|
+
* secondary - серый фон, белая кнопка
|
|
32
|
+
*/
|
|
33
|
+
variant?: "primary" | "secondary";
|
|
34
|
+
/** Растянуть компонент на всю ширину контейнера */
|
|
35
|
+
fullWidth?: boolean;
|
|
36
|
+
/** Дополнительный CSS класс */
|
|
37
|
+
className?: string;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Компонент сегментированного контрола для выбора одного значения из нескольких опций
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* ```tsx
|
|
44
|
+
* <SegmentControl
|
|
45
|
+
* value={selectedValue}
|
|
46
|
+
* onChange={setSelectedValue}
|
|
47
|
+
* options={[
|
|
48
|
+
* { label: "Опция 1", value: "opt1" },
|
|
49
|
+
* { label: "Опция 2", value: "opt2", icon: <Icon /> },
|
|
50
|
+
* { label: "Опция 3", value: "opt3", disabled: true }
|
|
51
|
+
* ]}
|
|
52
|
+
* variant="primary"
|
|
53
|
+
* />
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
56
|
+
export declare function SegmentControl<V extends string | number>({ value, onChange, options, variant, fullWidth, className, }: SegmentControlProps<V>): import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
//# sourceMappingURL=SegmentControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentControl.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/SegmentControl/SegmentControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACtD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,KAAK,EAAE,CAAC,CAAC;IACT,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC5D,iCAAiC;IACjC,KAAK,EAAE,CAAC,CAAC;IACT,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,mCAAmC;IACnC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAmB,EACnB,SAAiB,EACjB,SAAS,GACV,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAwDxB"}
|