react-miui 0.23.2 → 0.23.3
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 +9 -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.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.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 +2 -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
|
@@ -25,11 +25,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.MultipleAtOnce = exports.Primary = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
|
-
const
|
|
29
|
-
const
|
|
28
|
+
const theme_1 = require("../../../theme");
|
|
29
|
+
const Button_1 = require("./Button");
|
|
30
30
|
const meta = {
|
|
31
31
|
title: "Components/UI/Button",
|
|
32
|
-
component:
|
|
32
|
+
component: Button_1.Button,
|
|
33
33
|
tags: ["autodocs", "ui"],
|
|
34
34
|
};
|
|
35
35
|
const Primary = {
|
|
@@ -39,7 +39,7 @@ const Primary = {
|
|
|
39
39
|
},
|
|
40
40
|
};
|
|
41
41
|
exports.Primary = Primary;
|
|
42
|
-
const Container = (0,
|
|
42
|
+
const Container = (0, theme_1.styled)("div", {
|
|
43
43
|
display: "flex",
|
|
44
44
|
flexDirection: "column",
|
|
45
45
|
alignItems: "flex-start",
|
|
@@ -51,10 +51,10 @@ const MultipleAtOnce = {
|
|
|
51
51
|
alert("Clicked");
|
|
52
52
|
}, []);
|
|
53
53
|
return (react_1.default.createElement(Container, null,
|
|
54
|
-
react_1.default.createElement(
|
|
55
|
-
react_1.default.createElement(
|
|
56
|
-
react_1.default.createElement(
|
|
57
|
-
react_1.default.createElement(
|
|
54
|
+
react_1.default.createElement(Button_1.Button, { onClick: handleClick }, "Basic button"),
|
|
55
|
+
react_1.default.createElement(Button_1.Button, { disabled: true, onClick: handleClick }, "Disabled button"),
|
|
56
|
+
react_1.default.createElement(Button_1.Button, { inline: true, onClick: handleClick }, "Inline button"),
|
|
57
|
+
react_1.default.createElement(Button_1.Button, { outline: true, onClick: handleClick }, "Outline button")));
|
|
58
58
|
},
|
|
59
59
|
};
|
|
60
60
|
exports.MultipleAtOnce = MultipleAtOnce;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAI3C,
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAI3C,0CAAwC;AAExC,qCAAkC;AAIlC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACvC;CACJ,CAAC;AA2BE,0BAAO;AAzBX,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;YACjC,KAAK,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,eAAM,IAAC,OAAO,EAAE,WAAW,mBAAuB;YACnD,8BAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,sBAA0B;YACtE,8BAAC,eAAM,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,oBAAwB;YAClE,8BAAC,eAAM,IAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,qBAAyB,CAC5D,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAIE,wCAAc;AAGlB,kBAAe,IAAI,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
declare const Button: import("@stitches/react/types/styled-component
|
|
1
|
+
declare const Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {
|
|
2
2
|
inline?: boolean | "true";
|
|
3
3
|
outline?: boolean | "true";
|
|
4
|
-
}, {}, import("@stitches/react/types/css-util
|
|
4
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
5
5
|
colors: {
|
|
6
6
|
background: string;
|
|
7
7
|
mainColor: string;
|
|
@@ -59,7 +59,7 @@ declare const Button: import("@stitches/react/types/styled-component.js").Styled
|
|
|
59
59
|
scrollbarsBg: string;
|
|
60
60
|
tableStripedBg: string;
|
|
61
61
|
};
|
|
62
|
-
}, import("@stitches/react/types/config
|
|
62
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
63
63
|
mx: (value: string | number) => {
|
|
64
64
|
marginLeft: string | number;
|
|
65
65
|
marginRight: string | number;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Button = void 0;
|
|
4
|
-
const
|
|
5
|
-
const Button = (0,
|
|
6
|
-
"height": (0,
|
|
4
|
+
const theme_1 = require("../../../theme");
|
|
5
|
+
const Button = (0, theme_1.styled)("button", {
|
|
6
|
+
"height": (0, theme_1.dimensionsPxToRem)(118),
|
|
7
7
|
"background": "$green1",
|
|
8
|
-
"border": `${(0,
|
|
8
|
+
"border": `${(0, theme_1.borderPxToRem)(1)} solid $green1Darker`,
|
|
9
9
|
"color": "white",
|
|
10
10
|
"borderRadius": "1000px",
|
|
11
11
|
"display": "flex",
|
|
12
12
|
"alignItems": "center",
|
|
13
13
|
"justifyContent": "center",
|
|
14
14
|
"width": "100%",
|
|
15
|
-
"fontSize": (0,
|
|
15
|
+
"fontSize": (0, theme_1.fontPxToRem)(26),
|
|
16
16
|
"padding": "0 1em",
|
|
17
|
-
"gap": (0,
|
|
17
|
+
"gap": (0, theme_1.pxToRem)(10),
|
|
18
18
|
"&:disabled": {
|
|
19
19
|
opacity: 0.5,
|
|
20
20
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.styled.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAgG;AAKhG,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE;IAC5B,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,sBAAsB;IACnD,OAAO,EAAE,OAAO;IAChB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,QAAQ;IACtB,gBAAgB,EAAE,QAAQ;IAC1B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,IAAA,eAAO,EAAC,EAAE,CAAC;IAElB,YAAY,EAAE;QACV,OAAO,EAAE,GAAG;KACf;IAED,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE;gBACF,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,aAAa;aACzB;SACJ;QACD,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,UAAU,EAAE,OAAO;gBACnB,WAAW,EAAE,eAAe;gBAC5B,KAAK,EAAE,QAAQ;aAClB;SACJ;KACJ;CACJ,CAAC,CAAC;AAGC,wBAAM"}
|
|
@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.DirectionPad = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const
|
|
10
|
-
const
|
|
9
|
+
const Button_1 = require("./Button");
|
|
10
|
+
const Middle_1 = require("./Middle");
|
|
11
11
|
const Pad_module_scss_1 = __importDefault(require("./Pad.module.scss"));
|
|
12
12
|
const Pad = (props) => {
|
|
13
13
|
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(props.className, Pad_module_scss_1.default.pad) },
|
|
14
14
|
react_1.default.createElement("div", { className: Pad_module_scss_1.default.pad__line },
|
|
15
|
-
react_1.default.createElement(
|
|
15
|
+
react_1.default.createElement(Button_1.PadButton, { onClick: props.onUpPress })),
|
|
16
16
|
react_1.default.createElement("div", { className: Pad_module_scss_1.default.pad__line },
|
|
17
|
-
react_1.default.createElement(
|
|
18
|
-
react_1.default.createElement(
|
|
19
|
-
react_1.default.createElement(
|
|
17
|
+
react_1.default.createElement(Button_1.PadButton, { onClick: props.onLeftPress }),
|
|
18
|
+
react_1.default.createElement(Middle_1.PadMiddle, { onClick: props.onMiddlePress, label: props.middleLabel }),
|
|
19
|
+
react_1.default.createElement(Button_1.PadButton, { onClick: props.onRightPress })),
|
|
20
20
|
react_1.default.createElement("div", { className: Pad_module_scss_1.default.pad__line },
|
|
21
|
-
react_1.default.createElement(
|
|
21
|
+
react_1.default.createElement(Button_1.PadButton, { onClick: props.onDownPress }))));
|
|
22
22
|
};
|
|
23
23
|
exports.DirectionPad = Pad;
|
|
24
24
|
//# sourceMappingURL=Pad.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pad.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"Pad.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,qCAA+C;AAC/C,qCAA+C;AAE/C,wEAAuC;AAYvC,MAAM,GAAG,GAAoB,CAAC,KAAK,EAAE,EAAE;IACnC,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,yBAAM,CAAC,GAAG,CAAC;QACnD,uCAAK,SAAS,EAAE,yBAAM,CAAC,SAAS;YAC5B,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,GAAI,CAClC;QACN,uCAAK,SAAS,EAAE,yBAAM,CAAC,SAAS;YAC5B,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI;YACtC,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,GAAI;YAClE,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAI,CACrC;QACN,uCAAK,SAAS,EAAE,yBAAM,CAAC,SAAS;YAC5B,8BAAC,kBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CACpC,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEc,2BAAY"}
|
|
@@ -30,7 +30,7 @@ exports.Drawer = void 0;
|
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const oop_timers_1 = require("oop-timers");
|
|
32
32
|
const classnames_1 = __importDefault(require("classnames"));
|
|
33
|
-
const
|
|
33
|
+
const HandleEsc_1 = require("../../utils/HandleEsc");
|
|
34
34
|
const Drawer_module_scss_1 = __importDefault(require("./Drawer.module.scss"));
|
|
35
35
|
const RENDER_TIMEOUT = 500;
|
|
36
36
|
class Drawer extends react_1.Component {
|
|
@@ -79,7 +79,7 @@ class Drawer extends react_1.Component {
|
|
|
79
79
|
};
|
|
80
80
|
const shouldRender = this.props.isOpen || this.state.shouldRenderWhenClosed;
|
|
81
81
|
const closeOnEsc = (_a = this.props.closeOnEsc) !== null && _a !== void 0 ? _a : true;
|
|
82
|
-
const esc = closeOnEsc && react_1.default.createElement(
|
|
82
|
+
const esc = closeOnEsc && react_1.default.createElement(HandleEsc_1.HandleEsc, { onPress: this.handleEsc });
|
|
83
83
|
const cls = (0, classnames_1.default)(this.props.className, Drawer_module_scss_1.default.drawer);
|
|
84
84
|
return (react_1.default.createElement("div", { className: cls, style: style },
|
|
85
85
|
esc,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAEzC,2CAAqC;AACrC,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAEzC,2CAAqC;AACrC,4DAAoC;AAEpC,qDAAkD;AAElD,8EAA0C;AAE1C,MAAM,cAAc,GAAG,GAAG,CAAC;AAc3B,MAAM,MAAO,SAAQ,iBAAuB;IACxC,YAAmB,KAAY;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QA6BT,YAAO,GAAmB,IAAI,CAAC;QAWtB,cAAS,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC,CAAC;QAxCE,IAAI,CAAC,KAAK,GAAG;YACT,sBAAsB,EAAE,KAAK;SAChC,CAAC;IACN,CAAC;IAEe,iBAAiB;QAC7B,IAAI,CAAC,OAAO,GAAG,IAAI,oBAAO,CAAC,GAAG,EAAE;YAE5B,IAAI,CAAC,QAAQ,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC,CAAC;QACrD,CAAC,EAAE,cAAc,CAAC,CAAC;IACvB,CAAC;IAEe,kBAAkB,CAAC,SAAgB;QAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACxC,IAAI,CAAC,MAAM,EAAE,CAAC;SACjB;QAED,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACxC,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;IACL,CAAC;IAEe,oBAAoB;;QAChC,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC;IAIO,MAAM;;QACV,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,EAAE,sBAAsB,EAAE,IAAI,EAAE,CAAC,CAAC;IACpD,CAAC;IAEO,OAAO;;QACX,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC1B,CAAC;IAMe,MAAM;;QAElB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACtC,MAAM,KAAK,GAAG;YACV,SAAS,EAAE,cAAc,CAAC,IAAI;SACjC,CAAC;QAEF,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC;QAE5E,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;QACjD,MAAM,GAAG,GAAG,UAAU,IAAI,8BAAC,qBAAS,IAAC,OAAO,EAAE,IAAI,CAAC,SAAS,GAAI,CAAC;QAEjE,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,4BAAM,CAAC,MAAM,CAAC,CAAC;QAE5D,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;YAC5B,GAAG;YACJ,uCAAK,SAAS,EAAE,4BAAM,CAAC,OAAO,IACzB,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAClC,CACJ,CACT,CAAC;IACN,CAAC;CACJ;AAEQ,wBAAM"}
|
|
@@ -16,19 +16,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.CoveringLoader = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const Container = (0,
|
|
19
|
+
const theme_1 = require("../../../theme");
|
|
20
|
+
const FullLoader_1 = require("./FullLoader");
|
|
21
|
+
const Container = (0, theme_1.styled)("div", {
|
|
22
22
|
position: "relative",
|
|
23
23
|
});
|
|
24
|
-
const TailSpin = (0,
|
|
24
|
+
const TailSpin = (0, theme_1.styled)("div", {
|
|
25
25
|
position: "absolute",
|
|
26
26
|
left: 0,
|
|
27
27
|
right: 0,
|
|
28
28
|
top: 0,
|
|
29
29
|
bottom: 0,
|
|
30
30
|
});
|
|
31
|
-
const Content = (0,
|
|
31
|
+
const Content = (0, theme_1.styled)("div", {
|
|
32
32
|
opacity: 0.3,
|
|
33
33
|
});
|
|
34
34
|
const CoveringLoader = (_a) => {
|
|
@@ -38,7 +38,7 @@ const CoveringLoader = (_a) => {
|
|
|
38
38
|
}
|
|
39
39
|
return (react_1.default.createElement(Container, null,
|
|
40
40
|
react_1.default.createElement(TailSpin, null,
|
|
41
|
-
react_1.default.createElement(
|
|
41
|
+
react_1.default.createElement(FullLoader_1.FullLoader, Object.assign({}, props))),
|
|
42
42
|
react_1.default.createElement(Content, null, children)));
|
|
43
43
|
};
|
|
44
44
|
exports.CoveringLoader = CoveringLoader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoveringLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"CoveringLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,0CAAwC;AAExC,6CAA0C;AAS1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,QAAQ,EAAE,UAAU;CACvB,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC3B,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC1B,OAAO,EAAE,GAAG;CACf,CAAC,CAAC;AAMH,MAAM,cAAc,GAAoB,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,IAAI,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1B,oBAA4B,CAAF;IAC/D,IAAI,CAAC,IAAI,EAAE;QACP,OAAO,8DAAG,QAAQ,CAAI,CAAC;KAC1B;IAED,OAAO,CACH,8BAAC,SAAS;QACN,8BAAC,QAAQ;YACL,8BAAC,uBAAU,oBAAK,KAAK,EAAI,CAClB;QACX,8BAAC,OAAO,QACH,QAAQ,CACH,CACF,CACf,CAAC;AACN,CAAC,CAAC;AAEO,wCAAc"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { CoveringLoader } from "./CoveringLoader
|
|
2
|
+
import { CoveringLoader } from "./CoveringLoader";
|
|
3
3
|
declare const meta: Meta;
|
|
4
4
|
type Story = StoryObj<typeof CoveringLoader>;
|
|
5
5
|
declare const Primary: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoveringLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CoveringLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,OAAO,EAAE,KAgBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -5,16 +5,16 @@ 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 CoveringLoader_1 = require("./CoveringLoader");
|
|
9
9
|
const meta = {
|
|
10
10
|
title: "Components/UI/Loader/CoveringLoader",
|
|
11
|
-
component:
|
|
11
|
+
component: CoveringLoader_1.CoveringLoader,
|
|
12
12
|
tags: ["autodocs", "ui"],
|
|
13
13
|
};
|
|
14
14
|
const Primary = {
|
|
15
15
|
args: {},
|
|
16
16
|
render: () => {
|
|
17
|
-
return (react_1.default.createElement(
|
|
17
|
+
return (react_1.default.createElement(CoveringLoader_1.CoveringLoader, { show: true },
|
|
18
18
|
react_1.default.createElement("div", { style: { background: "#f0f0f0" } },
|
|
19
19
|
"some contents",
|
|
20
20
|
react_1.default.createElement("br", null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoveringLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"CoveringLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qDAAkD;AAElD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,+BAAc;IACzB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,8BAAC,+BAAc,IAAC,IAAI,EAAE,IAAI;YACtB,uCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;;gBACpB,yCAAM;;gBAGN,yCAAM;;gBACN,yCAAM;;gBACN,yCAAM,CACjB,CACO,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FullLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAajD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE/B,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.FullLoader = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const Container = (0,
|
|
8
|
+
const theme_1 = require("../../../theme");
|
|
9
|
+
const Loader_1 = require("./Loader");
|
|
10
|
+
const Container = (0, theme_1.styled)("div", {
|
|
11
11
|
height: "100%",
|
|
12
12
|
flex: 1,
|
|
13
13
|
display: "flex",
|
|
@@ -16,7 +16,7 @@ const Container = (0, theme_js_1.styled)("div", {
|
|
|
16
16
|
});
|
|
17
17
|
const FullLoader = (props) => {
|
|
18
18
|
return react_1.default.createElement(Container, null,
|
|
19
|
-
react_1.default.createElement(
|
|
19
|
+
react_1.default.createElement(Loader_1.Loader, Object.assign({}, props)));
|
|
20
20
|
};
|
|
21
21
|
exports.FullLoader = FullLoader;
|
|
22
22
|
//# sourceMappingURL=FullLoader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"FullLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0CAAwC;AAExC,qCAAkC;AAIlC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CAC3B,CAAC,CAAC;AAKH,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC1C,OAAO,8BAAC,SAAS;QAAC,8BAAC,eAAM,oBAAK,KAAK,EAAI,CAAY,CAAC;AACxD,CAAC,CAAC;AAEO,gCAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FullLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,QAAA,MAAM,OAAO,EAAE,KAYd,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 FullLoader_1 = require("./FullLoader");
|
|
9
9
|
const meta = {
|
|
10
10
|
title: "Components/UI/Loader/FullLoader",
|
|
11
|
-
component:
|
|
11
|
+
component: FullLoader_1.FullLoader,
|
|
12
12
|
tags: ["autodocs", "ui"],
|
|
13
13
|
};
|
|
14
14
|
const Primary = {
|
|
@@ -17,7 +17,7 @@ const Primary = {
|
|
|
17
17
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
18
18
|
"Container:",
|
|
19
19
|
react_1.default.createElement("div", { style: { border: "1px solid black", width: 300, height: 300 } },
|
|
20
|
-
react_1.default.createElement(
|
|
20
|
+
react_1.default.createElement(FullLoader_1.FullLoader, null))));
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
23
|
exports.Primary = Primary;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"FullLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,6CAA0C;AAE1C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,uBAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH;;YAEI,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;gBAC9D,8BAAC,uBAAU,OAAG,CACZ,CACP,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Loader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAY7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAKd,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 Loader_1 = require("./Loader");
|
|
5
5
|
const meta = {
|
|
6
6
|
title: "Components/UI/Loader/Basic",
|
|
7
|
-
component:
|
|
7
|
+
component: Loader_1.Loader,
|
|
8
8
|
tags: ["autodocs", "ui"],
|
|
9
9
|
argTypes: {
|
|
10
10
|
show: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":";;;AAEA,
|
|
1
|
+
{"version":3,"file":"Loader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":";;;AAEA,qCAAkC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,IAAI;KACb;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Loading = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
9
|
-
const
|
|
8
|
+
const PopLoader_1 = require("./PopLoader");
|
|
9
|
+
const FullLoader_1 = require("./FullLoader");
|
|
10
10
|
const Loading = (props) => {
|
|
11
11
|
if (!props.data && props.isLoading) {
|
|
12
|
-
return react_1.default.createElement(
|
|
12
|
+
return react_1.default.createElement(FullLoader_1.FullLoader, null);
|
|
13
13
|
}
|
|
14
|
-
const l = props.isLoading ? react_1.default.createElement(
|
|
14
|
+
const l = props.isLoading ? react_1.default.createElement(PopLoader_1.PopLoader, null) : null;
|
|
15
15
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
16
16
|
l,
|
|
17
17
|
props.children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAwC;AACxC,6CAA0C;AAgB1C,MAAM,OAAO,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE;QAChC,OAAO,8BAAC,uBAAU,OAAG,CAAC;KACzB;IAED,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAS,OAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,OAAO,CAAC;QAAG,CAAC;QAAE,KAAK,CAAC,QAAQ,CAAI,CAAC,CAAC;AACtC,CAAC,CAAC;AAEO,0BAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAMtC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -5,11 +5,11 @@ 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
|
|
9
|
-
const
|
|
8
|
+
const theme_1 = require("../../../theme");
|
|
9
|
+
const Loading_1 = require("./Loading");
|
|
10
10
|
const meta = {
|
|
11
11
|
title: "Components/UI/Loader/Loading",
|
|
12
|
-
component:
|
|
12
|
+
component: Loading_1.Loading,
|
|
13
13
|
tags: ["autodocs", "ui"],
|
|
14
14
|
argTypes: {
|
|
15
15
|
data: {
|
|
@@ -20,7 +20,7 @@ const meta = {
|
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
|
-
const Container = (0,
|
|
23
|
+
const Container = (0, theme_1.styled)("div", {
|
|
24
24
|
border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
|
|
25
25
|
});
|
|
26
26
|
const Primary = {
|
|
@@ -30,7 +30,7 @@ const Primary = {
|
|
|
30
30
|
},
|
|
31
31
|
render: (args) => {
|
|
32
32
|
return (react_1.default.createElement(Container, null,
|
|
33
|
-
react_1.default.createElement(
|
|
33
|
+
react_1.default.createElement(Loading_1.Loading, { isLoading: Boolean(args.isLoading), data: args.data }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam.")));
|
|
34
34
|
},
|
|
35
35
|
};
|
|
36
36
|
exports.Primary = Primary;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,0CAAwC;AAExC,uCAAoC;AAEpC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,iBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,SAAS,EAAE;YACP,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,IAAI;KACb;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,iBAAO,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,oFAElD,CACF,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PopLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAsBjD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE9B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.PopLoader = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const Container = (0,
|
|
19
|
+
const theme_1 = require("../../../theme");
|
|
20
|
+
const Loader_1 = require("./Loader");
|
|
21
|
+
const Container = (0, theme_1.styled)("div", {
|
|
22
22
|
position: "absolute",
|
|
23
23
|
right: 20,
|
|
24
24
|
top: 20,
|
|
@@ -27,7 +27,7 @@ const Container = (0, theme_js_1.styled)("div", {
|
|
|
27
27
|
borderRadius: 666,
|
|
28
28
|
padding: 10,
|
|
29
29
|
});
|
|
30
|
-
const BlockLoader = (0,
|
|
30
|
+
const BlockLoader = (0, theme_1.styled)(Loader_1.Loader, {
|
|
31
31
|
display: "block",
|
|
32
32
|
});
|
|
33
33
|
const PopLoader = (_a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"PopLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,0CAAwC;AAExC,qCAAkC;AAIlC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,iCAAiC;IACzC,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,eAAM,EAAE;IAC/B,OAAO,EAAE,OAAO;CACnB,CAAC,CAAC;AAQH,MAAM,SAAS,GAAoB,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACrD,OAAO,8BAAC,SAAS;QAAC,8BAAC,WAAW,kBAAC,IAAI,EAAE,MAAM,IAAM,KAAK,EAAI,CAAY,CAAC;AAC3E,CAAC,CAAC;AAEO,8BAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PopLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAMxC,QAAA,MAAM,OAAO,EAAE,KAWd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -5,21 +5,21 @@ 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
|
|
9
|
-
const
|
|
8
|
+
const theme_1 = require("../../../theme");
|
|
9
|
+
const PopLoader_1 = require("./PopLoader");
|
|
10
10
|
const meta = {
|
|
11
11
|
title: "Components/UI/Loader/PopLoader",
|
|
12
|
-
component:
|
|
12
|
+
component: PopLoader_1.PopLoader,
|
|
13
13
|
tags: ["autodocs", "ui"],
|
|
14
14
|
};
|
|
15
|
-
const Container = (0,
|
|
15
|
+
const Container = (0, theme_1.styled)("div", {
|
|
16
16
|
border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
|
|
17
17
|
});
|
|
18
18
|
const Primary = {
|
|
19
19
|
args: {},
|
|
20
20
|
render: () => {
|
|
21
21
|
return (react_1.default.createElement(Container, null,
|
|
22
|
-
react_1.default.createElement(
|
|
22
|
+
react_1.default.createElement(PopLoader_1.PopLoader, null),
|
|
23
23
|
"content, content,",
|
|
24
24
|
react_1.default.createElement("br", null),
|
|
25
25
|
"content, content"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"PopLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,0CAAwC;AAExC,2CAAwC;AAExC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,qBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,qBAAS,OAAG;;YACI,yCAAM;+BAEf,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
import type { ComponentProps } from "@stitches/react";
|
|
3
3
|
import type { OverwriteProps } from "../../../theme";
|
|
4
|
-
import { StyledMessage } from "./Message.styled
|
|
4
|
+
import { StyledMessage } from "./Message.styled";
|
|
5
5
|
type StitchesProps = ComponentProps<typeof StyledMessage>;
|
|
6
6
|
interface Props extends StitchesProps {
|
|
7
7
|
type: NonNullable<StitchesProps["type"]>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,aAAa;IAIjC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAKzC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAIhD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA0E,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Message = void 0;
|
|
4
|
-
const
|
|
5
|
-
const Message =
|
|
4
|
+
const Message_styled_1 = require("./Message.styled");
|
|
5
|
+
const Message = Message_styled_1.StyledMessage;
|
|
6
6
|
exports.Message = Message;
|
|
7
7
|
//# sourceMappingURL=Message.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":";;;AAKA,
|
|
1
|
+
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":";;;AAKA,qDAAiD;AA2BjD,MAAM,OAAO,GAAG,8BAAuE,CAAC;AAE/E,0BAAO"}
|