@pareto-engineering/design-system 3.0.0-alpha.29 → 4.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.js +25 -63
- package/.storybook/preview.js +26 -9
- package/.storybook/webpackFinal.js +68 -0
- package/babel.config.js +25 -48
- package/dist/cjs/a/AppContext/Context.js +1 -1
- package/dist/cjs/a/AppContext/ContextProvider.js +19 -15
- package/dist/cjs/a/AppContext/index.js +4 -4
- package/dist/cjs/a/AppContext/useTheme.js +7 -7
- package/dist/cjs/a/ContentTree/ContentTree.js +6 -6
- package/dist/cjs/a/ContentTree/common/Tree/Tree.js +12 -12
- package/dist/cjs/a/ContentTree/common/Tree/index.js +1 -1
- package/dist/cjs/a/ContentTree/common/index.js +3 -3
- package/dist/cjs/a/ContentTree/common/useContentTree.js +14 -14
- package/dist/cjs/a/ContentTree/common/useFirstVisibleNode.js +10 -11
- package/dist/cjs/a/ContentTree/index.js +1 -1
- package/dist/cjs/a/ContentTree/styles.scss +20 -20
- package/dist/cjs/a/Conversation/Context.js +1 -1
- package/dist/cjs/a/Conversation/Conversation.js +6 -6
- package/dist/cjs/a/Conversation/common/Message/Message.js +8 -8
- package/dist/cjs/a/Conversation/common/Message/index.js +1 -1
- package/dist/cjs/a/Conversation/common/index.js +1 -1
- package/dist/cjs/a/Conversation/index.js +3 -3
- package/dist/cjs/a/Conversation/styles.scss +1 -0
- package/dist/cjs/a/DotInfo/DotInfo.js +10 -14
- package/dist/cjs/a/DotInfo/index.js +1 -1
- package/dist/cjs/a/Figure/Figure.js +5 -5
- package/dist/cjs/a/Figure/index.js +1 -1
- package/dist/cjs/a/HamburgerButton/HamburgerButton.js +16 -19
- package/dist/cjs/a/HamburgerButton/index.js +1 -1
- package/dist/cjs/a/IconList/IconList.js +18 -25
- package/dist/cjs/a/IconList/common/Item/Item.js +17 -24
- package/dist/cjs/a/IconList/common/Item/index.js +1 -1
- package/dist/cjs/a/IconList/common/index.js +1 -1
- package/dist/cjs/a/IconList/index.js +1 -1
- package/dist/cjs/a/Label/Label.js +6 -6
- package/dist/cjs/a/Label/index.js +1 -1
- package/dist/cjs/a/Label/styles.scss +18 -17
- package/dist/cjs/a/LoadingCircle/LoadingCircle.js +10 -14
- package/dist/cjs/a/LoadingCircle/index.js +1 -1
- package/dist/cjs/a/LoadingCircle/styles.scss +35 -37
- package/dist/cjs/a/People/People.js +8 -12
- package/dist/cjs/a/People/common/Person/Person.js +7 -7
- package/dist/cjs/a/People/common/Person/index.js +1 -1
- package/dist/cjs/a/People/common/index.js +1 -1
- package/dist/cjs/a/People/index.js +1 -1
- package/dist/cjs/a/People/styles.scss +4 -4
- package/dist/cjs/a/Popover/Popover.js +8 -8
- package/dist/cjs/a/Popover/index.js +1 -1
- package/dist/cjs/a/Popover/styles.scss +4 -3
- package/dist/cjs/a/ProgressBar/ProgressBar.js +10 -14
- package/dist/cjs/a/ProgressBar/index.js +1 -1
- package/dist/cjs/a/Quote/Quote.js +6 -6
- package/dist/cjs/a/Quote/index.js +1 -1
- package/dist/cjs/a/Quote/styles.scss +41 -38
- package/dist/cjs/a/SVG/SVG.js +22 -25
- package/dist/cjs/a/SVG/common/UseSVG/UseSVG.js +9 -11
- package/dist/cjs/a/SVG/common/UseSVG/index.js +1 -1
- package/dist/cjs/a/SVG/common/index.js +1 -1
- package/dist/cjs/a/SVG/index.js +1 -1
- package/dist/cjs/a/SnapScroller/SnapScroller.js +5 -5
- package/dist/cjs/a/SnapScroller/index.js +1 -1
- package/dist/cjs/a/SnapScroller/styles.scss +6 -4
- package/dist/cjs/a/Spinner/Spinner.js +6 -6
- package/dist/cjs/a/Spinner/index.js +1 -1
- package/dist/cjs/a/Timestamp/Timestamp.js +11 -11
- package/dist/cjs/a/Timestamp/index.js +1 -1
- package/dist/cjs/a/index.js +20 -27
- package/dist/cjs/b/Button/Button.js +18 -21
- package/dist/cjs/b/Button/index.js +1 -1
- package/dist/cjs/b/Button/styles.scss +2 -2
- package/dist/cjs/b/Logo/Logo.js +12 -12
- package/dist/cjs/b/Logo/index.js +1 -1
- package/dist/cjs/b/Logo/styles.scss +4 -2
- package/dist/cjs/b/Page/Context.js +1 -1
- package/dist/cjs/b/Page/Page.js +15 -18
- package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +41 -45
- package/dist/cjs/b/Page/common/PageHelmet/index.js +1 -1
- package/dist/cjs/b/Page/common/Section/Section.js +13 -16
- package/dist/cjs/b/Page/common/Section/index.js +1 -1
- package/dist/cjs/b/Page/common/index.js +2 -2
- package/dist/cjs/b/Page/index.js +3 -3
- package/dist/cjs/b/Page/styles.scss +7 -6
- package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +20 -24
- package/dist/cjs/b/SocialMediaButton/index.js +1 -1
- package/dist/cjs/b/SocialMediaButton/styles.scss +1 -1
- package/dist/cjs/b/ThemeSelector/ThemeSelector.js +8 -8
- package/dist/cjs/b/ThemeSelector/index.js +1 -1
- package/dist/cjs/b/Title/Title.js +5 -5
- package/dist/cjs/b/Title/index.js +1 -1
- package/dist/cjs/b/index.js +6 -6
- package/dist/cjs/c/ContentSlides/ContentSlides.js +31 -28
- package/dist/cjs/c/ContentSlides/Context.js +1 -1
- package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +8 -8
- package/dist/cjs/c/ContentSlides/common/HorizontalMenu/index.js +1 -1
- package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +7 -7
- package/dist/cjs/c/ContentSlides/common/Navigator/index.js +1 -1
- package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js +5 -5
- package/dist/cjs/c/ContentSlides/common/Sidebar/index.js +1 -1
- package/dist/cjs/c/ContentSlides/common/Slide/Slide.js +6 -6
- package/dist/cjs/c/ContentSlides/common/Slide/index.js +1 -1
- package/dist/cjs/c/ContentSlides/common/index.js +4 -4
- package/dist/cjs/c/ContentSlides/index.js +3 -3
- package/dist/cjs/c/ContentSlides/styles.scss +2 -4
- package/dist/cjs/c/Modal/Modal.js +5 -5
- package/dist/cjs/c/Modal/common/ModalHeader/ModalHeader.js +5 -5
- package/dist/cjs/c/Modal/common/ModalHeader/index.js +1 -1
- package/dist/cjs/c/Modal/common/index.js +1 -1
- package/dist/cjs/c/Modal/index.js +1 -1
- package/dist/cjs/c/Modal/styles.scss +7 -5
- package/dist/cjs/c/Shortener/Shortener.js +9 -9
- package/dist/cjs/c/Shortener/index.js +1 -1
- package/dist/cjs/c/SocialMediaShareButton/SocialMediaShareButton.js +11 -11
- package/dist/cjs/c/SocialMediaShareButton/index.js +1 -1
- package/dist/cjs/c/SocialMediaShareButton/styles.scss +3 -3
- package/dist/cjs/c/index.js +5 -5
- package/dist/cjs/f/FormInput/FormInput.js +13 -16
- package/dist/cjs/f/FormInput/index.js +1 -1
- package/dist/cjs/f/FormInput/styles.scss +4 -4
- package/dist/cjs/f/common/Debugger/Debugger.js +7 -7
- package/dist/cjs/f/common/Debugger/index.js +1 -1
- package/dist/cjs/f/common/Description/Description.js +7 -7
- package/dist/cjs/f/common/Description/index.js +1 -1
- package/dist/cjs/f/common/Label/Label.js +6 -6
- package/dist/cjs/f/common/Label/index.js +1 -1
- package/dist/cjs/f/common/Label/styles.scss +1 -1
- package/dist/cjs/f/common/index.js +3 -3
- package/dist/cjs/f/fields/Checkbox/Checkbox.js +6 -6
- package/dist/cjs/f/fields/Checkbox/index.js +1 -1
- package/dist/cjs/f/fields/Checkbox/styles.scss +9 -8
- package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +11 -15
- package/dist/cjs/f/fields/ChoicesInput/common/Choice/Choice.js +7 -7
- package/dist/cjs/f/fields/ChoicesInput/common/Choice/index.js +1 -1
- package/dist/cjs/f/fields/ChoicesInput/common/index.js +1 -1
- package/dist/cjs/f/fields/ChoicesInput/index.js +1 -1
- package/dist/cjs/f/fields/ChoicesInput/styles.scss +4 -4
- package/dist/cjs/f/fields/QueryChoices/QueryChoices.js +25 -30
- package/dist/cjs/f/fields/QueryChoices/index.js +1 -1
- package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +19 -21
- package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +12 -12
- package/dist/cjs/f/fields/QueryCombobox/common/Combobox/index.js +1 -1
- package/dist/cjs/f/fields/QueryCombobox/common/Menu/Menu.js +14 -17
- package/dist/cjs/f/fields/QueryCombobox/common/Menu/index.js +1 -1
- package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +22 -26
- package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/index.js +1 -1
- package/dist/cjs/f/fields/QueryCombobox/common/index.js +3 -3
- package/dist/cjs/f/fields/QueryCombobox/index.js +1 -1
- package/dist/cjs/f/fields/QueryCombobox/styles.scss +59 -59
- package/dist/cjs/f/fields/QuerySelect/QuerySelect.js +11 -11
- package/dist/cjs/f/fields/QuerySelect/index.js +1 -1
- package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +8 -8
- package/dist/cjs/f/fields/RatingsInput/common/Rating/Rating.js +7 -7
- package/dist/cjs/f/fields/RatingsInput/common/Rating/index.js +1 -1
- package/dist/cjs/f/fields/RatingsInput/common/index.js +1 -1
- package/dist/cjs/f/fields/RatingsInput/index.js +1 -1
- package/dist/cjs/f/fields/RatingsInput/styles.scss +8 -9
- package/dist/cjs/f/fields/SelectInput/SelectInput.js +9 -9
- package/dist/cjs/f/fields/SelectInput/index.js +1 -1
- package/dist/cjs/f/fields/SelectInput/styles.scss +6 -6
- package/dist/cjs/f/fields/TextInput/TextInput.js +7 -7
- package/dist/cjs/f/fields/TextInput/index.js +1 -1
- package/dist/cjs/f/fields/TextInput/styles.scss +4 -4
- package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +7 -7
- package/dist/cjs/f/fields/TextareaInput/index.js +1 -1
- package/dist/cjs/f/fields/TextareaInput/styles.scss +7 -6
- package/dist/cjs/f/fields/index.js +9 -9
- package/dist/cjs/f/index.js +3 -3
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/r/SwitchRouteMap/SwitchRouteMap.js +7 -10
- package/dist/cjs/r/SwitchRouteMap/index.js +1 -1
- package/dist/cjs/r/common/PrivateRoute/PrivateRoute.js +13 -16
- package/dist/cjs/r/common/PrivateRoute/index.js +1 -1
- package/dist/cjs/r/common/index.js +1 -1
- package/dist/cjs/r/index.js +2 -2
- package/dist/cjs/test/QueryLoader/QueryLoader.js +4 -4
- package/dist/cjs/test/QueryLoader/__generated__/QueryLoaderHelloQuery.graphql.js +1 -1
- package/dist/cjs/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +4 -4
- package/dist/cjs/test/QueryLoader/common/PreloadedTestData/index.js +1 -1
- package/dist/cjs/test/QueryLoader/common/index.js +1 -1
- package/dist/cjs/test/QueryLoader/index.js +1 -1
- package/dist/cjs/test/index.js +1 -1
- package/dist/cjs/utils/hooks/index.js +2 -2
- package/dist/cjs/utils/hooks/useDynamicPosition.js +24 -24
- package/dist/cjs/utils/hooks/useWindowSize.js +6 -6
- package/dist/cjs/utils/index.js +2 -2
- package/dist/es/a/AppContext/ContextProvider.js +7 -8
- package/dist/es/a/AppContext/useTheme.js +1 -2
- package/dist/es/a/ContentTree/ContentTree.js +8 -9
- package/dist/es/a/ContentTree/common/Tree/Tree.js +8 -9
- package/dist/es/a/ContentTree/styles.scss +20 -20
- package/dist/es/a/Conversation/Conversation.js +11 -12
- package/dist/es/a/Conversation/common/Message/Message.js +12 -13
- package/dist/es/a/Conversation/styles.scss +1 -0
- package/dist/es/a/DotInfo/DotInfo.js +11 -12
- package/dist/es/a/Figure/Figure.js +8 -9
- package/dist/es/a/HamburgerButton/HamburgerButton.js +10 -11
- package/dist/es/a/IconList/IconList.js +9 -10
- package/dist/es/a/IconList/common/Item/Item.js +17 -20
- package/dist/es/a/Label/Label.js +9 -10
- package/dist/es/a/Label/styles.scss +18 -17
- package/dist/es/a/LoadingCircle/LoadingCircle.js +10 -11
- package/dist/es/a/LoadingCircle/styles.scss +35 -37
- package/dist/es/a/People/People.js +9 -10
- package/dist/es/a/People/common/Person/Person.js +24 -27
- package/dist/es/a/People/styles.scss +4 -4
- package/dist/es/a/Popover/Popover.js +14 -15
- package/dist/es/a/Popover/styles.scss +4 -3
- package/dist/es/a/ProgressBar/ProgressBar.js +10 -11
- package/dist/es/a/Quote/Quote.js +10 -11
- package/dist/es/a/Quote/styles.scss +41 -38
- package/dist/es/a/SVG/SVG.js +17 -18
- package/dist/es/a/SVG/common/UseSVG/UseSVG.js +19 -22
- package/dist/es/a/SnapScroller/SnapScroller.js +8 -9
- package/dist/es/a/SnapScroller/styles.scss +6 -4
- package/dist/es/a/Spinner/Spinner.js +7 -8
- package/dist/es/a/Timestamp/Timestamp.js +14 -15
- package/dist/es/a/index.js +0 -1
- package/dist/es/b/Button/Button.js +13 -14
- package/dist/es/b/Button/styles.scss +2 -2
- package/dist/es/b/Logo/Logo.js +12 -13
- package/dist/es/b/Logo/styles.scss +4 -2
- package/dist/es/b/Page/Page.js +10 -11
- package/dist/es/b/Page/common/PageHelmet/PageHelmet.js +9 -11
- package/dist/es/b/Page/common/Section/Section.js +7 -8
- package/dist/es/b/Page/styles.scss +7 -6
- package/dist/es/b/SocialMediaButton/SocialMediaButton.js +11 -12
- package/dist/es/b/SocialMediaButton/styles.scss +1 -1
- package/dist/es/b/ThemeSelector/ThemeSelector.js +8 -9
- package/dist/es/b/Title/Title.js +27 -30
- package/dist/es/c/ContentSlides/ContentSlides.js +12 -15
- package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -12
- package/dist/es/c/ContentSlides/common/Navigator/Navigator.js +14 -15
- package/dist/es/c/ContentSlides/common/Sidebar/Sidebar.js +8 -9
- package/dist/es/c/ContentSlides/common/Slide/Slide.js +8 -9
- package/dist/es/c/ContentSlides/styles.scss +2 -4
- package/dist/es/c/Modal/Modal.js +10 -11
- package/dist/es/c/Modal/common/ModalHeader/ModalHeader.js +20 -23
- package/dist/es/c/Modal/styles.scss +7 -5
- package/dist/es/c/Shortener/Shortener.js +11 -12
- package/dist/es/c/SocialMediaShareButton/SocialMediaShareButton.js +9 -10
- package/dist/es/c/SocialMediaShareButton/styles.scss +3 -3
- package/dist/es/f/FormInput/FormInput.js +7 -8
- package/dist/es/f/FormInput/styles.scss +4 -4
- package/dist/es/f/common/Debugger/Debugger.js +7 -8
- package/dist/es/f/common/Description/Description.js +9 -10
- package/dist/es/f/common/Label/Label.js +11 -12
- package/dist/es/f/common/Label/styles.scss +1 -1
- package/dist/es/f/fields/Checkbox/Checkbox.js +11 -12
- package/dist/es/f/fields/Checkbox/styles.scss +9 -8
- package/dist/es/f/fields/ChoicesInput/ChoicesInput.js +17 -18
- package/dist/es/f/fields/ChoicesInput/common/Choice/Choice.js +13 -14
- package/dist/es/f/fields/ChoicesInput/styles.scss +4 -4
- package/dist/es/f/fields/QueryChoices/QueryChoices.js +16 -20
- package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +27 -31
- package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +22 -24
- package/dist/es/f/fields/QueryCombobox/common/Menu/Menu.js +22 -25
- package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +24 -26
- package/dist/es/f/fields/QueryCombobox/styles.scss +59 -59
- package/dist/es/f/fields/QuerySelect/QuerySelect.js +24 -28
- package/dist/es/f/fields/RatingsInput/RatingsInput.js +16 -17
- package/dist/es/f/fields/RatingsInput/common/Rating/Rating.js +15 -16
- package/dist/es/f/fields/RatingsInput/styles.scss +8 -9
- package/dist/es/f/fields/SelectInput/SelectInput.js +16 -17
- package/dist/es/f/fields/SelectInput/styles.scss +6 -6
- package/dist/es/f/fields/TextInput/TextInput.js +18 -19
- package/dist/es/f/fields/TextInput/styles.scss +4 -4
- package/dist/es/f/fields/TextareaInput/TextareaInput.js +20 -21
- package/dist/es/f/fields/TextareaInput/styles.scss +7 -6
- package/dist/es/r/SwitchRouteMap/SwitchRouteMap.js +15 -21
- package/dist/es/r/common/PrivateRoute/PrivateRoute.js +6 -7
- package/dist/es/test/QueryLoader/QueryLoader.js +1 -1
- package/dist/es/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +5 -6
- package/dist/es/utils/hooks/useDynamicPosition.js +9 -10
- package/dist/es/utils/hooks/useWindowSize.js +1 -2
- package/jest.config.js +5 -5
- package/package.json +44 -82
- package/src/stories/b/Page.stories.jsx +2 -1
- package/src/stories/original/Button.jsx +55 -0
- package/src/stories/original/Button.stories.js +39 -0
- package/src/stories/original/Header.jsx +64 -0
- package/src/stories/original/Header.stories.js +22 -0
- package/src/stories/original/Introduction.mdx +211 -0
- package/src/stories/original/Page.jsx +76 -0
- package/src/stories/original/Page.stories.js +26 -0
- package/src/stories/original/assets/code-brackets.svg +1 -0
- package/src/stories/original/assets/colors.svg +1 -0
- package/src/stories/original/assets/comments.svg +1 -0
- package/src/stories/original/assets/direction.svg +1 -0
- package/src/stories/original/assets/flow.svg +1 -0
- package/src/stories/original/assets/plugin.svg +1 -0
- package/src/stories/original/assets/repo.svg +1 -0
- package/src/stories/original/assets/stackalt.svg +1 -0
- package/src/stories/original/button.css +30 -0
- package/src/stories/original/header.css +32 -0
- package/src/stories/original/page.css +69 -0
- package/src/ui/a/ContentTree/styles.scss +20 -20
- package/src/ui/a/Conversation/styles.scss +1 -0
- package/src/ui/a/Label/styles.scss +18 -17
- package/src/ui/a/LoadingCircle/styles.scss +35 -37
- package/src/ui/a/People/styles.scss +4 -4
- package/src/ui/a/Popover/styles.scss +4 -3
- package/src/ui/a/Quote/styles.scss +41 -38
- package/src/ui/a/SnapScroller/styles.scss +6 -4
- package/src/ui/a/index.js +0 -1
- package/src/ui/b/Button/styles.scss +2 -2
- package/src/ui/b/Logo/styles.scss +4 -2
- package/src/ui/b/Page/common/PageHelmet/PageHelmet.jsx +1 -1
- package/src/ui/b/Page/styles.scss +7 -6
- package/src/ui/b/SocialMediaButton/styles.scss +1 -1
- package/src/ui/c/ContentSlides/styles.scss +2 -4
- package/src/ui/c/Modal/styles.scss +7 -5
- package/src/ui/c/SocialMediaShareButton/styles.scss +3 -3
- package/src/ui/f/FormInput/styles.scss +4 -4
- package/src/ui/f/common/Label/styles.scss +1 -1
- package/src/ui/f/fields/Checkbox/styles.scss +9 -8
- package/src/ui/f/fields/ChoicesInput/styles.scss +4 -4
- package/src/ui/f/fields/QueryCombobox/styles.scss +59 -59
- package/src/ui/f/fields/RatingsInput/styles.scss +8 -9
- package/src/ui/f/fields/SelectInput/styles.scss +6 -6
- package/src/ui/f/fields/TextInput/styles.scss +4 -4
- package/src/ui/f/fields/TextareaInput/styles.scss +7 -6
- package/src/ui/test/QueryLoader/QueryLoader.jsx +1 -1
- package/{src → tests}/__snapshots__/Storyshots.test.js.snap +687 -301
- package/tests/staticStub.js +1 -0
- package/.storybook/manager-head.html +0 -6
- package/.storybook/preview-head.html +0 -5
- package/README.md +0 -1
- package/build-storybook.log +0 -2978
- package/config/CSSStub.js +0 -1
- package/dist/cjs/a/AnimatedCounter/AnimatedCounter.js +0 -105
- package/dist/cjs/a/AnimatedCounter/index.js +0 -13
- package/dist/cjs/a/AnimatedCounter/styles.scss +0 -16
- package/dist/es/a/AnimatedCounter/AnimatedCounter.js +0 -98
- package/dist/es/a/AnimatedCounter/index.js +0 -2
- package/dist/es/a/AnimatedCounter/styles.scss +0 -16
- package/postcss.config.js +0 -13
- package/relay.config.js +0 -12
- package/src/assets/images/Ellipse1.png +0 -0
- package/src/assets/images/Ellipse2.png +0 -0
- package/src/assets/images/Fundraising.svg +0 -40
- package/src/assets/images/ParetoSupport.svg +0 -190
- package/src/assets/images/ParetoWorld.svg +0 -207
- package/src/assets/images/Vector.png +0 -0
- package/src/assets/images/email-attach.svg +0 -1
- package/src/assets/images/email-delete.svg +0 -1
- package/src/assets/images/favicon.png +0 -0
- package/src/assets/images/onboarding/focus-on-strategic-work.webp +0 -0
- package/src/assets/images/onboarding/launch-project.webp +0 -0
- package/src/assets/images/onboarding/meet-pareto-partner.webp +0 -0
- package/src/assets/images/quality.png +0 -0
- package/src/assets/images/sprite.svg +0 -253
- package/src/assets/images/test +0 -1
- package/src/local.scss +0 -16
- package/src/stories/a/AnimatedCounter.stories.jsx +0 -34
- package/src/ui/a/AnimatedCounter/AnimatedCounter.jsx +0 -118
- package/src/ui/a/AnimatedCounter/index.js +0 -2
- package/src/ui/a/AnimatedCounter/styles.scss +0 -16
- /package/{src → tests}/Storyshots.test.js +0 -0
- /package/{config → tests}/global-setup.js +0 -0
- /package/{config → tests}/test-setup.js +0 -0
|
@@ -7,28 +7,27 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const useFirstVisibleNode = (nodeIds, config) => {
|
|
11
|
+
const [visibleNodeId, setVisibleNodeId] = (0, _react.useState)(null);
|
|
12
|
+
const {
|
|
13
13
|
debounceMs = 25
|
|
14
14
|
} = config || {};
|
|
15
15
|
|
|
16
16
|
// get headlines nodes - Should only be recalculated when the ids change
|
|
17
|
-
|
|
18
|
-
if (
|
|
17
|
+
const nodes = (0, _react.useMemo)(() => {
|
|
18
|
+
if (nodeIds?.length > 0) {
|
|
19
19
|
return Array.from(document.querySelectorAll(nodeIds.join(',')));
|
|
20
20
|
}
|
|
21
21
|
return [];
|
|
22
22
|
}, [nodeIds]);
|
|
23
|
-
|
|
24
|
-
var _visibleNode$node;
|
|
23
|
+
const getVisibleNodeId = (0, _react.useCallback)((0, _debounce.default)(() => {
|
|
25
24
|
// Get the top postion of each headline node relative to the viewport
|
|
26
|
-
|
|
25
|
+
const topOffsets = nodes.map(node => node.getBoundingClientRect().top);
|
|
27
26
|
|
|
28
27
|
// Get the node closer to zero (the top of the viewport)
|
|
29
28
|
// We have the default offset as Infinity so it's always greater that the first node Y position
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
const visibleNode = topOffsets.reduce((prev, currentOffset, currentIndex) => {
|
|
30
|
+
const node = Math.abs(currentOffset - 0) < Math.abs(prev.offset - 0) ? {
|
|
32
31
|
node: nodes[currentIndex],
|
|
33
32
|
offset: currentOffset
|
|
34
33
|
} : prev;
|
|
@@ -39,7 +38,7 @@ var useFirstVisibleNode = (nodeIds, config) => {
|
|
|
39
38
|
});
|
|
40
39
|
|
|
41
40
|
// Set the visible node id
|
|
42
|
-
setVisibleNodeId(
|
|
41
|
+
setVisibleNodeId(`#${visibleNode?.node?.id}`);
|
|
43
42
|
}, debounceMs), [nodes]);
|
|
44
43
|
|
|
45
44
|
// Recalculate the visible node id when the page is scrolled
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
+
|
|
2
3
|
@use "@pareto-engineering/bem";
|
|
3
4
|
|
|
4
5
|
$default-margin: 1em;
|
|
5
6
|
$default-padding: 1em;
|
|
6
7
|
|
|
7
|
-
.#{bem.$base}.content-tree{
|
|
8
|
+
.#{bem.$base}.content-tree {
|
|
9
|
+
ul {
|
|
10
|
+
list-style: none;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.#{bem.$base}.tree {
|
|
14
|
+
padding: 0;
|
|
15
|
+
position: sticky;
|
|
16
|
+
top: 0;
|
|
8
17
|
|
|
9
|
-
|
|
10
|
-
|
|
18
|
+
.#{bem.$modifier-active} {
|
|
19
|
+
color: var(--main2);
|
|
20
|
+
transition: color .2s;
|
|
11
21
|
}
|
|
12
22
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
color: var(--main2);
|
|
20
|
-
transition: color 0.2s;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
li:not(:last-child) {
|
|
24
|
-
margin-bottom: $default-margin;
|
|
25
|
-
ul {
|
|
26
|
-
padding-left: $default-padding;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
23
|
+
li:not(:last-child) {
|
|
24
|
+
margin-bottom: $default-margin;
|
|
25
|
+
|
|
26
|
+
ul {
|
|
27
|
+
padding-left: $default-padding;
|
|
28
|
+
}
|
|
29
29
|
}
|
|
30
|
+
}
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
|
|
33
|
-
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
8
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
9
9
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
10
|
var _default = /*#__PURE__*/React.createContext({});
|
|
11
11
|
exports.default = _default;
|
|
@@ -10,16 +10,16 @@ var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports")
|
|
|
10
10
|
var _common = require("./common");
|
|
11
11
|
var _Context = _interopRequireDefault(require("./Context"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const baseClassName = _exports.default.base;
|
|
16
|
+
const componentClassName = 'conversation';
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
19
|
* This is the component description.
|
|
20
20
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const Conversation = _ref => {
|
|
22
|
+
let {
|
|
23
23
|
id,
|
|
24
24
|
className: userClassName,
|
|
25
25
|
style,
|
|
@@ -40,7 +40,7 @@ var Conversation = _ref => {
|
|
|
40
40
|
}
|
|
41
41
|
}, /*#__PURE__*/React.createElement("div", {
|
|
42
42
|
id: id,
|
|
43
|
-
className: [baseClassName, componentClassName, userClassName, hasTriangle && 'has-triangle',
|
|
43
|
+
className: [baseClassName, componentClassName, userClassName, hasTriangle && 'has-triangle', `y-${backgroundColor}`, 'u1'].filter(e => e).join(' '),
|
|
44
44
|
style: style
|
|
45
45
|
}, children));
|
|
46
46
|
};
|
|
@@ -9,20 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
10
|
var _useConversation = _interopRequireDefault(require("../../useConversation"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
14
|
/* @pareto-engineering/generator-front 1.0.12 */
|
|
15
15
|
|
|
16
16
|
// Local Definitions
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
const baseClassName = _exports.default.base;
|
|
19
|
+
const componentClassName = 'message';
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* This is the component description.
|
|
23
23
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
const Message = _ref => {
|
|
25
|
+
let {
|
|
26
26
|
id,
|
|
27
27
|
className: userClassName,
|
|
28
28
|
style,
|
|
@@ -34,20 +34,20 @@ var Message = _ref => {
|
|
|
34
34
|
attachmentColor
|
|
35
35
|
// ...otherProps
|
|
36
36
|
} = _ref;
|
|
37
|
-
|
|
37
|
+
const {
|
|
38
38
|
ourColor,
|
|
39
39
|
theirColor
|
|
40
40
|
} = (0, _useConversation.default)();
|
|
41
41
|
return /*#__PURE__*/React.createElement("div", {
|
|
42
42
|
id: id,
|
|
43
|
-
className: [baseClassName, componentClassName, userClassName,
|
|
43
|
+
className: [baseClassName, componentClassName, userClassName, `x-${from === 'ours' ? ourColor : theirColor}`, from === 'ours' && 'ours', 'v1'].filter(e => e).join(' '),
|
|
44
44
|
style: style
|
|
45
45
|
}, /*#__PURE__*/React.createElement("div", {
|
|
46
46
|
className: _exports.default.elementContent
|
|
47
47
|
}, /*#__PURE__*/React.createElement("p", {
|
|
48
48
|
className: "sender v25 mb-v s-1"
|
|
49
49
|
}, sender, ":"), /*#__PURE__*/React.createElement("p", null, message), attachment && /*#__PURE__*/React.createElement("div", {
|
|
50
|
-
className:
|
|
50
|
+
className: `attachment y-${attachmentColor}`
|
|
51
51
|
}, /*#__PURE__*/React.createElement("span", {
|
|
52
52
|
className: "f-icons"
|
|
53
53
|
}, attachmentIcon), /*#__PURE__*/React.createElement("p", {
|
|
@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Conversation", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _Conversation.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "ConversationContext", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _Context.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "useConversation", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _useConversation.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
@@ -8,23 +8,18 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
15
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
13
|
// Local Definitions
|
|
19
14
|
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
const baseClassName = _exports.default.base;
|
|
16
|
+
const componentClassName = 'dot-info';
|
|
22
17
|
|
|
23
18
|
/**
|
|
24
19
|
* This is the component description.
|
|
25
20
|
*/
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
const DotInfo = _ref => {
|
|
22
|
+
let {
|
|
28
23
|
id,
|
|
29
24
|
className: userClassName,
|
|
30
25
|
style,
|
|
@@ -40,10 +35,11 @@ var DotInfo = _ref => {
|
|
|
40
35
|
}, []);
|
|
41
36
|
return /*#__PURE__*/React.createElement("div", {
|
|
42
37
|
id: id,
|
|
43
|
-
className: [baseClassName, booleanValue === false &&
|
|
44
|
-
style:
|
|
45
|
-
'--height': height
|
|
46
|
-
|
|
38
|
+
className: [baseClassName, booleanValue === false && `x-${colorFalse}`, booleanValue === true && `x-${colorTrue}`, [null, undefined].includes(booleanValue) && `empty x-${colorEmpty}`, componentClassName, userClassName].filter(e => e).join(' '),
|
|
39
|
+
style: {
|
|
40
|
+
'--height': height,
|
|
41
|
+
...style
|
|
42
|
+
}
|
|
47
43
|
});
|
|
48
44
|
};
|
|
49
45
|
DotInfo.propTypes = {
|
|
@@ -8,18 +8,18 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
13
|
// Local Definitions
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const baseClassName = _exports.default.base;
|
|
16
|
+
const componentClassName = 'photo-card';
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
19
|
* This is the component description.
|
|
20
20
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const Figure = _ref => {
|
|
22
|
+
let {
|
|
23
23
|
id,
|
|
24
24
|
className: userClassName,
|
|
25
25
|
style,
|
|
@@ -7,39 +7,36 @@ exports.default = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
|
-
var _excluded = ["id", "className", "style", "children", "isOpen", "ariaLabel", "color"];
|
|
11
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
11
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
14
|
// Local Definitions
|
|
18
15
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
const baseClassName = _exports.default.base;
|
|
17
|
+
const componentClassName = 'hamburger-button';
|
|
18
|
+
const hamburgerType = 'squeeze'; // docs : https://jonsuh.com/hamburgers/#sass
|
|
22
19
|
|
|
23
20
|
/**
|
|
24
21
|
* This is the component description.
|
|
25
22
|
*/
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
const HamburgerButton = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
id,
|
|
26
|
+
className: userClassName,
|
|
27
|
+
style,
|
|
28
|
+
children,
|
|
29
|
+
isOpen,
|
|
30
|
+
ariaLabel,
|
|
31
|
+
color,
|
|
32
|
+
...otherProps
|
|
33
|
+
} = _ref;
|
|
37
34
|
(0, React.useLayoutEffect)(() => {
|
|
38
35
|
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
39
36
|
}, []);
|
|
40
37
|
return /*#__PURE__*/React.createElement("button", _extends({
|
|
41
38
|
id: id,
|
|
42
|
-
className: [baseClassName, componentClassName, userClassName,
|
|
39
|
+
className: [baseClassName, componentClassName, userClassName, `x-${color}`, 'hamburger', `hamburger--${hamburgerType}`, isOpen && 'is-active'].filter(e => e).join(' '),
|
|
43
40
|
style: style,
|
|
44
41
|
type: "button",
|
|
45
42
|
"aria-label": ariaLabel,
|
|
@@ -8,46 +8,39 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
10
|
var _common = require("./common");
|
|
11
|
-
var _excluded = ["id", "className", "style", "children", "icon", "iconHover"];
|
|
12
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
18
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
19
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
22
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
15
|
// Local Definitions
|
|
24
16
|
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
const baseClassName = _exports.default.base;
|
|
18
|
+
const componentClassName = 'icon-list';
|
|
27
19
|
|
|
28
20
|
/**
|
|
29
21
|
* This is the component description.
|
|
30
22
|
*/
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
const IconList = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
id,
|
|
26
|
+
className: userClassName,
|
|
27
|
+
style,
|
|
28
|
+
children,
|
|
29
|
+
icon,
|
|
30
|
+
iconHover,
|
|
31
|
+
...otherProps
|
|
32
|
+
} = _ref;
|
|
41
33
|
(0, React.useLayoutEffect)(() => {
|
|
42
34
|
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
43
35
|
}, []);
|
|
44
36
|
return /*#__PURE__*/React.createElement("ul", _extends({
|
|
45
37
|
id: id,
|
|
46
38
|
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
47
|
-
style:
|
|
48
|
-
|
|
49
|
-
'--list-icon
|
|
50
|
-
|
|
39
|
+
style: {
|
|
40
|
+
...style,
|
|
41
|
+
'--list-icon': icon && `"${icon}"`,
|
|
42
|
+
'--list-icon-hover': iconHover && `"${iconHover}"`
|
|
43
|
+
}
|
|
51
44
|
}, otherProps), children);
|
|
52
45
|
};
|
|
53
46
|
IconList.propTypes = {
|
|
@@ -7,42 +7,35 @@ exports.default = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
|
-
var _excluded = ["id", "className", "style", "children", "icon", "iconHover"];
|
|
11
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
18
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
19
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
20
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
22
14
|
// Local Definitions
|
|
23
15
|
|
|
24
|
-
|
|
16
|
+
const componentClassName = _exports.default.elementItem;
|
|
25
17
|
|
|
26
18
|
/**
|
|
27
19
|
* This is the component description.
|
|
28
20
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
21
|
+
const Item = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
id,
|
|
24
|
+
className: userClassName,
|
|
25
|
+
style,
|
|
26
|
+
children,
|
|
27
|
+
icon,
|
|
28
|
+
iconHover,
|
|
29
|
+
...otherProps
|
|
30
|
+
} = _ref;
|
|
39
31
|
return /*#__PURE__*/React.createElement("li", _extends({
|
|
40
32
|
id: id,
|
|
41
33
|
className: [componentClassName, userClassName].filter(e => e).join(' '),
|
|
42
|
-
style:
|
|
43
|
-
|
|
44
|
-
'--list-icon
|
|
45
|
-
|
|
34
|
+
style: {
|
|
35
|
+
...style,
|
|
36
|
+
'--list-icon': icon && `"${icon}"`,
|
|
37
|
+
'--list-icon-hover': iconHover && `"${iconHover}"`
|
|
38
|
+
}
|
|
46
39
|
}, otherProps), children);
|
|
47
40
|
};
|
|
48
41
|
Item.propTypes = {
|
|
@@ -8,18 +8,18 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
13
|
// Local Definitions
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const baseClassName = _exports.default.base;
|
|
16
|
+
const componentClassName = 'label';
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
19
|
* This is the component description.
|
|
20
20
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const Label = _ref => {
|
|
22
|
+
let {
|
|
23
23
|
id,
|
|
24
24
|
className: userClassName,
|
|
25
25
|
style,
|
|
@@ -33,7 +33,7 @@ var Label = _ref => {
|
|
|
33
33
|
}, []);
|
|
34
34
|
return /*#__PURE__*/React.createElement("div", {
|
|
35
35
|
id: id,
|
|
36
|
-
className: [baseClassName, componentClassName, userClassName,
|
|
36
|
+
className: [baseClassName, componentClassName, userClassName, `x-${color}`, isCompact && _exports.default.modifierCompact, isGhost && _exports.default.modifierGhost].filter(e => e).join(' '),
|
|
37
37
|
style: style
|
|
38
38
|
}, children);
|
|
39
39
|
};
|