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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAQF,QAAA,MAAM,cAAc,EAAE,KAYrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,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.MultipleAtOnce = exports.Primary = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
9
|
-
const
|
|
8
|
+
const theme_1 = require("../../../theme");
|
|
9
|
+
const Message_1 = require("./Message");
|
|
10
10
|
const meta = {
|
|
11
11
|
title: "Components/UI/Message",
|
|
12
|
-
component:
|
|
12
|
+
component: Message_1.Message,
|
|
13
13
|
tags: ["autodocs", "ui"],
|
|
14
14
|
argTypes: {
|
|
15
15
|
children: {
|
|
@@ -31,19 +31,19 @@ const Primary = {
|
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
33
|
exports.Primary = Primary;
|
|
34
|
-
const Container = (0,
|
|
34
|
+
const Container = (0, theme_1.styled)("div", {
|
|
35
35
|
display: "flex",
|
|
36
36
|
flexDirection: "column",
|
|
37
37
|
gap: 10,
|
|
38
38
|
});
|
|
39
39
|
const MultipleAtOnce = {
|
|
40
40
|
render: () => (react_1.default.createElement(Container, null,
|
|
41
|
-
react_1.default.createElement(
|
|
42
|
-
react_1.default.createElement(
|
|
43
|
-
react_1.default.createElement(
|
|
44
|
-
react_1.default.createElement(
|
|
45
|
-
react_1.default.createElement(
|
|
46
|
-
react_1.default.createElement(
|
|
41
|
+
react_1.default.createElement(Message_1.Message, { type: "warning" }, "Files will be deleted after 30 days."),
|
|
42
|
+
react_1.default.createElement(Message_1.Message, { type: "error" }, "Files cannot be deleted."),
|
|
43
|
+
react_1.default.createElement(Message_1.Message, { type: "info" }, "These files got deleted."),
|
|
44
|
+
react_1.default.createElement(Message_1.Message, { type: "warning", variant: "box" }, "Files will be deleted after 30 days."),
|
|
45
|
+
react_1.default.createElement(Message_1.Message, { type: "error", variant: "box" }, "Files cannot be deleted."),
|
|
46
|
+
react_1.default.createElement(Message_1.Message, { type: "info", variant: "box" }, "These files got deleted."))),
|
|
47
47
|
};
|
|
48
48
|
exports.MultipleAtOnce = MultipleAtOnce;
|
|
49
49
|
exports.default = meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,0CAAwC;AAExC,uCAAoC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,6BAA6B;SAC9C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;SAC/C;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;SAC9B;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,6BAA6B;KAC1C;CACJ,CAAC;AAuBE,0BAAO;AArBX,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,8BAAC,SAAS;QACN,8BAAC,iBAAO,IAAC,IAAI,EAAE,SAAS,2CAAgD;QACxE,8BAAC,iBAAO,IAAC,IAAI,EAAE,OAAO,+BAAoC;QAC1D,8BAAC,iBAAO,IAAC,IAAI,EAAE,MAAM,+BAAoC;QAEzD,8BAAC,iBAAO,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,2CAAgD;QACxF,8BAAC,iBAAO,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,+BAAoC;QAC1E,8BAAC,iBAAO,IAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,+BAAoC,CACjE,CACf;CACJ,CAAC;AAIE,wCAAc;AAGlB,kBAAe,IAAI,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
declare const StyledMessage: import("@stitches/react/types/styled-component
|
|
1
|
+
declare const StyledMessage: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
2
2
|
variant?: "stretch" | "box";
|
|
3
3
|
type?: "error" | "info" | "warning" | "tip";
|
|
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 StyledMessage: import("@stitches/react/types/styled-component.js")
|
|
|
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,22 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.StyledMessage = void 0;
|
|
4
|
-
const
|
|
5
|
-
const StyledMessage = (0,
|
|
4
|
+
const theme_1 = require("../../../theme");
|
|
5
|
+
const StyledMessage = (0, theme_1.styled)("div", {
|
|
6
6
|
borderStyle: "solid",
|
|
7
7
|
borderColor: "$border",
|
|
8
8
|
borderWidth: 0,
|
|
9
|
-
borderTopWidth: (0,
|
|
10
|
-
borderBottomWidth: (0,
|
|
11
|
-
padding: `${(0,
|
|
9
|
+
borderTopWidth: (0, theme_1.pxToRem)(1),
|
|
10
|
+
borderBottomWidth: (0, theme_1.pxToRem)(1),
|
|
11
|
+
padding: `${(0, theme_1.dimensionsPxToRem)(47)} ${(0, theme_1.dimensionsPxToRem)(83)}`,
|
|
12
12
|
fontWeight: 500,
|
|
13
13
|
lineHeight: 1.25,
|
|
14
14
|
variants: {
|
|
15
15
|
variant: {
|
|
16
16
|
box: {
|
|
17
|
-
borderLeftWidth: (0,
|
|
18
|
-
borderRightWidth: (0,
|
|
19
|
-
margin: (0,
|
|
17
|
+
borderLeftWidth: (0, theme_1.pxToRem)(1),
|
|
18
|
+
borderRightWidth: (0, theme_1.pxToRem)(1),
|
|
19
|
+
margin: (0, theme_1.pxToRem)(12),
|
|
20
20
|
},
|
|
21
21
|
stretch: {},
|
|
22
22
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Message.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAoE;AAEpE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAChC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,CAAC;IACd,cAAc,EAAE,IAAA,eAAO,EAAC,CAAC,CAAC;IAC1B,iBAAiB,EAAE,IAAA,eAAO,EAAC,CAAC,CAAC;IAC7B,OAAO,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,IAAI,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IAC5D,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,IAAI;IAEhB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,GAAG,EAAE;gBACD,eAAe,EAAE,IAAA,eAAO,EAAC,CAAC,CAAC;gBAC3B,gBAAgB,EAAE,IAAA,eAAO,EAAC,CAAC,CAAC;gBAC5B,MAAM,EAAE,IAAA,eAAO,EAAC,EAAE,CAAC;aACtB;YACD,OAAO,EAAE,EAAE;SACd;QACD,IAAI,EAAE;YACF,OAAO,EAAE;gBACL,eAAe,EAAE,UAAU;gBAC3B,WAAW,EAAE,UAAU;gBACvB,KAAK,EAAE,UAAU;aACpB;YACD,KAAK,EAAE;gBACH,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,KAAK,EAAE,SAAS;aACnB;YACD,IAAI,EAAE;gBACF,eAAe,EAAE,QAAQ;gBACzB,WAAW,EAAE,QAAQ;gBACrB,KAAK,EAAE,QAAQ;aAClB;YACD,GAAG,EAAE,EAAE;SACV;KACJ;CACJ,CAAC,CAAC;AAGC,sCAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAIpC,QAAA,MAAM,OAAO,EAAE,KAsCd,CAAC;AAEF,QAAA,MAAM,0BAA0B,EAAE,KAmCjC,CAAC;AAKF,QAAA,MAAM,QAAQ,EAAE,KA8Bf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,0BAA0B,EAC1B,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -25,17 +25,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.WithList = exports.WithRemovedPaddingSections = exports.Primary = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const
|
|
28
|
+
const Button_1 = require("../button/Button");
|
|
29
|
+
const Label_1 = require("../../form/Label");
|
|
30
|
+
const Input_1 = require("../../form/input/Input");
|
|
31
|
+
const Checkbox_1 = require("../../form/Checkbox");
|
|
32
|
+
const List_1 = require("../../layout/list/List");
|
|
33
|
+
const Modal_1 = require("./Modal");
|
|
34
|
+
const ModalButtons_1 = require("./ModalButtons");
|
|
35
35
|
const Modal_styled_1 = require("./Modal.styled");
|
|
36
36
|
const meta = {
|
|
37
37
|
title: "Components/UI/Modal",
|
|
38
|
-
component:
|
|
38
|
+
component: Modal_1.Modal,
|
|
39
39
|
tags: ["autodocs", "ui"],
|
|
40
40
|
};
|
|
41
41
|
const handleNoop = () => undefined;
|
|
@@ -50,15 +50,15 @@ const Primary = {
|
|
|
50
50
|
setIsOpen(true);
|
|
51
51
|
}, []);
|
|
52
52
|
return (react_1.default.createElement("div", null,
|
|
53
|
-
react_1.default.createElement(
|
|
54
|
-
react_1.default.createElement(
|
|
55
|
-
react_1.default.createElement(
|
|
56
|
-
react_1.default.createElement(
|
|
57
|
-
react_1.default.createElement(
|
|
58
|
-
react_1.default.createElement(
|
|
59
|
-
react_1.default.createElement(
|
|
60
|
-
react_1.default.createElement(
|
|
61
|
-
react_1.default.createElement(
|
|
53
|
+
react_1.default.createElement(Button_1.Button, { onClick: handleOpen }, "Open modal"),
|
|
54
|
+
react_1.default.createElement(Modal_1.Modal, { onClose: handleClose, isOpen: open, title: "95.5 MHz", position: "bottom", full: true },
|
|
55
|
+
react_1.default.createElement(Label_1.Label, null,
|
|
56
|
+
react_1.default.createElement(Input_1.Input, { placeholder: "New station" })),
|
|
57
|
+
react_1.default.createElement(Label_1.Label, null,
|
|
58
|
+
react_1.default.createElement(Checkbox_1.Checkbox, { name: "", onChange: handleNoop, checked: true }, "Remember me")),
|
|
59
|
+
react_1.default.createElement(ModalButtons_1.ModalButtons, null,
|
|
60
|
+
react_1.default.createElement(ModalButtons_1.ModalButtons.Button, { onClick: handleClose }, "Cancel"),
|
|
61
|
+
react_1.default.createElement(ModalButtons_1.ModalButtons.Button, { variant: "main", onClick: handleClose }, "Ok")))));
|
|
62
62
|
},
|
|
63
63
|
};
|
|
64
64
|
exports.Primary = Primary;
|
|
@@ -73,16 +73,16 @@ const WithRemovedPaddingSections = {
|
|
|
73
73
|
setIsOpen(true);
|
|
74
74
|
}, []);
|
|
75
75
|
return (react_1.default.createElement("div", null,
|
|
76
|
-
react_1.default.createElement(
|
|
77
|
-
react_1.default.createElement(
|
|
76
|
+
react_1.default.createElement(Button_1.Button, { onClick: handleOpen }, "Open modal"),
|
|
77
|
+
react_1.default.createElement(Modal_1.Modal, { onClose: handleClose, isOpen: open, position: "bottom", full: true },
|
|
78
78
|
react_1.default.createElement(Modal_styled_1.RemovePadding, null,
|
|
79
|
-
react_1.default.createElement(
|
|
80
|
-
react_1.default.createElement(
|
|
81
|
-
react_1.default.createElement(
|
|
82
|
-
react_1.default.createElement(
|
|
79
|
+
react_1.default.createElement(Label_1.Label, null,
|
|
80
|
+
react_1.default.createElement(Input_1.Input, { placeholder: "New station" }))),
|
|
81
|
+
react_1.default.createElement(Label_1.Label, null,
|
|
82
|
+
react_1.default.createElement(Input_1.Input, { placeholder: "New station" })),
|
|
83
83
|
react_1.default.createElement(Modal_styled_1.RemovePadding, null,
|
|
84
|
-
react_1.default.createElement(
|
|
85
|
-
react_1.default.createElement(
|
|
84
|
+
react_1.default.createElement(Label_1.Label, null,
|
|
85
|
+
react_1.default.createElement(Input_1.Input, { placeholder: "New station" }))))));
|
|
86
86
|
},
|
|
87
87
|
};
|
|
88
88
|
exports.WithRemovedPaddingSections = WithRemovedPaddingSections;
|
|
@@ -97,14 +97,14 @@ const WithList = {
|
|
|
97
97
|
setIsOpen(true);
|
|
98
98
|
}, []);
|
|
99
99
|
return (react_1.default.createElement("div", null,
|
|
100
|
-
react_1.default.createElement(
|
|
101
|
-
react_1.default.createElement(
|
|
100
|
+
react_1.default.createElement(Button_1.Button, { onClick: handleOpen }, "Open modal"),
|
|
101
|
+
react_1.default.createElement(Modal_1.Modal, { onClose: handleClose, isOpen: open, position: "bottom", full: true },
|
|
102
102
|
react_1.default.createElement(Modal_styled_1.RemovePadding, null,
|
|
103
|
-
react_1.default.createElement(
|
|
104
|
-
react_1.default.createElement(
|
|
105
|
-
react_1.default.createElement(
|
|
106
|
-
react_1.default.createElement(
|
|
107
|
-
react_1.default.createElement(
|
|
103
|
+
react_1.default.createElement(List_1.List, { inset: true },
|
|
104
|
+
react_1.default.createElement(List_1.List.Item, { selected: false, onClick: handleClose }, "First item"),
|
|
105
|
+
react_1.default.createElement(List_1.List.Item, { selected: true, onClick: handleClose }, "Second item"),
|
|
106
|
+
react_1.default.createElement(List_1.List.Item, { selected: false, onClick: handleClose }, "Third item"),
|
|
107
|
+
react_1.default.createElement(List_1.List.Item, { selected: false, onClick: handleClose }, "Last option"))))));
|
|
108
108
|
},
|
|
109
109
|
};
|
|
110
110
|
exports.WithList = WithList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAIrD,
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
declare const NEGATIVE_PADDING: string;
|
|
2
|
-
declare const OverlayStyled: import("@stitches/react/types/styled-component
|
|
2
|
+
declare const OverlayStyled: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
3
3
|
position?: "bottom";
|
|
4
4
|
isClosing?: 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 OverlayStyled: 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;
|
|
@@ -82,7 +82,7 @@ declare const OverlayStyled: import("@stitches/react/types/styled-component.js")
|
|
|
82
82
|
height: string | number;
|
|
83
83
|
};
|
|
84
84
|
}>>;
|
|
85
|
-
declare const RemovePadding: import("@stitches/react/types/styled-component
|
|
85
|
+
declare const RemovePadding: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
86
86
|
colors: {
|
|
87
87
|
background: string;
|
|
88
88
|
mainColor: string;
|
|
@@ -140,7 +140,7 @@ declare const RemovePadding: 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,10 +162,10 @@ declare const RemovePadding: import("@stitches/react/types/styled-component.js")
|
|
|
162
162
|
height: string | number;
|
|
163
163
|
};
|
|
164
164
|
}>>;
|
|
165
|
-
declare const ContainerStyled: import("@stitches/react/types/styled-component
|
|
165
|
+
declare const ContainerStyled: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
166
166
|
full?: boolean | "true";
|
|
167
167
|
isClosing?: boolean | "true";
|
|
168
|
-
}, {}, import("@stitches/react/types/css-util
|
|
168
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
169
169
|
colors: {
|
|
170
170
|
background: string;
|
|
171
171
|
mainColor: string;
|
|
@@ -223,7 +223,7 @@ declare const ContainerStyled: import("@stitches/react/types/styled-component.js
|
|
|
223
223
|
scrollbarsBg: string;
|
|
224
224
|
tableStripedBg: string;
|
|
225
225
|
};
|
|
226
|
-
}, import("@stitches/react/types/config
|
|
226
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
227
227
|
mx: (value: string | number) => {
|
|
228
228
|
marginLeft: string | number;
|
|
229
229
|
marginRight: string | number;
|
|
@@ -245,7 +245,7 @@ declare const ContainerStyled: import("@stitches/react/types/styled-component.js
|
|
|
245
245
|
height: string | number;
|
|
246
246
|
};
|
|
247
247
|
}>>;
|
|
248
|
-
declare const TitleStyled: import("@stitches/react/types/styled-component
|
|
248
|
+
declare const TitleStyled: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
249
249
|
colors: {
|
|
250
250
|
background: string;
|
|
251
251
|
mainColor: string;
|
|
@@ -303,7 +303,7 @@ declare const TitleStyled: import("@stitches/react/types/styled-component.js").S
|
|
|
303
303
|
scrollbarsBg: string;
|
|
304
304
|
tableStripedBg: string;
|
|
305
305
|
};
|
|
306
|
-
}, import("@stitches/react/types/config
|
|
306
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
307
307
|
mx: (value: string | number) => {
|
|
308
308
|
marginLeft: string | number;
|
|
309
309
|
marginRight: string | number;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.NEGATIVE_PADDING = exports.TitleStyled = exports.ContainerStyled = exports.RemovePadding = exports.OverlayStyled = void 0;
|
|
4
|
-
const
|
|
5
|
-
const PADDING = (0,
|
|
6
|
-
const NEGATIVE_PADDING = (0,
|
|
4
|
+
const theme_1 = require("../../../theme");
|
|
5
|
+
const PADDING = (0, theme_1.pxToRem)(20);
|
|
6
|
+
const NEGATIVE_PADDING = (0, theme_1.pxToRem)(-20);
|
|
7
7
|
exports.NEGATIVE_PADDING = NEGATIVE_PADDING;
|
|
8
|
-
const overlay = (0,
|
|
8
|
+
const overlay = (0, theme_1.keyframes)({
|
|
9
9
|
from: {
|
|
10
10
|
background: "#00000000",
|
|
11
11
|
},
|
|
@@ -13,7 +13,7 @@ const overlay = (0, theme_js_1.keyframes)({
|
|
|
13
13
|
background: "#0000004c",
|
|
14
14
|
},
|
|
15
15
|
});
|
|
16
|
-
const OverlayStyled = (0,
|
|
16
|
+
const OverlayStyled = (0, theme_1.styled)("div", {
|
|
17
17
|
position: "fixed",
|
|
18
18
|
zIndex: 4,
|
|
19
19
|
top: 0,
|
|
@@ -29,7 +29,7 @@ const OverlayStyled = (0, theme_js_1.styled)("div", {
|
|
|
29
29
|
position: {
|
|
30
30
|
bottom: {
|
|
31
31
|
alignItems: "flex-end",
|
|
32
|
-
paddingBottom: (0,
|
|
32
|
+
paddingBottom: (0, theme_1.dimensionsPxToRem)(24),
|
|
33
33
|
},
|
|
34
34
|
},
|
|
35
35
|
isClosing: {
|
|
@@ -40,7 +40,7 @@ const OverlayStyled = (0, theme_js_1.styled)("div", {
|
|
|
40
40
|
},
|
|
41
41
|
});
|
|
42
42
|
exports.OverlayStyled = OverlayStyled;
|
|
43
|
-
const container = (0,
|
|
43
|
+
const container = (0, theme_1.keyframes)({
|
|
44
44
|
from: {
|
|
45
45
|
transform: "translateY(30px)",
|
|
46
46
|
opacity: 0,
|
|
@@ -50,14 +50,14 @@ const container = (0, theme_js_1.keyframes)({
|
|
|
50
50
|
opacity: 1,
|
|
51
51
|
},
|
|
52
52
|
});
|
|
53
|
-
const RemovePadding = (0,
|
|
53
|
+
const RemovePadding = (0, theme_1.styled)("div", {
|
|
54
54
|
mx: NEGATIVE_PADDING,
|
|
55
55
|
});
|
|
56
56
|
exports.RemovePadding = RemovePadding;
|
|
57
|
-
const ContainerStyled = (0,
|
|
57
|
+
const ContainerStyled = (0, theme_1.styled)("div", {
|
|
58
58
|
background: "$modalBg",
|
|
59
|
-
borderRadius: (0,
|
|
60
|
-
maxWidth: (0,
|
|
59
|
+
borderRadius: (0, theme_1.dimensionsPxToRem)(12),
|
|
60
|
+
maxWidth: (0, theme_1.pxToRem)(333),
|
|
61
61
|
maxHeight: "100%",
|
|
62
62
|
width: "calc(100% - 30px)",
|
|
63
63
|
padding: PADDING,
|
|
@@ -69,7 +69,7 @@ const ContainerStyled = (0, theme_js_1.styled)("div", {
|
|
|
69
69
|
full: {
|
|
70
70
|
true: {
|
|
71
71
|
width: "calc(100vw - 30px)",
|
|
72
|
-
maxWidth: (0,
|
|
72
|
+
maxWidth: (0, theme_1.dimensionsPxToRem)(1000),
|
|
73
73
|
},
|
|
74
74
|
},
|
|
75
75
|
isClosing: {
|
|
@@ -80,11 +80,11 @@ const ContainerStyled = (0, theme_js_1.styled)("div", {
|
|
|
80
80
|
},
|
|
81
81
|
});
|
|
82
82
|
exports.ContainerStyled = ContainerStyled;
|
|
83
|
-
const TitleStyled = (0,
|
|
84
|
-
fontSize: (0,
|
|
83
|
+
const TitleStyled = (0, theme_1.styled)("div", {
|
|
84
|
+
fontSize: (0, theme_1.fontPxToRem)(40),
|
|
85
85
|
textAlign: "center",
|
|
86
86
|
color: "black",
|
|
87
|
-
margin: `${(0,
|
|
87
|
+
margin: `${(0, theme_1.dimensionsPxToRem)(90)} 0`,
|
|
88
88
|
});
|
|
89
89
|
exports.TitleStyled = TitleStyled;
|
|
90
90
|
//# sourceMappingURL=Modal.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA4F;AAE5F,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;AAC5B,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,CAAC,EAAE,CAAC,CAAC;AA+FlC,4CAAgB;AA7FpB,MAAM,OAAO,GAAG,IAAA,iBAAS,EAAC;IACtB,IAAI,EAAE;QACF,UAAU,EAAE,WAAW;KAC1B;IACD,EAAE,EAAE;QACA,UAAU,EAAE,WAAW;KAC1B;CACJ,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAChC,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ;IACxC,iBAAiB,EAAE,UAAU;IAE7B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,MAAM,EAAE;gBACJ,UAAU,EAAE,UAAU;gBACtB,aAAa,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;aACvC;SACJ;QACD,SAAS,EAAE;YACP,IAAI,EAAE;gBACF,kBAAkB,EAAE,SAAS;aAChC;SACJ;KACJ;CACJ,CAAC,CAAC;AAqDC,sCAAa;AAnDjB,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC;IACxB,IAAI,EAAE;QACF,SAAS,EAAE,kBAAkB;QAC7B,OAAO,EAAE,CAAC;KACb;IACD,EAAE,EAAE;QACA,SAAS,EAAE,eAAe;QAC1B,OAAO,EAAE,CAAC;KACb;CACJ,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAChC,EAAE,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAuCC,sCAAa;AArCjB,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAClC,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,IAAA,eAAO,EAAC,GAAG,CAAC;IACtB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC1C,iBAAiB,EAAE,UAAU;IAE7B,QAAQ,EAAE;QAEN,IAAI,EAAE;YACF,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;gBAC3B,QAAQ,EAAE,IAAA,yBAAiB,EAAC,IAAI,CAAC;aACpC;SACJ;QACD,SAAS,EAAE;YACP,IAAI,EAAE;gBACF,kBAAkB,EAAE,SAAS;aAChC;SACJ;KACJ;CACJ,CAAC,CAAC;AAYC,0CAAe;AAVnB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC9B,QAAQ,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IACzB,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,IAAI;CACvC,CAAC,CAAC;AAMC,kCAAW"}
|
|
@@ -17,11 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.ModalButton = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
const
|
|
20
|
+
const index_1 = require("../../../utils/index");
|
|
21
21
|
const ModalButtons_module_scss_1 = __importDefault(require("./ModalButtons.module.scss"));
|
|
22
22
|
const ModalButton = (_a) => {
|
|
23
23
|
var { className, children, variant } = _a, props = __rest(_a, ["className", "children", "variant"]);
|
|
24
|
-
const v = (0,
|
|
24
|
+
const v = (0, index_1.makeVariants)(variant);
|
|
25
25
|
const cls = (0, classnames_1.default)(ModalButtons_module_scss_1.default.button, {
|
|
26
26
|
[ModalButtons_module_scss_1.default.buttonMain]: v.includes("main"),
|
|
27
27
|
}, className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButton.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"ModalButton.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,gDAAoD;AAEpD,0FAAgD;AAQhD,MAAM,WAAW,GAAoE,CAAC,EAErF,EAAE,EAAE;QAFiF,EAClF,SAAS,EAAE,QAAQ,EAAE,OAAO,OAC/B,EADoC,KAAK,cAD4C,oCAErF,CADyC;IAEtC,MAAM,CAAC,GAAG,IAAA,oBAAY,EAAC,OAAO,CAAC,CAAC;IAEhC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,kCAAM,CAAC,MAAM,EAAE;QAClC,CAAC,kCAAM,CAAC,UAAoB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KACpD,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,0DAAY,KAAK,IAAE,SAAS,EAAE,GAAG,KAAG,QAAQ,CAAU,CAAC;AAClE,CAAC,CAAC;AAEO,kCAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { ModalButtons } from "./ModalButtons.styled
|
|
1
|
+
export { ModalButtons } from "./ModalButtons.styled";
|
|
2
2
|
//# sourceMappingURL=ModalButtons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ModalButtons = void 0;
|
|
4
|
-
var
|
|
5
|
-
Object.defineProperty(exports, "ModalButtons", { enumerable: true, get: function () { return
|
|
4
|
+
var ModalButtons_styled_1 = require("./ModalButtons.styled");
|
|
5
|
+
Object.defineProperty(exports, "ModalButtons", { enumerable: true, get: function () { return ModalButtons_styled_1.ModalButtons; } });
|
|
6
6
|
//# sourceMappingURL=ModalButtons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"ModalButtons.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":";;;AAAA,6DAAqD;AAA5C,mHAAA,YAAY,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ModalButtons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,QAAA,MAAM,OAAO,EAAE,KAkBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -5,20 +5,20 @@ 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 ModalButtons_1 = require("./ModalButtons");
|
|
9
|
+
const Modal_1 = require("./Modal");
|
|
10
10
|
const meta = {
|
|
11
11
|
title: "Components/UI/ModalButtons",
|
|
12
|
-
component:
|
|
12
|
+
component: ModalButtons_1.ModalButtons,
|
|
13
13
|
tags: ["autodocs", "ui"],
|
|
14
14
|
};
|
|
15
15
|
const Primary = {
|
|
16
16
|
args: {},
|
|
17
|
-
render: () => (react_1.default.createElement(
|
|
17
|
+
render: () => (react_1.default.createElement(Modal_1.Modal, { onClose: () => null, isOpen: true, title: "System message" },
|
|
18
18
|
react_1.default.createElement("div", null, "Check out these pretty buttons. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, diam eget aliquam tincidunt, diam nisl ultrices velit, nec aliquet nunc diam eget."),
|
|
19
|
-
react_1.default.createElement(
|
|
20
|
-
react_1.default.createElement(
|
|
21
|
-
react_1.default.createElement(
|
|
19
|
+
react_1.default.createElement(ModalButtons_1.ModalButtons, null,
|
|
20
|
+
react_1.default.createElement(ModalButtons_1.ModalButtons.Button, { onClick: () => null }, "Cancel"),
|
|
21
|
+
react_1.default.createElement(ModalButtons_1.ModalButtons.Button, { variant: "main", onClick: () => null }, "Ok")))),
|
|
22
22
|
};
|
|
23
23
|
exports.Primary = Primary;
|
|
24
24
|
exports.default = meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"ModalButtons.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,iDAA8C;AAC9C,mCAAgC;AAEhC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,2BAAY;IACvB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,8BAAC,aAAK,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB;QAC7D,4OAGM;QACN,8BAAC,2BAAY;YACT,8BAAC,2BAAY,CAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,aAElB;YACtB,8BAAC,2BAAY,CAAC,MAAM,IAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,SAEnC,CACX,CACX,CACX;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
declare const Button: import("@stitches/react/types/styled-component
|
|
1
|
+
declare const Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {
|
|
2
2
|
variant?: "main";
|
|
3
|
-
}, {}, import("@stitches/react/types/css-util
|
|
3
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
4
4
|
colors: {
|
|
5
5
|
background: string;
|
|
6
6
|
mainColor: string;
|
|
@@ -58,7 +58,7 @@ declare const Button: import("@stitches/react/types/styled-component.js").Styled
|
|
|
58
58
|
scrollbarsBg: string;
|
|
59
59
|
tableStripedBg: string;
|
|
60
60
|
};
|
|
61
|
-
}, import("@stitches/react/types/config
|
|
61
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
62
62
|
mx: (value: string | number) => {
|
|
63
63
|
marginLeft: string | number;
|
|
64
64
|
marginRight: string | number;
|
|
@@ -80,7 +80,7 @@ declare const Button: import("@stitches/react/types/styled-component.js").Styled
|
|
|
80
80
|
height: string | number;
|
|
81
81
|
};
|
|
82
82
|
}>>;
|
|
83
|
-
declare const ModalButtons: import("@stitches/react/types/styled-component
|
|
83
|
+
declare const ModalButtons: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
84
84
|
colors: {
|
|
85
85
|
background: string;
|
|
86
86
|
mainColor: string;
|
|
@@ -138,7 +138,7 @@ declare const ModalButtons: import("@stitches/react/types/styled-component.js").
|
|
|
138
138
|
scrollbarsBg: string;
|
|
139
139
|
tableStripedBg: string;
|
|
140
140
|
};
|
|
141
|
-
}, import("@stitches/react/types/config
|
|
141
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
142
142
|
mx: (value: string | number) => {
|
|
143
143
|
marginLeft: string | number;
|
|
144
144
|
marginRight: string | number;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ModalButtons = void 0;
|
|
4
|
-
const
|
|
4
|
+
const theme_1 = require("../../../theme");
|
|
5
5
|
const Modal_styled_1 = require("./Modal.styled");
|
|
6
|
-
const Container = (0,
|
|
6
|
+
const Container = (0, theme_1.styled)("div", {
|
|
7
7
|
display: "flex",
|
|
8
|
-
marginTop: (0,
|
|
8
|
+
marginTop: (0, theme_1.dimensionsPxToRem)(100),
|
|
9
9
|
mx: Modal_styled_1.NEGATIVE_PADDING,
|
|
10
10
|
marginBottom: Modal_styled_1.NEGATIVE_PADDING,
|
|
11
11
|
});
|
|
12
|
-
const Button = (0,
|
|
12
|
+
const Button = (0, theme_1.styled)("button", {
|
|
13
13
|
"border": "none",
|
|
14
14
|
"borderTop": "1px solid $modalButtonBorder",
|
|
15
15
|
"background": "$modalButtonBg",
|
|
16
16
|
"flex": 1,
|
|
17
|
-
"height": (0,
|
|
17
|
+
"height": (0, theme_1.dimensionsPxToRem)(156),
|
|
18
18
|
"fontWeight": 500,
|
|
19
19
|
"display": "flex",
|
|
20
20
|
"alignItems": "center",
|
|
@@ -23,10 +23,10 @@ const Button = (0, theme_js_1.styled)("button", {
|
|
|
23
23
|
borderLeft: "1px solid $modalButtonBorder",
|
|
24
24
|
},
|
|
25
25
|
"&:first-child": {
|
|
26
|
-
borderBottomLeftRadius: (0,
|
|
26
|
+
borderBottomLeftRadius: (0, theme_1.dimensionsPxToRem)(12),
|
|
27
27
|
},
|
|
28
28
|
"&:last-child": {
|
|
29
|
-
borderBottomRightRadius: (0,
|
|
29
|
+
borderBottomRightRadius: (0, theme_1.dimensionsPxToRem)(12),
|
|
30
30
|
},
|
|
31
31
|
"variants": {
|
|
32
32
|
variant: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"ModalButtons.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAE3D,iDAAkD;AAElD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IACjC,EAAE,EAAE,+BAAgB;IACpB,YAAY,EAAE,+BAAgB;CACjC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE;IAC5B,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,8BAA8B;IAC3C,YAAY,EAAE,gBAAgB;IAC9B,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,YAAY,EAAE,GAAG;IACjB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,QAAQ;IACtB,gBAAgB,EAAE,QAAQ;IAE1B,qBAAqB,EAAE;QACnB,UAAU,EAAE,8BAA8B;KAC7C;IAED,eAAe,EAAE;QACb,sBAAsB,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;KAChD;IAED,cAAc,EAAE;QACZ,uBAAuB,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;KACjD;IAED,UAAU,EAAE;QACR,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,KAAK,EAAE,YAAY;aACtB;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,SAEpB,CAAC;AAIE,oCAAY;AAHhB,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC"}
|