@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,44 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
|
|
3
|
-
|
|
4
|
-
export const JiraSvg = ({ color, square, ...rest }: SvgLogoProps) => (
|
|
5
|
-
<IntegrationLogoSvgWrapper viewBox="0 0 32 32" {...rest}>
|
|
6
|
-
<title>Jira integration logo</title>
|
|
7
|
-
<path
|
|
8
|
-
d="M31.1047 15.1045L17.3349 1.33474L16.0001 0L5.63475 10.3654L0.895579 15.1045C0.658281 15.3421 0.524994 15.6642 0.524994 16C0.524994 16.3358 0.658281 16.6579 0.895579 16.8955L10.3655 26.3654L16.0001 32L26.3655 21.6346L26.526 21.4741L31.1047 16.8955C31.342 16.6579 31.4752 16.3358 31.4752 16C31.4752 15.6642 31.342 15.3421 31.1047 15.1045V15.1045ZM16.0001 20.7307L11.2694 16L16.0001 11.2693L20.7308 16L16.0001 20.7307Z"
|
|
9
|
-
fill={color || "#2684ff"}
|
|
10
|
-
/>
|
|
11
|
-
<path
|
|
12
|
-
d="M16.0001 11.2693C14.5122 9.78121 13.6736 7.7649 13.6672 5.6606C13.6609 3.55631 14.4874 1.53499 15.9663 0.0380096L5.61362 10.3865L11.2483 16.0211L16.0001 11.2693Z"
|
|
13
|
-
fill={color || "url(#jira_paint0_linear)"}
|
|
14
|
-
/>
|
|
15
|
-
<path
|
|
16
|
-
d="M20.7435 15.9873L16.0001 20.7307C16.7404 21.4705 17.3276 22.3489 17.7282 23.3157C18.1288 24.2825 18.335 25.3188 18.335 26.3654C18.335 27.4119 18.1288 28.4482 17.7282 29.415C17.3276 30.3818 16.7404 31.2602 16.0001 32V32L26.3782 21.622L20.7435 15.9873Z"
|
|
17
|
-
fill={color || "url(#jira_paint1_linear)"}
|
|
18
|
-
/>
|
|
19
|
-
<defs>
|
|
20
|
-
<linearGradient
|
|
21
|
-
id="jira_paint0_linear"
|
|
22
|
-
x1="15.1553"
|
|
23
|
-
y1="6.48363"
|
|
24
|
-
x2="8.5492"
|
|
25
|
-
y2="13.0897"
|
|
26
|
-
gradientUnits="userSpaceOnUse"
|
|
27
|
-
>
|
|
28
|
-
<stop offset="0.18" stopColor="#0052cc" />
|
|
29
|
-
<stop offset="1" stopColor="#2684ff" />
|
|
30
|
-
</linearGradient>
|
|
31
|
-
<linearGradient
|
|
32
|
-
id="jira_paint1_linear"
|
|
33
|
-
x1="418.46"
|
|
34
|
-
y1="981.231"
|
|
35
|
-
x2="646.623"
|
|
36
|
-
y2="833.356"
|
|
37
|
-
gradientUnits="userSpaceOnUse"
|
|
38
|
-
>
|
|
39
|
-
<stop offset="0.18" stopColor="#0052cc" />
|
|
40
|
-
<stop offset="1" stopColor="#2684ff" />
|
|
41
|
-
</linearGradient>
|
|
42
|
-
</defs>
|
|
43
|
-
</IntegrationLogoSvgWrapper>
|
|
44
|
-
);
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
|
|
3
|
-
|
|
4
|
-
export const JumpcloudSvg = ({
|
|
5
|
-
color = "#1e8194",
|
|
6
|
-
square,
|
|
7
|
-
...rest
|
|
8
|
-
}: SvgLogoProps) => {
|
|
9
|
-
const viewBox = square ? "0 0 32 32" : "0 0 67 32";
|
|
10
|
-
const path = square ? (
|
|
11
|
-
<>
|
|
12
|
-
<path
|
|
13
|
-
fill={color}
|
|
14
|
-
fillRule="evenodd"
|
|
15
|
-
clipRule="evenodd"
|
|
16
|
-
d="M8.26074 20.808C7.07373 21.2503 6.10694 22.0136 5.51967 22.9633C5.39958 23.1571 5.53428 23.4084 5.76199 23.4084H8.18734H13.3067C13.4257 23.4084 13.5448 23.3132 13.579 23.1995C13.7518 22.6226 14.0643 22.0923 14.4449 21.5942C14.0362 21.2916 13.5815 21.0308 13.0779 20.8351C12.8987 20.7656 12.8573 20.5301 12.9988 20.3997C13.8626 19.6004 14.3237 18.3741 14.0276 17.0507C13.7379 15.7574 12.6852 14.719 11.3885 14.4468C9.13488 13.9739 7.14999 15.6808 7.14999 17.851C7.14999 18.8926 7.61111 19.8234 8.33665 20.461C8.45496 20.5647 8.40827 20.7532 8.26074 20.808Z"
|
|
17
|
-
/>
|
|
18
|
-
<path
|
|
19
|
-
fill={color}
|
|
20
|
-
fillRule="evenodd"
|
|
21
|
-
clipRule="evenodd"
|
|
22
|
-
d="M18.176 20.0194C17.1886 20.3658 16.3237 20.9018 15.6505 21.5724C15.4585 21.7634 15.2871 21.968 15.1278 22.1797C14.93 22.4427 14.7625 22.7217 14.6242 23.0125C14.5369 23.1967 14.683 23.4084 14.8869 23.4084H23.5373H26.6651C26.8803 23.4084 27.0146 23.1824 26.9209 22.9886C26.6893 22.5075 26.3821 22.0585 25.9969 21.6587C25.3148 20.9502 24.4225 20.3844 23.3973 20.0234C23.2369 19.9667 23.1895 19.7607 23.3217 19.6535C24.4321 18.748 25.0504 17.2631 24.7108 15.658C24.5565 14.9307 24.1684 14.2665 23.6453 13.7387C22.7983 12.8849 21.9758 12.6126 21.189 12.5353C21.1377 12.5303 21.0871 12.5303 21.0354 12.5275C20.9345 12.5211 20.8337 12.5154 20.7343 12.5164C20.6787 12.5171 20.6245 12.5218 20.5696 12.5246C20.4777 12.5296 20.3858 12.5353 20.2952 12.546C20.2375 12.5531 20.1801 12.5631 20.1231 12.5727C20.038 12.5866 19.9531 12.6023 19.8701 12.6216C19.8131 12.6347 19.7564 12.6497 19.6998 12.6654C19.6185 12.6882 19.5383 12.7135 19.4596 12.7409C19.4051 12.7598 19.3509 12.7791 19.2975 12.8001C19.218 12.8318 19.1403 12.8671 19.0633 12.9034C19.0145 12.9266 18.965 12.9487 18.9172 12.974C18.8353 13.0167 18.7558 13.0645 18.6774 13.113C18.6382 13.1368 18.5979 13.1589 18.5598 13.1842C18.4568 13.2527 18.3574 13.3261 18.2612 13.4034C18.2501 13.4123 18.238 13.4201 18.227 13.429C18.1204 13.5171 18.0189 13.6108 17.9216 13.7091C17.8934 13.7373 17.8685 13.7683 17.8414 13.7975C17.7744 13.8688 17.7088 13.9411 17.6479 14.0174C17.6158 14.0573 17.5862 14.0993 17.5556 14.1403C17.5036 14.2102 17.453 14.2807 17.4056 14.3538C17.3753 14.3998 17.3475 14.4479 17.3197 14.4953C17.2773 14.5672 17.2359 14.6403 17.1982 14.7148C17.1725 14.7657 17.1476 14.817 17.1237 14.8691C17.0891 14.945 17.0571 15.0227 17.0271 15.1007C17.0068 15.1542 16.9865 15.2076 16.9683 15.2618C16.9409 15.3437 16.9177 15.4278 16.8953 15.5123C16.8814 15.5654 16.8661 15.6178 16.8543 15.6719C16.8336 15.7657 16.8187 15.8615 16.8048 15.9577C16.7983 16.0044 16.7887 16.0504 16.7837 16.0974C16.7681 16.2417 16.7584 16.3882 16.7584 16.5368C16.7584 17.7997 17.3414 18.9258 18.2526 19.6627C18.3791 19.7654 18.33 19.9656 18.176 20.0194Z"
|
|
23
|
-
/>
|
|
24
|
-
<mask
|
|
25
|
-
id="jumpcloud-square-mask0"
|
|
26
|
-
mask-type="alpha"
|
|
27
|
-
maskUnits="userSpaceOnUse"
|
|
28
|
-
x="0"
|
|
29
|
-
y="8"
|
|
30
|
-
width="32"
|
|
31
|
-
height="16"
|
|
32
|
-
>
|
|
33
|
-
<path d="M0 8H32V23.4746H0V8Z" fill="white" />
|
|
34
|
-
</mask>
|
|
35
|
-
<g mask="url(#jumpcloud-square-mask0)">
|
|
36
|
-
<path
|
|
37
|
-
fill={color}
|
|
38
|
-
fillRule="evenodd"
|
|
39
|
-
clipRule="evenodd"
|
|
40
|
-
d="M31.9998 19.2283C31.9998 16.9113 30.1215 15.0326 27.8041 15.0326C27.441 15.0326 27.0914 15.0835 26.7554 15.1698C26.5038 12.4818 24.2431 10.3775 21.4892 10.3775C21.244 10.3775 21.0052 10.4 20.769 10.4321C19.6511 8.9571 17.8854 7.99994 15.8919 7.99994C13.189 7.99994 10.8994 9.7532 10.0873 12.1828C8.30837 12.305 6.75894 13.2562 5.82744 14.6588C5.41122 14.5319 4.96934 14.4624 4.51178 14.4624C2.0198 14.4624 -0.000366211 16.4826 -0.000366211 18.9746C-0.000366211 21.386 1.8933 23.3499 4.27374 23.4746C4.71526 22.2063 5.74084 21.0767 7.05151 20.3693C6.5348 19.6374 6.24972 18.7593 6.24972 17.851C6.24972 15.4338 8.21643 13.4671 10.6336 13.4671C10.9429 13.4671 11.2561 13.4999 11.5651 13.564C13.2856 13.9222 14.6458 15.3323 14.949 17.0731C15.1546 18.2529 14.8842 19.4275 14.2164 20.37C14.5125 20.5297 14.784 20.7139 15.0434 20.9085C15.5758 20.3843 16.2094 19.9335 16.9122 19.58C16.234 18.7208 15.8584 17.656 15.8584 16.5367C15.8584 13.8224 18.0664 11.6141 20.7811 11.6141C21.1314 11.6141 21.4863 11.6511 21.8359 11.7242C23.6857 12.1119 25.1938 13.6139 25.589 15.4616C25.9047 16.9391 25.548 18.4375 24.649 19.5793C25.408 19.9613 26.0868 20.4545 26.6452 21.0343C27.3024 21.7167 27.7902 22.5687 28.0632 23.4112C30.259 23.2765 31.9998 21.458 31.9998 19.2283Z"
|
|
41
|
-
/>
|
|
42
|
-
</g>
|
|
43
|
-
</>
|
|
44
|
-
) : (
|
|
45
|
-
<>
|
|
46
|
-
<path
|
|
47
|
-
fill={color}
|
|
48
|
-
fillRule="evenodd"
|
|
49
|
-
clipRule="evenodd"
|
|
50
|
-
d="M17.5024 26.4858C15.0478 27.4003 13.0486 28.9788 11.8341 30.9426C11.5858 31.3435 11.8644 31.863 12.3352 31.863H17.3506H27.937C28.1831 31.863 28.4292 31.6663 28.5 31.4312C28.8574 30.2381 29.5036 29.1416 30.2906 28.1114C29.4454 27.4858 28.5051 26.9464 27.4639 26.5418C27.0932 26.3981 27.0077 25.911 27.3003 25.6413C29.0865 23.9885 30.0401 21.4528 29.4277 18.7159C28.8286 16.0417 26.6518 13.8943 23.9702 13.3313C19.31 12.3535 15.2055 15.8832 15.2055 20.371C15.2055 22.525 16.159 24.4498 17.6594 25.7681C17.904 25.9825 17.8075 26.3723 17.5024 26.4858Z"
|
|
51
|
-
/>
|
|
52
|
-
<path
|
|
53
|
-
fill={color}
|
|
54
|
-
fillRule="evenodd"
|
|
55
|
-
clipRule="evenodd"
|
|
56
|
-
d="M38.0063 24.8551C35.9643 25.5714 34.1758 26.6797 32.7838 28.0665C32.3866 28.4615 32.0322 28.8845 31.7028 29.3222C31.2938 29.866 30.9475 30.443 30.6615 31.0444C30.481 31.4253 30.7831 31.8631 31.2046 31.8631H49.093H55.5608C56.0059 31.8631 56.2837 31.3959 56.0899 30.995C55.6109 30.0002 54.9757 29.0717 54.1791 28.2449C52.7687 26.7799 50.9235 25.6097 48.8034 24.8632C48.4718 24.746 48.3738 24.3201 48.6472 24.0983C50.9434 22.2258 52.2219 19.1551 51.5196 15.8361C51.2005 14.3321 50.398 12.9585 49.3163 11.8672C47.5646 10.1015 45.8639 9.53854 44.2368 9.37863C44.1307 9.36832 44.026 9.36832 43.9192 9.36242C43.7106 9.34916 43.5021 9.33737 43.2965 9.33958C43.1815 9.34105 43.0695 9.35063 42.956 9.35653C42.7659 9.36684 42.5758 9.37863 42.3886 9.40074C42.2693 9.41548 42.1506 9.43611 42.0327 9.45601C41.8566 9.48475 41.6812 9.51717 41.5095 9.55696C41.3916 9.58423 41.2744 9.61518 41.1573 9.6476C40.9892 9.69477 40.8234 9.74709 40.6606 9.80383C40.5478 9.84288 40.4358 9.88268 40.3253 9.92615C40.161 9.99174 40.0003 10.0647 39.8412 10.1399C39.7402 10.1878 39.6378 10.2334 39.539 10.2858C39.3695 10.3742 39.2052 10.4729 39.0431 10.5732C38.962 10.6225 38.8788 10.6682 38.7999 10.7205C38.5869 10.862 38.3813 11.0138 38.1824 11.1737C38.1595 11.1922 38.1345 11.2084 38.1116 11.2268C37.8913 11.4088 37.6813 11.6026 37.4801 11.806C37.4219 11.8642 37.3703 11.9283 37.3143 11.9887C37.1758 12.1361 37.0402 12.2857 36.9142 12.4434C36.8478 12.526 36.7867 12.6129 36.7233 12.6977C36.6157 12.8421 36.5111 12.988 36.4131 13.1391C36.3504 13.2341 36.293 13.3336 36.2355 13.4316C36.1478 13.5805 36.0623 13.7315 35.9842 13.8855C35.9311 13.9909 35.8796 14.097 35.8302 14.2046C35.7587 14.3616 35.6924 14.5222 35.6305 14.6836C35.5885 14.7941 35.5465 14.9047 35.5089 15.0167C35.4521 15.1862 35.4043 15.3601 35.3578 15.5347C35.3291 15.6445 35.2974 15.7529 35.2731 15.8649C35.2303 16.0587 35.1994 16.2569 35.1707 16.4559C35.1574 16.5524 35.1375 16.6475 35.1272 16.7447C35.0947 17.0432 35.0749 17.346 35.0749 17.6533C35.0749 20.2649 36.2804 22.5935 38.1647 24.1175C38.4263 24.3297 38.3246 24.7438 38.0063 24.8551Z"
|
|
57
|
-
/>
|
|
58
|
-
<mask
|
|
59
|
-
id="jumpcloud-mask0"
|
|
60
|
-
mask-type="alpha"
|
|
61
|
-
maskUnits="userSpaceOnUse"
|
|
62
|
-
x="0"
|
|
63
|
-
y="0"
|
|
64
|
-
width="67"
|
|
65
|
-
height="32"
|
|
66
|
-
>
|
|
67
|
-
<path d="M0.420013 0H66.5929V32H0.420013V0Z" fill="white" />
|
|
68
|
-
</mask>
|
|
69
|
-
<g mask="url(#jumpcloud-mask0)">
|
|
70
|
-
<path
|
|
71
|
-
fill={color}
|
|
72
|
-
fillRule="evenodd"
|
|
73
|
-
clipRule="evenodd"
|
|
74
|
-
d="M66.5929 23.219C66.5929 18.4277 62.7087 14.5427 57.9166 14.5427C57.1657 14.5427 56.4428 14.6481 55.7479 14.8264C55.2276 9.26797 50.5527 4.91655 44.8579 4.91655C44.3509 4.91655 43.8572 4.96298 43.3686 5.0293C41.057 1.97925 37.4056 -7.62939e-05 33.2834 -7.62939e-05C27.694 -7.62939e-05 22.9593 3.62549 21.2799 8.64971C17.6013 8.90247 14.3972 10.8693 12.471 13.7697C11.6103 13.5074 10.6965 13.3637 9.75033 13.3637C4.59716 13.3637 0.419647 17.5412 0.419647 22.6944C0.419647 27.681 4.33556 31.7421 9.25808 32C10.1711 29.3774 12.2919 27.0414 15.0022 25.5786C13.9337 24.065 13.3442 22.2493 13.3442 20.3709C13.3442 15.3725 17.4112 11.3055 22.4096 11.3055C23.0492 11.3055 23.697 11.3733 24.3359 11.5059C27.8937 12.2465 30.7064 15.1625 31.3335 18.7622C31.7587 21.2021 31.1994 23.631 29.8184 25.5801C30.4308 25.9102 30.9923 26.2912 31.5288 26.6935C32.6297 25.6096 33.94 24.6774 35.3931 23.9464C33.9908 22.1697 33.2141 19.9678 33.2141 17.6532C33.2141 12.0402 37.78 7.47361 43.3937 7.47361C44.1181 7.47361 44.852 7.55025 45.5749 7.70131C49.4002 8.50306 52.5188 11.6091 53.336 15.43C53.9889 18.4852 53.2513 21.5839 51.3921 23.9449C52.9617 24.7349 54.3655 25.7547 55.5202 26.9537C56.8791 28.3648 57.8879 30.1268 58.4523 31.8688C62.9931 31.5903 66.5929 27.8299 66.5929 23.219Z"
|
|
75
|
-
/>
|
|
76
|
-
</g>
|
|
77
|
-
</>
|
|
78
|
-
);
|
|
79
|
-
|
|
80
|
-
return (
|
|
81
|
-
<IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
|
|
82
|
-
<title>Jumpcloud integration logo</title>
|
|
83
|
-
{path}
|
|
84
|
-
</IntegrationLogoSvgWrapper>
|
|
85
|
-
);
|
|
86
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
|
|
3
|
-
|
|
4
|
-
export const OktaSvg = ({
|
|
5
|
-
color = "#007dc1",
|
|
6
|
-
square,
|
|
7
|
-
...rest
|
|
8
|
-
}: SvgLogoProps) => {
|
|
9
|
-
const viewBox = square ? "0 0 32 32" : "0 0 95 32";
|
|
10
|
-
const path = square ? (
|
|
11
|
-
<path
|
|
12
|
-
fill={color}
|
|
13
|
-
d="M16 0C7.185 0 0 7.1335 0 16C0 24.8665 7.134 32 16 32C24.866 32 32 24.866 32 16C32 7.134 24.815 0 16 0ZM16 24C11.567 24 8 20.433 8 16C8 11.567 11.567 8 16 8C20.433 8 24 11.567 24 16C24 20.433 20.433 24 16 24Z"
|
|
14
|
-
/>
|
|
15
|
-
) : (
|
|
16
|
-
<path
|
|
17
|
-
fill={color}
|
|
18
|
-
d="M11.9477 8.02854C5.36504 8.02854 0 13.3555 0 19.9762C0 23.1449 1.25877 26.1839 3.49939 28.4245C5.74002 30.6651 8.77896 31.9239 11.9477 31.9239C15.1164 31.9239 18.1553 30.6651 20.396 28.4245C22.6366 26.1839 23.8954 23.1449 23.8954 19.9762C23.8954 13.3555 18.5303 8.02854 11.9477 8.02854V8.02854ZM11.9477 25.9501C8.63733 25.9501 5.97384 23.2866 5.97384 19.9762C5.97384 16.6659 8.63733 14.0024 11.9477 14.0024C15.258 14.0024 17.9215 16.6659 17.9215 19.9762C17.9215 23.2866 15.258 25.9501 11.9477 25.9501ZM32.9132 23.9715C32.9132 23.0202 34.0547 22.5636 34.7015 23.2485L42.654 31.5434C42.7301 31.6195 42.8062 31.7337 43.0725 31.8098C43.1867 31.8478 43.3769 31.8478 43.5672 31.8478H48.9703C49.9215 31.8478 50.2259 30.7444 49.7693 30.1736L40.8276 21.0416L40.371 20.547C39.3436 19.3294 39.4578 18.8728 40.6373 17.6171L47.7527 9.74078C48.2093 9.17004 47.9049 8.06659 46.9156 8.06659H42.0452C41.8549 8.06659 41.7027 8.06659 41.5886 8.10464C41.2842 8.18074 41.2081 8.29489 41.132 8.37099C41.0939 8.40904 37.1748 12.6326 34.7776 15.22C34.1308 15.9429 32.9512 15.4483 32.9512 14.497V0.951249C32.9512 0.26635 32.3805 0 31.9239 0H27.9287C27.2438 0 26.9013 0.456599 26.9013 0.875148V30.9346C26.9013 31.6195 27.4721 31.8098 27.9287 31.8098H31.9239C32.5327 31.8098 32.9512 31.3532 32.9512 30.8966V30.5922L32.9132 23.9715ZM65.4839 30.7824L65.0654 26.7872C64.9893 26.2545 64.4946 25.874 63.9619 25.9501L63.0487 26.0262C59.8526 26.0262 57.2652 23.5149 57.113 20.3948V15.1819C57.113 14.5351 57.5696 14.0404 58.2164 14.0404H63.5434C63.9239 14.0404 64.4946 13.736 64.4946 13.0131V9.24614C64.4946 8.52319 64.038 8.10464 63.6195 8.10464H58.2545C57.6457 8.10464 57.113 7.64804 57.113 7.03924V0.989298C57.113 0.608798 56.8466 0.0380494 56.0856 0.0380494H52.1284C51.6338 0.0380494 51.1391 0.342449 51.1391 0.951249V20.3948C51.2913 26.8252 56.5803 32 63.0868 32C63.6195 32 64.1522 31.9619 64.6849 31.8858C65.1415 31.8097 65.56 31.3151 65.4839 30.7824V30.7824ZM94.2497 25.7598C90.8633 25.7598 90.3686 24.5422 90.3686 20.0143V9.09394C90.3686 8.71344 90.1023 8.06659 89.3413 8.06659H85.346C84.8514 8.06659 84.3187 8.44709 84.3187 9.09394V9.58858C82.5684 8.59929 80.5898 8.02854 78.4209 8.02854C71.8383 8.02854 66.4732 13.3555 66.4732 19.9762C66.4697 21.5462 66.7764 23.1014 67.3756 24.5526C67.9747 26.0037 68.8547 27.3222 69.9648 28.4323C71.075 29.5425 72.3934 30.4224 73.8446 31.0216C75.2957 31.6208 76.8509 31.9274 78.4209 31.9239C81.3888 31.9239 84.0904 30.8585 86.1831 29.0702C87.3246 30.7824 89.113 31.9239 91.9286 31.9239C92.4233 31.9239 94.9726 32 94.9726 30.8205V26.5589C94.9346 26.1784 94.6302 25.7598 94.2497 25.7598V25.7598ZM78.4209 25.9501C75.1106 25.9501 72.4471 23.2866 72.4471 19.9762C72.4471 16.6659 75.1106 14.0024 78.4209 14.0024C81.7313 14.0024 84.3948 16.6659 84.3948 19.9762C84.3567 23.2866 81.6932 25.9501 78.4209 25.9501Z"
|
|
19
|
-
/>
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
return (
|
|
23
|
-
<IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
|
|
24
|
-
<title>Okta integration logo</title>
|
|
25
|
-
{path}
|
|
26
|
-
</IntegrationLogoSvgWrapper>
|
|
27
|
-
);
|
|
28
|
-
};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
|
|
3
|
-
|
|
4
|
-
export const OneLoginSvg = ({
|
|
5
|
-
color = "#1c1f2a",
|
|
6
|
-
square,
|
|
7
|
-
...rest
|
|
8
|
-
}: SvgLogoProps) => {
|
|
9
|
-
const viewBox = square ? "0 0 32 32" : "0 0 130 32";
|
|
10
|
-
const path = square ? (
|
|
11
|
-
<>
|
|
12
|
-
<path
|
|
13
|
-
fill={color}
|
|
14
|
-
d="M15.9 0.114c-8.771 0-15.9 7.114-15.9 15.886 0 8.786 7.114 15.9 15.9 15.9s15.9-7.114 15.9-15.9c0-8.771-7.114-15.886-15.9-15.886z"
|
|
15
|
-
/>
|
|
16
|
-
<path
|
|
17
|
-
fill="#fff"
|
|
18
|
-
d="M18.271 21.629c0 0.3-0.157 0.457-0.457 0.457h-2.857c-0.3 0-0.457-0.157-0.457-0.457v-6.886h-2.186c-0.3 0-0.457-0.157-0.457-0.457v-2.857c0-0.3 0.157-0.457 0.457-0.457h5.571c0.3 0 0.371 0.157 0.371 0.371v10.286h0.014z"
|
|
19
|
-
/>
|
|
20
|
-
</>
|
|
21
|
-
) : (
|
|
22
|
-
<path
|
|
23
|
-
fill={color}
|
|
24
|
-
d="M42.886 14.44c0.293-1.841 1.914-4.126 5.010-4.126 2.871 0 4.529 2.103 4.791 4.126h-9.801zM38.906 15.915c0 5.083 3.682 8.546 9.064 8.546 3.535 0 5.858-1.731 7.223-3.243 0.14-0.152 0.219-0.366 0-0.591l-1.896-1.749c-0.219-0.219-0.433-0.14-0.591 0-0.963 0.847-2.45 2.194-4.736 2.194-2.651 0-4.571-1.621-5.010-3.682h13.117c0.366 0 0.591-0.219 0.591-0.591v-0.811c0-4.864-3.17-8.917-8.546-8.917-5.79 0-9.216 3.95-9.216 8.844zM59.020 23.723c0 0.293 0.146 0.445 0.445 0.445h2.798c0.293 0 0.445-0.146 0.445-0.445v-23.357c0-0.219-0.073-0.366-0.366-0.366h-2.95c-0.293 0-0.366 0.146-0.366 0.366v23.357h-0.006zM33.085 23.723c0 0.293 0.146 0.445 0.445 0.445h2.798c0.293 0 0.445-0.146 0.445-0.445v-9.356c0-3.98-2.359-7.296-7.369-7.296h-0.073c-2.432 0-4.273 0.811-5.376 1.768v-0.884c0-0.293-0.219-0.445-0.445-0.445h-2.798c-0.293 0-0.445 0.146-0.445 0.445v15.768c0 0.293 0.146 0.445 0.445 0.445h2.798c0.293 0 0.445-0.146 0.445-0.445v-8.692c0-2.725 1.402-4.718 4.645-4.718s4.492 1.987 4.492 4.718v8.692h-0.006zM86.156 28.648c1.286 1.506 3.992 3.328 7.796 3.328 5.315 0 8.546-3.243 8.546-8.399v-15.622c0-0.293-0.146-0.445-0.445-0.445h-2.651c-0.293 0-0.445 0.146-0.445 0.445v0.884c-1.176-0.957-2.725-1.768-5.23-1.768-4.791 0-8.99 3.535-8.99 8.692 0 5.23 4.053 8.692 8.99 8.692 2.316 0 3.938-0.847 5.083-1.743v1.085c0 2.95-1.713 4.864-4.894 4.864-2.639 0-4.389-1.432-5.498-2.505-0.226-0.219-0.518-0.219-0.738 0l-1.53 1.755c-0.219 0.219-0.219 0.439 0.006 0.738zM14.147 15.762c0 2.95-2.213 5.303-5.157 5.303s-5.010-2.505-5.010-5.303v-0.146c0-2.798 2.060-5.157 5.010-5.157s5.157 2.359 5.157 5.303zM0 15.762c0 4.718 3.834 8.692 8.99 8.692s8.99-3.974 8.99-8.692v-0.146c0-4.718-3.834-8.546-8.99-8.546s-8.99 3.834-8.99 8.692zM79.067 15.762c0 2.95-2.213 5.303-5.157 5.303-2.95 0-5.010-2.505-5.010-5.303v-0.146c0-2.798 2.060-5.157 5.010-5.157 2.944 0 5.157 2.359 5.157 5.303zM64.914 15.762c0 4.718 3.834 8.692 8.99 8.692s8.99-3.98 8.99-8.692v-0.146c0-4.718-3.834-8.546-8.99-8.546s-8.99 3.834-8.99 8.692zM105.96 23.723c0 0.293 0.146 0.445 0.445 0.445h2.798c0.293 0 0.445-0.146 0.445-0.445v-15.842c0-0.219-0.073-0.366-0.366-0.366h-2.95c-0.293 0-0.366 0.146-0.366 0.366v15.842h-0.006zM105.96 3.31c0 0.293 0.146 0.445 0.445 0.445h2.798c0.293 0 0.445-0.146 0.445-0.445v-2.944c0-0.219-0.073-0.366-0.366-0.366h-2.95c-0.293 0-0.366 0.146-0.366 0.366v2.944h-0.006zM125.854 23.723c0 0.293 0.146 0.445 0.445 0.445h2.798c0.293 0 0.445-0.146 0.445-0.445v-9.356c0-3.98-2.359-7.296-7.369-7.296h-0.073c-2.432 0-4.273 0.811-5.376 1.768v-0.884c0-0.293-0.219-0.445-0.445-0.445h-2.798c-0.293 0-0.445 0.146-0.445 0.445v15.768c0 0.293 0.146 0.445 0.445 0.445h2.798c0.293 0 0.445-0.146 0.445-0.445v-8.692c0-2.725 1.402-4.718 4.645-4.718s4.492 1.987 4.492 4.718v8.692h-0.006zM98.883 15.762c0 2.95-2.213 5.303-5.157 5.303-2.95 0-5.010-2.505-5.010-5.303v-0.146c0-2.798 2.060-5.157 5.010-5.157s5.157 2.359 5.157 5.303z"
|
|
25
|
-
/>
|
|
26
|
-
);
|
|
27
|
-
|
|
28
|
-
return (
|
|
29
|
-
<IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
|
|
30
|
-
<title>OneLogin integration logo</title>
|
|
31
|
-
{path}
|
|
32
|
-
</IntegrationLogoSvgWrapper>
|
|
33
|
-
);
|
|
34
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
|
|
3
|
-
|
|
4
|
-
export const SalesforceSvg = ({
|
|
5
|
-
color = "#00a1e0",
|
|
6
|
-
square,
|
|
7
|
-
...rest
|
|
8
|
-
}: SvgLogoProps) => {
|
|
9
|
-
const viewBox = square ? "0 0 32 32" : "0 0 46 32";
|
|
10
|
-
const path = square ? (
|
|
11
|
-
<>
|
|
12
|
-
<path
|
|
13
|
-
fill={color}
|
|
14
|
-
d="M13.31 7.2c1.034-1.071 2.475-1.748 4.063-1.748 2.118 0 3.952 1.182 4.937 2.93 0.849-0.382 1.798-0.591 2.795-0.591 3.817 0 6.895 3.115 6.895 6.957s-3.090 6.957-6.895 6.957c-0.468 0-0.923-0.049-1.354-0.136-0.862 1.539-2.512 2.586-4.408 2.586-0.788 0-1.539-0.185-2.204-0.505-0.874 2.056-2.918 3.509-5.294 3.509-2.475 0-4.593-1.564-5.405-3.768-0.357 0.074-0.726 0.111-1.096 0.111-2.955 0-5.344-2.413-5.344-5.405 0-1.995 1.071-3.743 2.672-4.679-0.332-0.751-0.517-1.588-0.517-2.475-0.012-3.411 2.783-6.193 6.205-6.193 2.019 0 3.817 0.96 4.95 2.45z"
|
|
15
|
-
/>
|
|
16
|
-
<path
|
|
17
|
-
fill="#fff"
|
|
18
|
-
d="M4.011 17.030l0.135-0.357c0.025-0.062 0.062-0.037 0.086-0.025 0.037 0.025 0.062 0.037 0.111 0.074 0.382 0.246 0.739 0.246 0.85 0.246 0.283 0 0.468-0.148 0.468-0.357v-0.012c0-0.222-0.271-0.308-0.591-0.406l-0.074-0.025c-0.431-0.123-0.899-0.308-0.899-0.85v-0.012c0-0.517 0.419-0.886 1.022-0.886h0.062c0.357 0 0.689 0.098 0.936 0.259 0.025 0.012 0.049 0.037 0.037 0.074s-0.123 0.32-0.135 0.357c-0.025 0.062-0.086 0.025-0.086 0.025-0.222-0.123-0.554-0.209-0.837-0.209-0.259 0-0.419 0.135-0.419 0.32v0.012c0 0.209 0.283 0.308 0.603 0.406l0.062 0.012c0.431 0.136 0.886 0.32 0.886 0.85v0.012c0 0.566-0.406 0.911-1.059 0.911-0.32 0-0.628-0.049-0.96-0.222-0.062-0.037-0.123-0.061-0.185-0.111-0.012-0.025-0.037-0.037-0.012-0.086zM13.614 17.030l0.135-0.357c0.025-0.062 0.074-0.037 0.086-0.025 0.037 0.025 0.062 0.037 0.111 0.074 0.382 0.246 0.739 0.246 0.85 0.246 0.283 0 0.468-0.148 0.468-0.357v-0.012c0-0.222-0.271-0.308-0.591-0.406l-0.074-0.025c-0.431-0.123-0.899-0.308-0.899-0.85v-0.012c0-0.517 0.419-0.886 1.022-0.886h0.062c0.357 0 0.69 0.098 0.936 0.259 0.025 0.012 0.049 0.037 0.037 0.074s-0.123 0.32-0.136 0.357c-0.025 0.062-0.086 0.025-0.086 0.025-0.222-0.123-0.554-0.209-0.837-0.209-0.259 0-0.419 0.135-0.419 0.32v0.012c0 0.209 0.283 0.308 0.603 0.406l0.062 0.012c0.431 0.136 0.886 0.32 0.886 0.85v0.012c0 0.566-0.406 0.911-1.059 0.911-0.32 0-0.628-0.049-0.96-0.222-0.062-0.037-0.123-0.061-0.185-0.111 0-0.025-0.025-0.037-0.012-0.086zM20.731 15.343c0.049 0.185 0.086 0.382 0.086 0.591s-0.025 0.406-0.086 0.591c-0.049 0.185-0.136 0.345-0.246 0.48s-0.259 0.246-0.419 0.32c-0.172 0.074-0.369 0.111-0.591 0.111s-0.419-0.037-0.591-0.111c-0.172-0.074-0.308-0.185-0.419-0.32s-0.197-0.296-0.246-0.48c-0.049-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.135-0.345 0.246-0.48s0.259-0.246 0.419-0.32c0.172-0.074 0.369-0.123 0.591-0.123s0.419 0.037 0.591 0.123c0.172 0.074 0.308 0.185 0.419 0.32s0.197 0.296 0.246 0.48zM20.177 15.922c0-0.32-0.061-0.566-0.172-0.739s-0.296-0.258-0.529-0.258c-0.246 0-0.419 0.086-0.529 0.258s-0.172 0.419-0.172 0.739 0.062 0.566 0.172 0.751c0.111 0.172 0.283 0.259 0.529 0.259s0.419-0.086 0.529-0.259c0.123-0.172 0.172-0.431 0.172-0.751zM25.237 16.845l0.136 0.369c0.012 0.049-0.025 0.061-0.025 0.061-0.209 0.086-0.492 0.136-0.776 0.136-0.48 0-0.837-0.136-1.084-0.406s-0.369-0.64-0.369-1.096c0-0.209 0.025-0.406 0.086-0.591s0.148-0.345 0.271-0.48c0.123-0.135 0.271-0.246 0.443-0.32s0.382-0.123 0.616-0.123c0.16 0 0.296 0.012 0.406 0.025 0.123 0.025 0.296 0.062 0.369 0.098 0.012 0 0.049 0.025 0.037 0.062-0.049 0.148-0.086 0.246-0.136 0.369-0.025 0.062-0.061 0.037-0.061 0.037-0.185-0.062-0.357-0.086-0.579-0.086-0.271 0-0.48 0.086-0.603 0.271-0.136 0.172-0.209 0.406-0.209 0.726 0 0.345 0.086 0.591 0.234 0.751s0.357 0.234 0.628 0.234c0.111 0 0.209-0.012 0.296-0.025s0.172-0.037 0.259-0.074c-0.012 0.025 0.037 0.012 0.061 0.062zM28.032 15.232c0.123 0.419 0.061 0.776 0.049 0.8 0 0.049-0.049 0.049-0.049 0.049h-1.859c0.012 0.283 0.074 0.48 0.222 0.616 0.136 0.135 0.345 0.222 0.64 0.222 0.443 0 0.628-0.086 0.763-0.136 0 0 0.049-0.012 0.074 0.037l0.123 0.345c0.025 0.061 0 0.074-0.012 0.086-0.111 0.062-0.394 0.185-0.936 0.185-0.259 0-0.492-0.037-0.677-0.111s-0.345-0.172-0.468-0.308c-0.123-0.136-0.209-0.296-0.271-0.468-0.061-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.136-0.345 0.246-0.48s0.259-0.246 0.431-0.32c0.172-0.086 0.382-0.123 0.616-0.123 0.197 0 0.382 0.037 0.529 0.111 0.111 0.049 0.234 0.135 0.357 0.271 0.061 0.049 0.172 0.234 0.222 0.406zM26.185 15.626h1.317c-0.012-0.172-0.049-0.32-0.123-0.443-0.111-0.172-0.271-0.271-0.517-0.271s-0.419 0.098-0.529 0.271c-0.074 0.111-0.111 0.259-0.148 0.443zM13.171 15.232c0.123 0.419 0.062 0.776 0.062 0.8 0 0.049-0.049 0.049-0.049 0.049h-1.859c0.012 0.283 0.074 0.48 0.222 0.616 0.135 0.135 0.345 0.222 0.64 0.222 0.443 0 0.628-0.086 0.763-0.136 0 0 0.049-0.012 0.074 0.037l0.123 0.345c0.025 0.061 0 0.074-0.012 0.086-0.111 0.062-0.394 0.185-0.936 0.185-0.259 0-0.492-0.037-0.677-0.111s-0.345-0.172-0.468-0.308c-0.123-0.136-0.209-0.296-0.271-0.468-0.062-0.185-0.086-0.382-0.086-0.591s0.025-0.406 0.086-0.591c0.049-0.185 0.135-0.345 0.246-0.48s0.259-0.246 0.431-0.32c0.172-0.086 0.382-0.123 0.616-0.123 0.197 0 0.382 0.037 0.529 0.111 0.111 0.049 0.234 0.135 0.357 0.271 0.049 0.049 0.172 0.234 0.209 0.406zM11.324 15.626h1.33c-0.012-0.172-0.049-0.32-0.123-0.443-0.111-0.172-0.271-0.271-0.517-0.271s-0.419 0.098-0.529 0.271c-0.086 0.111-0.123 0.259-0.16 0.443zM8.061 15.528c0 0 0.148 0.012 0.308 0.037v-0.074c0-0.246-0.049-0.369-0.148-0.443s-0.259-0.123-0.456-0.123c0 0-0.456 0-0.813 0.185-0.012 0.012-0.025 0.012-0.025 0.012s-0.049 0.012-0.062-0.025l-0.135-0.357c-0.025-0.049 0.012-0.074 0.012-0.074 0.172-0.135 0.566-0.209 0.566-0.209 0.135-0.025 0.357-0.049 0.492-0.049 0.369 0 0.653 0.086 0.85 0.258s0.296 0.443 0.296 0.825v1.699c0 0 0 0.049-0.037 0.061 0 0-0.074 0.025-0.135 0.037s-0.283 0.061-0.468 0.086c-0.185 0.037-0.369 0.049-0.566 0.049-0.185 0-0.345-0.012-0.492-0.049s-0.271-0.086-0.382-0.16c-0.098-0.074-0.185-0.172-0.246-0.296-0.062-0.111-0.086-0.259-0.086-0.419s0.037-0.308 0.098-0.431 0.16-0.222 0.271-0.308c0.111-0.086 0.246-0.136 0.382-0.185 0.148-0.037 0.295-0.062 0.456-0.062 0.148 0.012 0.246 0.012 0.32 0.012zM7.323 16.833c0 0 0.172 0.136 0.542 0.111 0.271-0.012 0.505-0.062 0.505-0.062v-0.849c0 0-0.234-0.037-0.505-0.037-0.382 0-0.542 0.135-0.542 0.135-0.111 0.074-0.16 0.197-0.16 0.357 0 0.099 0.025 0.185 0.062 0.246 0.012 0.025 0.025 0.049 0.098 0.099zM23.021 14.58c-0.012 0.049-0.111 0.308-0.135 0.394-0.012 0.037-0.037 0.049-0.074 0.049 0 0-0.111-0.025-0.209-0.025-0.061 0-0.16 0.012-0.246 0.037s-0.16 0.074-0.234 0.136c-0.074 0.062-0.123 0.16-0.16 0.271s-0.061 0.296-0.061 0.492v1.379c0 0.037-0.025 0.061-0.062 0.061h-0.492c-0.037 0-0.061-0.025-0.061-0.061v-2.77c0-0.037 0.025-0.062 0.049-0.062h0.48c0.037 0 0.049 0.025 0.049 0.062v0.222c0.074-0.098 0.197-0.185 0.308-0.234s0.246-0.086 0.48-0.074c0.123 0.012 0.283 0.037 0.308 0.049 0.049 0.012 0.074 0.025 0.061 0.074zM18.453 13.299c0.012 0 0.049 0.025 0.037 0.062l-0.148 0.394c-0.012 0.025-0.025 0.049-0.086 0.025-0.012 0-0.037-0.012-0.099-0.025-0.037-0.012-0.099-0.012-0.148-0.012-0.074 0-0.135 0.012-0.197 0.025s-0.111 0.049-0.16 0.098-0.099 0.111-0.136 0.197c-0.074 0.197-0.099 0.406-0.099 0.419h0.591c0.049 0 0.062 0.025 0.062 0.062l-0.074 0.382c-0.012 0.062-0.062 0.049-0.062 0.049h-0.616l-0.394 2.376c-0.049 0.246-0.099 0.456-0.16 0.628s-0.136 0.296-0.246 0.419c-0.099 0.111-0.209 0.197-0.345 0.234-0.123 0.049-0.283 0.074-0.456 0.074-0.086 0-0.172 0-0.271-0.025-0.074-0.012-0.111-0.025-0.172-0.049-0.025-0.012-0.037-0.037-0.025-0.074s0.123-0.332 0.136-0.382c0.025-0.049 0.062-0.025 0.062-0.025 0.037 0.012 0.062 0.025 0.098 0.037 0.049 0.012 0.098 0.012 0.148 0.012 0.086 0 0.16-0.012 0.222-0.037 0.074-0.025 0.123-0.074 0.172-0.135s0.086-0.148 0.136-0.259c0.037-0.111 0.074-0.271 0.111-0.456l0.419-2.327h-0.406c-0.049 0-0.062-0.025-0.062-0.062l0.074-0.382c0.012-0.062 0.062-0.049 0.062-0.049h0.419l0.025-0.123c0.061-0.369 0.185-0.652 0.369-0.837s0.456-0.283 0.788-0.283c0.099 0 0.185 0.012 0.259 0.025 0.049-0.012 0.111 0 0.172 0.025zM10.154 17.301c0 0.037-0.025 0.062-0.049 0.062h-0.492c-0.037 0-0.049-0.025-0.049-0.062v-3.952c0-0.025 0.025-0.062 0.049-0.062h0.492c0.037 0 0.049 0.025 0.049 0.062v3.952z"
|
|
19
|
-
/>
|
|
20
|
-
</>
|
|
21
|
-
) : (
|
|
22
|
-
<>
|
|
23
|
-
<path
|
|
24
|
-
fill={color}
|
|
25
|
-
d="M18.991 3.635c1.461-1.513 3.496-2.47 5.739-2.47 2.991 0 5.583 1.67 6.974 4.139 1.2-0.539 2.539-0.835 3.948-0.835 5.391 0 9.739 4.4 9.739 9.826s-4.365 9.826-9.739 9.826c-0.661 0-1.304-0.070-1.913-0.191-1.217 2.174-3.548 3.652-6.226 3.652-1.113 0-2.174-0.261-3.113-0.713-1.235 2.904-4.122 4.957-7.478 4.957-3.496 0-6.487-2.209-7.635-5.322-0.504 0.104-1.026 0.157-1.548 0.157-4.174 0-7.548-3.409-7.548-7.635 0-2.817 1.513-5.287 3.774-6.609-0.47-1.061-0.73-2.243-0.73-3.496-0.017-4.817 3.93-8.748 8.765-8.748 2.852 0 5.391 1.357 6.991 3.461z"
|
|
26
|
-
/>
|
|
27
|
-
<path
|
|
28
|
-
fill="#fff"
|
|
29
|
-
d="M6.73 16.591l0.191-0.504c0.035-0.087 0.087-0.052 0.122-0.035 0.052 0.035 0.087 0.052 0.157 0.104 0.539 0.348 1.043 0.348 1.2 0.348 0.4 0 0.661-0.209 0.661-0.504v-0.017c0-0.313-0.383-0.435-0.835-0.574l-0.104-0.035c-0.609-0.174-1.27-0.435-1.27-1.2v-0.017c0-0.73 0.591-1.252 1.443-1.252h0.087c0.504 0 0.974 0.139 1.322 0.365 0.035 0.017 0.070 0.052 0.052 0.104s-0.174 0.452-0.191 0.504c-0.035 0.087-0.122 0.035-0.122 0.035-0.313-0.174-0.783-0.296-1.183-0.296-0.365 0-0.591 0.191-0.591 0.452v0.017c0 0.296 0.4 0.435 0.852 0.574l0.087 0.017c0.609 0.191 1.252 0.452 1.252 1.2v0.017c0 0.8-0.574 1.287-1.496 1.287-0.452 0-0.887-0.070-1.357-0.313-0.087-0.052-0.174-0.087-0.261-0.157-0.017-0.035-0.052-0.052-0.017-0.122zM20.296 16.591l0.191-0.504c0.035-0.087 0.104-0.052 0.122-0.035 0.052 0.035 0.087 0.052 0.157 0.104 0.539 0.348 1.043 0.348 1.2 0.348 0.4 0 0.661-0.209 0.661-0.504v-0.017c0-0.313-0.383-0.435-0.835-0.574l-0.104-0.035c-0.609-0.174-1.27-0.435-1.27-1.2v-0.017c0-0.73 0.591-1.252 1.443-1.252h0.087c0.504 0 0.974 0.139 1.322 0.365 0.035 0.017 0.070 0.052 0.052 0.104s-0.174 0.452-0.191 0.504c-0.035 0.087-0.122 0.035-0.122 0.035-0.313-0.174-0.783-0.296-1.183-0.296-0.365 0-0.591 0.191-0.591 0.452v0.017c0 0.296 0.4 0.435 0.852 0.574l0.087 0.017c0.609 0.191 1.252 0.452 1.252 1.2v0.017c0 0.8-0.574 1.287-1.496 1.287-0.452 0-0.887-0.070-1.357-0.313-0.087-0.052-0.174-0.087-0.261-0.157 0-0.035-0.035-0.052-0.017-0.122zM30.348 14.209c0.070 0.261 0.122 0.539 0.122 0.835s-0.035 0.574-0.122 0.835c-0.070 0.261-0.191 0.487-0.348 0.678s-0.365 0.348-0.591 0.452c-0.243 0.104-0.522 0.157-0.835 0.157s-0.591-0.052-0.835-0.157c-0.243-0.104-0.435-0.261-0.591-0.452s-0.278-0.417-0.348-0.678c-0.070-0.261-0.122-0.539-0.122-0.835s0.035-0.574 0.122-0.835c0.070-0.261 0.191-0.487 0.348-0.678s0.365-0.348 0.591-0.452c0.243-0.104 0.522-0.174 0.835-0.174s0.591 0.052 0.835 0.174c0.243 0.104 0.435 0.261 0.591 0.452s0.278 0.417 0.348 0.678zM29.565 15.026c0-0.452-0.087-0.8-0.243-1.043s-0.417-0.365-0.748-0.365c-0.348 0-0.591 0.122-0.748 0.365s-0.243 0.591-0.243 1.043c0 0.452 0.087 0.8 0.243 1.061 0.157 0.243 0.4 0.365 0.748 0.365s0.591-0.122 0.748-0.365c0.174-0.243 0.243-0.609 0.243-1.061zM36.713 16.33l0.191 0.522c0.017 0.070-0.035 0.087-0.035 0.087-0.296 0.122-0.696 0.191-1.096 0.191-0.678 0-1.183-0.191-1.53-0.574s-0.522-0.904-0.522-1.548c0-0.296 0.035-0.574 0.122-0.835s0.209-0.487 0.383-0.678c0.174-0.191 0.383-0.348 0.626-0.452s0.539-0.174 0.87-0.174c0.226 0 0.417 0.017 0.574 0.035 0.174 0.035 0.417 0.087 0.522 0.139 0.017 0 0.070 0.035 0.052 0.087-0.070 0.209-0.122 0.348-0.191 0.522-0.035 0.087-0.087 0.052-0.087 0.052-0.261-0.087-0.504-0.122-0.817-0.122-0.383 0-0.678 0.122-0.852 0.383-0.191 0.243-0.296 0.574-0.296 1.026 0 0.487 0.122 0.835 0.33 1.061s0.504 0.33 0.887 0.33c0.157 0 0.296-0.017 0.417-0.035s0.243-0.052 0.365-0.104c-0.017 0.035 0.052 0.017 0.087 0.087zM40.661 14.052c0.174 0.591 0.087 1.096 0.070 1.13 0 0.070-0.070 0.070-0.070 0.070h-2.626c0.017 0.4 0.104 0.678 0.313 0.87 0.191 0.191 0.487 0.313 0.904 0.313 0.626 0 0.887-0.122 1.078-0.191 0 0 0.070-0.017 0.104 0.052l0.174 0.487c0.035 0.087 0 0.104-0.017 0.122-0.157 0.087-0.557 0.261-1.322 0.261-0.365 0-0.696-0.052-0.957-0.157s-0.487-0.243-0.661-0.435c-0.174-0.191-0.296-0.417-0.383-0.661-0.087-0.261-0.122-0.539-0.122-0.835s0.035-0.574 0.122-0.835c0.070-0.261 0.191-0.487 0.348-0.678s0.365-0.348 0.609-0.452c0.243-0.122 0.539-0.174 0.87-0.174 0.278 0 0.539 0.052 0.748 0.157 0.157 0.070 0.33 0.191 0.504 0.383 0.087 0.070 0.243 0.33 0.313 0.574zM38.052 14.609h1.861c-0.017-0.243-0.070-0.452-0.174-0.626-0.157-0.243-0.383-0.383-0.73-0.383s-0.591 0.139-0.748 0.383c-0.104 0.157-0.157 0.365-0.209 0.626zM19.67 14.052c0.174 0.591 0.087 1.096 0.087 1.13 0 0.070-0.070 0.070-0.070 0.070h-2.626c0.017 0.4 0.104 0.678 0.313 0.87 0.191 0.191 0.487 0.313 0.904 0.313 0.626 0 0.887-0.122 1.078-0.191 0 0 0.070-0.017 0.104 0.052l0.174 0.487c0.035 0.087 0 0.104-0.017 0.122-0.157 0.087-0.557 0.261-1.322 0.261-0.365 0-0.696-0.052-0.957-0.157s-0.487-0.243-0.661-0.435c-0.174-0.191-0.296-0.417-0.383-0.661-0.087-0.261-0.122-0.539-0.122-0.835s0.035-0.574 0.122-0.835c0.070-0.261 0.191-0.487 0.348-0.678s0.365-0.348 0.609-0.452c0.243-0.122 0.539-0.174 0.87-0.174 0.278 0 0.539 0.052 0.748 0.157 0.157 0.070 0.33 0.191 0.504 0.383 0.070 0.070 0.243 0.33 0.296 0.574zM17.061 14.609h1.878c-0.017-0.243-0.070-0.452-0.174-0.626-0.157-0.243-0.383-0.383-0.73-0.383s-0.591 0.139-0.748 0.383c-0.122 0.157-0.174 0.365-0.226 0.626zM12.452 14.47c0 0 0.209 0.017 0.435 0.052v-0.104c0-0.348-0.070-0.522-0.209-0.626s-0.365-0.174-0.643-0.174c0 0-0.643 0-1.148 0.261-0.017 0.017-0.035 0.017-0.035 0.017s-0.070 0.017-0.087-0.035l-0.191-0.504c-0.035-0.070 0.017-0.104 0.017-0.104 0.243-0.191 0.8-0.296 0.8-0.296 0.191-0.035 0.504-0.070 0.696-0.070 0.522 0 0.922 0.122 1.2 0.365s0.417 0.626 0.417 1.165v2.4c0 0 0 0.070-0.052 0.087 0 0-0.104 0.035-0.191 0.052s-0.4 0.087-0.661 0.122c-0.261 0.052-0.522 0.070-0.8 0.070-0.261 0-0.487-0.017-0.696-0.070s-0.383-0.122-0.539-0.226c-0.139-0.104-0.261-0.243-0.348-0.417-0.087-0.157-0.122-0.365-0.122-0.591s0.052-0.435 0.139-0.609c0.087-0.174 0.226-0.313 0.383-0.435s0.348-0.191 0.539-0.261c0.209-0.052 0.417-0.087 0.643-0.087 0.209 0.017 0.348 0.017 0.452 0.017zM11.409 16.313c0 0 0.243 0.191 0.765 0.157 0.383-0.017 0.713-0.087 0.713-0.087v-1.2c0 0-0.33-0.052-0.713-0.052-0.539 0-0.765 0.191-0.765 0.191-0.157 0.104-0.226 0.278-0.226 0.504 0 0.139 0.035 0.261 0.087 0.348 0.017 0.035 0.035 0.070 0.139 0.139zM33.583 13.13c-0.017 0.070-0.157 0.435-0.191 0.557-0.017 0.052-0.052 0.070-0.104 0.070 0 0-0.157-0.035-0.296-0.035-0.087 0-0.226 0.017-0.348 0.052s-0.226 0.104-0.33 0.191c-0.104 0.087-0.174 0.226-0.226 0.383s-0.087 0.417-0.087 0.696v1.948c0 0.052-0.035 0.087-0.087 0.087h-0.696c-0.052 0-0.087-0.035-0.087-0.087v-3.913c0-0.052 0.035-0.087 0.070-0.087h0.678c0.052 0 0.070 0.035 0.070 0.087v0.313c0.104-0.139 0.278-0.261 0.435-0.33s0.348-0.122 0.678-0.104c0.174 0.017 0.4 0.052 0.435 0.070 0.070 0.017 0.104 0.035 0.087 0.104zM27.13 11.322c0.017 0 0.070 0.035 0.052 0.087l-0.209 0.557c-0.017 0.035-0.035 0.070-0.122 0.035-0.017 0-0.052-0.017-0.139-0.035-0.052-0.017-0.139-0.017-0.209-0.017-0.104 0-0.191 0.017-0.278 0.035s-0.157 0.070-0.226 0.139c-0.070 0.070-0.139 0.157-0.191 0.278-0.104 0.278-0.139 0.574-0.139 0.591h0.835c0.070 0 0.087 0.035 0.087 0.087l-0.104 0.539c-0.017 0.087-0.087 0.070-0.087 0.070h-0.87l-0.557 3.357c-0.070 0.348-0.139 0.643-0.226 0.887s-0.191 0.417-0.348 0.591c-0.139 0.157-0.296 0.278-0.487 0.33-0.174 0.070-0.4 0.104-0.643 0.104-0.122 0-0.243 0-0.383-0.035-0.104-0.017-0.157-0.035-0.243-0.070-0.035-0.017-0.052-0.052-0.035-0.104s0.174-0.47 0.191-0.539c0.035-0.070 0.087-0.035 0.087-0.035 0.052 0.017 0.087 0.035 0.139 0.052 0.070 0.017 0.139 0.017 0.209 0.017 0.122 0 0.226-0.017 0.313-0.052 0.104-0.035 0.174-0.104 0.243-0.191s0.122-0.209 0.191-0.365c0.052-0.157 0.104-0.383 0.157-0.643l0.591-3.287h-0.574c-0.070 0-0.087-0.035-0.087-0.087l0.104-0.539c0.017-0.087 0.087-0.070 0.087-0.070h0.591l0.035-0.174c0.087-0.522 0.261-0.922 0.522-1.183s0.643-0.4 1.113-0.4c0.139 0 0.261 0.017 0.365 0.035 0.070-0.017 0.157 0 0.243 0.035zM15.409 16.974c0 0.052-0.035 0.087-0.070 0.087h-0.696c-0.052 0-0.070-0.035-0.070-0.087v-5.583c0-0.035 0.035-0.087 0.070-0.087h0.696c0.052 0 0.070 0.035 0.070 0.087v5.583z"
|
|
30
|
-
/>
|
|
31
|
-
</>
|
|
32
|
-
);
|
|
33
|
-
return (
|
|
34
|
-
<IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
|
|
35
|
-
<title>Salesforce integration logo</title>
|
|
36
|
-
{path}
|
|
37
|
-
</IntegrationLogoSvgWrapper>
|
|
38
|
-
);
|
|
39
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
|
|
3
|
-
|
|
4
|
-
export const SlackSvg = ({ color, ...rest }: SvgLogoProps) => (
|
|
5
|
-
<IntegrationLogoSvgWrapper viewBox="0 0 32 32" {...rest}>
|
|
6
|
-
<title>Slack integration logo</title>
|
|
7
|
-
<path
|
|
8
|
-
fill={color || "#e01e5a"}
|
|
9
|
-
d="M6.813 20.181c0 1.832-1.497 3.329-3.329 3.329s-3.329-1.497-3.329-3.329c0-1.832 1.497-3.329 3.329-3.329h3.329v3.329z"
|
|
10
|
-
/>
|
|
11
|
-
<path
|
|
12
|
-
fill={color || "#e01e5a"}
|
|
13
|
-
d="M8.49 20.181c0-1.832 1.497-3.329 3.329-3.329s3.329 1.497 3.329 3.329v8.335c0 1.832-1.497 3.329-3.329 3.329s-3.329-1.497-3.329-3.329v-8.335z"
|
|
14
|
-
/>
|
|
15
|
-
<path
|
|
16
|
-
fill={color || "#36c5f0"}
|
|
17
|
-
d="M11.819 6.813c-1.832 0-3.329-1.497-3.329-3.329s1.497-3.329 3.329-3.329c1.832 0 3.329 1.497 3.329 3.329v3.329h-3.329z"
|
|
18
|
-
/>
|
|
19
|
-
<path
|
|
20
|
-
fill={color || "#36c5f0"}
|
|
21
|
-
d="M11.819 8.49c1.832 0 3.329 1.497 3.329 3.329s-1.497 3.329-3.329 3.329h-8.335c-1.832 0-3.329-1.497-3.329-3.329s1.497-3.329 3.329-3.329h8.335z"
|
|
22
|
-
/>
|
|
23
|
-
<path
|
|
24
|
-
fill={color || "#2eb67d"}
|
|
25
|
-
d="M25.187 11.819c0-1.832 1.497-3.329 3.329-3.329s3.329 1.497 3.329 3.329c0 1.832-1.497 3.329-3.329 3.329h-3.329v-3.329z"
|
|
26
|
-
/>
|
|
27
|
-
<path
|
|
28
|
-
fill={color || "#2eb67d"}
|
|
29
|
-
d="M23.51 11.819c0 1.832-1.497 3.329-3.329 3.329s-3.329-1.497-3.329-3.329v-8.335c0-1.832 1.497-3.329 3.329-3.329s3.329 1.497 3.329 3.329v8.335z"
|
|
30
|
-
/>
|
|
31
|
-
<path
|
|
32
|
-
fill={color || "#ecb22e"}
|
|
33
|
-
d="M20.181 25.187c1.832 0 3.329 1.497 3.329 3.329s-1.497 3.329-3.329 3.329c-1.832 0-3.329-1.497-3.329-3.329v-3.329h3.329z"
|
|
34
|
-
/>
|
|
35
|
-
<path
|
|
36
|
-
fill={color || "#ecb22e"}
|
|
37
|
-
d="M20.181 23.51c-1.832 0-3.329-1.497-3.329-3.329s1.497-3.329 3.329-3.329h8.335c1.832 0 3.329 1.497 3.329 3.329s-1.497 3.329-3.329 3.329h-8.335z"
|
|
38
|
-
/>
|
|
39
|
-
</IntegrationLogoSvgWrapper>
|
|
40
|
-
);
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { SvgProps, Svg } from "../../Svg";
|
|
3
|
-
|
|
4
|
-
interface SvgWrapperProps extends SvgProps {
|
|
5
|
-
square?: boolean;
|
|
6
|
-
size?: number;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export interface SvgLogoProps extends SvgProps {
|
|
10
|
-
color?: string;
|
|
11
|
-
square?: boolean;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const IntegrationLogoSvgWrapper = ({
|
|
15
|
-
children,
|
|
16
|
-
viewBox,
|
|
17
|
-
square,
|
|
18
|
-
size,
|
|
19
|
-
...rest
|
|
20
|
-
}: SvgWrapperProps) => {
|
|
21
|
-
const sizePx = `${size}px`;
|
|
22
|
-
return (
|
|
23
|
-
<Svg
|
|
24
|
-
version="1.1"
|
|
25
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
26
|
-
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
27
|
-
viewBox={viewBox}
|
|
28
|
-
height={sizePx}
|
|
29
|
-
width={square ? sizePx : undefined}
|
|
30
|
-
{...rest}
|
|
31
|
-
>
|
|
32
|
-
{children}
|
|
33
|
-
</Svg>
|
|
34
|
-
);
|
|
35
|
-
};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";
|
|
3
|
-
|
|
4
|
-
export const ZoomSvg = ({
|
|
5
|
-
color = "#2d8cff",
|
|
6
|
-
square,
|
|
7
|
-
...rest
|
|
8
|
-
}: SvgLogoProps) => {
|
|
9
|
-
const viewBox = square ? "0 0 32 32" : "0 0 142 32";
|
|
10
|
-
const path = square ? (
|
|
11
|
-
<>
|
|
12
|
-
<path
|
|
13
|
-
fill={color}
|
|
14
|
-
d="M0.101 15.986c0 8.787 7.124 15.911 15.911 15.911s15.911-7.123 15.911-15.911c0-8.787-7.124-15.911-15.911-15.911s-15.911 7.124-15.911 15.911z"
|
|
15
|
-
/>
|
|
16
|
-
<path
|
|
17
|
-
fill="#fff"
|
|
18
|
-
d="M19.915 21.691h-10.625c-1.969 0-3.566-1.596-3.566-3.566v-7.286c0-0.42 0.341-0.76 0.761-0.76h10.625c1.969 0 3.566 1.597 3.566 3.566v7.286c0 0.42-0.34 0.76-0.76 0.76z"
|
|
19
|
-
/>
|
|
20
|
-
<path
|
|
21
|
-
fill="#fff"
|
|
22
|
-
d="M21.157 18.249l4.684 3.33c0.282 0 0.51-0.228 0.51-0.51v-10.221c0-0.282-0.228-0.51-0.51-0.51l-4.684 3.33v4.582z"
|
|
23
|
-
/>
|
|
24
|
-
</>
|
|
25
|
-
) : (
|
|
26
|
-
<>
|
|
27
|
-
<path
|
|
28
|
-
fill={color}
|
|
29
|
-
d="M57.72 4.68c-3.12-3.12-7.2-4.68-11.32-4.68-4.080 0-8.2 1.56-11.32 4.68-6.24 6.24-6.24 16.36 0 22.64 6.24 6.24 16.36 6.24 22.64 0 6.24-6.24 6.24-16.4 0-22.64zM53.2 22.8c-3.76 3.76-9.84 3.76-13.56 0-3.76-3.76-3.76-9.84 0-13.56 3.76-3.76 9.84-3.76 13.56 0 3.72 3.72 3.72 9.8 0 13.56z"
|
|
30
|
-
/>
|
|
31
|
-
<path
|
|
32
|
-
fill={color}
|
|
33
|
-
d="M91.32 4.68c-3.12-3.12-7.2-4.68-11.32-4.68-4.080 0-8.2 1.56-11.32 4.68-6.24 6.24-6.24 16.36 0 22.64 6.24 6.24 16.36 6.24 22.64 0 6.24-6.24 6.24-16.4 0-22.64zM86.8 22.8c-3.76 3.76-9.84 3.76-13.56 0-3.76-3.76-3.76-9.84 0-13.56 3.76-3.76 9.84-3.76 13.56 0 3.72 3.72 3.72 9.8 0 13.56z"
|
|
34
|
-
/>
|
|
35
|
-
<path
|
|
36
|
-
fill={color}
|
|
37
|
-
d="M6.4 31.92l1.6 0.080h24l-0.080-1.6c-0.2-2.64-2.080-4.56-4.72-4.72l-1.6-0.080h-14.4l19.2-19.2-0.080-1.6c-0.12-2.64-2.080-4.6-4.72-4.72l-1.6-0.080h-24l0.080 1.6c0.2 2.6 2.12 4.56 4.72 4.72l1.6 0.080h14.4l-19.2 19.2 0.080 1.6c0.16 2.64 2.080 4.56 4.72 4.72z"
|
|
38
|
-
/>
|
|
39
|
-
<path
|
|
40
|
-
fill={color}
|
|
41
|
-
d="M115.92 9.6c0.56 0.96 0.72 2 0.8 3.2l0.080 1.6v11.2l0.080 1.6c0.16 2.6 2.080 4.56 4.72 4.72l1.6 0.080v-17.6l0.080-1.6c0.080-1.2 0.24-2.28 0.8-3.24 1.12-1.92 3.16-3.16 5.52-3.16s4.44 1.28 5.56 3.2c0.56 0.96 0.72 2.040 0.76 3.2l0.080 1.6v11.2l0.080 1.6c0.16 2.64 2.080 4.56 4.72 4.72l1.6 0.080v-19.2c0-7.080-5.72-12.8-12.8-12.8-3.84 0-7.24 1.68-9.6 4.32-2.36-2.64-5.76-4.32-9.6-4.32-2.64 0-5.12 0.8-7.16 2.2-1.24-1.4-4.040-2.2-5.64-2.2v32l1.6-0.080c2.68-0.16 4.6-2.080 4.72-4.72l0.080-1.6v-11.2l0.080-1.6c0.080-1.2 0.24-2.28 0.8-3.2 1.12-1.92 3.16-3.2 5.52-3.2s4.44 1.28 5.52 3.2z"
|
|
42
|
-
/>
|
|
43
|
-
</>
|
|
44
|
-
);
|
|
45
|
-
return (
|
|
46
|
-
<IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
|
|
47
|
-
<title>Zoom integration logo</title>
|
|
48
|
-
{path}
|
|
49
|
-
</IntegrationLogoSvgWrapper>
|
|
50
|
-
);
|
|
51
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { storiesOf } from "@storybook/react";
|
|
3
|
-
import Story from "../../storybook-components/Story";
|
|
4
|
-
import { Box } from "../Box";
|
|
5
|
-
import { Link } from "../Link";
|
|
6
|
-
import { Meta } from "./Meta";
|
|
7
|
-
|
|
8
|
-
const stories = storiesOf("Components/Data/Meta", module);
|
|
9
|
-
|
|
10
|
-
stories.add("Default", () => (
|
|
11
|
-
<Story title="Meta">
|
|
12
|
-
<Box className="mb-4">
|
|
13
|
-
<Meta heading="Due">November 15, 2020 (7 days)</Meta>
|
|
14
|
-
</Box>
|
|
15
|
-
<Box className="mb-4">
|
|
16
|
-
<Meta heading="Asset">
|
|
17
|
-
<Link href="/sentry">Sentry</Link>
|
|
18
|
-
</Meta>
|
|
19
|
-
</Box>
|
|
20
|
-
<Box className="mb-4">
|
|
21
|
-
<Meta heading="Status">Open</Meta>
|
|
22
|
-
</Box>
|
|
23
|
-
</Story>
|
|
24
|
-
));
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { Box, BoxProps } from "../Box";
|
|
4
|
-
import { Heading } from "../Heading";
|
|
5
|
-
import { SmallCaps } from "../SmallCaps";
|
|
6
|
-
import { bem } from "../../utilities/bem";
|
|
7
|
-
|
|
8
|
-
const cn = "Meta";
|
|
9
|
-
|
|
10
|
-
export interface MetaProps extends BoxProps {
|
|
11
|
-
heading: string;
|
|
12
|
-
headingAs?: string;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export const Meta = (props: MetaProps) => {
|
|
16
|
-
const { children, heading, headingAs = "h3", className, ...rest } = props;
|
|
17
|
-
|
|
18
|
-
return (
|
|
19
|
-
<Box className={classNames(bem(cn), className)} {...rest}>
|
|
20
|
-
<Heading as={headingAs} className="mb-1">
|
|
21
|
-
<SmallCaps>{heading}</SmallCaps>
|
|
22
|
-
</Heading>
|
|
23
|
-
<Box className="font-medium text-gray-700">{children}</Box>
|
|
24
|
-
</Box>
|
|
25
|
-
);
|
|
26
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Meta } from "./Meta";
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Story, Preview, Props, Meta } from "@storybook/addon-docs/blocks";
|
|
2
|
-
import { PropertyDiff } from "./PropertyDiff";
|
|
3
|
-
|
|
4
|
-
<Meta title="Components/Data/Property Diff" component={PropertyDiff} />
|
|
5
|
-
|
|
6
|
-
# PropertyDiff
|
|
7
|
-
|
|
8
|
-
```jsx
|
|
9
|
-
import { PropertyDiff } from "@conveyorhq/arrow-ds";
|
|
10
|
-
```
|
|
11
|
-
|
|
12
|
-
<Preview>
|
|
13
|
-
<Story name="PropertyDiff">
|
|
14
|
-
<PropertyDiff property="Status" oldValue="Inactive" newValue="Active" />
|
|
15
|
-
</Story>
|
|
16
|
-
</Preview>
|
|
17
|
-
|
|
18
|
-
## Props
|
|
19
|
-
|
|
20
|
-
<Props of={PropertyDiff} />
|
|
21
|
-
|
|
22
|
-
## Demos
|
|
23
|
-
|
|
24
|
-
### Without property label
|
|
25
|
-
|
|
26
|
-
<Preview>
|
|
27
|
-
<Story name="Without property label">
|
|
28
|
-
<PropertyDiff oldValue="Inactive" newValue="Active" />
|
|
29
|
-
</Story>
|
|
30
|
-
</Preview>
|
|
31
|
-
|
|
32
|
-
### No old value
|
|
33
|
-
|
|
34
|
-
<Preview>
|
|
35
|
-
<Story name="Null to value">
|
|
36
|
-
<PropertyDiff property="Status" newValue="Active" />
|
|
37
|
-
</Story>
|
|
38
|
-
</Preview>
|
|
39
|
-
|
|
40
|
-
### No new value
|
|
41
|
-
|
|
42
|
-
<Preview>
|
|
43
|
-
<Story name="Value to null">
|
|
44
|
-
<PropertyDiff property="Status" oldValue="Inactive" />
|
|
45
|
-
</Story>
|
|
46
|
-
</Preview>
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { BoxProps } from "../Box";
|
|
4
|
-
import { Flex } from "../Flex";
|
|
5
|
-
import { Icon, ICON_TYPE } from "../Icon";
|
|
6
|
-
import { Text } from "../Text";
|
|
7
|
-
import { bem } from "../../utilities/bem";
|
|
8
|
-
|
|
9
|
-
const cn = "PropertyDiff";
|
|
10
|
-
|
|
11
|
-
export interface PropertyDiffProps extends BoxProps {
|
|
12
|
-
property?: string;
|
|
13
|
-
oldValue?: string;
|
|
14
|
-
newValue?: string;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export const PropertyDiff = (props: PropertyDiffProps) => {
|
|
18
|
-
const { property, oldValue, newValue, className, ...rest } = props;
|
|
19
|
-
|
|
20
|
-
return (
|
|
21
|
-
<Flex className={classNames(bem(cn), className)} {...rest}>
|
|
22
|
-
{property && (
|
|
23
|
-
<Text as="div" className={bem(cn, { e: "property" })}>
|
|
24
|
-
{property}
|
|
25
|
-
</Text>
|
|
26
|
-
)}
|
|
27
|
-
|
|
28
|
-
{oldValue && (
|
|
29
|
-
<Text as="div" className={bem(cn, { e: "oldValue" })}>
|
|
30
|
-
{oldValue}
|
|
31
|
-
</Text>
|
|
32
|
-
)}
|
|
33
|
-
|
|
34
|
-
{oldValue && newValue && (
|
|
35
|
-
<Icon
|
|
36
|
-
className={bem(cn, { e: "icon" })}
|
|
37
|
-
icon={ICON_TYPE.LONG_ARROW_ALT_RIGHT}
|
|
38
|
-
/>
|
|
39
|
-
)}
|
|
40
|
-
|
|
41
|
-
{newValue && (
|
|
42
|
-
<Text as="div" className={bem(cn, { e: "newValue" })}>
|
|
43
|
-
{newValue}
|
|
44
|
-
</Text>
|
|
45
|
-
)}
|
|
46
|
-
</Flex>
|
|
47
|
-
);
|
|
48
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.ads-PropertyDiff {
|
|
2
|
-
@apply items-center;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.ads-PropertyDiff-property {
|
|
6
|
-
@apply text-h5
|
|
7
|
-
text-gray-700
|
|
8
|
-
font-medium
|
|
9
|
-
mr-14;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.ads-PropertyDiff-oldValue,
|
|
13
|
-
.ads-PropertyDiff-newValue {
|
|
14
|
-
@apply text-h5
|
|
15
|
-
text-gray-800
|
|
16
|
-
font-medium
|
|
17
|
-
p-1;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.ads-PropertyDiff-oldValue {
|
|
21
|
-
@apply bg-red-100;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.ads-PropertyDiff-newValue {
|
|
25
|
-
@apply bg-green-100;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.ads-PropertyDiff-icon {
|
|
29
|
-
@apply text-gray-600
|
|
30
|
-
mx-1;
|
|
31
|
-
|
|
32
|
-
font-size: 10px;
|
|
33
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./PropertyDiff";
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
# Usage
|
|
2
|
-
|
|
3
|
-
`<Relative />` is used for wrapping child nodes in an relative-positioned Box.
|
|
4
|
-
|
|
5
|
-
`import { Relative } from "@conveyorhq/arrow-ds"`
|
|
6
|
-
|
|
7
|
-
```jsx
|
|
8
|
-
<Relative>
|
|
9
|
-
{children}
|
|
10
|
-
</Relative>
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Props
|
|
14
|
-
|
|
15
|
-
Relative props extend `React.HTMLProps<HTMLDivElement>` via `BoxProps`,
|
|
16
|
-
therefore any valid attributes for an HTML `div` element are accepted as props.
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { storiesOf } from "@storybook/react";
|
|
3
|
-
import Story from "../../storybook-components/Story";
|
|
4
|
-
import { Relative } from "./Relative";
|
|
5
|
-
|
|
6
|
-
const stories = storiesOf("Components/Positioning/Relative", module);
|
|
7
|
-
|
|
8
|
-
stories.add("Default", () => (
|
|
9
|
-
<Story title="Relative">
|
|
10
|
-
<Relative>This is the Relative component</Relative>
|
|
11
|
-
</Story>
|
|
12
|
-
));
|