react-miui 0.23.2 → 0.23.4
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/CHANGELOG.md +13 -1
- package/dist/components/form/Checkbox.js +2 -2
- package/dist/components/form/Checkbox.js.map +1 -1
- package/dist/components/form/Label.js +2 -2
- package/dist/components/form/Label.js.map +1 -1
- package/dist/components/form/Select.d.ts +1 -1
- package/dist/components/form/Select.d.ts.map +1 -1
- package/dist/components/form/Select.js +2 -2
- package/dist/components/form/Select.js.map +1 -1
- package/dist/components/form/Select.stories.d.ts +1 -1
- package/dist/components/form/Select.stories.d.ts.map +1 -1
- package/dist/components/form/Select.stories.js +2 -2
- package/dist/components/form/Select.stories.js.map +1 -1
- package/dist/components/form/Select.styled.d.ts +2 -2
- package/dist/components/form/Select.styled.js +6 -6
- package/dist/components/form/Select.styled.js.map +1 -1
- package/dist/components/form/choice/Choice.d.ts +1 -0
- package/dist/components/form/choice/Choice.d.ts.map +1 -1
- package/dist/components/form/choice/Choice.js +5 -5
- package/dist/components/form/choice/Choice.js.map +1 -1
- package/dist/components/form/index.d.ts +1 -1
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/index.js +1 -1
- package/dist/components/form/index.js.map +1 -1
- package/dist/components/form/input/Input.css.js +5 -5
- package/dist/components/form/input/Input.css.js.map +1 -1
- package/dist/components/form/input/Input.d.ts +1 -0
- package/dist/components/form/input/Input.d.ts.map +1 -1
- package/dist/components/form/input/Input.js +2 -2
- package/dist/components/form/input/Input.js.map +1 -1
- package/dist/components/form/input/Input.stories.d.ts +1 -1
- package/dist/components/form/input/Input.stories.d.ts.map +1 -1
- package/dist/components/form/input/Input.stories.js +10 -10
- package/dist/components/form/input/Input.stories.js.map +1 -1
- package/dist/components/form/input/Input.styled.d.ts +9 -9
- package/dist/components/form/input/Input.styled.js +8 -8
- package/dist/components/form/input/Input.styled.js.map +1 -1
- package/dist/components/form/textarea/TextArea.stories.d.ts +1 -1
- package/dist/components/form/textarea/TextArea.stories.d.ts.map +1 -1
- package/dist/components/form/textarea/TextArea.stories.js +2 -2
- package/dist/components/form/textarea/TextArea.stories.js.map +1 -1
- package/dist/components/form/textarea/TextArea.styled.d.ts +3 -3
- package/dist/components/form/textarea/TextArea.styled.js +2 -2
- package/dist/components/form/textarea/TextArea.styled.js.map +1 -1
- package/dist/components/icons/Icon.js +18 -18
- package/dist/components/icons/Icon.js.map +1 -1
- package/dist/components/layout/card/Card.js +2 -2
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/header/Header.js +4 -4
- package/dist/components/layout/header/Header.js.map +1 -1
- package/dist/components/layout/header/HeaderIconAction.js +2 -2
- package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
- package/dist/components/layout/header/StickyHeader.js +2 -2
- package/dist/components/layout/header/StickyHeader.js.map +1 -1
- package/dist/components/layout/list/Header.d.ts +7 -7
- package/dist/components/layout/list/Header.js +8 -8
- package/dist/components/layout/list/Header.js.map +1 -1
- package/dist/components/layout/list/Header.stories.d.ts +1 -1
- package/dist/components/layout/list/Header.stories.d.ts.map +1 -1
- package/dist/components/layout/list/Header.stories.js +12 -12
- package/dist/components/layout/list/Header.stories.js.map +1 -1
- package/dist/components/layout/list/Item.d.ts +5 -5
- package/dist/components/layout/list/Item.d.ts.map +1 -1
- package/dist/components/layout/list/Item.js +18 -18
- package/dist/components/layout/list/Item.js.map +1 -1
- package/dist/components/layout/list/Item.stories.d.ts +1 -1
- package/dist/components/layout/list/Item.stories.d.ts.map +1 -1
- package/dist/components/layout/list/Item.stories.js +11 -11
- package/dist/components/layout/list/Item.stories.js.map +1 -1
- package/dist/components/layout/list/Label.d.ts +2 -2
- package/dist/components/layout/list/Label.js +6 -6
- package/dist/components/layout/list/Label.js.map +1 -1
- package/dist/components/layout/list/Label.stories.d.ts +1 -1
- package/dist/components/layout/list/Label.stories.d.ts.map +1 -1
- package/dist/components/layout/list/Label.stories.js +8 -8
- package/dist/components/layout/list/Label.stories.js.map +1 -1
- package/dist/components/layout/list/List.d.ts +5 -5
- package/dist/components/layout/list/List.d.ts.map +1 -1
- package/dist/components/layout/list/List.js +8 -8
- package/dist/components/layout/list/List.js.map +1 -1
- package/dist/components/layout/list/List.stories.d.ts +1 -1
- package/dist/components/layout/list/List.stories.d.ts.map +1 -1
- package/dist/components/layout/list/List.stories.js +22 -22
- package/dist/components/layout/list/List.stories.js.map +1 -1
- package/dist/components/layout/list/Value.d.ts +2 -2
- package/dist/components/layout/list/Value.js +3 -3
- package/dist/components/layout/list/Value.js.map +1 -1
- package/dist/components/layout/list/Value.stories.d.ts +1 -1
- package/dist/components/layout/list/Value.stories.d.ts.map +1 -1
- package/dist/components/layout/list/Value.stories.js +7 -7
- package/dist/components/layout/list/Value.stories.js.map +1 -1
- package/dist/components/layout/section/Section.d.ts +4 -4
- package/dist/components/layout/section/Section.d.ts.map +1 -1
- package/dist/components/layout/section/Section.js +6 -6
- package/dist/components/layout/section/Section.js.map +1 -1
- package/dist/components/layout/section/Section.stories.d.ts +1 -1
- package/dist/components/layout/section/Section.stories.d.ts.map +1 -1
- package/dist/components/layout/section/Section.stories.js +11 -11
- package/dist/components/layout/section/Section.stories.js.map +1 -1
- package/dist/components/layout/section/SectionContainer.d.ts +2 -2
- package/dist/components/layout/section/SectionContainer.js +2 -2
- package/dist/components/layout/section/SectionContainer.js.map +1 -1
- package/dist/components/layout/table/Table.js +2 -2
- package/dist/components/layout/table/Table.js.map +1 -1
- package/dist/components/ui/action/Action.js +2 -2
- package/dist/components/ui/action/Action.js.map +1 -1
- package/dist/components/ui/action/EqualActions.js +2 -2
- package/dist/components/ui/action/EqualActions.js.map +1 -1
- package/dist/components/ui/button/Button.d.ts +1 -1
- package/dist/components/ui/button/Button.d.ts.map +1 -1
- package/dist/components/ui/button/Button.js +2 -2
- package/dist/components/ui/button/Button.js.map +1 -1
- package/dist/components/ui/button/Button.stories.d.ts +1 -1
- package/dist/components/ui/button/Button.stories.d.ts.map +1 -1
- package/dist/components/ui/button/Button.stories.js +8 -8
- package/dist/components/ui/button/Button.stories.js.map +1 -1
- package/dist/components/ui/button/Button.styled.d.ts +3 -3
- package/dist/components/ui/button/Button.styled.js +6 -6
- package/dist/components/ui/button/Button.styled.js.map +1 -1
- package/dist/components/ui/directionPad/Pad.js +7 -7
- package/dist/components/ui/directionPad/Pad.js.map +1 -1
- package/dist/components/ui/drawer/Drawer.js +2 -2
- package/dist/components/ui/drawer/Drawer.js.map +1 -1
- package/dist/components/ui/loader/CoveringLoader.js +6 -6
- package/dist/components/ui/loader/CoveringLoader.js.map +1 -1
- package/dist/components/ui/loader/CoveringLoader.stories.d.ts +1 -1
- package/dist/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -1
- package/dist/components/ui/loader/CoveringLoader.stories.js +3 -3
- package/dist/components/ui/loader/CoveringLoader.stories.js.map +1 -1
- package/dist/components/ui/loader/FullLoader.d.ts +1 -1
- package/dist/components/ui/loader/FullLoader.d.ts.map +1 -1
- package/dist/components/ui/loader/FullLoader.js +4 -4
- package/dist/components/ui/loader/FullLoader.js.map +1 -1
- package/dist/components/ui/loader/FullLoader.stories.d.ts +1 -1
- package/dist/components/ui/loader/FullLoader.stories.d.ts.map +1 -1
- package/dist/components/ui/loader/FullLoader.stories.js +3 -3
- package/dist/components/ui/loader/FullLoader.stories.js.map +1 -1
- package/dist/components/ui/loader/Loader.stories.d.ts +1 -1
- package/dist/components/ui/loader/Loader.stories.d.ts.map +1 -1
- package/dist/components/ui/loader/Loader.stories.js +2 -2
- package/dist/components/ui/loader/Loader.stories.js.map +1 -1
- package/dist/components/ui/loader/Loading.js +4 -4
- package/dist/components/ui/loader/Loading.js.map +1 -1
- package/dist/components/ui/loader/Loading.stories.d.ts +1 -1
- package/dist/components/ui/loader/Loading.stories.d.ts.map +1 -1
- package/dist/components/ui/loader/Loading.stories.js +5 -5
- package/dist/components/ui/loader/Loading.stories.js.map +1 -1
- package/dist/components/ui/loader/PopLoader.d.ts +1 -1
- package/dist/components/ui/loader/PopLoader.d.ts.map +1 -1
- package/dist/components/ui/loader/PopLoader.js +4 -4
- package/dist/components/ui/loader/PopLoader.js.map +1 -1
- package/dist/components/ui/loader/PopLoader.stories.d.ts +1 -1
- package/dist/components/ui/loader/PopLoader.stories.d.ts.map +1 -1
- package/dist/components/ui/loader/PopLoader.stories.js +5 -5
- package/dist/components/ui/loader/PopLoader.stories.js.map +1 -1
- package/dist/components/ui/message/Message.d.ts +1 -1
- package/dist/components/ui/message/Message.d.ts.map +1 -1
- package/dist/components/ui/message/Message.js +2 -2
- package/dist/components/ui/message/Message.js.map +1 -1
- package/dist/components/ui/message/Message.stories.d.ts +1 -1
- package/dist/components/ui/message/Message.stories.d.ts.map +1 -1
- package/dist/components/ui/message/Message.stories.js +10 -10
- package/dist/components/ui/message/Message.stories.js.map +1 -1
- package/dist/components/ui/message/Message.styled.d.ts +3 -3
- package/dist/components/ui/message/Message.styled.js +8 -8
- package/dist/components/ui/message/Message.styled.js.map +1 -1
- package/dist/components/ui/modal/Modal.stories.d.ts +1 -1
- package/dist/components/ui/modal/Modal.stories.d.ts.map +1 -1
- package/dist/components/ui/modal/Modal.stories.js +32 -32
- package/dist/components/ui/modal/Modal.stories.js.map +1 -1
- package/dist/components/ui/modal/Modal.styled.d.ts +10 -10
- package/dist/components/ui/modal/Modal.styled.js +15 -15
- package/dist/components/ui/modal/Modal.styled.js.map +1 -1
- package/dist/components/ui/modal/ModalButton.js +2 -2
- package/dist/components/ui/modal/ModalButton.js.map +1 -1
- package/dist/components/ui/modal/ModalButtons.d.ts +1 -1
- package/dist/components/ui/modal/ModalButtons.d.ts.map +1 -1
- package/dist/components/ui/modal/ModalButtons.js +2 -2
- package/dist/components/ui/modal/ModalButtons.js.map +1 -1
- package/dist/components/ui/modal/ModalButtons.stories.d.ts +1 -1
- package/dist/components/ui/modal/ModalButtons.stories.d.ts.map +1 -1
- package/dist/components/ui/modal/ModalButtons.stories.js +7 -7
- package/dist/components/ui/modal/ModalButtons.stories.js.map +1 -1
- package/dist/components/ui/modal/ModalButtons.styled.d.ts +5 -5
- package/dist/components/ui/modal/ModalButtons.styled.js +7 -7
- package/dist/components/ui/modal/ModalButtons.styled.js.map +1 -1
- package/dist/components/ui/pop/Pop.d.ts +1 -1
- package/dist/components/ui/pop/Pop.d.ts.map +1 -1
- package/dist/components/ui/pop/Pop.js +6 -6
- package/dist/components/ui/pop/Pop.js.map +1 -1
- package/dist/components/ui/tabs/Selector.js +4 -4
- package/dist/components/ui/tabs/Selector.js.map +1 -1
- package/dist/components/ui/toaster/Toaster.js +2 -2
- package/dist/components/ui/toaster/Toaster.js.map +1 -1
- package/dist/components/utils/HandleEsc.js +2 -2
- package/dist/components/utils/HandleEsc.js.map +1 -1
- package/dist/index.d.ts +42 -42
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +44 -44
- package/dist/index.js.map +1 -1
- package/dist/scrollbars.css.js +6 -6
- package/dist/scrollbars.css.js.map +1 -1
- package/dist/utils/index.d.ts +3 -3
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +3 -3
- package/dist/utils/index.js.map +1 -1
- package/esm/components/form/Checkbox.js.map +1 -1
- package/esm/components/form/Label.js.map +1 -1
- package/esm/components/form/Select.d.ts +1 -1
- package/esm/components/form/Select.d.ts.map +1 -1
- package/esm/components/form/Select.js.map +1 -1
- package/esm/components/form/Select.stories.d.ts +1 -1
- package/esm/components/form/Select.stories.d.ts.map +1 -1
- package/esm/components/form/Select.stories.js.map +1 -1
- package/esm/components/form/Select.styled.d.ts +2 -2
- package/esm/components/form/Select.styled.js.map +1 -1
- package/esm/components/form/choice/Choice.d.ts +1 -0
- package/esm/components/form/choice/Choice.d.ts.map +1 -1
- package/esm/components/form/choice/Choice.js.map +1 -1
- package/esm/components/form/index.d.ts +1 -1
- package/esm/components/form/index.d.ts.map +1 -1
- package/esm/components/form/index.js.map +1 -1
- package/esm/components/form/input/Input.css.js.map +1 -1
- package/esm/components/form/input/Input.d.ts +1 -0
- package/esm/components/form/input/Input.d.ts.map +1 -1
- package/esm/components/form/input/Input.js.map +1 -1
- package/esm/components/form/input/Input.stories.d.ts +1 -1
- package/esm/components/form/input/Input.stories.d.ts.map +1 -1
- package/esm/components/form/input/Input.stories.js.map +1 -1
- package/esm/components/form/input/Input.styled.d.ts +9 -9
- package/esm/components/form/input/Input.styled.js.map +1 -1
- package/esm/components/form/textarea/TextArea.stories.d.ts +1 -1
- package/esm/components/form/textarea/TextArea.stories.d.ts.map +1 -1
- package/esm/components/form/textarea/TextArea.stories.js.map +1 -1
- package/esm/components/form/textarea/TextArea.styled.d.ts +3 -3
- package/esm/components/form/textarea/TextArea.styled.js.map +1 -1
- package/esm/components/icons/Icon.js.map +1 -1
- package/esm/components/layout/card/Card.js.map +1 -1
- package/esm/components/layout/header/Header.js.map +1 -1
- package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
- package/esm/components/layout/header/StickyHeader.js.map +1 -1
- package/esm/components/layout/list/Header.d.ts +7 -7
- package/esm/components/layout/list/Header.js.map +1 -1
- package/esm/components/layout/list/Header.stories.d.ts +1 -1
- package/esm/components/layout/list/Header.stories.d.ts.map +1 -1
- package/esm/components/layout/list/Header.stories.js.map +1 -1
- package/esm/components/layout/list/Item.d.ts +5 -5
- package/esm/components/layout/list/Item.d.ts.map +1 -1
- package/esm/components/layout/list/Item.js.map +1 -1
- package/esm/components/layout/list/Item.stories.d.ts +1 -1
- package/esm/components/layout/list/Item.stories.d.ts.map +1 -1
- package/esm/components/layout/list/Item.stories.js.map +1 -1
- package/esm/components/layout/list/Label.d.ts +2 -2
- package/esm/components/layout/list/Label.js.map +1 -1
- package/esm/components/layout/list/Label.stories.d.ts +1 -1
- package/esm/components/layout/list/Label.stories.d.ts.map +1 -1
- package/esm/components/layout/list/Label.stories.js.map +1 -1
- package/esm/components/layout/list/List.d.ts +5 -5
- package/esm/components/layout/list/List.d.ts.map +1 -1
- package/esm/components/layout/list/List.js.map +1 -1
- package/esm/components/layout/list/List.stories.d.ts +1 -1
- package/esm/components/layout/list/List.stories.d.ts.map +1 -1
- package/esm/components/layout/list/List.stories.js.map +1 -1
- package/esm/components/layout/list/Value.d.ts +2 -2
- package/esm/components/layout/list/Value.js.map +1 -1
- package/esm/components/layout/list/Value.stories.d.ts +1 -1
- package/esm/components/layout/list/Value.stories.d.ts.map +1 -1
- package/esm/components/layout/list/Value.stories.js.map +1 -1
- package/esm/components/layout/section/Section.d.ts +4 -4
- package/esm/components/layout/section/Section.d.ts.map +1 -1
- package/esm/components/layout/section/Section.js.map +1 -1
- package/esm/components/layout/section/Section.stories.d.ts +1 -1
- package/esm/components/layout/section/Section.stories.d.ts.map +1 -1
- package/esm/components/layout/section/Section.stories.js.map +1 -1
- package/esm/components/layout/section/SectionContainer.d.ts +2 -2
- package/esm/components/layout/section/SectionContainer.js.map +1 -1
- package/esm/components/layout/table/Table.js.map +1 -1
- package/esm/components/ui/action/Action.js.map +1 -1
- package/esm/components/ui/action/EqualActions.js.map +1 -1
- package/esm/components/ui/button/Button.d.ts +1 -1
- package/esm/components/ui/button/Button.d.ts.map +1 -1
- package/esm/components/ui/button/Button.js.map +1 -1
- package/esm/components/ui/button/Button.stories.d.ts +1 -1
- package/esm/components/ui/button/Button.stories.d.ts.map +1 -1
- package/esm/components/ui/button/Button.stories.js.map +1 -1
- package/esm/components/ui/button/Button.styled.d.ts +3 -3
- package/esm/components/ui/button/Button.styled.js.map +1 -1
- package/esm/components/ui/directionPad/Pad.js.map +1 -1
- package/esm/components/ui/drawer/Drawer.js.map +1 -1
- package/esm/components/ui/loader/CoveringLoader.js.map +1 -1
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts +1 -1
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -1
- package/esm/components/ui/loader/CoveringLoader.stories.js.map +1 -1
- package/esm/components/ui/loader/FullLoader.d.ts +1 -1
- package/esm/components/ui/loader/FullLoader.d.ts.map +1 -1
- package/esm/components/ui/loader/FullLoader.js.map +1 -1
- package/esm/components/ui/loader/FullLoader.stories.d.ts +1 -1
- package/esm/components/ui/loader/FullLoader.stories.d.ts.map +1 -1
- package/esm/components/ui/loader/FullLoader.stories.js.map +1 -1
- package/esm/components/ui/loader/Loader.stories.d.ts +1 -1
- package/esm/components/ui/loader/Loader.stories.d.ts.map +1 -1
- package/esm/components/ui/loader/Loader.stories.js.map +1 -1
- package/esm/components/ui/loader/Loading.js.map +1 -1
- package/esm/components/ui/loader/Loading.stories.d.ts +1 -1
- package/esm/components/ui/loader/Loading.stories.d.ts.map +1 -1
- package/esm/components/ui/loader/Loading.stories.js.map +1 -1
- package/esm/components/ui/loader/PopLoader.d.ts +1 -1
- package/esm/components/ui/loader/PopLoader.d.ts.map +1 -1
- package/esm/components/ui/loader/PopLoader.js.map +1 -1
- package/esm/components/ui/loader/PopLoader.stories.d.ts +1 -1
- package/esm/components/ui/loader/PopLoader.stories.d.ts.map +1 -1
- package/esm/components/ui/loader/PopLoader.stories.js.map +1 -1
- package/esm/components/ui/message/Message.d.ts +1 -1
- package/esm/components/ui/message/Message.d.ts.map +1 -1
- package/esm/components/ui/message/Message.js.map +1 -1
- package/esm/components/ui/message/Message.stories.d.ts +1 -1
- package/esm/components/ui/message/Message.stories.d.ts.map +1 -1
- package/esm/components/ui/message/Message.stories.js.map +1 -1
- package/esm/components/ui/message/Message.styled.d.ts +3 -3
- package/esm/components/ui/message/Message.styled.js.map +1 -1
- package/esm/components/ui/modal/Modal.stories.d.ts +1 -1
- package/esm/components/ui/modal/Modal.stories.d.ts.map +1 -1
- package/esm/components/ui/modal/Modal.stories.js.map +1 -1
- package/esm/components/ui/modal/Modal.styled.d.ts +10 -10
- package/esm/components/ui/modal/Modal.styled.js.map +1 -1
- package/esm/components/ui/modal/ModalButton.js.map +1 -1
- package/esm/components/ui/modal/ModalButtons.d.ts +1 -1
- package/esm/components/ui/modal/ModalButtons.d.ts.map +1 -1
- package/esm/components/ui/modal/ModalButtons.js.map +1 -1
- package/esm/components/ui/modal/ModalButtons.stories.d.ts +1 -1
- package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +1 -1
- package/esm/components/ui/modal/ModalButtons.stories.js.map +1 -1
- package/esm/components/ui/modal/ModalButtons.styled.d.ts +5 -5
- package/esm/components/ui/modal/ModalButtons.styled.js.map +1 -1
- package/esm/components/ui/pop/Pop.d.ts +1 -1
- package/esm/components/ui/pop/Pop.d.ts.map +1 -1
- package/esm/components/ui/pop/Pop.js.map +1 -1
- package/esm/components/ui/tabs/Selector.js.map +1 -1
- package/esm/components/ui/toaster/Toaster.js.map +1 -1
- package/esm/components/utils/HandleEsc.js.map +1 -1
- package/esm/index.d.ts +42 -42
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js.map +1 -1
- package/esm/scrollbars.css.js.map +1 -1
- package/esm/utils/index.d.ts +3 -3
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js.map +1 -1
- package/package.json +8 -8
- package/pnpm-lock.yaml +1307 -641
- package/src/components/form/Checkbox.tsx +1 -1
- package/src/components/form/Label.tsx +1 -1
- package/src/components/form/Select.stories.tsx +1 -1
- package/src/components/form/Select.styled.ts +1 -1
- package/src/components/form/Select.tsx +1 -1
- package/src/components/form/choice/Choice.tsx +6 -2
- package/src/components/form/index.ts +1 -1
- package/src/components/form/input/Input.css.ts +1 -1
- package/src/components/form/input/Input.stories.tsx +2 -2
- package/src/components/form/input/Input.styled.ts +2 -2
- package/src/components/form/input/Input.tsx +6 -1
- package/src/components/form/textarea/TextArea.stories.tsx +1 -1
- package/src/components/form/textarea/TextArea.styled.ts +1 -1
- package/src/components/icons/Icon.tsx +9 -9
- package/src/components/layout/card/Card.tsx +1 -1
- package/src/components/layout/header/Header.tsx +2 -2
- package/src/components/layout/header/HeaderIconAction.tsx +1 -1
- package/src/components/layout/header/StickyHeader.tsx +1 -1
- package/src/components/layout/list/Header.stories.tsx +2 -2
- package/src/components/layout/list/Header.tsx +2 -2
- package/src/components/layout/list/Item.stories.tsx +3 -3
- package/src/components/layout/list/Item.tsx +4 -4
- package/src/components/layout/list/Label.stories.tsx +3 -3
- package/src/components/layout/list/Label.tsx +1 -1
- package/src/components/layout/list/List.stories.tsx +2 -2
- package/src/components/layout/list/List.tsx +3 -3
- package/src/components/layout/list/Value.stories.tsx +3 -3
- package/src/components/layout/list/Value.tsx +1 -1
- package/src/components/layout/section/Section.stories.tsx +3 -3
- package/src/components/layout/section/Section.tsx +2 -2
- package/src/components/layout/section/SectionContainer.tsx +1 -1
- package/src/components/layout/table/Table.tsx +1 -1
- package/src/components/ui/action/Action.tsx +1 -1
- package/src/components/ui/action/EqualActions.tsx +1 -1
- package/src/components/ui/button/Button.stories.tsx +2 -2
- package/src/components/ui/button/Button.styled.ts +1 -1
- package/src/components/ui/button/Button.tsx +1 -1
- package/src/components/ui/directionPad/Pad.tsx +2 -2
- package/src/components/ui/drawer/Drawer.tsx +1 -1
- package/src/components/ui/loader/CoveringLoader.stories.tsx +1 -1
- package/src/components/ui/loader/CoveringLoader.tsx +2 -2
- package/src/components/ui/loader/FullLoader.stories.tsx +1 -1
- package/src/components/ui/loader/FullLoader.tsx +2 -2
- package/src/components/ui/loader/Loader.stories.tsx +1 -1
- package/src/components/ui/loader/Loading.stories.tsx +2 -2
- package/src/components/ui/loader/Loading.tsx +2 -2
- package/src/components/ui/loader/PopLoader.stories.tsx +2 -2
- package/src/components/ui/loader/PopLoader.tsx +2 -2
- package/src/components/ui/message/Message.stories.tsx +2 -2
- package/src/components/ui/message/Message.styled.ts +1 -1
- package/src/components/ui/message/Message.tsx +1 -1
- package/src/components/ui/modal/Modal.stories.tsx +8 -8
- package/src/components/ui/modal/Modal.styled.ts +1 -1
- package/src/components/ui/modal/ModalButton.tsx +1 -1
- package/src/components/ui/modal/ModalButtons.stories.tsx +2 -2
- package/src/components/ui/modal/ModalButtons.styled.ts +1 -1
- package/src/components/ui/modal/ModalButtons.tsx +1 -1
- package/src/components/ui/pop/Pop.tsx +3 -3
- package/src/components/ui/tabs/Selector.tsx +2 -2
- package/src/components/ui/toaster/Toaster.tsx +1 -1
- package/src/components/utils/HandleEsc.tsx +1 -1
- package/src/demo/Demo.tsx +7 -5
- package/src/demo/Main.tsx +3 -3
- package/src/demo/components/form/Checkbox.tsx +1 -1
- package/src/demo/components/form/Choice.tsx +1 -1
- package/src/demo/components/form/Form.tsx +1 -1
- package/src/demo/components/form/Label.tsx +1 -1
- package/src/demo/components/form/Search.tsx +1 -1
- package/src/demo/components/form/TextArea.tsx +1 -1
- package/src/demo/components/form/Toggle.tsx +1 -1
- package/src/demo/components/layout/card/Card.tsx +1 -1
- package/src/demo/components/layout/header/Header.tsx +2 -2
- package/src/demo/components/layout/header/StickyHeader.tsx +1 -1
- package/src/demo/components/layout/table/TableDemo.tsx +1 -1
- package/src/demo/components/ui/action/Action.tsx +2 -2
- package/src/demo/components/ui/directionPad/Pad.tsx +1 -1
- package/src/demo/components/ui/drawer/Drawer.tsx +1 -1
- package/src/demo/components/ui/icons/Icons.tsx +1 -1
- package/src/demo/components/ui/keyValue/KeyValue.tsx +1 -1
- package/src/demo/components/ui/pop/Pop.tsx +1 -1
- package/src/demo/components/ui/stats/Stats.tsx +1 -1
- package/src/demo/components/ui/tabs/Tabs.tsx +1 -1
- package/src/demo/components/ui/toaster/Toaster.tsx +1 -1
- package/src/demo/componentsMap.ts +16 -16
- package/src/index.ts +51 -51
- package/src/pages/index.tsx +1 -1
- package/src/scrollbars.css.ts +1 -1
- package/src/utils/index.ts +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
All notable changes to this project will be documented in this file.
|
|
2
2
|
|
|
3
|
-
The format is based on [
|
|
3
|
+
The format is based on [EZEZ Changelog](https://ezez.dev/guidelines/changelog/)
|
|
4
4
|
and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
|
|
5
5
|
|
|
6
|
+
## [0.23.4] - 2023-08-25
|
|
7
|
+
### Fixed
|
|
8
|
+
- missing export of Choice type props
|
|
9
|
+
|
|
10
|
+
## [0.23.3] - 2023-08-20
|
|
11
|
+
### Fixed
|
|
12
|
+
- missing export of Input type props
|
|
13
|
+
### Dev
|
|
14
|
+
- removed js extension from imports
|
|
15
|
+
- use `pnpm` instead of `yarn` commands in package.json
|
|
16
|
+
- bump some dev deps
|
|
17
|
+
|
|
6
18
|
## [0.23.2] - 2023-08-05
|
|
7
19
|
### Fixed
|
|
8
20
|
- section background covers max 100% height only
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Checkbox = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const
|
|
9
|
+
const Checkmark_1 = require("../icons/Checkmark");
|
|
10
10
|
const Checkbox_module_scss_1 = __importDefault(require("./Checkbox.module.scss"));
|
|
11
11
|
const Checkbox = (props) => {
|
|
12
12
|
const style = {};
|
|
@@ -23,7 +23,7 @@ const Checkbox = (props) => {
|
|
|
23
23
|
return (react_1.default.createElement("label", { className: cls },
|
|
24
24
|
react_1.default.createElement("input", { type: "checkbox", name: props.name, onChange: props.onChange, checked: props.checked, disabled: props.disabled, readOnly: props.readOnly }),
|
|
25
25
|
react_1.default.createElement("span", { style: style, className: checkmarkCls },
|
|
26
|
-
react_1.default.createElement(
|
|
26
|
+
react_1.default.createElement(Checkmark_1.Checkmark, null)),
|
|
27
27
|
react_1.default.createElement("span", { className: Checkbox_module_scss_1.default.label }, props.children)));
|
|
28
28
|
};
|
|
29
29
|
exports.Checkbox = Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,kDAA+C;AAE/C,kFAA4C;AAa5C,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3C,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,8BAAM,CAAC,QAAQ,EAAE;QACrD,CAAC,8BAAM,CAAC,QAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ;QAC3C,CAAC,8BAAM,CAAC,QAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ;KAC9C,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,8BAAM,CAAC,SAAS,EAAE;QAC9C,CAAC,8BAAM,CAAC,iBAA2B,CAAC,EAAE,KAAK,CAAC,QAAQ;QACpD,CAAC,8BAAM,CAAC,gBAA0B,CAAC,EAAE,KAAK,CAAC,OAAO;QAClD,CAAC,8BAAM,CAAC,iBAA2B,CAAC,EAAE,KAAK,CAAC,QAAQ;KACvD,CAAC,CAAC;IAEH,OAAO,CACH,yCAAO,SAAS,EAAE,GAAG;QACjB,yCACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B;QACF,wCAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY;YAAE,8BAAC,qBAAS,OAAG,CAAO;QACjE,wCAAM,SAAS,EAAE,8BAAM,CAAC,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAClD,CACX,CAAC;AACN,CAAC,CAAC;AAEO,4BAAQ"}
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Label = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const
|
|
9
|
+
const index_1 = require("../../utils/index");
|
|
10
10
|
const Label_module_scss_1 = __importDefault(require("./Label.module.scss"));
|
|
11
11
|
const Label = (props) => {
|
|
12
|
-
const v = (0,
|
|
12
|
+
const v = (0, index_1.makeVariants)(props.variant);
|
|
13
13
|
const labelCls = (0, classnames_1.default)(Label_module_scss_1.default.text, {
|
|
14
14
|
[Label_module_scss_1.default.textBig]: v.includes("big"),
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,6CAAiD;AAEjD,4EAAyC;AASzC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,CAAC,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,QAAQ,GAAG,IAAA,oBAAU,EAAC,2BAAM,CAAC,IAAI,EAAE;QACrC,CAAC,2BAAM,CAAC,OAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;KAChD,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,QAAQ,IAAG,KAAK,CAAC,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,2BAAM,CAAC,KAAK,CAAC,CAAC;IAE1D,OAAO,CACH,yCAAO,SAAS,EAAE,OAAO;QACpB,KAAK;QACL,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Select } from "./Select.styled
|
|
1
|
+
export { Select } from "./Select.styled";
|
|
2
2
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Select = void 0;
|
|
4
|
-
var
|
|
5
|
-
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return
|
|
4
|
+
var Select_styled_1 = require("./Select.styled");
|
|
5
|
+
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_styled_1.Select; } });
|
|
6
6
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/form/Select.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/form/Select.tsx"],"names":[],"mappings":";;;AAAA,iDAAyC;AAAhC,uGAAA,MAAM,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Primary = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
8
|
+
const Select_1 = require("./Select");
|
|
9
9
|
const meta = {
|
|
10
10
|
title: "Components/Form/Select",
|
|
11
|
-
component:
|
|
11
|
+
component: Select_1.Select,
|
|
12
12
|
tags: ["autodocs", "form"],
|
|
13
13
|
};
|
|
14
14
|
const Primary = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;YAC5C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,aAAiB;YAC7C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;SAC/C;QACD,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const Select: import("@stitches/react/types/styled-component
|
|
1
|
+
declare const Select: import("@stitches/react/types/styled-component").StyledComponent<"select", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
2
2
|
colors: {
|
|
3
3
|
background: string;
|
|
4
4
|
mainColor: string;
|
|
@@ -56,7 +56,7 @@ declare const Select: import("@stitches/react/types/styled-component.js").Styled
|
|
|
56
56
|
scrollbarsBg: string;
|
|
57
57
|
tableStripedBg: string;
|
|
58
58
|
};
|
|
59
|
-
}, import("@stitches/react/types/config
|
|
59
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
60
60
|
mx: (value: string | number) => {
|
|
61
61
|
marginLeft: string | number;
|
|
62
62
|
marginRight: string | number;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Select = void 0;
|
|
4
|
-
const
|
|
5
|
-
const Select = (0,
|
|
4
|
+
const theme_1 = require("../../theme");
|
|
5
|
+
const Select = (0, theme_1.styled)("select", {
|
|
6
6
|
"boxSizing": "border-box",
|
|
7
|
-
"height": (0,
|
|
7
|
+
"height": (0, theme_1.dimensionsPxToRem)(103),
|
|
8
8
|
"color": "$text",
|
|
9
9
|
"display": "flex",
|
|
10
10
|
"alignItems": "center",
|
|
11
11
|
"width": "100%",
|
|
12
12
|
"background": "white",
|
|
13
13
|
"fontFamily": "inherit",
|
|
14
|
-
"borderRadius": (0,
|
|
15
|
-
"padding": `0 ${(0,
|
|
16
|
-
"border": `${(0,
|
|
14
|
+
"borderRadius": (0, theme_1.pxToRem)(2),
|
|
15
|
+
"padding": `0 ${(0, theme_1.dimensionsPxToRem)(36)}`,
|
|
16
|
+
"border": `${(0, theme_1.borderPxToRem)(1)} solid $border`,
|
|
17
17
|
"appearance": "auto",
|
|
18
18
|
"&:disabled": {
|
|
19
19
|
background: "$inputDisabledBg",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styled.js","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Select.styled.js","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":";;;AAAA,uCAAgF;AAEhF,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE;IAC5B,WAAW,EAAE,YAAY;IACzB,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,QAAQ;IACtB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,IAAA,eAAO,EAAC,CAAC,CAAC;IAC1B,SAAS,EAAE,KAAK,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IACvC,QAAQ,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC7C,YAAY,EAAE,MAAM;IAEpB,YAAY,EAAE;QACV,UAAU,EAAE,kBAAkB;QAC9B,KAAK,EAAE,oBAAoB;KAC9B;CACJ,CAAC,CAAC;AAGC,wBAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAKD,QAAA,MAAM,MAAM,4EAuBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAKD,QAAA,MAAM,MAAM,4EAuBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EACR,KAAK,IAAI,WAAW,GACvB,CAAC"}
|
|
@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Choice = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const
|
|
10
|
-
const
|
|
9
|
+
const index_1 = require("../../../utils/index");
|
|
10
|
+
const ChoiceItem_1 = require("./ChoiceItem");
|
|
11
11
|
const Choice_module_scss_1 = __importDefault(require("./Choice.module.scss"));
|
|
12
12
|
const Choice = (props) => {
|
|
13
13
|
const opts = props.values.map(option => {
|
|
14
|
-
const opt = (0,
|
|
15
|
-
return (react_1.default.createElement(
|
|
14
|
+
const opt = (0, index_1.toObjectValue)(option);
|
|
15
|
+
return (react_1.default.createElement(ChoiceItem_1.ChoiceItem, { key: opt.value, name: props.name, value: opt, onChange: props.onChange, active: props.value === opt.value }));
|
|
16
16
|
});
|
|
17
|
-
const v = (0,
|
|
17
|
+
const v = (0, index_1.makeVariants)(props.variant);
|
|
18
18
|
const cls = (0, classnames_1.default)(Choice_module_scss_1.default.choice, props.className, { [Choice_module_scss_1.default.wide]: v.includes("wide") }, { [Choice_module_scss_1.default.left]: v.includes("left") });
|
|
19
19
|
return react_1.default.createElement("div", { className: cls }, opts);
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAIpC,
|
|
1
|
+
{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAIpC,gDAAmE;AAEnE,6CAA0C;AAE1C,8EAA0C;AAgB1C,MAAM,MAAM,GAAG,CAAmB,KAAe,EAAkC,EAAE;IACjF,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QACnC,MAAM,GAAG,GAAG,IAAA,qBAAa,EAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,8BAAC,uBAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,GACnC,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAClB,4BAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAC9B,EAAE,CAAC,4BAAM,CAAC,IAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAC/C,EAAE,CAAC,4BAAM,CAAC,IAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAClD,CAAC;IAEF,OAAO,uCAAK,SAAS,EAAE,GAAG,IAAG,IAAI,CAAO,CAAC;AAC7C,CAAC,CAAC;AAEO,wBAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./input/Input
|
|
1
|
+
export * from "./input/Input";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./input/Input
|
|
17
|
+
__exportStar(require("./input/Input"), exports);
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.wrapper = exports.input = void 0;
|
|
4
|
-
const
|
|
4
|
+
const theme_1 = require("../../../theme");
|
|
5
5
|
const input = {
|
|
6
|
-
"height": (0,
|
|
7
|
-
"fontSize": (0,
|
|
6
|
+
"height": (0, theme_1.dimensionsPxToRem)(103),
|
|
7
|
+
"fontSize": (0, theme_1.fontPxToRem)(25),
|
|
8
8
|
"color": "$text",
|
|
9
9
|
"border": "none",
|
|
10
10
|
"display": "block",
|
|
@@ -26,8 +26,8 @@ const wrapper = {
|
|
|
26
26
|
display: "inline-flex",
|
|
27
27
|
width: "100%",
|
|
28
28
|
borderRadius: "2px",
|
|
29
|
-
padding: `0 ${(0,
|
|
30
|
-
border: `${(0,
|
|
29
|
+
padding: `0 ${(0, theme_1.dimensionsPxToRem)(36)}`,
|
|
30
|
+
border: `${(0, theme_1.borderPxToRem)(1)} solid $border`,
|
|
31
31
|
alignItems: "center",
|
|
32
32
|
variants: {
|
|
33
33
|
disabled: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":";;;AAEA,
|
|
1
|
+
{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":";;;AAEA,0CAA+E;AAE/E,MAAM,KAAK,GAAG;IACV,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,UAAU,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IAET,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM;KAChB;IAED,yBAAyB,EAAE;QACvB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAkCE,sBAAK;AA/BT,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,OAAO;IACnB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC3C,UAAU,EAAE,QAAQ;IAEpB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,kBAAkB;gBAC9B,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,WAAW,EAAE,aAAa;aAC7B;SACJ;KACJ;CACJ,CAAC;AAKE,0BAAO"}
|
|
@@ -10,4 +10,5 @@ interface CustomProps<T extends string> {
|
|
|
10
10
|
type Props<T extends string> = Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & CustomProps<T>;
|
|
11
11
|
declare const Input: <T extends string>({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, ...props }: Props<T>) => React.ReactElement<any, any> | null;
|
|
12
12
|
export { Input, };
|
|
13
|
+
export type { Props as InputProps, CustomProps as InputCustomProps, };
|
|
13
14
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAK5G,QAAA,MAAM,KAAK,8LA8EV,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAK5G,QAAA,MAAM,KAAK,8LA8EV,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}
|
|
@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.Input = void 0;
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
|
-
const
|
|
42
|
+
const Suggestions_1 = require("../Suggestions");
|
|
43
43
|
const Input_styled_1 = require("./Input.styled");
|
|
44
44
|
const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
|
|
45
45
|
const Input = (_a) => {
|
|
@@ -88,7 +88,7 @@ const Input = (_a) => {
|
|
|
88
88
|
return (react_1.default.createElement(Input_styled_1.StyledWrapper, { className: className, focused: Boolean(focused), disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly) },
|
|
89
89
|
prefixElem,
|
|
90
90
|
react_1.default.createElement(Input_styled_1.StyledInput, Object.assign({}, props, extraProps, { onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, className: Input_module_scss_1.default.input })),
|
|
91
|
-
react_1.default.createElement(
|
|
91
|
+
react_1.default.createElement(Suggestions_1.Suggestions, { id: suggestionsId, suggestions: suggestions }),
|
|
92
92
|
suffixElem));
|
|
93
93
|
};
|
|
94
94
|
exports.Input = Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAI5D,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAI5D,gDAA6C;AAE7C,iDAAwF;AAExF,4EAAyC;AAezC,MAAM,KAAK,GAAG,CAAmB,EAOtB,EAAkC,EAAE;QAPd,EAC7B,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EACpC,WAAW,EACX,iBAAiB,OAEV,EADJ,KAAK,cANqB,+HAOhC,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,aAAK,GAAE,CAAC;IAC9B,MAAM,CAAC,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAuB,EAAE,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAqC,EAAE,EAAE;QACtE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAqC,EAAE,EAAE;QACrE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,aAAa,GAAiD,IAAA,mBAAW,EAAC,CAAC,CAAC,EAAE,EAAE;QAElF,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAA+C,IAAA,mBAAW,EAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,CAAC,WAAW,EAAE;YACd,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;YACd,OAAO;SACV;QACD,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACjC,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;gBACvB,OAAO,CAAC,KAAK,GAAG,CAAC;aACpB;YACD,OAAO,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,IAAI,OAAO,EAAE;YACT,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAqC,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;SACpF;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,8BAAC,2BAAY,QAAE,MAAM,CAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,8BAAC,2BAAY,QAAE,MAAM,CAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzE,MAAM,UAAU,GAAsB,EAAE,CAAC;IACzC,IAAI,WAAW,EAAE;QACb,UAAU,CAAC,IAAI,GAAG,aAAa,CAAC;KACnC;IAED,OAAO,CACH,8BAAC,4BAAa,IACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EACzB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;QAEhC,UAAU;QACX,8BAAC,0BAAW,oBACJ,KAAK,EACL,UAAU,IACd,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,2BAAM,CAAC,KAAK,IACzB;QACF,8BAAC,yBAAW,IAAC,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAI;QAC3D,UAAU,CACC,CACnB,CAAC;AACN,CAAC,CAAC;AAGE,sBAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAY5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAMF,QAAA,MAAM,KAAK,EAAE,KAeZ,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Mixed = exports.Primary = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
8
|
+
const Icon_1 = require("../../icons/Icon");
|
|
9
9
|
const countries_const_1 = require("../../../demo/components/form/countries.const");
|
|
10
|
-
const
|
|
10
|
+
const Input_1 = require("./Input");
|
|
11
11
|
const meta = {
|
|
12
12
|
title: "Components/Form/Input",
|
|
13
|
-
component:
|
|
13
|
+
component: Input_1.Input,
|
|
14
14
|
tags: ["autodocs", "form"],
|
|
15
15
|
argTypes: {
|
|
16
16
|
prefix: {
|
|
@@ -24,7 +24,7 @@ const meta = {
|
|
|
24
24
|
const Primary = {
|
|
25
25
|
args: {
|
|
26
26
|
placeholder: "Capacity",
|
|
27
|
-
prefix: react_1.default.createElement(
|
|
27
|
+
prefix: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.battery }),
|
|
28
28
|
suffix: "kWh",
|
|
29
29
|
},
|
|
30
30
|
};
|
|
@@ -34,12 +34,12 @@ const handleSuggestionMatch = (s, picked) => {
|
|
|
34
34
|
};
|
|
35
35
|
const Mixed = {
|
|
36
36
|
render: () => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
37
|
-
react_1.default.createElement(
|
|
38
|
-
react_1.default.createElement(
|
|
39
|
-
react_1.default.createElement(
|
|
40
|
-
react_1.default.createElement(
|
|
41
|
-
react_1.default.createElement(
|
|
42
|
-
react_1.default.createElement(
|
|
37
|
+
react_1.default.createElement(Input_1.Input, { placeholder: "Capacity", prefix: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.battery }), suffix: "kWh" }),
|
|
38
|
+
react_1.default.createElement(Input_1.Input, { value: "William J. Welter" }),
|
|
39
|
+
react_1.default.createElement(Input_1.Input, { prefix: "Text prefix", value: "Polly W. Wilson" }),
|
|
40
|
+
react_1.default.createElement(Input_1.Input, { prefix: "Disabled", value: "Clayton J. Foster", disabled: true }),
|
|
41
|
+
react_1.default.createElement(Input_1.Input, { prefix: "Read only", value: "Norma J. Gomez", readOnly: true }),
|
|
42
|
+
react_1.default.createElement(Input_1.Input, { placeholder: "With suggestions, try country name", suggestions: countries_const_1.countries, onSuggestionMatch: handleSuggestionMatch }))),
|
|
43
43
|
};
|
|
44
44
|
exports.Mixed = Mixed;
|
|
45
45
|
exports.default = meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,2CAA8C;AAC9C,mFAA0E;AAE1E,mCAAgC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,UAAU;QACvB,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI;QACpC,MAAM,EAAE,KAAK;KAChB;CACJ,CAAC;AAwBE,0BAAO;AAtBX,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,MAAe,EAAE,EAAE;IACzD,KAAK,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV;QACI,8BAAC,aAAK,IAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI,EAAE,MAAM,EAAE,KAAK,GAAI;QACvF,8BAAC,aAAK,IAAC,KAAK,EAAE,mBAAmB,GAAI;QACrC,8BAAC,aAAK,IAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,iBAAiB,GAAI;QAC1D,8BAAC,aAAK,IAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACzE,8BAAC,aAAK,IAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACvE,8BAAC,aAAK,IACF,WAAW,EAAE,oCAAoC,EACjD,WAAW,EAAE,2BAAS,EACtB,iBAAiB,EAAE,qBAAqB,GAC1C,CACH,CACN;CACJ,CAAC;AAGW,sBAAK;AAGlB,kBAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const StyledInput: import("@stitches/react/types/styled-component
|
|
1
|
+
declare const StyledInput: import("@stitches/react/types/styled-component").StyledComponent<"input", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
2
2
|
colors: {
|
|
3
3
|
background: string;
|
|
4
4
|
mainColor: string;
|
|
@@ -56,7 +56,7 @@ declare const StyledInput: import("@stitches/react/types/styled-component.js").S
|
|
|
56
56
|
scrollbarsBg: string;
|
|
57
57
|
tableStripedBg: string;
|
|
58
58
|
};
|
|
59
|
-
}, import("@stitches/react/types/config
|
|
59
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
60
60
|
mx: (value: string | number) => {
|
|
61
61
|
marginLeft: string | number;
|
|
62
62
|
marginRight: string | number;
|
|
@@ -78,11 +78,11 @@ declare const StyledInput: import("@stitches/react/types/styled-component.js").S
|
|
|
78
78
|
height: string | number;
|
|
79
79
|
};
|
|
80
80
|
}>>;
|
|
81
|
-
declare const StyledWrapper: import("@stitches/react/types/styled-component
|
|
81
|
+
declare const StyledWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
82
82
|
disabled?: boolean | "true";
|
|
83
83
|
readOnly?: boolean | "true";
|
|
84
84
|
focused?: boolean | "true";
|
|
85
|
-
}, {}, import("@stitches/react/types/css-util
|
|
85
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
86
86
|
colors: {
|
|
87
87
|
background: string;
|
|
88
88
|
mainColor: string;
|
|
@@ -140,7 +140,7 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component.js")
|
|
|
140
140
|
scrollbarsBg: string;
|
|
141
141
|
tableStripedBg: string;
|
|
142
142
|
};
|
|
143
|
-
}, import("@stitches/react/types/config
|
|
143
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
144
144
|
mx: (value: string | number) => {
|
|
145
145
|
marginLeft: string | number;
|
|
146
146
|
marginRight: string | number;
|
|
@@ -162,7 +162,7 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component.js")
|
|
|
162
162
|
height: string | number;
|
|
163
163
|
};
|
|
164
164
|
}>>;
|
|
165
|
-
declare const StyledPrefix: import("@stitches/react/types/styled-component
|
|
165
|
+
declare const StyledPrefix: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
166
166
|
colors: {
|
|
167
167
|
background: string;
|
|
168
168
|
mainColor: string;
|
|
@@ -220,7 +220,7 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component.js").
|
|
|
220
220
|
scrollbarsBg: string;
|
|
221
221
|
tableStripedBg: string;
|
|
222
222
|
};
|
|
223
|
-
}, import("@stitches/react/types/config
|
|
223
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
224
224
|
mx: (value: string | number) => {
|
|
225
225
|
marginLeft: string | number;
|
|
226
226
|
marginRight: string | number;
|
|
@@ -242,7 +242,7 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component.js").
|
|
|
242
242
|
height: string | number;
|
|
243
243
|
};
|
|
244
244
|
}>>;
|
|
245
|
-
declare const StyledSuffix: import("@stitches/react/types/styled-component
|
|
245
|
+
declare const StyledSuffix: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
246
246
|
colors: {
|
|
247
247
|
background: string;
|
|
248
248
|
mainColor: string;
|
|
@@ -300,7 +300,7 @@ declare const StyledSuffix: import("@stitches/react/types/styled-component.js").
|
|
|
300
300
|
scrollbarsBg: string;
|
|
301
301
|
tableStripedBg: string;
|
|
302
302
|
};
|
|
303
|
-
}, import("@stitches/react/types/config
|
|
303
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
304
304
|
mx: (value: string | number) => {
|
|
305
305
|
marginLeft: string | number;
|
|
306
306
|
marginRight: string | number;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.StyledSuffix = exports.StyledPrefix = exports.StyledWrapper = exports.StyledInput = void 0;
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const StyledInput = (0,
|
|
4
|
+
const theme_1 = require("../../../theme");
|
|
5
|
+
const Input_css_1 = require("./Input.css");
|
|
6
|
+
const StyledInput = (0, theme_1.styled)("input", Input_css_1.input);
|
|
7
7
|
exports.StyledInput = StyledInput;
|
|
8
|
-
const StyledWrapper = (0,
|
|
8
|
+
const StyledWrapper = (0, theme_1.styled)("div", Input_css_1.wrapper);
|
|
9
9
|
exports.StyledWrapper = StyledWrapper;
|
|
10
|
-
const StyledPrefix = (0,
|
|
11
|
-
marginRight: (0,
|
|
10
|
+
const StyledPrefix = (0, theme_1.styled)("div", {
|
|
11
|
+
marginRight: (0, theme_1.dimensionsPxToRem)(36),
|
|
12
12
|
display: "flex",
|
|
13
13
|
});
|
|
14
14
|
exports.StyledPrefix = StyledPrefix;
|
|
15
|
-
const StyledSuffix = (0,
|
|
16
|
-
marginLeft: (0,
|
|
15
|
+
const StyledSuffix = (0, theme_1.styled)("div", {
|
|
16
|
+
marginLeft: (0, theme_1.dimensionsPxToRem)(36),
|
|
17
17
|
display: "flex",
|
|
18
18
|
});
|
|
19
19
|
exports.StyledSuffix = StyledSuffix;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAE3D,2CAA6C;AAE7C,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE,iBAAK,CAAC,CAAC;AAevC,kCAAW;AAbf,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,mBAAO,CAAC,CAAC;AAczC,sCAAa;AAZjB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,WAAW,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAUC,oCAAY;AARhB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAMC,oCAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAEd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Primary = void 0;
|
|
4
|
-
const
|
|
4
|
+
const TextArea_1 = require("./TextArea");
|
|
5
5
|
const meta = {
|
|
6
6
|
title: "Components/Form/TextArea",
|
|
7
|
-
component:
|
|
7
|
+
component: TextArea_1.TextArea,
|
|
8
8
|
tags: ["autodocs", "form"],
|
|
9
9
|
};
|
|
10
10
|
const Primary = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":";;;AAEA
|
|
1
|
+
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":";;;AAEA,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;CACX,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
declare const StyledTextArea: import("@stitches/react/types/styled-component
|
|
1
|
+
declare const StyledTextArea: import("@stitches/react/types/styled-component").StyledComponent<"textarea", {
|
|
2
2
|
disabled?: boolean | "true";
|
|
3
3
|
readOnly?: boolean | "true";
|
|
4
4
|
focused?: boolean | "true";
|
|
5
|
-
}, {}, import("@stitches/react/types/css-util
|
|
5
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
6
6
|
colors: {
|
|
7
7
|
background: string;
|
|
8
8
|
mainColor: string;
|
|
@@ -60,7 +60,7 @@ declare const StyledTextArea: import("@stitches/react/types/styled-component.js"
|
|
|
60
60
|
scrollbarsBg: string;
|
|
61
61
|
tableStripedBg: string;
|
|
62
62
|
};
|
|
63
|
-
}, import("@stitches/react/types/config
|
|
63
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
64
64
|
mx: (value: string | number) => {
|
|
65
65
|
marginLeft: string | number;
|
|
66
66
|
marginRight: string | number;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.StyledTextArea = void 0;
|
|
4
|
-
const
|
|
4
|
+
const theme_1 = require("../../../theme");
|
|
5
5
|
const Input_css_1 = require("../input/Input.css");
|
|
6
6
|
const scrollbars_css_1 = require("../../../scrollbars.css");
|
|
7
|
-
const StyledTextArea = (0,
|
|
7
|
+
const StyledTextArea = (0, theme_1.styled)("textarea", Object.assign(Object.assign(Object.assign(Object.assign({}, scrollbars_css_1.miuiScrollbars), Input_css_1.input), Input_css_1.wrapper), { padding: `1.2em ${(0, theme_1.dimensionsPxToRem)(36)}`, height: "unset", resize: "vertical", minHeight: (0, theme_1.dimensionsPxToRem)(103) }));
|
|
8
8
|
exports.StyledTextArea = StyledTextArea;
|
|
9
9
|
//# sourceMappingURL=TextArea.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAE3D,kDAAoD;AACpD,4DAAyD;AAEzD,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,UAAU,8DACjC,+BAAc,GACd,iBAAK,GACL,mBAAO,KAEV,OAAO,EAAE,SAAS,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE,EACzC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC,IAEnC,CAAC;AAGC,wCAAc"}
|