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
|
@@ -16,15 +16,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.ICON = exports.Icon = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
19
|
+
const Checkmark_1 = require("./Checkmark");
|
|
20
|
+
const Back_1 = require("./Back");
|
|
21
|
+
const Forward_1 = require("./Forward");
|
|
22
|
+
const Search_1 = require("./Search");
|
|
23
|
+
const Battery_1 = require("./Battery");
|
|
24
|
+
const Heart_1 = require("./Heart");
|
|
25
|
+
const Trash_1 = require("./Trash");
|
|
26
|
+
const Config_1 = require("./Config");
|
|
27
|
+
const Dots_1 = require("./Dots");
|
|
28
28
|
var ICON;
|
|
29
29
|
(function (ICON) {
|
|
30
30
|
ICON["checkmark"] = "checkmark";
|
|
@@ -38,15 +38,15 @@ var ICON;
|
|
|
38
38
|
ICON["dots"] = "dots";
|
|
39
39
|
})(ICON || (exports.ICON = ICON = {}));
|
|
40
40
|
const iconsMap = new Map([
|
|
41
|
-
[ICON.checkmark,
|
|
42
|
-
[ICON.back,
|
|
43
|
-
[ICON.forward,
|
|
44
|
-
[ICON.search,
|
|
45
|
-
[ICON.battery,
|
|
46
|
-
[ICON.heart,
|
|
47
|
-
[ICON.trash,
|
|
48
|
-
[ICON.config,
|
|
49
|
-
[ICON.dots,
|
|
41
|
+
[ICON.checkmark, Checkmark_1.Checkmark],
|
|
42
|
+
[ICON.back, Back_1.Back],
|
|
43
|
+
[ICON.forward, Forward_1.Forward],
|
|
44
|
+
[ICON.search, Search_1.Search],
|
|
45
|
+
[ICON.battery, Battery_1.Battery],
|
|
46
|
+
[ICON.heart, Heart_1.Heart],
|
|
47
|
+
[ICON.trash, Trash_1.Trash],
|
|
48
|
+
[ICON.config, Config_1.Config],
|
|
49
|
+
[ICON.dots, Dots_1.Dots],
|
|
50
50
|
]);
|
|
51
51
|
const Icon = (_a) => {
|
|
52
52
|
var { name: iconName } = _a, props = __rest(_a, ["name"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,2CAAwC;AACxC,iCAA8B;AAC9B,uCAAoC;AACpC,qCAAkC;AAClC,uCAAoC;AACpC,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,iCAA8B;AAE9B,IAAK,IAUJ;AAVD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,yBAAiB,CAAA;IACjB,qBAAa,CAAA;AACjB,CAAC,EAVI,IAAI,oBAAJ,IAAI,QAUR;AAOD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAA6C;IACjE,CAAC,IAAI,CAAC,SAAS,EAAE,qBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,MAAM,EAAE,eAAM,CAAC;IACrB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAO,CAAC;IACvB,CAAC,IAAI,CAAC,KAAK,EAAE,aAAK,CAAC;IACnB,CAAC,IAAI,CAAC,KAAK,EAAE,aAAK,CAAC;IACnB,CAAC,IAAI,CAAC,MAAM,EAAE,eAAM,CAAC;IACrB,CAAC,IAAI,CAAC,IAAI,EAAE,WAAI,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAoB,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,IAAI,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1B,QAA4B,CAAF;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE;QACJ,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;KACpD;IACD,OAAO,8BAAC,CAAC,oBAAK,KAAK,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEO,oBAAI"}
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Card = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const
|
|
9
|
+
const makeVariants_1 = require("../../../utils/makeVariants");
|
|
10
10
|
const Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
|
|
11
11
|
const Card = (props) => {
|
|
12
|
-
const v = (0,
|
|
12
|
+
const v = (0, makeVariants_1.makeVariants)(props.variant);
|
|
13
13
|
const cls = (0, classnames_1.default)(props.className, Card_module_scss_1.default.card, {
|
|
14
14
|
[Card_module_scss_1.default.margin]: v.includes("margin"),
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,8DAA2D;AAE3D,0EAAwC;AAUxC,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,CAAC,GAAG,IAAA,2BAAY,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,0BAAM,CAAC,IAAI,EAAE;QACjD,CAAC,0BAAM,CAAC,MAAgB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;KAClD,CAAC,CAAC;IAIH,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC9C,CAAC;AACN,CAAC,CAAC;AAEO,oBAAI"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Header = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const
|
|
10
|
-
const
|
|
9
|
+
const Action_1 = require("../../ui/action/Action");
|
|
10
|
+
const EqualActions_1 = require("../../ui/action/EqualActions");
|
|
11
11
|
const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
|
|
12
12
|
const Header = (props) => {
|
|
13
13
|
const { center, children, variant, position = "top" } = props;
|
|
14
14
|
const chld = react_1.default.Children.toArray(props.children);
|
|
15
15
|
const justActions = chld.every(c => {
|
|
16
|
-
return c && typeof c === "object" && "type" in c && c.type ===
|
|
16
|
+
return c && typeof c === "object" && "type" in c && c.type === Action_1.Action;
|
|
17
17
|
});
|
|
18
18
|
const cls = (0, classnames_1.default)(Header_module_scss_1.default.header, {
|
|
19
19
|
[Header_module_scss_1.default["header--center"]]: center,
|
|
@@ -23,7 +23,7 @@ const Header = (props) => {
|
|
|
23
23
|
let contents = children;
|
|
24
24
|
if (justActions) {
|
|
25
25
|
const mode = position === "top" || position === "bottom" ? "horizontal" : "vertical";
|
|
26
|
-
contents = react_1.default.createElement(
|
|
26
|
+
contents = react_1.default.createElement(EqualActions_1.EqualActions, { className: Header_module_scss_1.default.actions, mode: mode }, contents);
|
|
27
27
|
}
|
|
28
28
|
let before;
|
|
29
29
|
if (props.before != null) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,4DAAoC;AAEpC,mDAAgD;AAChD,+DAA4D;AAE5D,8EAA0C;AAgB1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9D,MAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QAC/B,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,eAAM,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,4BAAM,CAAC,MAAM,EAAE;QAClC,CAAC,4BAAM,CAAC,gBAAgB,CAAW,CAAC,EAAE,MAAM;QAC5C,CAAC,4BAAM,CAAC,iBAAiB,CAAW,CAAC,EAAE,OAAO,KAAK,SAAS;QAC5D,CAAC,4BAAM,CAAC,iBAAiB,CAAW,CAAC,EAAE,OAAO,KAAK,SAAS;KAC/D,EAAE,4BAAM,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnD,IAAI,QAAQ,GAAG,QAAQ,CAAC;IACxB,IAAI,WAAW,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;QACrF,QAAQ,GAAG,8BAAC,2BAAY,IAAC,SAAS,EAAE,4BAAM,CAAC,OAAiB,EAAE,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAgB,CAAC;KACvG;IAED,IAAI,MAAiB,CAAC;IACtB,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,EAAE;QACtB,MAAM,GAAG,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAO,CAAC;KAChE;IAED,IAAI,KAAgB,CAAC;IACrB,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;QACrB,KAAK,GAAG,uCAAK,SAAS,EAAE,4BAAM,CAAC,KAAK,IAAG,KAAK,CAAC,KAAK,CAAO,CAAC;KAC7D;IAED,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG;QACd,MAAM;QACP,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ,IAC1B,QAAQ,CACP;QACL,KAAK,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
|
|
@@ -17,13 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.HeaderIconAction = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
const
|
|
20
|
+
const Icon_1 = require("../../icons/Icon");
|
|
21
21
|
const HeaderIconAction_module_scss_1 = __importDefault(require("./HeaderIconAction.module.scss"));
|
|
22
22
|
const HeaderIconAction = (props) => {
|
|
23
23
|
const { icon, label, href, to, Link, className } = props, restProps = __rest(props, ["icon", "label", "href", "to", "Link", "className"]);
|
|
24
24
|
let content = icon;
|
|
25
25
|
if (typeof icon === "string") {
|
|
26
|
-
content = react_1.default.createElement(
|
|
26
|
+
content = react_1.default.createElement(Icon_1.Icon, { className: HeaderIconAction_module_scss_1.default.icon, name: icon });
|
|
27
27
|
}
|
|
28
28
|
if (to) {
|
|
29
29
|
if (!Link) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderIconAction.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,4DAAoC;AAIpC,
|
|
1
|
+
{"version":3,"file":"HeaderIconAction.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,4DAAoC;AAIpC,2CAAwC;AAExC,kGAAoD;AAiBpD,MAAM,gBAAgB,GAAoB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAhE,oDAAwD,CAAQ,CAAC;IAEvE,IAAI,OAAO,GAAc,IAAI,CAAC;IAC9B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC1B,OAAO,GAAG,8BAAC,WAAI,IAAC,SAAS,EAAE,sCAAM,CAAC,IAAc,EAAE,IAAI,EAAE,IAAY,GAAI,CAAC;KAC5E;IAED,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,sCAAM,CAAC,CAAC,CAAC,CAAC;QACnD,OAAO,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS;YAAE,qCAAG,SAAS,EAAE,IAAI,IAAG,OAAO,CAAK,CAAO,CAAC;KAClF;IAED,IAAI,IAAI,EAAE;QACN,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,sCAAM,CAAC,CAAC,CAAC,CAAC;QACnD,OAAO,mDAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,IAAM,SAAS,GAAG,OAAO,CAAK,CAAC;KACvE;IAED,MAAM,MAAM,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,sCAAM,CAAC,GAAG,CAAC,CAAC;IACvD,OAAO,CACH,0CAAQ,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAC5C,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,4CAAgB"}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.StickyHeader = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const
|
|
9
|
+
const Header_1 = require("./Header");
|
|
10
10
|
const StickyHeader_module_scss_1 = __importDefault(require("./StickyHeader.module.scss"));
|
|
11
11
|
const err = new TypeError("StickyHeader needs two children - Header and StickyHeader.Content");
|
|
12
12
|
const StickyHeader = (props) => {
|
|
@@ -15,7 +15,7 @@ const StickyHeader = (props) => {
|
|
|
15
15
|
if (children.length !== 2) {
|
|
16
16
|
throw err;
|
|
17
17
|
}
|
|
18
|
-
let header = children.find(c => typeof c === "object" && "type" in c && c.type ===
|
|
18
|
+
let header = children.find(c => typeof c === "object" && "type" in c && c.type === Header_1.Header), content = children.find(c => typeof c === "object" && "type" in c && c.type === StickyHeader.Content);
|
|
19
19
|
if (!header || !content) {
|
|
20
20
|
throw err;
|
|
21
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyHeader.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"StickyHeader.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,qCAAkC;AAElC,0FAAgD;AAEhD,MAAM,GAAG,GAAG,IAAI,SAAS,CAAC,mEAAmE,CAAC,CAAC;AAkB/F,MAAM,YAAY,GAA8B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;IAEzC,MAAM,QAAQ,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAGxD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,MAAM,GAAG,CAAC;KACb;IAED,IAAI,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,eAAM,CAAC,EACtF,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC;IAE1G,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACrB,MAAM,GAAG,CAAC;KACb;IAED,MAAM,GAAG,MAAe,CAAC;IACzB,OAAO,GAAG,OAAgB,CAAC;IAE3B,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,kCAAM,CAAC,YAAY,EAAE,kCAAM,CAAC,iBAAiB,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,UAAU,GAAG,IAAA,oBAAU,EACzB,kCAAM,CAAC,qBAAqB,EAC5B,kCAAM,CAAC,0BAA0B,QAAQ,EAAE,CAAC,EAC3C,OAAmC,CAAC,KAAK,CAAC,SAAS,CACvD,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG;QACd,eAAK,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC;QACzC,uCAAK,SAAS,EAAE,UAAU,IACrB,OAAO,CACN,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAMO,oCAAY;AAJrB,YAAY,CAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpC,OAAO,8DAAG,QAAQ,CAAI,CAAC;AAC3B,CAAC,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { VariantProps } from "@stitches/react";
|
|
3
|
-
declare const StyledHeader: import("@stitches/react/types/styled-component
|
|
3
|
+
declare const StyledHeader: import("@stitches/react/types/styled-component").StyledComponent<React.FC<Omit<Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>> & {
|
|
4
4
|
ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
|
|
5
|
-
}, "inset" | "css" | "selected"> & import("@stitches/react/types/styled-component
|
|
5
|
+
}, "inset" | "css" | "selected"> & import("@stitches/react/types/styled-component").TransformProps<{
|
|
6
6
|
inset?: boolean | "true";
|
|
7
7
|
selected?: boolean | "true";
|
|
8
8
|
}, {}> & {
|
|
9
|
-
css?: import("@stitches/react/types/css-util
|
|
9
|
+
css?: import("@stitches/react/types/css-util").CSS<{}, {
|
|
10
10
|
colors: {
|
|
11
11
|
background: string;
|
|
12
12
|
mainColor: string;
|
|
@@ -64,7 +64,7 @@ declare const StyledHeader: import("@stitches/react/types/styled-component.js").
|
|
|
64
64
|
scrollbarsBg: string;
|
|
65
65
|
tableStripedBg: string;
|
|
66
66
|
};
|
|
67
|
-
}, import("@stitches/react/types/config
|
|
67
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
68
68
|
mx: (value: string | number) => {
|
|
69
69
|
marginLeft: string | number;
|
|
70
70
|
marginRight: string | number;
|
|
@@ -86,9 +86,9 @@ declare const StyledHeader: import("@stitches/react/types/styled-component.js").
|
|
|
86
86
|
height: string | number;
|
|
87
87
|
};
|
|
88
88
|
}>;
|
|
89
|
-
} & import("./Item
|
|
89
|
+
} & import("./Item").ItemProps> & import("./Item").ItemSubComponents, {
|
|
90
90
|
inset?: boolean | "true";
|
|
91
|
-
}, {}, import("@stitches/react/types/css-util
|
|
91
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
92
92
|
colors: {
|
|
93
93
|
background: string;
|
|
94
94
|
mainColor: string;
|
|
@@ -146,7 +146,7 @@ declare const StyledHeader: import("@stitches/react/types/styled-component.js").
|
|
|
146
146
|
scrollbarsBg: string;
|
|
147
147
|
tableStripedBg: string;
|
|
148
148
|
};
|
|
149
|
-
}, import("@stitches/react/types/config
|
|
149
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
150
150
|
mx: (value: string | number) => {
|
|
151
151
|
marginLeft: string | number;
|
|
152
152
|
marginRight: string | number;
|
|
@@ -16,18 +16,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.Header = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const StyledContent = (0,
|
|
19
|
+
const theme_1 = require("../../../theme");
|
|
20
|
+
const Item_1 = require("./Item");
|
|
21
|
+
const StyledContent = (0, theme_1.styled)("div", {
|
|
22
22
|
flex: 1,
|
|
23
23
|
});
|
|
24
|
-
const StyledHeader = (0,
|
|
25
|
-
paddingTop: (0,
|
|
26
|
-
paddingBottom: (0,
|
|
27
|
-
fontSize: (0,
|
|
24
|
+
const StyledHeader = (0, theme_1.styled)(Item_1.Item, {
|
|
25
|
+
paddingTop: (0, theme_1.dimensionsPxToRem)(80),
|
|
26
|
+
paddingBottom: (0, theme_1.dimensionsPxToRem)(40),
|
|
27
|
+
fontSize: (0, theme_1.fontPxToRem)(26),
|
|
28
28
|
color: "$sub",
|
|
29
29
|
textTransform: "uppercase",
|
|
30
|
-
[`& ${
|
|
30
|
+
[`& ${Item_1.ItemInnerContainerClassName}`]: {
|
|
31
31
|
minHeight: 0,
|
|
32
32
|
},
|
|
33
33
|
variants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,0CAAwE;AAExE,iCAA2D;AAE3D,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAChC,IAAI,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,WAAI,EAAE;IAE9B,UAAU,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAEjC,aAAa,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAEpC,QAAQ,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,WAAW;IAE1B,CAAC,KAAK,kCAA2B,EAAE,CAAC,EAAE;QAClC,SAAS,EAAE,CAAC;KACf;IAED,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE;gBACF,WAAW,EAAE,CAAC;gBACd,YAAY,EAAE,CAAC;aAClB;SACJ;KACJ;CACJ,CAAC,CAAC;AASH,MAAM,MAAM,GAA6D,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,cAAd,MAAgB,CAAF;IACpF,OAAO,CACH,8BAAC,YAAY,oBAAK,KAAK;QACnB,8BAAC,aAAa,oBAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiB,CACnE,CAClB,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAkBd,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 Header_1 = require("./Header");
|
|
9
|
+
const List_1 = require("./List");
|
|
10
10
|
const meta = {
|
|
11
11
|
title: "Components/Layout/List/Header",
|
|
12
|
-
component:
|
|
12
|
+
component: Header_1.Header,
|
|
13
13
|
tags: ["autodocs", "layout"],
|
|
14
14
|
};
|
|
15
15
|
const Primary = {
|
|
@@ -17,15 +17,15 @@ const Primary = {
|
|
|
17
17
|
children: "Section name",
|
|
18
18
|
},
|
|
19
19
|
render: (args) => {
|
|
20
|
-
return (react_1.default.createElement(
|
|
21
|
-
react_1.default.createElement(
|
|
22
|
-
react_1.default.createElement(
|
|
23
|
-
react_1.default.createElement(
|
|
24
|
-
react_1.default.createElement(
|
|
25
|
-
react_1.default.createElement(
|
|
26
|
-
react_1.default.createElement(
|
|
27
|
-
react_1.default.createElement(
|
|
28
|
-
react_1.default.createElement(
|
|
20
|
+
return (react_1.default.createElement(List_1.List, null,
|
|
21
|
+
react_1.default.createElement(Header_1.Header, Object.assign({}, args)),
|
|
22
|
+
react_1.default.createElement(List_1.List.Item, null, "Item 1"),
|
|
23
|
+
react_1.default.createElement(List_1.List.Item, null, "Item 2"),
|
|
24
|
+
react_1.default.createElement(List_1.List.Item, null, "Item 3"),
|
|
25
|
+
react_1.default.createElement(Header_1.Header, Object.assign({}, args)),
|
|
26
|
+
react_1.default.createElement(List_1.List.Item, null, "Item 1"),
|
|
27
|
+
react_1.default.createElement(List_1.List.Item, null, "Item 2"),
|
|
28
|
+
react_1.default.createElement(List_1.List.Item, null, "Item 3")));
|
|
29
29
|
},
|
|
30
30
|
};
|
|
31
31
|
exports.Primary = Primary;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAClC,iCAA8B;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;CAC/B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;KAC3B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,eAAM,oBAAK,IAAI,EAAI;YACpB,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,eAAM,oBAAK,IAAI,EAAI;YACpB,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB;YAC7B,8BAAC,WAAI,CAAC,IAAI,iBAAmB,CAC1B,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Value } from "./Value
|
|
3
|
-
import { Label } from "./Label
|
|
2
|
+
import { Value } from "./Value";
|
|
3
|
+
import { Label } from "./Label";
|
|
4
4
|
interface LinkProps {
|
|
5
5
|
href: string;
|
|
6
6
|
children: React.ReactNode;
|
|
@@ -17,10 +17,10 @@ interface SubComponents {
|
|
|
17
17
|
Value: typeof Value;
|
|
18
18
|
}
|
|
19
19
|
declare const ItemInnerContainerClassName: string;
|
|
20
|
-
declare const StyledItem: import("@stitches/react/types/styled-component
|
|
20
|
+
declare const StyledItem: import("@stitches/react/types/styled-component").StyledComponent<"li", {
|
|
21
21
|
inset?: boolean | "true";
|
|
22
22
|
selected?: boolean | "true";
|
|
23
|
-
}, {}, import("@stitches/react/types/css-util
|
|
23
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
24
24
|
colors: {
|
|
25
25
|
background: string;
|
|
26
26
|
mainColor: string;
|
|
@@ -78,7 +78,7 @@ declare const StyledItem: import("@stitches/react/types/styled-component.js").St
|
|
|
78
78
|
scrollbarsBg: string;
|
|
79
79
|
tableStripedBg: string;
|
|
80
80
|
};
|
|
81
|
-
}, import("@stitches/react/types/config
|
|
81
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
82
82
|
mx: (value: string | number) => {
|
|
83
83
|
marginLeft: string | number;
|
|
84
84
|
marginRight: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AA+BD,QAAA,MAAM,2BAA2B,QAAkC,CAAC;AAEpE,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCd,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAuB/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,aAiD/C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;AAE7C,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}
|
|
@@ -16,22 +16,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.ItemInnerContainerClassName = exports.Item = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
19
|
+
const Icon_1 = require("../../icons/Icon");
|
|
20
|
+
const theme_1 = require("../../../theme");
|
|
21
|
+
const Value_1 = require("./Value");
|
|
22
|
+
const Label_1 = require("./Label");
|
|
23
23
|
const iconStyles = {
|
|
24
|
-
width: (0,
|
|
25
|
-
marginRight: (0,
|
|
24
|
+
width: (0, theme_1.pxToRem)(7),
|
|
25
|
+
marginRight: (0, theme_1.pxToRem)(10),
|
|
26
26
|
display: "inline-block",
|
|
27
27
|
};
|
|
28
|
-
const StyledIcon = (0,
|
|
29
|
-
const StyledNoIcon = (0,
|
|
30
|
-
const icon = react_1.default.createElement(StyledIcon, { name:
|
|
28
|
+
const StyledIcon = (0, theme_1.styled)(Icon_1.Icon, iconStyles);
|
|
29
|
+
const StyledNoIcon = (0, theme_1.styled)("span", iconStyles);
|
|
30
|
+
const icon = react_1.default.createElement(StyledIcon, { name: Icon_1.ICON.forward });
|
|
31
31
|
const noIcon = react_1.default.createElement(StyledNoIcon, null);
|
|
32
|
-
const StyledInnerContainer = (0,
|
|
32
|
+
const StyledInnerContainer = (0, theme_1.styled)("div", {
|
|
33
33
|
display: "flex",
|
|
34
|
-
minHeight: (0,
|
|
34
|
+
minHeight: (0, theme_1.dimensionsPxToRem)(174),
|
|
35
35
|
alignItems: "center",
|
|
36
36
|
gap: "1rem",
|
|
37
37
|
border: "none",
|
|
@@ -43,11 +43,11 @@ const StyledInnerContainer = (0, theme_js_1.styled)("div", {
|
|
|
43
43
|
});
|
|
44
44
|
const ItemInnerContainerClassName = StyledInnerContainer.toString();
|
|
45
45
|
exports.ItemInnerContainerClassName = ItemInnerContainerClassName;
|
|
46
|
-
const StyledItem = (0,
|
|
46
|
+
const StyledItem = (0, theme_1.styled)("li", {
|
|
47
47
|
"listStyleType": "none",
|
|
48
48
|
"margin": 0,
|
|
49
49
|
"padding": 0,
|
|
50
|
-
"fontSize": (0,
|
|
50
|
+
"fontSize": (0, theme_1.fontPxToRem)(34),
|
|
51
51
|
"&:not(:first-child)": {
|
|
52
52
|
borderTop: "0.37px solid $headerBorder",
|
|
53
53
|
},
|
|
@@ -59,8 +59,8 @@ const StyledItem = (0, theme_js_1.styled)("li", {
|
|
|
59
59
|
"variants": {
|
|
60
60
|
inset: {
|
|
61
61
|
true: {
|
|
62
|
-
paddingLeft: (0,
|
|
63
|
-
paddingRight: (0,
|
|
62
|
+
paddingLeft: (0, theme_1.dimensionsPxToRem)(37),
|
|
63
|
+
paddingRight: (0, theme_1.dimensionsPxToRem)(37),
|
|
64
64
|
},
|
|
65
65
|
},
|
|
66
66
|
selected: {
|
|
@@ -78,7 +78,7 @@ const Item = (_a) => {
|
|
|
78
78
|
: null;
|
|
79
79
|
const ren = react_1.default.Children.map(props.children, (child, index) => {
|
|
80
80
|
let flex = undefined;
|
|
81
|
-
if (!r.length && child && typeof child === "object" && "type" in child && child.type ===
|
|
81
|
+
if (!r.length && child && typeof child === "object" && "type" in child && child.type === Value_1.Value) {
|
|
82
82
|
return child;
|
|
83
83
|
}
|
|
84
84
|
if (index in r) {
|
|
@@ -108,6 +108,6 @@ const Item = (_a) => {
|
|
|
108
108
|
react_1.default.createElement(StyledInnerContainer, null, ren));
|
|
109
109
|
};
|
|
110
110
|
exports.Item = Item;
|
|
111
|
-
Item.Label =
|
|
112
|
-
Item.Value =
|
|
111
|
+
Item.Label = Label_1.Label;
|
|
112
|
+
Item.Value = Value_1.Value;
|
|
113
113
|
//# sourceMappingURL=Item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Item.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAYhB,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAUd,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,EACT,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.OnClick = exports.Alignment = exports.Primary = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
8
|
+
const NextLink_1 = require("../../../demo/NextLink");
|
|
9
|
+
const Item_1 = require("./Item");
|
|
10
|
+
const List_1 = require("./List");
|
|
11
11
|
const meta = {
|
|
12
12
|
title: "Components/Layout/List/Item",
|
|
13
|
-
component:
|
|
13
|
+
component: Item_1.Item,
|
|
14
14
|
tags: ["autodocs", "layout"],
|
|
15
15
|
argTypes: {
|
|
16
16
|
inset: {
|
|
@@ -25,11 +25,11 @@ const Primary = {
|
|
|
25
25
|
args: {
|
|
26
26
|
children: "I am a list item",
|
|
27
27
|
inset: false,
|
|
28
|
-
Link:
|
|
28
|
+
Link: NextLink_1.NextLink,
|
|
29
29
|
},
|
|
30
30
|
render: (args) => {
|
|
31
|
-
return react_1.default.createElement(
|
|
32
|
-
react_1.default.createElement(
|
|
31
|
+
return react_1.default.createElement(List_1.List, null,
|
|
32
|
+
react_1.default.createElement(Item_1.Item, Object.assign({}, args)));
|
|
33
33
|
},
|
|
34
34
|
};
|
|
35
35
|
exports.Primary = Primary;
|
|
@@ -43,8 +43,8 @@ const Alignment = {
|
|
|
43
43
|
ratio: "1/2/1",
|
|
44
44
|
},
|
|
45
45
|
render: (args) => {
|
|
46
|
-
return react_1.default.createElement(
|
|
47
|
-
react_1.default.createElement(
|
|
46
|
+
return react_1.default.createElement(List_1.List, null,
|
|
47
|
+
react_1.default.createElement(Item_1.Item, Object.assign({}, args)));
|
|
48
48
|
},
|
|
49
49
|
};
|
|
50
50
|
exports.Alignment = Alignment;
|
|
@@ -56,8 +56,8 @@ const OnClick = {
|
|
|
56
56
|
},
|
|
57
57
|
},
|
|
58
58
|
render: (args) => {
|
|
59
|
-
return react_1.default.createElement(
|
|
60
|
-
react_1.default.createElement(
|
|
59
|
+
return react_1.default.createElement(List_1.List, null,
|
|
60
|
+
react_1.default.createElement(Item_1.Item, Object.assign({}, args)));
|
|
61
61
|
},
|
|
62
62
|
};
|
|
63
63
|
exports.OnClick = OnClick;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Item.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qDAAkD;AAElD,iCAA8B;AAC9B,iCAA8B;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,WAAI;IACf,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACF,QAAQ,EAAE,MAAM;SACnB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,kBAAkB;QAC5B,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,mBAAQ;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,8BAAC,WAAI;YAAC,8BAAC,WAAI,oBAAK,IAAI,EAAI,CAAO,CAAC;IAC3C,CAAC;CACJ,CAAC;AA6BE,0BAAO;AA3BX,MAAM,SAAS,GAAU;IACrB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,uCAAK,GAAG,EAAE,KAAK,YAAa;YAC5B,uCAAK,GAAG,EAAE,KAAK,UAAW;YAC1B,uCAAK,GAAG,EAAE,KAAK,WAAY;SAC9B;QACD,KAAK,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,8BAAC,WAAI;YAAC,8BAAC,WAAI,oBAAK,IAAI,EAAI,CAAO,CAAC;IAC3C,CAAC;CACJ,CAAC;AAgBE,8BAAS;AAdb,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,wDAAwD;QAClE,OAAO,EAAE,GAAG,EAAE;YACV,KAAK,CAAC,UAAU,CAAC,CAAC;QACtB,CAAC;KACJ;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,8BAAC,WAAI;YAAC,8BAAC,WAAI,oBAAK,IAAI,EAAI,CAAO,CAAC;IAC3C,CAAC;CACJ,CAAC;AAKE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
|
-
declare const StyledLabel: import("@stitches/react/types/styled-component
|
|
3
|
+
declare const StyledLabel: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
4
4
|
colors: {
|
|
5
5
|
background: string;
|
|
6
6
|
mainColor: string;
|
|
@@ -58,7 +58,7 @@ declare const StyledLabel: import("@stitches/react/types/styled-component.js").S
|
|
|
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;
|
|
@@ -16,14 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.Label = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
20
|
-
const SubLabel = (0,
|
|
21
|
-
fontSize: (0,
|
|
19
|
+
const theme_1 = require("../../../theme");
|
|
20
|
+
const SubLabel = (0, theme_1.styled)("div", {
|
|
21
|
+
fontSize: (0, theme_1.fontPxToRem)(27),
|
|
22
22
|
color: "$sub",
|
|
23
|
-
marginTop: (0,
|
|
23
|
+
marginTop: (0, theme_1.fontPxToRem)(27 / 3),
|
|
24
24
|
});
|
|
25
|
-
const StyledLabel = (0,
|
|
26
|
-
padding: `${(0,
|
|
25
|
+
const StyledLabel = (0, theme_1.styled)("div", {
|
|
26
|
+
padding: `${(0, theme_1.dimensionsPxToRem)(54)} 0`,
|
|
27
27
|
});
|
|
28
28
|
const Label = (_a) => {
|
|
29
29
|
var { sub } = _a, props = __rest(_a, ["sub"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,0CAAwE;AAExE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAE3B,QAAQ,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM;IAEb,SAAS,EAAE,IAAA,mBAAW,EAAC,EAAE,GAAG,CAAC,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAE9B,OAAO,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,IAAI;CACxC,CAAC,CAAC;AAQH,MAAM,KAAK,GAAqD,CAAC,EAAiB,EAAE,EAAE;QAArB,EAAE,GAAG,OAAY,EAAP,KAAK,cAAf,OAAiB,CAAF;IAC5E,OAAO,CACH,8BAAC,WAAW,oBAAK,KAAK;QAClB,2CAAM,KAAK,CAAC,QAAQ,CAAO;QAC1B,GAAG,IAAI,8BAAC,QAAQ,QAAE,GAAG,CAAY,CACxB,CACjB,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAiBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|