@conveyorhq/arrow-ds 2.0.0-beta.6 → 2.0.0-beta.7
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/package.json +28 -21
- package/public/components/Accordion/Accordion.d.ts +29 -17
- package/public/components/Accordion/Accordion.js +78 -56
- package/public/components/Accordion/context.d.ts +12 -0
- package/public/components/Accordion/context.js +30 -0
- package/public/components/Accordion/index.d.ts +1 -0
- package/public/components/Accordion/index.js +1 -0
- package/public/components/Accordion/types.d.ts +17 -0
- package/public/components/Accordion/types.js +2 -0
- package/public/components/Avatar/Avatar.d.ts +1 -1
- package/public/components/Avatar/AvatarGroup.d.ts +1 -1
- package/public/components/Avatar/AvatarGroup.js +11 -1
- package/public/components/Button/Button.d.ts +3 -2
- package/public/components/Button/Button.js +3 -0
- package/public/components/CloseButton/CloseButton.d.ts +1 -2
- package/public/components/ConveyorLogo/ConveyorLogo.js +1 -1
- package/public/components/Divider/Divider.d.ts +1 -9
- package/public/components/Divider/Divider.js +13 -24
- package/public/components/Drawer/Drawer.js +11 -9
- package/public/components/Flex/Flex.js +3 -4
- package/public/components/Grid/Grid.d.ts +2 -2
- package/public/components/Grid/Grid.js +9 -3
- package/public/components/Icon/Icon.d.ts +14 -0
- package/public/components/Icon/Icon.js +32 -2
- package/public/components/Icon/svg/ArrowToBottom.d.ts +2 -0
- package/public/components/Icon/svg/ArrowToBottom.js +14 -0
- package/public/components/Icon/svg/CommentAltCheck.d.ts +2 -0
- package/public/components/Icon/svg/CommentAltCheck.js +13 -0
- package/public/components/Icon/svg/index.d.ts +2 -0
- package/public/components/Icon/svg/index.js +2 -0
- package/public/components/Input/Input.d.ts +3 -2
- package/public/components/Input/Input.js +7 -6
- package/public/components/Loading/Loading.d.ts +3 -2
- package/public/components/Loading/Loading.js +4 -7
- package/public/components/Markdown/Markdown.d.ts +1 -1
- package/public/components/Markdown/Markdown.js +3 -3
- package/public/components/MarkdownEditor/MarkdownEditor.js +1 -2
- package/public/components/MarkdownEditor/MarkdownHelp.js +4 -7
- package/public/components/MenuRenderer/MenuRenderer.js +7 -4
- package/public/components/Modal/Modal.d.ts +6 -0
- package/public/components/Modal/Modal.js +29 -19
- package/public/components/Modal/context.d.ts +6 -0
- package/public/components/Modal/context.js +15 -0
- package/public/components/Modal/index.d.ts +1 -0
- package/public/components/Modal/index.js +1 -0
- package/public/components/OptionButton/OptionButton.d.ts +28 -1
- package/public/components/OptionButton/OptionButton.js +58 -11
- package/public/components/OptionButton/context.d.ts +11 -0
- package/public/components/OptionButton/context.js +16 -0
- package/public/components/Overlay/Overlay.js +2 -2
- package/public/components/Paragraph/Paragraph.js +3 -7
- package/public/components/Reference/Reference.d.ts +2 -2
- package/public/components/Select/Select.d.ts +1 -0
- package/public/components/Select/Select.js +12 -7
- package/public/components/Snackbar/Snackbar.d.ts +14 -22
- package/public/components/Snackbar/Snackbar.js +28 -85
- package/public/components/Snackbar/SnackbarProvider.d.ts +2 -0
- package/public/components/Snackbar/SnackbarProvider.js +21 -0
- package/public/components/Snackbar/constants.d.ts +2 -0
- package/public/components/Snackbar/constants.js +5 -0
- package/public/components/Snackbar/context.d.ts +4 -0
- package/public/components/Snackbar/context.js +17 -0
- package/public/components/Snackbar/helpers.d.ts +3 -0
- package/public/components/Snackbar/helpers.js +31 -0
- package/public/components/Snackbar/hooks.d.ts +2 -0
- package/public/components/Snackbar/hooks.js +47 -0
- package/public/components/Snackbar/index.d.ts +6 -0
- package/public/components/Snackbar/index.js +6 -0
- package/public/components/Snackbar/types.d.ts +43 -0
- package/public/components/Snackbar/types.js +2 -0
- package/public/components/SpeechBubble/SpeechBubble.d.ts +1 -0
- package/public/components/SpeechBubble/SpeechBubble.js +9 -2
- package/public/components/Table/Table.d.ts +5 -2
- package/public/components/Table/Table.js +11 -4
- package/public/components/Table/TableCell.d.ts +1 -0
- package/public/components/Table/TableCell.js +4 -2
- package/public/components/Table/TableHeaderCell.d.ts +2 -1
- package/public/components/Table/TableHeaderCell.js +24 -7
- package/public/components/Table/index.d.ts +3 -0
- package/public/components/Tag/Tag.d.ts +2 -2
- package/public/components/Toast/Toast.d.ts +3 -3
- package/public/components/Toast/Toast.js +6 -2
- package/public/css/styles.css +2550 -30950
- package/public/css/styles.min.css +1 -1
- package/public/css/styles.min.css.map +1 -1
- package/public/index.d.ts +0 -15
- package/public/index.js +0 -15
- package/public/storybook-components/ComponentHeading.js +3 -5
- package/public/storybook-components/ComponentStatus.d.ts +1 -0
- package/public/storybook-components/ComponentStatus.js +4 -0
- package/public/storybook-components/index.d.ts +1 -1
- package/public/storybook-components/index.js +1 -1
- package/public/style-dictionary/dist/tokens.css +377 -0
- package/public/style-dictionary/dist/tokens.d.ts +427 -0
- package/public/style-dictionary/dist/tokens.js +427 -0
- package/public/style-dictionary/dist/tokens.module.js +427 -0
- package/public/style-dictionary/src/border-radius.js +11 -0
- package/public/style-dictionary/src/border-width.js +10 -0
- package/public/style-dictionary/src/color.js +97 -0
- package/public/style-dictionary/src/font-size.js +15 -0
- package/public/style-dictionary/src/font-weight.js +7 -0
- package/public/style-dictionary/src/height.js +13 -0
- package/public/style-dictionary/src/leading.js +8 -0
- package/public/style-dictionary/src/screen-width.js +8 -0
- package/public/style-dictionary/src/shadow.js +19 -0
- package/public/style-dictionary/src/spacing.js +69 -0
- package/public/style-dictionary/src/tracking.js +7 -0
- package/public/style-dictionary/src/type.js +34 -0
- package/public/style-dictionary/src/width.js +32 -0
- package/public/style-dictionary/src/z-index.js +21 -0
- package/public/style-dictionary/tailwind.config.js +87 -0
- package/public/tokens/box-shadow.d.ts +1 -0
- package/public/tokens/box-shadow.js +1 -0
- package/public/tokens/font-family.js +1 -1
- package/public/tokens/height.d.ts +65 -43
- package/public/tokens/height.js +3 -44
- package/public/tokens/index.d.ts +526 -173
- package/public/tokens/index.js +1 -1
- package/public/tokens/margin.d.ts +129 -47
- package/public/tokens/margin.js +3 -47
- package/public/tokens/padding.d.ts +65 -24
- package/public/tokens/padding.js +2 -24
- package/public/tokens/sizing-scale.d.ts +133 -0
- package/public/tokens/sizing-scale.js +136 -0
- package/public/tokens/width.d.ts +197 -63
- package/public/tokens/width.js +6 -63
- package/public/types/index.d.ts +14 -2
- package/public/types/index.js +2 -4
- package/src/components/Accordion/Accordion.story.mdx +232 -22
- package/src/components/Accordion/Accordion.tsx +228 -117
- package/src/components/Accordion/context.ts +60 -0
- package/src/components/Accordion/index.css +0 -5
- package/src/components/Accordion/index.ts +1 -0
- package/src/components/Accordion/types.ts +55 -0
- package/src/components/Avatar/Avatar.story.mdx +60 -0
- package/src/components/Avatar/AvatarGroup.tsx +11 -9
- package/src/components/Avatar/index.css +8 -0
- package/src/components/Button/Button.story.mdx +116 -1
- package/src/components/Button/Button.tsx +10 -4
- package/src/components/Button/product.css +12 -0
- package/src/components/Card/Card.story.mdx +11 -36
- package/src/components/CloseButton/CloseButton.tsx +1 -1
- package/src/components/ConveyorLogo/ConveyorLogo.tsx +1 -0
- package/src/components/Divider/Divider.tsx +26 -40
- package/src/components/Divider/index.css +16 -0
- package/src/components/Drawer/Drawer.story.mdx +68 -70
- package/src/components/Drawer/Drawer.tsx +10 -9
- package/src/components/Drawer/index.css +26 -1
- package/src/components/Flex/Flex.story.mdx +130 -0
- package/src/components/Flex/Flex.tsx +7 -6
- package/src/components/Flex/index.css +3 -0
- package/src/components/Frame/Frame.story.mdx +7 -2
- package/src/components/Grid/Grid.story.mdx +205 -3
- package/src/components/Grid/Grid.tsx +44 -5
- package/src/components/Grid/index.css +3 -0
- package/src/components/Icon/Icon.tsx +60 -5
- package/src/components/Icon/svg/ArrowToBottom.tsx +17 -0
- package/src/components/Icon/svg/CommentAltCheck.tsx +13 -0
- package/src/components/Icon/svg/index.ts +2 -0
- package/src/components/Input/Input.story.mdx +199 -13
- package/src/components/Input/Input.tsx +39 -6
- package/src/components/Input/brand.css +7 -7
- package/src/components/Input/index.css +30 -0
- package/src/components/Input/product.css +12 -48
- package/src/components/Loading/Loading.story.mdx +16 -9
- package/src/components/Loading/Loading.tsx +17 -8
- package/src/components/Loading/index.css +1 -67
- package/src/components/Markdown/Markdown.story.mdx +67 -0
- package/src/components/Markdown/Markdown.tsx +3 -2
- package/src/components/MarkdownEditor/MarkdownEditor.tsx +2 -3
- package/src/components/MarkdownEditor/MarkdownHelp.tsx +7 -10
- package/src/components/MarkdownEditor/index.css +5 -1
- package/src/components/MenuRenderer/MenuRenderer.tsx +9 -7
- package/src/components/Modal/Modal.story.mdx +26 -0
- package/src/components/Modal/Modal.tsx +60 -42
- package/src/components/Modal/context.ts +20 -0
- package/src/components/Modal/index.ts +1 -0
- package/src/components/OptionButton/OptionButton.story.mdx +119 -20
- package/src/components/OptionButton/OptionButton.tsx +211 -23
- package/src/components/OptionButton/context.ts +22 -0
- package/src/components/OptionButton/index.css +1 -2
- package/src/components/Overlay/Overlay.tsx +2 -3
- package/src/components/Overlay/index.css +1 -0
- package/src/components/Paragraph/Paragraph.story.mdx +16 -2
- package/src/components/Paragraph/Paragraph.tsx +5 -13
- package/src/components/Paragraph/index.css +6 -0
- package/src/components/Popover/index.css +5 -6
- package/src/components/Reference/Reference.tsx +2 -2
- package/src/components/Select/Select.story.mdx +23 -10
- package/src/components/Select/Select.tsx +31 -6
- package/src/components/Snackbar/Snackbar.story.mdx +96 -9
- package/src/components/Snackbar/Snackbar.tsx +56 -145
- package/src/components/Snackbar/SnackbarProvider.tsx +31 -0
- package/src/components/Snackbar/constants.ts +2 -0
- package/src/components/Snackbar/context.ts +20 -0
- package/src/components/Snackbar/helpers.tsx +52 -0
- package/src/components/Snackbar/hooks.ts +57 -0
- package/src/components/Snackbar/index.ts +6 -0
- package/src/components/Snackbar/types.ts +180 -0
- package/src/components/SpeechBubble/SpeechBubble.story.mdx +76 -0
- package/src/components/SpeechBubble/SpeechBubble.tsx +22 -1
- package/src/components/SpeechBubble/index.css +7 -4
- package/src/components/Table/Table.story.mdx +243 -0
- package/src/components/Table/Table.tsx +36 -1
- package/src/components/Table/TableCell.tsx +24 -1
- package/src/components/Table/TableHeaderCell.tsx +64 -11
- package/src/components/Table/index.css +138 -10
- package/src/components/Table/index.ts +3 -0
- package/src/components/Tag/Tag.tsx +2 -2
- package/src/components/Toast/Toast.story.mdx +1 -1
- package/src/components/Toast/Toast.tsx +14 -10
- package/src/components/Toast/index.css +4 -2
- package/src/components/Toggle/index.css +2 -3
- package/src/css/base.css +6 -561
- package/src/css/components.css +4 -9
- package/src/css/fonts.css +13 -10
- package/src/css/styles.css +0 -1
- package/src/css/utilities/animations.css +13 -0
- package/src/docs/Typography.story.mdx +12 -9
- package/src/index.ts +0 -15
- package/src/storybook-components/ComponentHeading.tsx +4 -19
- package/src/storybook-components/ComponentStatus.tsx +4 -0
- package/src/storybook-components/index.tsx +1 -1
- package/src/tokens/box-shadow.ts +1 -0
- package/src/tokens/font-family.ts +1 -1
- package/src/tokens/height.ts +3 -44
- package/src/tokens/index.ts +2 -2
- package/src/tokens/margin.ts +4 -47
- package/src/tokens/padding.ts +3 -24
- package/src/tokens/sizing-scale.ts +134 -0
- package/src/tokens/width.ts +7 -63
- package/src/types/index.ts +34 -5
- package/public/components/Absolute/Absolute.d.ts +0 -2
- package/public/components/Absolute/Absolute.js +0 -14
- package/public/components/Absolute/index.d.ts +0 -1
- package/public/components/Absolute/index.js +0 -5
- package/public/components/Appbar/Appbar.d.ts +0 -40
- package/public/components/Appbar/Appbar.js +0 -29
- package/public/components/Appbar/AppbarLogo.d.ts +0 -2
- package/public/components/Appbar/AppbarLogo.js +0 -19
- package/public/components/Appbar/AppbarTabs.d.ts +0 -10
- package/public/components/Appbar/AppbarTabs.js +0 -42
- package/public/components/Appbar/AppbarUser.d.ts +0 -26
- package/public/components/Appbar/AppbarUser.js +0 -60
- package/public/components/Appbar/config.d.ts +0 -7
- package/public/components/Appbar/config.js +0 -13
- package/public/components/Appbar/index.d.ts +0 -1
- package/public/components/Appbar/index.js +0 -13
- package/public/components/ArrowButton/ArrowButton.d.ts +0 -9
- package/public/components/ArrowButton/ArrowButton.js +0 -22
- package/public/components/ArrowButton/index.d.ts +0 -1
- package/public/components/ArrowButton/index.js +0 -13
- package/public/components/ArrowLink/ArrowLink.d.ts +0 -9
- package/public/components/ArrowLink/ArrowLink.js +0 -21
- package/public/components/ArrowLink/index.d.ts +0 -1
- package/public/components/ArrowLink/index.js +0 -13
- package/public/components/Aside/Aside.d.ts +0 -14
- package/public/components/Aside/Aside.js +0 -28
- package/public/components/Aside/index.d.ts +0 -1
- package/public/components/Aside/index.js +0 -13
- package/public/components/Fixed/Fixed.d.ts +0 -2
- package/public/components/Fixed/Fixed.js +0 -14
- package/public/components/Fixed/Fixed.story.d.ts +0 -1
- package/public/components/Fixed/Fixed.story.js +0 -12
- package/public/components/Fixed/index.d.ts +0 -1
- package/public/components/Fixed/index.js +0 -5
- package/public/components/Flex/Flex.story.d.ts +0 -1
- package/public/components/Flex/Flex.story.js +0 -12
- package/public/components/IntegrationLogo/IntegrationLogo.d.ts +0 -10
- package/public/components/IntegrationLogo/IntegrationLogo.js +0 -33
- package/public/components/IntegrationLogo/IntegrationLogoSvg.d.ts +0 -9
- package/public/components/IntegrationLogo/IntegrationLogoSvg.js +0 -52
- package/public/components/IntegrationLogo/index.d.ts +0 -1
- package/public/components/IntegrationLogo/index.js +0 -13
- package/public/components/IntegrationLogo/svg/addigy.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/addigy.js +0 -17
- package/public/components/IntegrationLogo/svg/aws.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/aws.js +0 -22
- package/public/components/IntegrationLogo/svg/bamboohr.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/bamboohr.js +0 -18
- package/public/components/IntegrationLogo/svg/bitbucket.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/bitbucket.js +0 -18
- package/public/components/IntegrationLogo/svg/conveyor.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/conveyor.js +0 -20
- package/public/components/IntegrationLogo/svg/default.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/default.js +0 -13
- package/public/components/IntegrationLogo/svg/deploy.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/deploy.js +0 -17
- package/public/components/IntegrationLogo/svg/events-api.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/events-api.js +0 -26
- package/public/components/IntegrationLogo/svg/gcp.d.ts +0 -3
- package/public/components/IntegrationLogo/svg/gcp.js +0 -15
- package/public/components/IntegrationLogo/svg/github.d.ts +0 -3
- package/public/components/IntegrationLogo/svg/github.js +0 -12
- package/public/components/IntegrationLogo/svg/gitlab.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/gitlab.js +0 -19
- package/public/components/IntegrationLogo/svg/gsuite.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/gsuite.js +0 -15
- package/public/components/IntegrationLogo/svg/index.d.ts +0 -21
- package/public/components/IntegrationLogo/svg/index.js +0 -54
- package/public/components/IntegrationLogo/svg/jamf.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/jamf.js +0 -20
- package/public/components/IntegrationLogo/svg/jira.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/jira.js +0 -21
- package/public/components/IntegrationLogo/svg/jumpcloud.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/jumpcloud.js +0 -28
- package/public/components/IntegrationLogo/svg/okta.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/okta.js +0 -16
- package/public/components/IntegrationLogo/svg/onelogin.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/onelogin.js +0 -18
- package/public/components/IntegrationLogo/svg/salesforce.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/salesforce.js +0 -20
- package/public/components/IntegrationLogo/svg/slack.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/slack.js +0 -19
- package/public/components/IntegrationLogo/svg/wrapper.d.ts +0 -11
- package/public/components/IntegrationLogo/svg/wrapper.js +0 -13
- package/public/components/IntegrationLogo/svg/zoom.d.ts +0 -2
- package/public/components/IntegrationLogo/svg/zoom.js +0 -23
- package/public/components/Meta/Meta.d.ts +0 -6
- package/public/components/Meta/Meta.js +0 -21
- package/public/components/Meta/Meta.story.d.ts +0 -1
- package/public/components/Meta/Meta.story.js +0 -39
- package/public/components/Meta/index.d.ts +0 -1
- package/public/components/Meta/index.js +0 -5
- package/public/components/PropertyDiff/PropertyDiff.d.ts +0 -7
- package/public/components/PropertyDiff/PropertyDiff.js +0 -22
- package/public/components/PropertyDiff/index.d.ts +0 -1
- package/public/components/PropertyDiff/index.js +0 -13
- package/public/components/Relative/Relative.d.ts +0 -2
- package/public/components/Relative/Relative.js +0 -14
- package/public/components/Relative/Relative.story.d.ts +0 -1
- package/public/components/Relative/Relative.story.js +0 -12
- package/public/components/Relative/index.d.ts +0 -1
- package/public/components/Relative/index.js +0 -5
- package/public/components/SpeechBubble/SpeechBubble.story.d.ts +0 -1
- package/public/components/SpeechBubble/SpeechBubble.story.js +0 -19
- package/public/components/StatusLabel/StatusLabel.d.ts +0 -16
- package/public/components/StatusLabel/StatusLabel.js +0 -40
- package/public/components/StatusLabel/index.d.ts +0 -1
- package/public/components/StatusLabel/index.js +0 -13
- package/public/components/StatusPanel/StatusPanel.d.ts +0 -11
- package/public/components/StatusPanel/StatusPanel.js +0 -24
- package/public/components/StatusPanel/index.d.ts +0 -1
- package/public/components/StatusPanel/index.js +0 -13
- package/public/components/Sticky/Sticky.d.ts +0 -2
- package/public/components/Sticky/Sticky.js +0 -14
- package/public/components/Sticky/Sticky.story.d.ts +0 -1
- package/public/components/Sticky/Sticky.story.js +0 -12
- package/public/components/Sticky/index.d.ts +0 -1
- package/public/components/Sticky/index.js +0 -5
- package/public/components/TopBar/TopBar.d.ts +0 -14
- package/public/components/TopBar/TopBar.js +0 -24
- package/public/components/TopBar/TopBarBreadcrumbs.d.ts +0 -10
- package/public/components/TopBar/TopBarBreadcrumbs.js +0 -34
- package/public/components/TopBar/TopBarSubNav.d.ts +0 -2
- package/public/components/TopBar/TopBarSubNav.js +0 -16
- package/public/components/TopBar/TopBarSubNavItem.d.ts +0 -5
- package/public/components/TopBar/TopBarSubNavItem.js +0 -17
- package/public/components/TopBar/index.d.ts +0 -1
- package/public/components/TopBar/index.js +0 -13
- package/public/components/VendorLogo/VendorLogo.d.ts +0 -20
- package/public/components/VendorLogo/VendorLogo.js +0 -57
- package/public/components/VendorLogo/index.d.ts +0 -1
- package/public/components/VendorLogo/index.js +0 -13
- package/public/storybook-components/TailwindPropertyClasses.d.ts +0 -9
- package/public/storybook-components/TailwindPropertyClasses.js +0 -194
- package/public/tailwind.config.d.ts +0 -1
- package/public/tailwind.config.js +0 -4
- package/public/tokens/_tailwind-config.d.ts +0 -810
- package/public/tokens/_tailwind-config.js +0 -50
- package/src/components/Absolute/Absolute.story.mdx +0 -26
- package/src/components/Absolute/Absolute.tsx +0 -9
- package/src/components/Absolute/index.ts +0 -1
- package/src/components/Appbar/Appbar.story.mdx +0 -118
- package/src/components/Appbar/Appbar.tsx +0 -64
- package/src/components/Appbar/AppbarLogo.tsx +0 -29
- package/src/components/Appbar/AppbarTabs.tsx +0 -47
- package/src/components/Appbar/AppbarUser.tsx +0 -144
- package/src/components/Appbar/config.ts +0 -12
- package/src/components/Appbar/index.css +0 -203
- package/src/components/Appbar/index.ts +0 -1
- package/src/components/ArrowButton/ArrowButton.story.mdx +0 -110
- package/src/components/ArrowButton/ArrowButton.tsx +0 -54
- package/src/components/ArrowButton/index.css +0 -42
- package/src/components/ArrowButton/index.ts +0 -1
- package/src/components/ArrowLink/ArrowLink.story.mdx +0 -65
- package/src/components/ArrowLink/ArrowLink.tsx +0 -42
- package/src/components/ArrowLink/index.ts +0 -1
- package/src/components/Aside/Aside.story.mdx +0 -65
- package/src/components/Aside/Aside.tsx +0 -59
- package/src/components/Aside/index.css +0 -11
- package/src/components/Aside/index.ts +0 -1
- package/src/components/Fixed/Fixed.md +0 -16
- package/src/components/Fixed/Fixed.story.tsx +0 -12
- package/src/components/Fixed/Fixed.tsx +0 -9
- package/src/components/Fixed/index.ts +0 -1
- package/src/components/Flex/Flex.md +0 -14
- package/src/components/Flex/Flex.story.tsx +0 -12
- package/src/components/IntegrationLogo/IntegrationLogo.story.mdx +0 -159
- package/src/components/IntegrationLogo/IntegrationLogo.tsx +0 -54
- package/src/components/IntegrationLogo/IntegrationLogoSvg.tsx +0 -79
- package/src/components/IntegrationLogo/index.ts +0 -1
- package/src/components/IntegrationLogo/svg/addigy.tsx +0 -23
- package/src/components/IntegrationLogo/svg/aws.tsx +0 -52
- package/src/components/IntegrationLogo/svg/bamboohr.tsx +0 -34
- package/src/components/IntegrationLogo/svg/bitbucket.tsx +0 -37
- package/src/components/IntegrationLogo/svg/conveyor.tsx +0 -41
- package/src/components/IntegrationLogo/svg/default.tsx +0 -11
- package/src/components/IntegrationLogo/svg/deploy.tsx +0 -29
- package/src/components/IntegrationLogo/svg/events-api.tsx +0 -75
- package/src/components/IntegrationLogo/svg/gcp.tsx +0 -26
- package/src/components/IntegrationLogo/svg/github.tsx +0 -14
- package/src/components/IntegrationLogo/svg/gitlab.tsx +0 -40
- package/src/components/IntegrationLogo/svg/gsuite.tsx +0 -24
- package/src/components/IntegrationLogo/svg/index.ts +0 -21
- package/src/components/IntegrationLogo/svg/jamf.tsx +0 -36
- package/src/components/IntegrationLogo/svg/jira.tsx +0 -44
- package/src/components/IntegrationLogo/svg/jumpcloud.tsx +0 -86
- package/src/components/IntegrationLogo/svg/okta.tsx +0 -28
- package/src/components/IntegrationLogo/svg/onelogin.tsx +0 -34
- package/src/components/IntegrationLogo/svg/salesforce.tsx +0 -39
- package/src/components/IntegrationLogo/svg/slack.tsx +0 -40
- package/src/components/IntegrationLogo/svg/wrapper.tsx +0 -35
- package/src/components/IntegrationLogo/svg/zoom.tsx +0 -51
- package/src/components/Meta/Meta.md +0 -14
- package/src/components/Meta/Meta.story.tsx +0 -24
- package/src/components/Meta/Meta.tsx +0 -26
- package/src/components/Meta/index.ts +0 -1
- package/src/components/PropertyDiff/PropertDiff.story.mdx +0 -46
- package/src/components/PropertyDiff/PropertyDiff.tsx +0 -48
- package/src/components/PropertyDiff/index.css +0 -33
- package/src/components/PropertyDiff/index.ts +0 -1
- package/src/components/Relative/Relative.md +0 -16
- package/src/components/Relative/Relative.story.tsx +0 -12
- package/src/components/Relative/Relative.tsx +0 -9
- package/src/components/Relative/index.ts +0 -1
- package/src/components/SpeechBubble/SpeechBubble.md +0 -14
- package/src/components/SpeechBubble/SpeechBubble.story.tsx +0 -26
- package/src/components/StatusLabel/StatusLabel.story.mdx +0 -316
- package/src/components/StatusLabel/StatusLabel.tsx +0 -112
- package/src/components/StatusLabel/index.css +0 -23
- package/src/components/StatusLabel/index.ts +0 -1
- package/src/components/StatusPanel/StatusPanel.story.mdx +0 -109
- package/src/components/StatusPanel/StatusPanel.tsx +0 -51
- package/src/components/StatusPanel/index.css +0 -52
- package/src/components/StatusPanel/index.ts +0 -1
- package/src/components/Sticky/Sticky.md +0 -16
- package/src/components/Sticky/Sticky.story.tsx +0 -12
- package/src/components/Sticky/Sticky.tsx +0 -9
- package/src/components/Sticky/index.ts +0 -1
- package/src/components/TopBar/TopBar.story.mdx +0 -154
- package/src/components/TopBar/TopBar.tsx +0 -40
- package/src/components/TopBar/TopBarBreadcrumbs.tsx +0 -79
- package/src/components/TopBar/TopBarSubNav.tsx +0 -19
- package/src/components/TopBar/TopBarSubNavItem.tsx +0 -21
- package/src/components/TopBar/index.css +0 -102
- package/src/components/TopBar/index.ts +0 -1
- package/src/components/VendorLogo/VendorLogo.story.mdx +0 -209
- package/src/components/VendorLogo/VendorLogo.tsx +0 -110
- package/src/components/VendorLogo/index.css +0 -46
- package/src/components/VendorLogo/index.ts +0 -1
- package/src/docs/TailwindClasses.story.mdx +0 -15
- package/src/docs/brand-components/BrandButton.story.mdx +0 -103
- package/src/docs/brand-components/BrandCheckbox.story.mdx +0 -63
- package/src/docs/brand-components/BrandFormGroup.story.mdx +0 -76
- package/src/docs/brand-components/BrandInput.story.mdx +0 -41
- package/src/docs/brand-components/BrandRadio.story.mdx +0 -45
- package/src/docs/brand-components/BrandTextArea.story.mdx +0 -41
- package/src/storybook-components/TailwindPropertyClasses.tsx +0 -285
- package/src/tailwind.config.ts +0 -6
- package/src/tokens/_tailwind-config.ts +0 -69
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Absolute = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Absolute = (props) => {
|
|
11
|
-
const { className, ...rest } = props;
|
|
12
|
-
return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("absolute", className) }, rest));
|
|
13
|
-
};
|
|
14
|
-
exports.Absolute = Absolute;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Absolute } from "./Absolute";
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import { BoxProps } from "../Box";
|
|
3
|
-
import { LinkProps } from "../Link";
|
|
4
|
-
declare type NavComponent = ReactNode;
|
|
5
|
-
declare type UserComponent = ReactNode;
|
|
6
|
-
export interface AppbarProps extends BoxProps {
|
|
7
|
-
nav?: NavComponent;
|
|
8
|
-
user?: UserComponent;
|
|
9
|
-
logoProps?: LinkProps;
|
|
10
|
-
isDemoEnvironment?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const Appbar: {
|
|
13
|
-
(props: AppbarProps): JSX.Element;
|
|
14
|
-
Tabs: (props: BoxProps) => JSX.Element;
|
|
15
|
-
Tab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<{
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
as?: any;
|
|
18
|
-
active?: boolean | undefined;
|
|
19
|
-
}>>;
|
|
20
|
-
User: ({ name, avatar }: {
|
|
21
|
-
avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
|
|
22
|
-
name?: string | undefined;
|
|
23
|
-
}) => JSX.Element;
|
|
24
|
-
UserDropdown: ({ name, avatar, children, onClose, }: {
|
|
25
|
-
avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
|
|
26
|
-
children: React.ReactNode;
|
|
27
|
-
name?: string | undefined;
|
|
28
|
-
onClose?: (() => void) | undefined;
|
|
29
|
-
}) => JSX.Element;
|
|
30
|
-
UserDropdownMenu: ({ children, }: {
|
|
31
|
-
children: React.ReactNode;
|
|
32
|
-
}) => JSX.Element;
|
|
33
|
-
UserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: {
|
|
34
|
-
[key: string]: any;
|
|
35
|
-
as?: any;
|
|
36
|
-
onClick?: (() => void) | undefined;
|
|
37
|
-
selected?: boolean | undefined;
|
|
38
|
-
}) => JSX.Element;
|
|
39
|
-
};
|
|
40
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Appbar = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Flex_1 = require("../Flex");
|
|
11
|
-
const AppbarLogo_1 = require("./AppbarLogo");
|
|
12
|
-
const AppbarTabs_1 = require("./AppbarTabs");
|
|
13
|
-
const AppbarUser_1 = require("./AppbarUser");
|
|
14
|
-
const config_1 = require("./config");
|
|
15
|
-
const Appbar = (props) => {
|
|
16
|
-
const { logoProps, nav, user, className, isDemoEnvironment, ...rest } = props;
|
|
17
|
-
return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(config_1.cn(), className, { isDemoEnvironment }) }, rest),
|
|
18
|
-
react_1.default.createElement(AppbarLogo_1.AppbarLogo, Object.assign({}, logoProps)),
|
|
19
|
-
nav,
|
|
20
|
-
user && (react_1.default.createElement(Box_1.Box, { className: "h-full ml-auto mr-3" },
|
|
21
|
-
react_1.default.createElement(Flex_1.Flex, { className: "items-center h-full" }, user)))));
|
|
22
|
-
};
|
|
23
|
-
exports.Appbar = Appbar;
|
|
24
|
-
exports.Appbar.Tabs = AppbarTabs_1.AppbarTabs;
|
|
25
|
-
exports.Appbar.Tab = AppbarTabs_1.AppbarTab;
|
|
26
|
-
exports.Appbar.User = AppbarUser_1.AppbarUser;
|
|
27
|
-
exports.Appbar.UserDropdown = AppbarUser_1.AppbarUserDropdown;
|
|
28
|
-
exports.Appbar.UserDropdownMenu = AppbarUser_1.AppbarUserDropdownMenu;
|
|
29
|
-
exports.Appbar.UserDropdownMenuItem = AppbarUser_1.AppbarUserDropdownMenuItem;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.AppbarLogo = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Flex_1 = require("../Flex");
|
|
10
|
-
const Link_1 = require("../Link");
|
|
11
|
-
const ConveyorLogo_1 = require("../ConveyorLogo");
|
|
12
|
-
const config_1 = require("./config");
|
|
13
|
-
const types_1 = require("../../types");
|
|
14
|
-
const AppbarLogo = (props) => {
|
|
15
|
-
const { href, onClick, className, noStyles, ...rest } = props;
|
|
16
|
-
return (react_1.default.createElement(Flex_1.Flex, { className: config_1.cn({ e: "logo" }) }, href || onClick ? (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default(config_1.cn({ e: "logoLink" }), className), href: href, onClick: onClick, noStyles: true }, rest),
|
|
17
|
-
react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 }))) : (react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 }))));
|
|
18
|
-
};
|
|
19
|
-
exports.AppbarLogo = AppbarLogo;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import { BoxProps } from "../Box";
|
|
3
|
-
declare type AppbarTabProps = {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
as?: any;
|
|
6
|
-
active?: boolean;
|
|
7
|
-
};
|
|
8
|
-
export declare const AppbarTabs: (props: BoxProps) => JSX.Element;
|
|
9
|
-
export declare const AppbarTab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<AppbarTabProps>>;
|
|
10
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.AppbarTab = exports.AppbarTabs = void 0;
|
|
26
|
-
const react_1 = __importStar(require("react"));
|
|
27
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
28
|
-
const Box_1 = require("../Box");
|
|
29
|
-
const config_1 = require("./config");
|
|
30
|
-
const AppbarTabMarker = () => react_1.default.createElement(Box_1.Box, { className: config_1.cn({ e: "tabMarker" }) });
|
|
31
|
-
const AppbarTabs = (props) => {
|
|
32
|
-
return (react_1.default.createElement(Box_1.Box, Object.assign({ as: "nav", className: config_1.cn({ e: "tabs" }), role: "navigation" }, props)));
|
|
33
|
-
};
|
|
34
|
-
exports.AppbarTabs = AppbarTabs;
|
|
35
|
-
exports.AppbarTab = react_1.forwardRef(({ children, renderAs: Component = "a", active, ...rest }, ref) => {
|
|
36
|
-
if (react_1.Children.count(children) > 1) {
|
|
37
|
-
throw new Error(`Only one child node may be passed to Appbar.Tab, but ${react_1.Children.count(children)} were passed.`);
|
|
38
|
-
}
|
|
39
|
-
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, tabIndex: 0, className: classnames_1.default(config_1.cn({ e: "tab" }), "hasTabMarker", active && config_1.cn({ e: "tab", m: "active" })) }),
|
|
40
|
-
children,
|
|
41
|
-
react_1.default.createElement(AppbarTabMarker, null)));
|
|
42
|
-
});
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { ReactElement, ReactNode } from "react";
|
|
2
|
-
import { AvatarProps } from "../Avatar";
|
|
3
|
-
declare type AppbarUserDropdownProps = {
|
|
4
|
-
avatar: ReactElement<AvatarProps>;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
name?: string;
|
|
7
|
-
onClose?: () => void;
|
|
8
|
-
};
|
|
9
|
-
declare type AppbarUserDropdownMenuProps = {
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
};
|
|
12
|
-
declare type AppbarUserProps = {
|
|
13
|
-
avatar: ReactElement<AvatarProps>;
|
|
14
|
-
name?: string;
|
|
15
|
-
};
|
|
16
|
-
declare type AppbarUserDropdownMenuItemProps = {
|
|
17
|
-
as?: any;
|
|
18
|
-
onClick?: () => void;
|
|
19
|
-
selected?: boolean;
|
|
20
|
-
[key: string]: any;
|
|
21
|
-
};
|
|
22
|
-
export declare const AppbarUserDropdown: ({ name, avatar, children, onClose, }: AppbarUserDropdownProps) => JSX.Element;
|
|
23
|
-
export declare const AppbarUserDropdownMenu: ({ children, }: AppbarUserDropdownMenuProps) => JSX.Element;
|
|
24
|
-
export declare const AppbarUserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: AppbarUserDropdownMenuItemProps) => JSX.Element;
|
|
25
|
-
export declare const AppbarUser: ({ name, avatar }: AppbarUserProps) => JSX.Element;
|
|
26
|
-
export {};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.AppbarUser = exports.AppbarUserDropdownMenuItem = exports.AppbarUserDropdownMenu = exports.AppbarUserDropdown = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const types_1 = require("../../types");
|
|
10
|
-
const Box_1 = require("../Box");
|
|
11
|
-
const Flex_1 = require("../Flex");
|
|
12
|
-
const Link_1 = require("../Link");
|
|
13
|
-
const MenuRenderer_1 = require("../MenuRenderer");
|
|
14
|
-
const PopoverMenu_1 = require("../PopoverMenu");
|
|
15
|
-
const Text_1 = require("../Text");
|
|
16
|
-
const Icon_1 = require("../Icon");
|
|
17
|
-
const config_1 = require("./config");
|
|
18
|
-
const AppbarUserName = ({ name, avatar }) => (react_1.default.createElement(Flex_1.Flex, { className: config_1.cn({ e: "userName" }) },
|
|
19
|
-
avatar,
|
|
20
|
-
name && react_1.default.createElement(Text_1.Text, { as: "div" }, name)));
|
|
21
|
-
const AppbarUserDropdown = ({ name, avatar, children, onClose, }) => {
|
|
22
|
-
return (react_1.default.createElement(Box_1.Box, { className: "h-full -mr-3" },
|
|
23
|
-
react_1.default.createElement(MenuRenderer_1.MenuRenderer, { className: classnames_1.default([config_1.cn({ e: "menu" }), config_1.cn({ e: "userMenu" })]), popperModifiers: config_1.popperModifiers, onClose: onClose, trigger: ({ onClick, ...triggerProps }, { isOpen }) => (react_1.default.createElement("button", Object.assign({ type: "button", className: classnames_1.default([
|
|
24
|
-
config_1.cn({ e: "menuButton" }),
|
|
25
|
-
config_1.cn({ e: "userMenuButton" }),
|
|
26
|
-
isOpen && "isOpen",
|
|
27
|
-
]) }, triggerProps, { onClick: (event) => {
|
|
28
|
-
onClick(event);
|
|
29
|
-
if (onClose && isOpen) {
|
|
30
|
-
onClose();
|
|
31
|
-
}
|
|
32
|
-
} }),
|
|
33
|
-
react_1.default.createElement(Flex_1.Flex, { className: "items-center" },
|
|
34
|
-
react_1.default.createElement(AppbarUserName, { name: name, avatar: avatar }),
|
|
35
|
-
react_1.default.createElement(Icon_1.Icon, { className: "text-h6 ml-2 text-gray-500", icon: Icon_1.ICON_TYPE.CHEVRON_DOWN })))) }, ({ listProps }) => (react_1.default.createElement(PopoverMenu_1.PopoverMenu, Object.assign({ className: config_1.cn({ e: "menuList" }), theme: types_1.THEME.BRAND }, listProps), children)))));
|
|
36
|
-
};
|
|
37
|
-
exports.AppbarUserDropdown = AppbarUserDropdown;
|
|
38
|
-
const AppbarUserDropdownMenu = ({ children, }) => react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
39
|
-
exports.AppbarUserDropdownMenu = AppbarUserDropdownMenu;
|
|
40
|
-
const AppbarUserDropdownMenuItem = ({ children, onClick, as, className, ...rest }) => {
|
|
41
|
-
const { itemProps, onClose } = MenuRenderer_1.useMenuContext();
|
|
42
|
-
return (react_1.default.createElement(Link_1.Link, Object.assign({ as: as, noStyles: true, className: classnames_1.default([
|
|
43
|
-
config_1.cn({ e: "menuItem" }),
|
|
44
|
-
config_1.cn({ e: "userMenuItem" }),
|
|
45
|
-
className,
|
|
46
|
-
]), onClick: () => {
|
|
47
|
-
if (typeof onClick === "function") {
|
|
48
|
-
onClick();
|
|
49
|
-
}
|
|
50
|
-
if (typeof onClose === "function") {
|
|
51
|
-
onClose();
|
|
52
|
-
}
|
|
53
|
-
} }, rest, itemProps), children));
|
|
54
|
-
};
|
|
55
|
-
exports.AppbarUserDropdownMenuItem = AppbarUserDropdownMenuItem;
|
|
56
|
-
const AppbarUser = ({ name, avatar }) => {
|
|
57
|
-
return (react_1.default.createElement(Box_1.Box, { className: config_1.cn({ e: "user" }) },
|
|
58
|
-
react_1.default.createElement(AppbarUserName, { name: name, avatar: avatar })));
|
|
59
|
-
};
|
|
60
|
-
exports.AppbarUser = AppbarUser;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.popperModifiers = exports.cn = void 0;
|
|
4
|
-
const bem_1 = require("../../utilities/bem");
|
|
5
|
-
exports.cn = bem_1.bemHOF("Appbar");
|
|
6
|
-
exports.popperModifiers = [
|
|
7
|
-
{
|
|
8
|
-
name: "offset",
|
|
9
|
-
options: {
|
|
10
|
-
offset: [0, 4],
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
];
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Appbar";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./Appbar"), exports);
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface ArrowButtonProps {
|
|
2
|
-
children?: string;
|
|
3
|
-
as?: any;
|
|
4
|
-
className?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
[key: string]: any;
|
|
8
|
-
}
|
|
9
|
-
export declare const ArrowButton: ({ children, as: Component, className, disabled, loading, ...rest }: ArrowButtonProps) => JSX.Element;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ArrowButton = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Svg_1 = require("../Svg");
|
|
11
|
-
const bem_1 = require("../../utilities/bem");
|
|
12
|
-
const Icon_1 = require("../Icon");
|
|
13
|
-
const cn = "ArrowButton";
|
|
14
|
-
const Arrow = () => (react_1.default.createElement(Svg_1.Svg, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
|
|
15
|
-
react_1.default.createElement("path", { d: "M20 10.0006L10.2324 -4.26954e-07L7.30217 -5.5504e-07L16.093 9.0005L3.42127e-06 9.0005L3.33385e-06 11.0006L16.093 11.0006L7.30217 20L10.2324 20L20 10.0006Z" })));
|
|
16
|
-
const ArrowButton = ({ children, as: Component = "a", className, disabled, loading, ...rest }) => {
|
|
17
|
-
const isDisabled = disabled || loading;
|
|
18
|
-
return (react_1.default.createElement(Component, Object.assign({ className: classnames_1.default(bem_1.bem(cn), isDisabled && bem_1.bem(cn, { m: "disabled" }), className), disabled: Component === "button" && isDisabled }, rest),
|
|
19
|
-
children,
|
|
20
|
-
react_1.default.createElement(Box_1.Box, { className: bem_1.bem(cn, { e: "arrow" }) }, loading ? (react_1.default.createElement(Icon_1.Icon, { className: "arrow-button-arrow", icon: Icon_1.ICON_TYPE.SPINNER, spin: true })) : (react_1.default.createElement(Arrow, null)))));
|
|
21
|
-
};
|
|
22
|
-
exports.ArrowButton = ArrowButton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./ArrowButton";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./ArrowButton"), exports);
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ArrowLink = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Link_1 = require("../Link");
|
|
10
|
-
const Icon_1 = require("../Icon");
|
|
11
|
-
const defaultArrowLinkProps = {
|
|
12
|
-
block: false,
|
|
13
|
-
};
|
|
14
|
-
const ArrowLink = (props) => {
|
|
15
|
-
const { className, children, block = defaultArrowLinkProps.block, ...rest } = props;
|
|
16
|
-
return (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default(block ? "flex" : "inline-flex", "items-center", "justify-between", "no-underline", "font-medium", className) }, rest),
|
|
17
|
-
react_1.default.createElement("span", { className: "mr-1" }, children),
|
|
18
|
-
react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.LONG_ARROW_ALT_RIGHT })));
|
|
19
|
-
};
|
|
20
|
-
exports.ArrowLink = ArrowLink;
|
|
21
|
-
ArrowLink.defaultProps = defaultArrowLinkProps;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./ArrowLink";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./ArrowLink"), exports);
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from "../Box";
|
|
2
|
-
import { DividerProps } from "../Divider";
|
|
3
|
-
interface AsideProps extends BoxProps {
|
|
4
|
-
disableScrolling?: boolean;
|
|
5
|
-
}
|
|
6
|
-
interface AsideItemProps extends BoxProps {
|
|
7
|
-
removePadding?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare const Aside: {
|
|
10
|
-
(props: AsideProps): JSX.Element;
|
|
11
|
-
Divider: (props: DividerProps) => JSX.Element;
|
|
12
|
-
Item: (props: AsideItemProps) => JSX.Element;
|
|
13
|
-
};
|
|
14
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Aside = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Divider_1 = require("../Divider");
|
|
11
|
-
const ScrollPane_1 = require("../ScrollPane");
|
|
12
|
-
const bem_1 = require("../../utilities/bem");
|
|
13
|
-
const cn = "Aside";
|
|
14
|
-
const AsideDivider = (props) => {
|
|
15
|
-
const { className, ...rest } = props;
|
|
16
|
-
return (react_1.default.createElement(Divider_1.Divider, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "item" }), classnames_1.default) }, rest)));
|
|
17
|
-
};
|
|
18
|
-
const AsideItem = (props) => {
|
|
19
|
-
const { removePadding = false, className, ...rest } = props;
|
|
20
|
-
return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "item" }), !removePadding && bem_1.bem(cn, { e: "item", m: "padded" }), className) }, rest)));
|
|
21
|
-
};
|
|
22
|
-
const Aside = (props) => {
|
|
23
|
-
const { disableScrolling, children, className, ...rest } = props;
|
|
24
|
-
return (react_1.default.createElement(ScrollPane_1.ScrollPane, Object.assign({ as: "aside", disabled: disableScrolling, className: className }, rest), children));
|
|
25
|
-
};
|
|
26
|
-
exports.Aside = Aside;
|
|
27
|
-
exports.Aside.Divider = AsideDivider;
|
|
28
|
-
exports.Aside.Item = AsideItem;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Aside";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./Aside"), exports);
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Fixed = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Fixed = (props) => {
|
|
11
|
-
const { className, ...rest } = props;
|
|
12
|
-
return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("fixed", className) }, rest));
|
|
13
|
-
};
|
|
14
|
-
exports.Fixed = Fixed;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const react_2 = require("@storybook/react");
|
|
8
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
9
|
-
const Fixed_1 = require("./Fixed");
|
|
10
|
-
const stories = react_2.storiesOf("Components/Positioning/Fixed", module);
|
|
11
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Fixed" },
|
|
12
|
-
react_1.default.createElement(Fixed_1.Fixed, null, "This is the Fixed component"))));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Fixed } from "./Fixed";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const react_2 = require("@storybook/react");
|
|
8
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
9
|
-
const Flex_1 = require("./Flex");
|
|
10
|
-
const stories = react_2.storiesOf("Components/Layout/Flex", module);
|
|
11
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Flex" },
|
|
12
|
-
react_1.default.createElement(Flex_1.Flex, null, "This is the Flex component"))));
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SvgProps } from "../Svg";
|
|
2
|
-
export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "events-api", "gcp", "github", "gitlab", "gsuite", "jamf", "jira", "jumpcloud", "okta", "onelogin", "salesforce", "slack", "zoom"];
|
|
3
|
-
export declare type IntegrationLogoName = typeof integrationLogoNames[number];
|
|
4
|
-
export interface IntegrationLogoProps extends SvgProps {
|
|
5
|
-
logo?: IntegrationLogoName | string;
|
|
6
|
-
color?: string;
|
|
7
|
-
square?: boolean;
|
|
8
|
-
size?: number;
|
|
9
|
-
}
|
|
10
|
-
export declare const IntegrationLogo: ({ logo, size, ...rest }: IntegrationLogoProps) => JSX.Element;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.IntegrationLogo = exports.integrationLogoNames = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const IntegrationLogoSvg_1 = __importDefault(require("./IntegrationLogoSvg"));
|
|
9
|
-
exports.integrationLogoNames = [
|
|
10
|
-
"addigy",
|
|
11
|
-
"aws",
|
|
12
|
-
"bamboohr",
|
|
13
|
-
"bitbucket",
|
|
14
|
-
"conveyor",
|
|
15
|
-
"deploy",
|
|
16
|
-
"events-api",
|
|
17
|
-
"gcp",
|
|
18
|
-
"github",
|
|
19
|
-
"gitlab",
|
|
20
|
-
"gsuite",
|
|
21
|
-
"jamf",
|
|
22
|
-
"jira",
|
|
23
|
-
"jumpcloud",
|
|
24
|
-
"okta",
|
|
25
|
-
"onelogin",
|
|
26
|
-
"salesforce",
|
|
27
|
-
"slack",
|
|
28
|
-
"zoom",
|
|
29
|
-
];
|
|
30
|
-
const IntegrationLogo = ({ logo, size = 24, ...rest }) => {
|
|
31
|
-
return react_1.default.createElement(IntegrationLogoSvg_1.default, Object.assign({ logo: logo, size: size }, rest));
|
|
32
|
-
};
|
|
33
|
-
exports.IntegrationLogo = IntegrationLogo;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { SvgProps } from "../Svg";
|
|
2
|
-
interface IntegrationLogoSvgProps extends SvgProps {
|
|
3
|
-
logo?: string;
|
|
4
|
-
color?: string;
|
|
5
|
-
square?: boolean;
|
|
6
|
-
size?: number;
|
|
7
|
-
}
|
|
8
|
-
declare const IntegrationLogoSvg: ({ logo, ...rest }: IntegrationLogoSvgProps) => JSX.Element;
|
|
9
|
-
export default IntegrationLogoSvg;
|