colibri-ui 0.8.70 → 0.8.72
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/Accordion/index.d.ts +3 -9
- package/Accordion/index.js +3 -5
- package/Accordion/index.props.d.ts +7 -0
- package/Avatar/index.d.ts +1 -2
- package/Avatar/index.js +1 -3
- package/Badge/index.d.ts +1 -2
- package/Badge/index.js +1 -3
- package/Button/index.d.ts +1 -2
- package/Button/index.js +1 -3
- package/Calendar/Calendar.d.ts +2 -42
- package/Calendar/Calendar.js +5 -7
- package/Calendar/index.d.ts +2 -2
- package/Calendar/index.js +1 -4
- package/Calendar/index.props.d.ts +40 -0
- package/Card/Card.d.ts +1 -18
- package/Card/index.d.ts +1 -1
- package/Card/index.props.d.ts +18 -0
- package/Checkbox/index.d.ts +1 -2
- package/Checkbox/index.js +2 -4
- package/Chip/index.d.ts +1 -2
- package/Chip/index.js +1 -3
- package/ClickOutside/index.d.ts +3 -6
- package/ClickOutside/index.js +2 -4
- package/ClickOutside/index.props.d.ts +4 -0
- package/CodeField/CodeField.d.ts +2 -25
- package/CodeField/index.d.ts +2 -2
- package/CodeField/index.js +0 -3
- package/CodeField/index.props.d.ts +25 -0
- package/Counter/index.d.ts +1 -2
- package/Counter/index.js +5 -7
- package/Datepicker/components/DatePicker/index.d.ts +1 -2
- package/Datepicker/components/DatePicker/index.js +41 -38
- package/Datepicker/components/DatePicker/index.props.d.ts +2 -2
- package/Datepicker/index.d.ts +1 -2
- package/Datepicker/index.js +21 -21
- package/Datepicker/index.props.d.ts +3 -1
- package/DotsLoader/index.d.ts +2 -2
- package/DotsLoader/index.js +1 -3
- package/DotsLoader/index.props.d.ts +1 -0
- package/Drawer/Drawer.d.ts +1 -38
- package/Drawer/index.d.ts +1 -1
- package/Drawer/index.props.d.ts +38 -0
- package/Dropdown/index.d.ts +1 -2
- package/Dropdown/index.js +2 -4
- package/Dropzone/Dropzone.d.ts +1 -28
- package/Dropzone/index.d.ts +1 -1
- package/Dropzone/index.props.d.ts +28 -0
- package/Editable/Editable.d.ts +2 -17
- package/Editable/Editable.js +1 -1
- package/Editable/index.d.ts +2 -2
- package/Editable/index.js +0 -3
- package/Editable/index.props.d.ts +17 -0
- package/Grid/Item/index.d.ts +1 -2
- package/Grid/Item/index.js +1 -3
- package/Grid/index.d.ts +1 -2
- package/Grid/index.js +1 -3
- package/Icons/ArrowNext.d.ts +1 -2
- package/Icons/ArrowNext.js +3 -5
- package/Icons/Cart.d.ts +1 -2
- package/Icons/Cart.js +3 -5
- package/Icons/Check.d.ts +1 -2
- package/Icons/Check.js +3 -5
- package/Icons/Chevron.d.ts +1 -2
- package/Icons/Chevron.js +3 -5
- package/Icons/Close.d.ts +1 -2
- package/Icons/Close.js +3 -5
- package/Icons/Cross.d.ts +1 -2
- package/Icons/Cross.js +3 -5
- package/Icons/CrossFill.d.ts +1 -2
- package/Icons/CrossFill.js +3 -5
- package/Icons/Edit.d.ts +1 -2
- package/Icons/Edit.js +3 -5
- package/Icons/Exit.d.ts +1 -2
- package/Icons/Exit.js +3 -5
- package/Icons/EyeClosed.d.ts +1 -2
- package/Icons/EyeClosed.js +3 -5
- package/Icons/EyeOpen.d.ts +1 -2
- package/Icons/EyeOpen.js +3 -5
- package/Icons/Help.d.ts +1 -2
- package/Icons/Help.js +3 -5
- package/Icons/Info.d.ts +1 -2
- package/Icons/Info.js +3 -5
- package/Icons/Minus.d.ts +1 -2
- package/Icons/Minus.js +3 -5
- package/Icons/More.d.ts +1 -2
- package/Icons/More.js +3 -5
- package/Icons/Plus.d.ts +1 -2
- package/Icons/Plus.js +3 -5
- package/Icons/Setting.d.ts +1 -2
- package/Icons/Setting.js +3 -5
- package/Icons/Shield.d.ts +1 -2
- package/Icons/Shield.js +3 -5
- package/Icons/Trash.d.ts +1 -2
- package/Icons/Trash.js +3 -5
- package/Icons/User.d.ts +1 -2
- package/Icons/User.js +3 -5
- package/Icons/index.d.ts +20 -19
- package/Icons/index.js +21 -19
- package/Image/index.d.ts +1 -2
- package/Image/index.js +1 -3
- package/Input/index.d.ts +1 -2
- package/Input/index.js +4 -6
- package/InputRadio/index.d.ts +3 -23
- package/InputRadio/index.js +2 -4
- package/InputRadio/index.props.d.ts +20 -0
- package/Menu/components/MenuItem/index.d.ts +1 -2
- package/Menu/components/MenuItem/index.js +1 -3
- package/Menu/index.d.ts +1 -2
- package/Menu/index.js +1 -3
- package/Modal/components/Close/index.d.ts +2 -6
- package/Modal/components/Close/index.js +2 -4
- package/Modal/components/Close/index.props.d.ts +4 -0
- package/Modal/components/Content/index.d.ts +3 -3
- package/Modal/components/Content/index.js +1 -3
- package/Modal/components/Content/index.props.d.ts +2 -0
- package/Modal/components/Title/index.d.ts +3 -3
- package/Modal/components/Title/index.js +2 -4
- package/Modal/components/Title/index.props.d.ts +2 -0
- package/Modal/index.d.ts +1 -2
- package/Modal/index.js +8 -10
- package/MultiSelect/components/MenuOverlay/index.d.ts +2 -18
- package/MultiSelect/components/MenuOverlay/index.js +6 -8
- package/MultiSelect/components/MenuOverlay/index.props.d.ts +16 -0
- package/MultiSelect/components/MenuOverlayItem/index.d.ts +2 -12
- package/MultiSelect/components/MenuOverlayItem/index.js +3 -5
- package/MultiSelect/components/MenuOverlayItem/index.props.d.ts +11 -0
- package/MultiSelect/index.d.ts +1 -2
- package/MultiSelect/index.js +8 -10
- package/NumberInput/NumberInput.d.ts +3 -0
- package/NumberInput/NumberInput.js +188 -0
- package/NumberInput/NumberInput.module.css +31 -0
- package/NumberInput/index.d.ts +2 -0
- package/NumberInput/index.js +7 -0
- package/NumberInput/index.props.d.ts +28 -0
- package/NumberInput/package.json +9 -0
- package/Portal/index.d.ts +3 -5
- package/Portal/index.js +1 -3
- package/Portal/index.props.d.ts +4 -0
- package/Progress/Progress.d.ts +1 -18
- package/Progress/index.d.ts +1 -1
- package/Progress/index.props.d.ts +18 -0
- package/README.md +8 -3
- package/RadioGroup/Radio.d.ts +3 -19
- package/RadioGroup/Radio.js +2 -4
- package/RadioGroup/index.d.ts +2 -25
- package/RadioGroup/index.js +2 -4
- package/RadioGroup/index.props.d.ts +38 -0
- package/Rating/Rating.d.ts +1 -22
- package/Rating/Rating.js +0 -3
- package/Rating/index.d.ts +2 -2
- package/Rating/index.js +0 -3
- package/Rating/index.props.d.ts +21 -0
- package/Select/components/MenuOverlay/index.d.ts +2 -11
- package/Select/components/MenuOverlay/index.js +3 -5
- package/Select/components/MenuOverlay/index.props.d.ts +11 -0
- package/Select/components/MenuOverlayItem/index.d.ts +2 -15
- package/Select/components/MenuOverlayItem/index.js +3 -5
- package/Select/components/MenuOverlayItem/index.props.d.ts +14 -0
- package/Select/index.d.ts +1 -2
- package/Select/index.js +6 -8
- package/Separator/index.d.ts +2 -5
- package/Separator/index.js +1 -3
- package/Separator/index.props.d.ts +3 -0
- package/Slider/Slider.d.ts +3 -0
- package/Slider/Slider.js +211 -0
- package/Slider/Slider.module.css +314 -0
- package/Slider/index.d.ts +2 -0
- package/Slider/index.js +7 -0
- package/Slider/index.props.d.ts +47 -0
- package/Slider/package.json +9 -0
- package/Status/index.d.ts +1 -2
- package/Status/index.js +1 -3
- package/Switch/index.d.ts +1 -2
- package/Switch/index.js +2 -4
- package/TabsMenu/Tab/Tab.d.ts +2 -3
- package/TabsMenu/Tab/Tab.js +1 -3
- package/TabsMenu/index.d.ts +1 -2
- package/TabsMenu/index.js +2 -4
- package/TabsMenu/index.props.d.ts +1 -1
- package/TabsPanels/index.d.ts +1 -2
- package/TabsPanels/index.js +1 -3
- package/TextArea/index.d.ts +1 -2
- package/TextArea/index.js +3 -5
- package/TimeSelect/Label/index.d.ts +2 -7
- package/TimeSelect/Label/index.js +1 -3
- package/TimeSelect/Label/index.props.d.ts +5 -0
- package/TimeSelect/index.d.ts +2 -10
- package/TimeSelect/index.js +3 -5
- package/TimeSelect/index.props.d.ts +8 -0
- package/Tooltip/index.d.ts +1 -2
- package/Tooltip/index.js +1 -3
- package/Typography/index.d.ts +1 -2
- package/Typography/index.js +1 -3
- package/base/BaseInput/index.d.ts +1 -2
- package/base/BaseInput/index.js +1 -3
- package/base/FormField/index.d.ts +1 -2
- package/base/FormField/index.js +3 -5
- package/base/InputRoot/index.d.ts +1 -2
- package/base/InputRoot/index.js +1 -3
- package/esm/Accordion/index.d.ts +3 -9
- package/esm/Accordion/index.js +3 -3
- package/esm/Accordion/index.props.d.ts +7 -0
- package/esm/Avatar/index.d.ts +1 -2
- package/esm/Avatar/index.js +1 -1
- package/esm/Badge/index.d.ts +1 -2
- package/esm/Badge/index.js +1 -1
- package/esm/Button/index.d.ts +1 -2
- package/esm/Button/index.js +1 -1
- package/esm/Calendar/Calendar.d.ts +2 -42
- package/esm/Calendar/Calendar.js +3 -3
- package/esm/Calendar/index.d.ts +2 -2
- package/esm/Calendar/index.props.d.ts +40 -0
- package/esm/Card/Card.d.ts +1 -18
- package/esm/Card/index.d.ts +1 -1
- package/esm/Card/index.props.d.ts +18 -0
- package/esm/Checkbox/index.d.ts +1 -2
- package/esm/Checkbox/index.js +2 -2
- package/esm/Chip/index.d.ts +1 -2
- package/esm/Chip/index.js +1 -1
- package/esm/ClickOutside/index.d.ts +3 -6
- package/esm/ClickOutside/index.js +2 -2
- package/esm/ClickOutside/index.props.d.ts +4 -0
- package/esm/CodeField/CodeField.d.ts +2 -25
- package/esm/CodeField/CodeField.js +3 -1
- package/esm/CodeField/index.d.ts +2 -2
- package/esm/CodeField/index.props.d.ts +25 -0
- package/esm/Counter/index.d.ts +1 -2
- package/esm/Counter/index.js +6 -6
- package/esm/Datepicker/components/DatePicker/index.d.ts +1 -2
- package/esm/Datepicker/components/DatePicker/index.js +40 -35
- package/esm/Datepicker/components/DatePicker/index.props.d.ts +2 -2
- package/esm/Datepicker/index.d.ts +1 -2
- package/esm/Datepicker/index.js +22 -20
- package/esm/Datepicker/index.props.d.ts +3 -1
- package/esm/DotsLoader/index.d.ts +2 -2
- package/esm/DotsLoader/index.js +1 -1
- package/esm/DotsLoader/index.props.d.ts +1 -0
- package/esm/Drawer/Drawer.d.ts +1 -38
- package/esm/Drawer/index.d.ts +1 -1
- package/esm/Drawer/index.props.d.ts +38 -0
- package/esm/Dropdown/index.d.ts +1 -2
- package/esm/Dropdown/index.js +2 -2
- package/esm/Dropzone/Dropzone.d.ts +1 -28
- package/esm/Dropzone/index.d.ts +1 -1
- package/esm/Dropzone/index.props.d.ts +28 -0
- package/esm/Editable/Editable.d.ts +2 -17
- package/esm/Editable/Editable.js +1 -1
- package/esm/Editable/index.d.ts +2 -2
- package/esm/Editable/index.props.d.ts +17 -0
- package/esm/Grid/Item/index.d.ts +1 -2
- package/esm/Grid/Item/index.js +1 -1
- package/esm/Grid/index.d.ts +1 -2
- package/esm/Grid/index.js +1 -1
- package/esm/Icons/ArrowNext.d.ts +1 -2
- package/esm/Icons/ArrowNext.js +3 -3
- package/esm/Icons/Cart.d.ts +1 -2
- package/esm/Icons/Cart.js +3 -3
- package/esm/Icons/Check.d.ts +1 -2
- package/esm/Icons/Check.js +3 -3
- package/esm/Icons/Chevron.d.ts +1 -2
- package/esm/Icons/Chevron.js +3 -3
- package/esm/Icons/Close.d.ts +1 -2
- package/esm/Icons/Close.js +3 -3
- package/esm/Icons/Cross.d.ts +1 -2
- package/esm/Icons/Cross.js +3 -3
- package/esm/Icons/CrossFill.d.ts +1 -2
- package/esm/Icons/CrossFill.js +3 -3
- package/esm/Icons/Edit.d.ts +1 -2
- package/esm/Icons/Edit.js +3 -3
- package/esm/Icons/Exit.d.ts +1 -2
- package/esm/Icons/Exit.js +3 -3
- package/esm/Icons/EyeClosed.d.ts +1 -2
- package/esm/Icons/EyeClosed.js +3 -3
- package/esm/Icons/EyeOpen.d.ts +1 -2
- package/esm/Icons/EyeOpen.js +3 -3
- package/esm/Icons/Help.d.ts +1 -2
- package/esm/Icons/Help.js +3 -3
- package/esm/Icons/Info.d.ts +1 -2
- package/esm/Icons/Info.js +3 -3
- package/esm/Icons/Minus.d.ts +1 -2
- package/esm/Icons/Minus.js +3 -3
- package/esm/Icons/More.d.ts +1 -2
- package/esm/Icons/More.js +3 -3
- package/esm/Icons/Plus.d.ts +1 -2
- package/esm/Icons/Plus.js +3 -3
- package/esm/Icons/Setting.d.ts +1 -2
- package/esm/Icons/Setting.js +3 -3
- package/esm/Icons/Shield.d.ts +1 -2
- package/esm/Icons/Shield.js +3 -3
- package/esm/Icons/Trash.d.ts +1 -2
- package/esm/Icons/Trash.js +3 -3
- package/esm/Icons/User.d.ts +1 -2
- package/esm/Icons/User.js +3 -3
- package/esm/Icons/index.d.ts +20 -19
- package/esm/Image/index.d.ts +1 -2
- package/esm/Image/index.js +1 -1
- package/esm/Input/index.d.ts +1 -2
- package/esm/Input/index.js +4 -4
- package/esm/InputRadio/index.d.ts +3 -23
- package/esm/InputRadio/index.js +2 -2
- package/esm/InputRadio/index.props.d.ts +20 -0
- package/esm/Menu/components/MenuItem/index.d.ts +1 -2
- package/esm/Menu/components/MenuItem/index.js +1 -1
- package/esm/Menu/index.d.ts +1 -2
- package/esm/Menu/index.js +1 -1
- package/esm/Modal/components/Close/index.d.ts +2 -6
- package/esm/Modal/components/Close/index.js +3 -3
- package/esm/Modal/components/Close/index.props.d.ts +4 -0
- package/esm/Modal/components/Content/index.d.ts +3 -3
- package/esm/Modal/components/Content/index.js +1 -1
- package/esm/Modal/components/Content/index.props.d.ts +2 -0
- package/esm/Modal/components/Title/index.d.ts +3 -3
- package/esm/Modal/components/Title/index.js +2 -2
- package/esm/Modal/components/Title/index.props.d.ts +2 -0
- package/esm/Modal/index.d.ts +1 -2
- package/esm/Modal/index.js +8 -8
- package/esm/MultiSelect/components/MenuOverlay/index.d.ts +2 -18
- package/esm/MultiSelect/components/MenuOverlay/index.js +7 -7
- package/esm/MultiSelect/components/MenuOverlay/index.props.d.ts +16 -0
- package/esm/MultiSelect/components/MenuOverlayItem/index.d.ts +2 -12
- package/esm/MultiSelect/components/MenuOverlayItem/index.js +3 -3
- package/esm/MultiSelect/components/MenuOverlayItem/index.props.d.ts +11 -0
- package/esm/MultiSelect/index.d.ts +1 -2
- package/esm/MultiSelect/index.js +8 -8
- package/esm/NumberInput/NumberInput.d.ts +3 -0
- package/esm/NumberInput/NumberInput.js +179 -0
- package/esm/NumberInput/NumberInput.module.css +31 -0
- package/esm/NumberInput/index.d.ts +2 -0
- package/esm/NumberInput/index.props.d.ts +28 -0
- package/esm/Portal/index.d.ts +3 -5
- package/esm/Portal/index.js +1 -1
- package/esm/Portal/index.props.d.ts +4 -0
- package/esm/Progress/Progress.d.ts +1 -18
- package/esm/Progress/index.d.ts +1 -1
- package/esm/Progress/index.props.d.ts +18 -0
- package/esm/RadioGroup/Radio.d.ts +3 -19
- package/esm/RadioGroup/Radio.js +2 -2
- package/esm/RadioGroup/index.d.ts +2 -25
- package/esm/RadioGroup/index.js +2 -2
- package/esm/RadioGroup/index.props.d.ts +38 -0
- package/esm/Rating/Rating.d.ts +1 -22
- package/esm/Rating/Rating.js +1 -1
- package/esm/Rating/index.d.ts +2 -2
- package/esm/Rating/index.props.d.ts +21 -0
- package/esm/Select/components/MenuOverlay/index.d.ts +2 -11
- package/esm/Select/components/MenuOverlay/index.js +3 -3
- package/esm/Select/components/MenuOverlay/index.props.d.ts +11 -0
- package/esm/Select/components/MenuOverlayItem/index.d.ts +2 -15
- package/esm/Select/components/MenuOverlayItem/index.js +3 -3
- package/esm/Select/components/MenuOverlayItem/index.props.d.ts +14 -0
- package/esm/Select/index.d.ts +1 -2
- package/esm/Select/index.js +6 -6
- package/esm/Separator/index.d.ts +2 -5
- package/esm/Separator/index.js +1 -1
- package/esm/Separator/index.props.d.ts +3 -0
- package/esm/Slider/Slider.d.ts +3 -0
- package/esm/Slider/Slider.js +204 -0
- package/esm/Slider/Slider.module.css +314 -0
- package/esm/Slider/index.d.ts +2 -0
- package/esm/Slider/index.props.d.ts +47 -0
- package/esm/Status/index.d.ts +1 -2
- package/esm/Status/index.js +1 -1
- package/esm/Switch/index.d.ts +1 -2
- package/esm/Switch/index.js +2 -2
- package/esm/TabsMenu/Tab/Tab.d.ts +2 -3
- package/esm/TabsMenu/Tab/Tab.js +1 -1
- package/esm/TabsMenu/index.d.ts +1 -2
- package/esm/TabsMenu/index.js +2 -2
- package/esm/TabsMenu/index.props.d.ts +1 -1
- package/esm/TabsPanels/index.d.ts +1 -2
- package/esm/TabsPanels/index.js +1 -1
- package/esm/TextArea/index.d.ts +1 -2
- package/esm/TextArea/index.js +3 -3
- package/esm/TimeSelect/Label/index.d.ts +2 -7
- package/esm/TimeSelect/Label/index.js +1 -1
- package/esm/TimeSelect/Label/index.props.d.ts +5 -0
- package/esm/TimeSelect/index.d.ts +2 -10
- package/esm/TimeSelect/index.js +3 -3
- package/esm/TimeSelect/index.props.d.ts +8 -0
- package/esm/Tooltip/index.d.ts +1 -2
- package/esm/Tooltip/index.js +1 -1
- package/esm/Typography/index.d.ts +1 -2
- package/esm/Typography/index.js +1 -1
- package/esm/base/BaseInput/index.d.ts +1 -2
- package/esm/base/BaseInput/index.js +1 -1
- package/esm/base/FormField/index.d.ts +1 -2
- package/esm/base/FormField/index.js +2 -2
- package/esm/base/InputRoot/index.d.ts +1 -2
- package/esm/base/InputRoot/index.js +1 -1
- package/esm/hooks/useMediaSizes/index.d.ts +2 -2
- package/esm/hooks/useMediaSizes/index.js +1 -1
- package/esm/hooks/useOnClickOutside/index.d.ts +2 -2
- package/esm/hooks/useOnClickOutside/index.js +1 -1
- package/esm/hooks/useScrollLock/index.d.ts +1 -2
- package/esm/hooks/useScrollLock/index.js +1 -1
- package/esm/hooks/useTrapFocus/index.d.ts +1 -2
- package/esm/hooks/useTrapFocus/index.js +1 -1
- package/esm/index.d.ts +74 -37
- package/esm/index.js +56 -53
- package/hooks/useMediaSizes/index.d.ts +2 -2
- package/hooks/useMediaSizes/index.js +1 -3
- package/hooks/useOnClickOutside/index.d.ts +2 -2
- package/hooks/useOnClickOutside/index.js +1 -3
- package/hooks/useScrollLock/index.d.ts +1 -2
- package/hooks/useScrollLock/index.js +1 -3
- package/hooks/useTrapFocus/index.d.ts +1 -2
- package/hooks/useTrapFocus/index.js +1 -3
- package/index.d.ts +74 -37
- package/index.js +64 -53
- package/package.json +1 -1
- /package/TabsMenu/Tab/{Tab.props.d.ts → index.props.d.ts} +0 -0
- /package/esm/TabsMenu/Tab/{Tab.props.d.ts → index.props.d.ts} +0 -0
package/Accordion/index.d.ts
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import type { FC
|
|
2
|
-
type
|
|
3
|
-
|
|
4
|
-
className?: string;
|
|
5
|
-
boldTitle?: boolean;
|
|
6
|
-
tabIndex?: number;
|
|
7
|
-
};
|
|
8
|
-
declare const Accordion: FC<PropsWithChildren<Props>>;
|
|
9
|
-
export default Accordion;
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { AccordionProps } from "./index.props";
|
|
3
|
+
export declare const Accordion: FC<AccordionProps>;
|
package/Accordion/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
7
5
|
var React = require('react');
|
|
@@ -51,11 +49,11 @@ var Accordion = function Accordion(_ref) {
|
|
|
51
49
|
"aria-expanded": isOpen,
|
|
52
50
|
tabIndex: tabIndex,
|
|
53
51
|
"aria-label": "Toggle"
|
|
54
|
-
}, /*#__PURE__*/React__default.default.createElement(Chevron.
|
|
52
|
+
}, /*#__PURE__*/React__default.default.createElement(Chevron.Chevron, {
|
|
55
53
|
className: clsx__default.default(styles__default.default.chevron, _defineProperty__default.default({}, styles__default.default["chevron_open"], Boolean(isOpen))),
|
|
56
54
|
width: 20,
|
|
57
55
|
height: 20
|
|
58
|
-
}), /*#__PURE__*/React__default.default.createElement(index.
|
|
56
|
+
}), /*#__PURE__*/React__default.default.createElement(index.Typography, {
|
|
59
57
|
className: styles__default.default.text,
|
|
60
58
|
fontWeight: boldTitle ? "bold" : "normal"
|
|
61
59
|
}, title), /*#__PURE__*/React__default.default.createElement("div", {
|
|
@@ -66,4 +64,4 @@ var Accordion = function Accordion(_ref) {
|
|
|
66
64
|
}, children));
|
|
67
65
|
};
|
|
68
66
|
|
|
69
|
-
exports.
|
|
67
|
+
exports.Accordion = Accordion;
|
package/Avatar/index.d.ts
CHANGED
package/Avatar/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
4
|
var tslib = require('tslib');
|
|
7
5
|
var React = require('react');
|
|
@@ -113,4 +111,4 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
|
|
|
113
111
|
);
|
|
114
112
|
});
|
|
115
113
|
|
|
116
|
-
exports.
|
|
114
|
+
exports.Avatar = Avatar;
|
package/Badge/index.d.ts
CHANGED
package/Badge/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
4
|
var tslib = require('tslib');
|
|
7
5
|
var React = require('react');
|
|
@@ -39,4 +37,4 @@ var Badge = function Badge(_a) {
|
|
|
39
37
|
}, displayValue)));
|
|
40
38
|
};
|
|
41
39
|
|
|
42
|
-
exports.
|
|
40
|
+
exports.Badge = Badge;
|
package/Button/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type ButtonProps } from "./index.props";
|
|
3
|
-
declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;
|
|
4
|
-
export default Button;
|
|
3
|
+
export declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;
|
package/Button/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
4
|
var tslib = require('tslib');
|
|
7
5
|
var React = require('react');
|
|
@@ -50,4 +48,4 @@ var Button = function Button(_a) {
|
|
|
50
48
|
}, iconEnd));
|
|
51
49
|
};
|
|
52
50
|
|
|
53
|
-
exports.
|
|
51
|
+
exports.Button = Button;
|
package/Calendar/Calendar.d.ts
CHANGED
|
@@ -1,43 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type {
|
|
3
|
-
export
|
|
4
|
-
export type CalendarSelectionMode = "single" | "range";
|
|
5
|
-
export type CalendarView = "days" | "months" | "years";
|
|
6
|
-
export interface CalendarEvent {
|
|
7
|
-
date: Date;
|
|
8
|
-
color?: string;
|
|
9
|
-
label?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
|
|
12
|
-
defaultVisibleMonth?: Date;
|
|
13
|
-
defaultView?: CalendarView;
|
|
14
|
-
disabledDates?: Date[] | ((date: Date) => boolean);
|
|
15
|
-
events?: CalendarEvent[];
|
|
16
|
-
locale?: string;
|
|
17
|
-
maxDate?: Date;
|
|
18
|
-
minDate?: Date;
|
|
19
|
-
monthLabel?: string;
|
|
20
|
-
monthsToShow?: 1 | 2;
|
|
21
|
-
nextMonthLabel?: string;
|
|
22
|
-
onVisibleMonthChange?: (month: Date) => void;
|
|
23
|
-
previousMonthLabel?: string;
|
|
24
|
-
showOutsideDays?: boolean;
|
|
25
|
-
size?: CalendarSize;
|
|
26
|
-
visibleMonth?: Date;
|
|
27
|
-
weekStartsOn?: 0 | 1;
|
|
28
|
-
yearLabel?: string;
|
|
29
|
-
yearRange?: [number, number];
|
|
30
|
-
}
|
|
31
|
-
export interface CalendarSingleProps extends CalendarCommonProps {
|
|
32
|
-
onChange: (value: Date) => void;
|
|
33
|
-
selectionMode?: "single";
|
|
34
|
-
value: Date | null;
|
|
35
|
-
}
|
|
36
|
-
export interface CalendarRangeProps extends CalendarCommonProps {
|
|
37
|
-
onChange: (value: [Date | null, Date | null]) => void;
|
|
38
|
-
selectionMode: "range";
|
|
39
|
-
value: [Date | null, Date | null];
|
|
40
|
-
}
|
|
41
|
-
export type CalendarProps = CalendarSingleProps | CalendarRangeProps;
|
|
42
|
-
declare const Calendar: (props: CalendarProps) => React.JSX.Element;
|
|
43
|
-
export default Calendar;
|
|
2
|
+
import type { CalendarProps } from "./index.props";
|
|
3
|
+
export declare const Calendar: (props: CalendarProps) => React.JSX.Element;
|
package/Calendar/Calendar.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
6
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
7
5
|
var tslib = require('tslib');
|
|
@@ -386,7 +384,7 @@ var Calendar = function Calendar(props) {
|
|
|
386
384
|
className: styles__default.default.header
|
|
387
385
|
}, /*#__PURE__*/React__default.default.createElement("div", {
|
|
388
386
|
className: styles__default.default["header-side"]
|
|
389
|
-
}, /*#__PURE__*/React__default.default.createElement(index.
|
|
387
|
+
}, /*#__PURE__*/React__default.default.createElement(index.Button, {
|
|
390
388
|
variant: "outline",
|
|
391
389
|
size: buttonSize,
|
|
392
390
|
type: "button",
|
|
@@ -396,13 +394,13 @@ var Calendar = function Calendar(props) {
|
|
|
396
394
|
"aria-disabled": !canDrillUp,
|
|
397
395
|
tabIndex: canDrillUp ? undefined : -1,
|
|
398
396
|
onClick: canDrillUp ? handleHeaderClick : undefined,
|
|
399
|
-
iconEnd: canDrillUp ? (/*#__PURE__*/React__default.default.createElement(Chevron.
|
|
397
|
+
iconEnd: canDrillUp ? (/*#__PURE__*/React__default.default.createElement(Chevron.Chevron, {
|
|
400
398
|
className: styles__default.default["title-icon"],
|
|
401
399
|
"aria-hidden": "true"
|
|
402
400
|
})) : undefined
|
|
403
401
|
}, headerTitle)), /*#__PURE__*/React__default.default.createElement("div", {
|
|
404
402
|
className: styles__default.default["header-side"]
|
|
405
|
-
}, /*#__PURE__*/React__default.default.createElement(index.
|
|
403
|
+
}, /*#__PURE__*/React__default.default.createElement(index.Button, {
|
|
406
404
|
variant: "outline",
|
|
407
405
|
size: buttonSize,
|
|
408
406
|
type: "button",
|
|
@@ -414,7 +412,7 @@ var Calendar = function Calendar(props) {
|
|
|
414
412
|
className: styles__default.default["nav-icon"],
|
|
415
413
|
"aria-hidden": "true"
|
|
416
414
|
})
|
|
417
|
-
}), /*#__PURE__*/React__default.default.createElement(index.
|
|
415
|
+
}), /*#__PURE__*/React__default.default.createElement(index.Button, {
|
|
418
416
|
variant: "outline",
|
|
419
417
|
size: buttonSize,
|
|
420
418
|
type: "button",
|
|
@@ -508,4 +506,4 @@ var Calendar = function Calendar(props) {
|
|
|
508
506
|
}))));
|
|
509
507
|
};
|
|
510
508
|
|
|
511
|
-
exports.
|
|
509
|
+
exports.Calendar = Calendar;
|
package/Calendar/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type { CalendarEvent, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./
|
|
1
|
+
export { Calendar } from "./Calendar";
|
|
2
|
+
export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./index.props";
|
package/Calendar/index.js
CHANGED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export type CalendarSize = "xs" | "s" | "m" | "l" | "xl";
|
|
3
|
+
export type CalendarSelectionMode = "single" | "range";
|
|
4
|
+
export type CalendarView = "days" | "months" | "years";
|
|
5
|
+
export interface CalendarEvent {
|
|
6
|
+
date: Date;
|
|
7
|
+
color?: string;
|
|
8
|
+
label?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
|
|
11
|
+
defaultVisibleMonth?: Date;
|
|
12
|
+
defaultView?: CalendarView;
|
|
13
|
+
disabledDates?: Date[] | ((date: Date) => boolean);
|
|
14
|
+
events?: CalendarEvent[];
|
|
15
|
+
locale?: string;
|
|
16
|
+
maxDate?: Date;
|
|
17
|
+
minDate?: Date;
|
|
18
|
+
monthLabel?: string;
|
|
19
|
+
monthsToShow?: 1 | 2;
|
|
20
|
+
nextMonthLabel?: string;
|
|
21
|
+
onVisibleMonthChange?: (month: Date) => void;
|
|
22
|
+
previousMonthLabel?: string;
|
|
23
|
+
showOutsideDays?: boolean;
|
|
24
|
+
size?: CalendarSize;
|
|
25
|
+
visibleMonth?: Date;
|
|
26
|
+
weekStartsOn?: 0 | 1;
|
|
27
|
+
yearLabel?: string;
|
|
28
|
+
yearRange?: [number, number];
|
|
29
|
+
}
|
|
30
|
+
export interface CalendarSingleProps extends CalendarCommonProps {
|
|
31
|
+
onChange: (value: Date) => void;
|
|
32
|
+
selectionMode?: "single";
|
|
33
|
+
value: Date | null;
|
|
34
|
+
}
|
|
35
|
+
export interface CalendarRangeProps extends CalendarCommonProps {
|
|
36
|
+
onChange: (value: [Date | null, Date | null]) => void;
|
|
37
|
+
selectionMode: "range";
|
|
38
|
+
value: [Date | null, Date | null];
|
|
39
|
+
}
|
|
40
|
+
export type CalendarProps = CalendarSingleProps | CalendarRangeProps;
|
package/Card/Card.d.ts
CHANGED
|
@@ -1,22 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type {
|
|
3
|
-
export type CardSize = "s" | "m" | "l";
|
|
4
|
-
export type CardOrientation = "horizontal" | "vertical";
|
|
5
|
-
export type CardBackgroundType = "none" | "solid";
|
|
6
|
-
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
size?: CardSize;
|
|
8
|
-
view?: "default" | string;
|
|
9
|
-
orientation?: CardOrientation;
|
|
10
|
-
selected?: boolean;
|
|
11
|
-
backgroundType?: CardBackgroundType;
|
|
12
|
-
}
|
|
13
|
-
export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
14
|
-
aspectRatio?: CSSProperties["aspectRatio"] | number;
|
|
15
|
-
orientation?: CardOrientation;
|
|
16
|
-
}
|
|
17
|
-
export interface CardInnerContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
18
|
-
orientation?: CardOrientation;
|
|
19
|
-
}
|
|
2
|
+
import type { CardContentProps, CardInnerContentProps, CardProps } from "./index.props";
|
|
20
3
|
/** Root card container. */
|
|
21
4
|
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
5
|
/** Clipped card area that normally contains media and CardInnerContent. */
|
package/Card/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Card, CardContent, CardInnerContent } from "./Card";
|
|
2
|
-
export type { CardProps, CardContentProps, CardInnerContentProps, CardSize, CardOrientation, CardBackgroundType, } from "./
|
|
2
|
+
export type { CardProps, CardContentProps, CardInnerContentProps, CardSize, CardOrientation, CardBackgroundType, } from "./index.props";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { CSSProperties, HTMLAttributes } from "react";
|
|
2
|
+
export type CardSize = "s" | "m" | "l";
|
|
3
|
+
export type CardOrientation = "horizontal" | "vertical";
|
|
4
|
+
export type CardBackgroundType = "none" | "solid";
|
|
5
|
+
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
size?: CardSize;
|
|
7
|
+
view?: "default" | string;
|
|
8
|
+
orientation?: CardOrientation;
|
|
9
|
+
selected?: boolean;
|
|
10
|
+
backgroundType?: CardBackgroundType;
|
|
11
|
+
}
|
|
12
|
+
export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
13
|
+
aspectRatio?: CSSProperties["aspectRatio"] | number;
|
|
14
|
+
orientation?: CardOrientation;
|
|
15
|
+
}
|
|
16
|
+
export interface CardInnerContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
orientation?: CardOrientation;
|
|
18
|
+
}
|
package/Checkbox/index.d.ts
CHANGED
package/Checkbox/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var clsx = require('clsx');
|
|
@@ -50,11 +48,11 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
50
48
|
className: clsx__default.default(styles__default.default["fake-checkbox"], styles__default.default["variant_".concat(variant)], _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, styles__default.default["variant_".concat(variant, "_disabled")], Boolean(disabled)), styles__default.default["variant_".concat(variant, "_error")], Boolean(hasError)), styles__default.default["variant_".concat(variant, "_checked")], Boolean(checked)), styles__default.default.checked, Boolean(checked)))
|
|
51
49
|
}), /*#__PURE__*/React__default.default.createElement("span", {
|
|
52
50
|
className: styles__default.default.text
|
|
53
|
-
}, label)), hint && (/*#__PURE__*/React__default.default.createElement(index.
|
|
51
|
+
}, label)), hint && (/*#__PURE__*/React__default.default.createElement(index.Typography, {
|
|
54
52
|
className: clsx__default.default(_defineProperty__default.default({}, styles__default.default.hint_error, hasError)),
|
|
55
53
|
variant: hasError ? "alert" : "secondary",
|
|
56
54
|
tag: "span"
|
|
57
55
|
}, hint)));
|
|
58
56
|
};
|
|
59
57
|
|
|
60
|
-
exports.
|
|
58
|
+
exports.Checkbox = Checkbox;
|
package/Chip/index.d.ts
CHANGED
package/Chip/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
4
|
var tslib = require('tslib');
|
|
7
5
|
var React = require('react');
|
|
@@ -51,4 +49,4 @@ var Chip = function Chip(_a) {
|
|
|
51
49
|
}, iconEnd))));
|
|
52
50
|
};
|
|
53
51
|
|
|
54
|
-
exports.
|
|
52
|
+
exports.Chip = Chip;
|
package/ClickOutside/index.d.ts
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import { type FC
|
|
2
|
-
type ClickOutsideProps
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
declare const ClickOutside: FC<PropsWithChildren<ClickOutsideProps>>;
|
|
6
|
-
export default ClickOutside;
|
|
1
|
+
import { type FC } from "react";
|
|
2
|
+
import type { ClickOutsideProps } from "./index.props";
|
|
3
|
+
export declare const ClickOutside: FC<ClickOutsideProps>;
|
package/ClickOutside/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var index = require('../hooks/useOnClickOutside/index.js');
|
|
7
5
|
|
|
@@ -26,7 +24,7 @@ var ClickOutside = function ClickOutside(_ref) {
|
|
|
26
24
|
onClick = _ref.onClick;
|
|
27
25
|
var _a;
|
|
28
26
|
var localRef = React.useRef(null);
|
|
29
|
-
index.
|
|
27
|
+
index.useOnClickOutside(localRef, onClick);
|
|
30
28
|
var childRef = /*#__PURE__*/React.isValidElement(children) ? (_a = children.props) === null || _a === void 0 ? void 0 : _a.ref : undefined;
|
|
31
29
|
var mergedRef = useMergedRefs(localRef, childRef);
|
|
32
30
|
if (! /*#__PURE__*/React.isValidElement(children)) return null;
|
|
@@ -35,4 +33,4 @@ var ClickOutside = function ClickOutside(_ref) {
|
|
|
35
33
|
});
|
|
36
34
|
};
|
|
37
35
|
|
|
38
|
-
exports.
|
|
36
|
+
exports.ClickOutside = ClickOutside;
|
package/CodeField/CodeField.d.ts
CHANGED
|
@@ -1,29 +1,6 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { CodeFieldProps } from "./index.props";
|
|
2
3
|
export declare const ONLY_DIGITS_PATTERN = "^\\d+$";
|
|
3
4
|
export declare const ONLY_CHARS_PATTERN = "^[a-zA-Z]+$";
|
|
4
5
|
export declare const ONLY_DIGITS_AND_CHARS_PATTERN = "^[a-zA-Z0-9]+$";
|
|
5
|
-
export type CodeFieldSize = "m" | "l" | "xl";
|
|
6
|
-
export type CodeFieldShape = "default" | "segmented";
|
|
7
|
-
export type ItemErrorBehavior = "remove-symbol" | "keep" | "forbid-enter";
|
|
8
|
-
export type CodeErrorBehavior = "remove-code" | "keep";
|
|
9
|
-
export interface CodeFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onClick" | "size" | "width" | "value"> {
|
|
10
|
-
value?: string;
|
|
11
|
-
placeholder?: string;
|
|
12
|
-
codeLength?: 4 | 5 | 6;
|
|
13
|
-
caption?: ReactNode;
|
|
14
|
-
captionAlign?: "left" | "center";
|
|
15
|
-
width?: string | number;
|
|
16
|
-
view?: string;
|
|
17
|
-
shape?: CodeFieldShape;
|
|
18
|
-
size?: CodeFieldSize;
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
isError?: boolean;
|
|
21
|
-
setIsError?: Dispatch<SetStateAction<boolean>>;
|
|
22
|
-
allowedSymbols?: string | RegExp;
|
|
23
|
-
itemErrorBehavior?: ItemErrorBehavior;
|
|
24
|
-
codeErrorBehavior?: CodeErrorBehavior;
|
|
25
|
-
onChange?: (value: string) => void;
|
|
26
|
-
onFullCodeEnter?: (code: string) => void;
|
|
27
|
-
onClick?: MouseEventHandler<HTMLDivElement>;
|
|
28
|
-
}
|
|
29
6
|
export declare const CodeField: React.ForwardRefExoticComponent<CodeFieldProps & React.RefAttributes<HTMLInputElement>>;
|
package/CodeField/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { CodeField
|
|
2
|
-
export type { CodeFieldProps, CodeFieldShape, CodeFieldSize, ItemErrorBehavior, CodeErrorBehavior, } from "./
|
|
1
|
+
export { CodeField, ONLY_DIGITS_PATTERN, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, } from "./CodeField";
|
|
2
|
+
export type { CodeFieldProps, CodeFieldShape, CodeFieldSize, ItemErrorBehavior, CodeErrorBehavior, } from "./index.props";
|
package/CodeField/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var CodeField = require('./CodeField.js');
|
|
6
4
|
|
|
7
5
|
|
|
@@ -10,4 +8,3 @@ exports.CodeField = CodeField.CodeField;
|
|
|
10
8
|
exports.ONLY_CHARS_PATTERN = CodeField.ONLY_CHARS_PATTERN;
|
|
11
9
|
exports.ONLY_DIGITS_AND_CHARS_PATTERN = CodeField.ONLY_DIGITS_AND_CHARS_PATTERN;
|
|
12
10
|
exports.ONLY_DIGITS_PATTERN = CodeField.ONLY_DIGITS_PATTERN;
|
|
13
|
-
exports.default = CodeField.CodeField;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { Dispatch, InputHTMLAttributes, MouseEventHandler, ReactNode, SetStateAction } from "react";
|
|
2
|
+
export type CodeFieldSize = "m" | "l" | "xl";
|
|
3
|
+
export type CodeFieldShape = "default" | "segmented";
|
|
4
|
+
export type ItemErrorBehavior = "remove-symbol" | "keep" | "forbid-enter";
|
|
5
|
+
export type CodeErrorBehavior = "remove-code" | "keep";
|
|
6
|
+
export interface CodeFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onClick" | "size" | "width" | "value"> {
|
|
7
|
+
value?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
codeLength?: 4 | 5 | 6;
|
|
10
|
+
caption?: ReactNode;
|
|
11
|
+
captionAlign?: "left" | "center";
|
|
12
|
+
width?: string | number;
|
|
13
|
+
view?: string;
|
|
14
|
+
shape?: CodeFieldShape;
|
|
15
|
+
size?: CodeFieldSize;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
isError?: boolean;
|
|
18
|
+
setIsError?: Dispatch<SetStateAction<boolean>>;
|
|
19
|
+
allowedSymbols?: string | RegExp;
|
|
20
|
+
itemErrorBehavior?: ItemErrorBehavior;
|
|
21
|
+
codeErrorBehavior?: CodeErrorBehavior;
|
|
22
|
+
onChange?: (value: string) => void;
|
|
23
|
+
onFullCodeEnter?: (code: string) => void;
|
|
24
|
+
onClick?: MouseEventHandler<HTMLDivElement>;
|
|
25
|
+
}
|
package/Counter/index.d.ts
CHANGED
package/Counter/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var clsx = require('clsx');
|
|
@@ -39,8 +37,8 @@ var Counter = function Counter(_ref) {
|
|
|
39
37
|
className: clsx__default.default(styles__default.default.root, _defineProperty__default.default({}, styles__default.default["root_fullWidth"], Boolean(fullWidth)), className)
|
|
40
38
|
}, /*#__PURE__*/React__default.default.createElement("div", {
|
|
41
39
|
className: clsx__default.default(styles__default.default.control, _defineProperty__default.default({}, styles__default.default["control_fullWidth"], Boolean(fullWidth)))
|
|
42
|
-
}, /*#__PURE__*/React__default.default.createElement(index.
|
|
43
|
-
icon: /*#__PURE__*/React__default.default.createElement(Minus.
|
|
40
|
+
}, /*#__PURE__*/React__default.default.createElement(index.Button, {
|
|
41
|
+
icon: /*#__PURE__*/React__default.default.createElement(Minus.Minus, {
|
|
44
42
|
width: 16,
|
|
45
43
|
height: 16
|
|
46
44
|
}),
|
|
@@ -53,8 +51,8 @@ var Counter = function Counter(_ref) {
|
|
|
53
51
|
"aria-label": "decrease"
|
|
54
52
|
}), /*#__PURE__*/React__default.default.createElement("div", {
|
|
55
53
|
className: styles__default.default.value
|
|
56
|
-
}, value), /*#__PURE__*/React__default.default.createElement(index.
|
|
57
|
-
icon: /*#__PURE__*/React__default.default.createElement(Plus.
|
|
54
|
+
}, value), /*#__PURE__*/React__default.default.createElement(index.Button, {
|
|
55
|
+
icon: /*#__PURE__*/React__default.default.createElement(Plus.Plus, {
|
|
58
56
|
width: 16,
|
|
59
57
|
height: 16
|
|
60
58
|
}),
|
|
@@ -68,4 +66,4 @@ var Counter = function Counter(_ref) {
|
|
|
68
66
|
})));
|
|
69
67
|
};
|
|
70
68
|
|
|
71
|
-
exports.
|
|
69
|
+
exports.Counter = Counter;
|