@conveyorhq/arrow-ds 2.0.0-beta.5 → 2.0.0-beta.9
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 +31 -23
- package/public/components/Accordion/Accordion.d.ts +29 -17
- package/public/components/Accordion/Accordion.js +73 -53
- 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/Avatar.js +20 -19
- 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 +5 -2
- package/public/components/CloseButton/CloseButton.d.ts +1 -2
- package/public/components/ConveyorLogo/ConveyorLogo.js +7 -7
- package/public/components/Divider/Divider.d.ts +1 -9
- package/public/components/Divider/Divider.js +13 -24
- package/public/components/Drawer/Drawer.js +4 -2
- package/public/components/Flex/Flex.js +3 -4
- package/public/components/Frame/Frame.d.ts +1 -1
- package/public/components/Grid/Grid.d.ts +2 -2
- package/public/components/Grid/Grid.js +9 -3
- package/public/components/Icon/Icon.d.ts +15 -0
- package/public/components/Icon/Icon.js +34 -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/Modal/Modal.d.ts +6 -0
- package/public/components/Modal/Modal.js +30 -20
- 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 +65 -13
- 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 +15 -10
- package/public/components/Select/SelectPopover.js +6 -6
- package/public/components/Select/index.d.ts +2 -0
- package/public/components/Select/index.js +3 -0
- package/public/components/Select/theme.js +22 -22
- 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/Svg/Svg.d.ts +3 -3
- package/public/components/Svg/Svg.js +1 -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/components/Tooltip/Tooltip.js +24 -31
- package/public/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
- package/public/components/VisuallyHidden/VisuallyHidden.js +3 -5
- package/public/css/styles.css +4542 -33010
- package/public/css/styles.min.css +1 -1
- package/public/css/styles.min.css.map +1 -1
- package/public/hooks/index.d.ts +3 -0
- package/public/hooks/index.js +7 -1
- package/public/hooks/useMatchMedia.d.ts +1 -0
- package/public/hooks/useMatchMedia.js +27 -0
- package/public/hooks/usePrefersReducedMotion.d.ts +1 -0
- package/public/hooks/usePrefersReducedMotion.js +9 -0
- package/public/hooks/useScreenOrientation.d.ts +1 -0
- package/public/hooks/useScreenOrientation.js +24 -0
- package/public/index.d.ts +0 -15
- package/public/index.js +0 -15
- package/public/src/style-dictionary/dist/tokens.css +378 -0
- package/public/src/style-dictionary/dist/tokens.d.ts +428 -0
- package/public/src/style-dictionary/dist/tokens.js +428 -0
- package/public/src/style-dictionary/dist/tokens.module.js +428 -0
- package/public/src/style-dictionary/tailwind.config.js +87 -0
- 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/EnumTable.js +2 -1
- package/public/storybook-components/Story.d.ts +2 -1
- package/public/storybook-components/Story.js +4 -1
- package/public/storybook-components/index.d.ts +1 -1
- package/public/storybook-components/index.js +1 -1
- package/public/style-dictionary/dist/tokens.d.ts +433 -0
- package/public/style-dictionary/dist/tokens.js +426 -0
- package/public/style-dictionary/dist/tokens.module.d.ts +431 -0
- package/public/style-dictionary/dist/tokens.module.js +424 -0
- package/public/style-dictionary/src/border-radius.d.ts +31 -0
- package/public/style-dictionary/src/border-radius.js +12 -0
- package/public/style-dictionary/src/border-width.d.ts +21 -0
- package/public/style-dictionary/src/border-width.js +11 -0
- package/public/style-dictionary/src/color.d.ts +249 -0
- package/public/style-dictionary/src/color.js +99 -0
- package/public/style-dictionary/src/font-size.d.ts +45 -0
- package/public/style-dictionary/src/font-size.js +16 -0
- package/public/style-dictionary/src/font-weight.d.ts +13 -0
- package/public/style-dictionary/src/font-weight.js +8 -0
- package/public/style-dictionary/src/height.d.ts +215 -0
- package/public/style-dictionary/src/height.js +13 -0
- package/public/style-dictionary/src/leading.d.ts +17 -0
- package/public/style-dictionary/src/leading.js +9 -0
- package/public/style-dictionary/src/screen-width.d.ts +17 -0
- package/public/style-dictionary/src/screen-width.js +9 -0
- package/public/style-dictionary/src/shadow.d.ts +63 -0
- package/public/style-dictionary/src/shadow.js +20 -0
- package/public/style-dictionary/src/spacing.d.ts +197 -0
- package/public/style-dictionary/src/spacing.js +70 -0
- package/public/style-dictionary/src/tracking.d.ts +13 -0
- package/public/style-dictionary/src/tracking.js +8 -0
- package/public/style-dictionary/src/type.d.ts +13 -0
- package/public/style-dictionary/src/type.js +35 -0
- package/public/style-dictionary/src/width.d.ts +287 -0
- package/public/style-dictionary/src/width.js +32 -0
- package/public/style-dictionary/src/z-index.d.ts +53 -0
- package/public/style-dictionary/src/z-index.js +22 -0
- package/public/style-dictionary/tailwind.config.d.ts +392 -0
- package/public/style-dictionary/tailwind.config.js +66 -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 -6
- package/public/types/index.js +3 -10
- package/public/utilities/index.d.ts +1 -0
- package/public/utilities/index.js +3 -1
- package/public/utilities/mergeEventHandlers.d.ts +3 -0
- package/public/utilities/mergeEventHandlers.js +13 -0
- package/src/components/Accordion/Accordion.story.mdx +232 -22
- package/src/components/Accordion/Accordion.tsx +237 -114
- 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/Avatar.tsx +20 -19
- 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 +13 -7
- package/src/components/Button/index.css +12 -1
- package/src/components/Button/product.css +12 -0
- package/src/components/Card/Card.story.mdx +56 -73
- package/src/components/CloseButton/CloseButton.tsx +1 -1
- package/src/components/ConveyorLogo/ConveyorLogo.tsx +7 -6
- 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 +9 -8
- 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 +146 -6
- package/src/components/Frame/Frame.tsx +1 -1
- package/src/components/Frame/index.css +8 -13
- 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 +63 -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/Modal/Modal.story.mdx +26 -0
- package/src/components/Modal/Modal.tsx +61 -43
- package/src/components/Modal/context.ts +20 -0
- package/src/components/Modal/index.css +8 -3
- package/src/components/Modal/index.ts +1 -0
- package/src/components/OptionButton/OptionButton.story.mdx +175 -21
- package/src/components/OptionButton/OptionButton.tsx +215 -26
- package/src/components/OptionButton/context.ts +22 -0
- package/src/components/OptionButton/index.css +14 -2
- package/src/components/Overlay/Overlay.story.mdx +26 -0
- 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 +35 -10
- package/src/components/Select/SelectPopover.tsx +6 -6
- package/src/components/Select/index.ts +14 -0
- package/src/components/Select/theme.ts +22 -22
- 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/Svg/Svg.story.mdx +36 -0
- package/src/components/Svg/Svg.tsx +6 -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/Text/Text.story.mdx +34 -0
- 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/components/Tooltip/Tooltip.story.mdx +71 -1
- package/src/components/Tooltip/Tooltip.tsx +40 -35
- package/src/components/Tooltip/index.css +31 -0
- package/src/components/VisuallyHidden/VisuallyHidden.story.mdx +54 -0
- package/src/components/VisuallyHidden/VisuallyHidden.tsx +10 -5
- package/src/components/VisuallyHidden/index.css +3 -0
- package/src/css/base.css +6 -561
- package/src/css/components.css +6 -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/Colors.story.mdx +13 -13
- package/src/docs/Spacing.story.mdx +4 -20
- package/src/docs/Tokens.story.mdx +230 -0
- package/src/docs/Typography.story.mdx +27 -101
- package/src/docs/hooks/useDisclosureHook.story.mdx +58 -0
- package/src/docs/hooks/useKeyPressHook.story.mdx +54 -0
- package/src/docs/hooks/useMatchMediaHook.story.mdx +42 -0
- package/src/docs/hooks/useOutsideClickHook.story.mdx +56 -0
- package/src/docs/hooks/usePrefersReducedMotion.story.mdx +61 -0
- package/src/docs/hooks/useScreenOrientationHook.story.mdx +56 -0
- package/src/docs/hooks/useStepHook.story.mdx +102 -0
- package/src/hooks/index.ts +3 -0
- package/src/hooks/useMatchMedia.ts +40 -0
- package/src/hooks/usePrefersReducedMotion.ts +9 -0
- package/src/hooks/useScreenOrientation.ts +27 -0
- 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/EnumTable.tsx +3 -2
- package/src/storybook-components/Story.tsx +13 -1
- package/src/storybook-components/index.tsx +1 -1
- package/src/style-dictionary/dist/tokens.css +378 -0
- package/src/style-dictionary/dist/tokens.d.ts +428 -0
- package/src/style-dictionary/dist/tokens.js +428 -0
- package/src/style-dictionary/dist/tokens.module.js +428 -0
- package/src/style-dictionary/src/border-radius.js +11 -0
- package/src/style-dictionary/src/border-width.js +10 -0
- package/src/style-dictionary/src/color.js +98 -0
- package/src/style-dictionary/src/font-size.js +15 -0
- package/src/style-dictionary/src/font-weight.js +7 -0
- package/src/style-dictionary/src/height.js +13 -0
- package/src/style-dictionary/src/leading.js +8 -0
- package/src/style-dictionary/src/screen-width.js +8 -0
- package/src/style-dictionary/src/shadow.js +19 -0
- package/src/style-dictionary/src/spacing.js +69 -0
- package/src/style-dictionary/src/tracking.js +7 -0
- package/src/style-dictionary/src/type.js +34 -0
- package/src/style-dictionary/src/width.js +32 -0
- package/src/style-dictionary/src/z-index.js +21 -0
- package/src/style-dictionary/tailwind.config.js +87 -0
- package/src/tokens/borders.ts +6 -0
- package/src/tokens/box-shadow.ts +4 -0
- package/src/tokens/colors.ts +6 -0
- package/src/tokens/font-family.ts +4 -1
- package/src/tokens/font-size.ts +3 -0
- package/src/tokens/font-weight.ts +3 -0
- package/src/tokens/height.ts +6 -44
- package/src/tokens/index.ts +5 -4
- package/src/tokens/letter-spacing.ts +3 -0
- package/src/tokens/line-height.ts +3 -0
- package/src/tokens/margin.ts +7 -47
- package/src/tokens/padding.ts +6 -24
- package/src/tokens/screens.ts +3 -0
- package/src/tokens/sizing-scale.ts +140 -0
- package/src/tokens/width.ts +16 -63
- package/src/tokens/will-change.ts +3 -0
- package/src/tokens/z-index.ts +3 -0
- package/src/types/index.ts +37 -10
- package/src/utilities/index.ts +1 -0
- package/src/utilities/mergeEventHandlers.ts +20 -0
- 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 -60
- package/public/components/Appbar/Appbar.js +0 -42
- package/public/components/Appbar/AppbarClaimProfileButton.d.ts +0 -2
- package/public/components/Appbar/AppbarClaimProfileButton.js +0 -10
- package/public/components/Appbar/AppbarDropdownIcon.d.ts +0 -1
- package/public/components/Appbar/AppbarDropdownIcon.js +0 -10
- package/public/components/Appbar/AppbarLogInButton.d.ts +0 -2
- package/public/components/Appbar/AppbarLogInButton.js +0 -26
- package/public/components/Appbar/AppbarLogo.d.ts +0 -2
- package/public/components/Appbar/AppbarLogo.js +0 -19
- package/public/components/Appbar/AppbarOrganization.d.ts +0 -17
- package/public/components/Appbar/AppbarOrganization.js +0 -35
- package/public/components/Appbar/AppbarTabMarker.d.ts +0 -1
- package/public/components/Appbar/AppbarTabMarker.js +0 -11
- 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 -27
- package/public/components/Appbar/AppbarUser.js +0 -76
- package/public/components/Appbar/config.d.ts +0 -7
- package/public/components/Appbar/config.js +0 -13
- package/public/components/Appbar/context.d.ts +0 -10
- package/public/components/Appbar/context.js +0 -16
- 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/Overlay/Overlay.story.d.ts +0 -1
- package/public/components/Overlay/Overlay.story.js +0 -12
- 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/Svg/Svg.story.d.ts +0 -1
- package/public/components/Svg/Svg.story.js +0 -14
- package/public/components/Text/Text.story.d.ts +0 -1
- package/public/components/Text/Text.story.js +0 -31
- 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/components/VisuallyHidden/VisuallyHidden.story.d.ts +0 -1
- package/public/components/VisuallyHidden/VisuallyHidden.story.js +0 -36
- package/public/components/useStep/ExampleSetupWizard.d.ts +0 -4
- package/public/components/useStep/ExampleSetupWizard.js +0 -33
- 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 -185
- package/src/components/Appbar/Appbar.tsx +0 -108
- package/src/components/Appbar/AppbarClaimProfileButton.tsx +0 -13
- package/src/components/Appbar/AppbarDropdownIcon.tsx +0 -6
- package/src/components/Appbar/AppbarLogInButton.tsx +0 -28
- package/src/components/Appbar/AppbarLogo.tsx +0 -29
- package/src/components/Appbar/AppbarOrganization.tsx +0 -96
- package/src/components/Appbar/AppbarTabMarker.tsx +0 -5
- package/src/components/Appbar/AppbarTabs.tsx +0 -46
- package/src/components/Appbar/AppbarUser.tsx +0 -179
- package/src/components/Appbar/config.ts +0 -12
- package/src/components/Appbar/context.ts +0 -20
- package/src/components/Appbar/index.css +0 -324
- 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/Overlay/Overlay.md +0 -14
- package/src/components/Overlay/Overlay.story.tsx +0 -12
- 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/Svg/Svg.md +0 -14
- package/src/components/Svg/Svg.story.tsx +0 -15
- package/src/components/Text/Text.md +0 -14
- package/src/components/Text/Text.story.tsx +0 -12
- 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/components/VisuallyHidden/VisuallyHidden.md +0 -23
- package/src/components/VisuallyHidden/VisuallyHidden.story.tsx +0 -19
- package/src/components/useStep/ExampleSetupWizard.tsx +0 -63
- package/src/components/useStep/useStep.story.mdx +0 -76
- 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,23 +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.ZoomSvg = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const wrapper_1 = require("./wrapper");
|
|
9
|
-
const ZoomSvg = ({ color = "#2d8cff", square, ...rest }) => {
|
|
10
|
-
const viewBox = square ? "0 0 32 32" : "0 0 142 32";
|
|
11
|
-
const path = square ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
-
react_1.default.createElement("path", { fill: color, 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" }),
|
|
13
|
-
react_1.default.createElement("path", { fill: "#fff", 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" }),
|
|
14
|
-
react_1.default.createElement("path", { fill: "#fff", 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" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
15
|
-
react_1.default.createElement("path", { fill: color, 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" }),
|
|
16
|
-
react_1.default.createElement("path", { fill: color, 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" }),
|
|
17
|
-
react_1.default.createElement("path", { fill: color, 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" }),
|
|
18
|
-
react_1.default.createElement("path", { fill: color, 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" })));
|
|
19
|
-
return (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, Object.assign({ viewBox: viewBox }, rest),
|
|
20
|
-
react_1.default.createElement("title", null, "Zoom integration logo"),
|
|
21
|
-
path));
|
|
22
|
-
};
|
|
23
|
-
exports.ZoomSvg = ZoomSvg;
|
|
@@ -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.Meta = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Heading_1 = require("../Heading");
|
|
11
|
-
const SmallCaps_1 = require("../SmallCaps");
|
|
12
|
-
const bem_1 = require("../../utilities/bem");
|
|
13
|
-
const cn = "Meta";
|
|
14
|
-
const Meta = (props) => {
|
|
15
|
-
const { children, heading, headingAs = "h3", className, ...rest } = props;
|
|
16
|
-
return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn), className) }, rest),
|
|
17
|
-
react_1.default.createElement(Heading_1.Heading, { as: headingAs, className: "mb-1" },
|
|
18
|
-
react_1.default.createElement(SmallCaps_1.SmallCaps, null, heading)),
|
|
19
|
-
react_1.default.createElement(Box_1.Box, { className: "font-medium text-gray-700" }, children)));
|
|
20
|
-
};
|
|
21
|
-
exports.Meta = Meta;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,39 +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
|
-
const React = __importStar(require("react"));
|
|
26
|
-
const react_1 = require("@storybook/react");
|
|
27
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
28
|
-
const Box_1 = require("../Box");
|
|
29
|
-
const Link_1 = require("../Link");
|
|
30
|
-
const Meta_1 = require("./Meta");
|
|
31
|
-
const stories = react_1.storiesOf("Components/Data/Meta", module);
|
|
32
|
-
stories.add("Default", () => (React.createElement(Story_1.default, { title: "Meta" },
|
|
33
|
-
React.createElement(Box_1.Box, { className: "mb-4" },
|
|
34
|
-
React.createElement(Meta_1.Meta, { heading: "Due" }, "November 15, 2020 (7 days)")),
|
|
35
|
-
React.createElement(Box_1.Box, { className: "mb-4" },
|
|
36
|
-
React.createElement(Meta_1.Meta, { heading: "Asset" },
|
|
37
|
-
React.createElement(Link_1.Link, { href: "/sentry" }, "Sentry"))),
|
|
38
|
-
React.createElement(Box_1.Box, { className: "mb-4" },
|
|
39
|
-
React.createElement(Meta_1.Meta, { heading: "Status" }, "Open")))));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Meta } from "./Meta";
|
|
@@ -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 Overlay_1 = require("./Overlay");
|
|
10
|
-
const stories = react_2.storiesOf("Components/Layout/Overlay", module);
|
|
11
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Overlay" },
|
|
12
|
-
react_1.default.createElement(Overlay_1.Overlay, null))));
|
|
@@ -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.PropertyDiff = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Flex_1 = require("../Flex");
|
|
10
|
-
const Icon_1 = require("../Icon");
|
|
11
|
-
const Text_1 = require("../Text");
|
|
12
|
-
const bem_1 = require("../../utilities/bem");
|
|
13
|
-
const cn = "PropertyDiff";
|
|
14
|
-
const PropertyDiff = (props) => {
|
|
15
|
-
const { property, oldValue, newValue, className, ...rest } = props;
|
|
16
|
-
return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(bem_1.bem(cn), className) }, rest),
|
|
17
|
-
property && (react_1.default.createElement(Text_1.Text, { as: "div", className: bem_1.bem(cn, { e: "property" }) }, property)),
|
|
18
|
-
oldValue && (react_1.default.createElement(Text_1.Text, { as: "div", className: bem_1.bem(cn, { e: "oldValue" }) }, oldValue)),
|
|
19
|
-
oldValue && newValue && (react_1.default.createElement(Icon_1.Icon, { className: bem_1.bem(cn, { e: "icon" }), icon: Icon_1.ICON_TYPE.LONG_ARROW_ALT_RIGHT })),
|
|
20
|
-
newValue && (react_1.default.createElement(Text_1.Text, { as: "div", className: bem_1.bem(cn, { e: "newValue" }) }, newValue))));
|
|
21
|
-
};
|
|
22
|
-
exports.PropertyDiff = PropertyDiff;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./PropertyDiff";
|
|
@@ -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("./PropertyDiff"), 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.Relative = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Relative = (props) => {
|
|
11
|
-
const { className, ...rest } = props;
|
|
12
|
-
return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("relative", className) }, rest));
|
|
13
|
-
};
|
|
14
|
-
exports.Relative = Relative;
|
|
@@ -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 Relative_1 = require("./Relative");
|
|
10
|
-
const stories = react_2.storiesOf("Components/Positioning/Relative", module);
|
|
11
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Relative" },
|
|
12
|
-
react_1.default.createElement(Relative_1.Relative, null, "This is the Relative component"))));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Relative } from "./Relative";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const react_2 = require("@storybook/react");
|
|
8
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
9
|
-
const Examples_1 = __importDefault(require("../../storybook-components/Examples"));
|
|
10
|
-
const SpeechBubble_1 = require("./SpeechBubble");
|
|
11
|
-
const stories = react_2.storiesOf("Components/Data/Speech Bubble", module);
|
|
12
|
-
const placementOptions = [
|
|
13
|
-
"top-start",
|
|
14
|
-
"top-end",
|
|
15
|
-
"bottom-start",
|
|
16
|
-
"bottom-end",
|
|
17
|
-
];
|
|
18
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "SpeechBubble" },
|
|
19
|
-
react_1.default.createElement(Examples_1.default, null, placementOptions.map((placement) => (react_1.default.createElement(SpeechBubble_1.SpeechBubble, { "data-placement": placement }, "This is the SpeechBubble component")))))));
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from "../Box";
|
|
2
|
-
import { STATUS_VARIANT } from "../../types";
|
|
3
|
-
import { ICON_TYPE } from "../Icon";
|
|
4
|
-
export declare enum STATUS_LABEL_ICON_POSITION {
|
|
5
|
-
LEFT = "left",
|
|
6
|
-
RIGHT = "right"
|
|
7
|
-
}
|
|
8
|
-
export interface StatusLabelProps extends BoxProps {
|
|
9
|
-
icon?: ICON_TYPE;
|
|
10
|
-
iconPosition?: STATUS_LABEL_ICON_POSITION;
|
|
11
|
-
iconFontSize?: string;
|
|
12
|
-
variant?: STATUS_VARIANT;
|
|
13
|
-
colorLabel?: boolean;
|
|
14
|
-
removeIcon?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare const StatusLabel: (props: StatusLabelProps) => JSX.Element;
|
|
@@ -1,40 +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.StatusLabel = exports.STATUS_LABEL_ICON_POSITION = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const bem_1 = require("../../utilities/bem");
|
|
11
|
-
const types_1 = require("../../types");
|
|
12
|
-
const Flex_1 = require("../Flex");
|
|
13
|
-
const Icon_1 = require("../Icon");
|
|
14
|
-
const Text_1 = require("../Text");
|
|
15
|
-
const cn = "StatusLabel";
|
|
16
|
-
var STATUS_LABEL_ICON_POSITION;
|
|
17
|
-
(function (STATUS_LABEL_ICON_POSITION) {
|
|
18
|
-
STATUS_LABEL_ICON_POSITION["LEFT"] = "left";
|
|
19
|
-
STATUS_LABEL_ICON_POSITION["RIGHT"] = "right";
|
|
20
|
-
})(STATUS_LABEL_ICON_POSITION = exports.STATUS_LABEL_ICON_POSITION || (exports.STATUS_LABEL_ICON_POSITION = {}));
|
|
21
|
-
const StatusIcon = ({ icon, iconPosition, iconFontSize, variant, }) => (react_1.default.createElement(Icon_1.Icon, { style: { fontSize: iconFontSize }, className: classnames_1.default(bem_1.bem(cn, { e: "icon" }), bem_1.bem(cn, { e: "icon", m: variant }), { right: "ml-1", left: "mr-1" }[iconPosition === STATUS_LABEL_ICON_POSITION.RIGHT ? "right" : "left"]), icon: icon }));
|
|
22
|
-
const StatusText = ({ children, variant, colorLabel }) => (react_1.default.createElement(Text_1.Text, { className: classnames_1.default(bem_1.bem(cn, { e: "label" }), colorLabel && bem_1.bem(cn, { e: "label", m: variant })) }, children));
|
|
23
|
-
const StatusLabel = (props) => {
|
|
24
|
-
const { icon = Icon_1.ICON_TYPE.CIRCLE, iconPosition = STATUS_LABEL_ICON_POSITION.LEFT, iconFontSize = "60%", variant = types_1.STATUS_VARIANT.DEFAULT, colorLabel, removeIcon, className, children, ...rest } = props;
|
|
25
|
-
const iconProps = {
|
|
26
|
-
icon,
|
|
27
|
-
iconPosition,
|
|
28
|
-
iconFontSize,
|
|
29
|
-
variant,
|
|
30
|
-
};
|
|
31
|
-
if (removeIcon) {
|
|
32
|
-
return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn), className) }, rest),
|
|
33
|
-
react_1.default.createElement(StatusText, { colorLabel: colorLabel, variant: variant }, children)));
|
|
34
|
-
}
|
|
35
|
-
return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(bem_1.bem(cn), className) }, rest),
|
|
36
|
-
iconPosition === STATUS_LABEL_ICON_POSITION.LEFT && (react_1.default.createElement(StatusIcon, Object.assign({}, iconProps))),
|
|
37
|
-
react_1.default.createElement(StatusText, { colorLabel: colorLabel, variant: variant }, children),
|
|
38
|
-
iconPosition === STATUS_LABEL_ICON_POSITION.RIGHT && (react_1.default.createElement(StatusIcon, Object.assign({}, iconProps)))));
|
|
39
|
-
};
|
|
40
|
-
exports.StatusLabel = StatusLabel;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./StatusLabel";
|
|
@@ -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("./StatusLabel"), exports);
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from "../Box";
|
|
2
|
-
import { STATUS_VARIANT } from "../../types";
|
|
3
|
-
export interface StatusPanelProps extends BoxProps {
|
|
4
|
-
variant?: STATUS_VARIANT;
|
|
5
|
-
hoverable?: boolean;
|
|
6
|
-
}
|
|
7
|
-
declare const StatusPanel: {
|
|
8
|
-
(props: StatusPanelProps): JSX.Element;
|
|
9
|
-
defaultProps: Partial<StatusPanelProps>;
|
|
10
|
-
};
|
|
11
|
-
export { StatusPanel };
|
|
@@ -1,24 +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.StatusPanel = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const bem_1 = require("../../utilities/bem");
|
|
11
|
-
const types_1 = require("../../types");
|
|
12
|
-
const cn = "StatusPanel";
|
|
13
|
-
const defaultStatusPanelProps = {
|
|
14
|
-
variant: types_1.STATUS_VARIANT.DEFAULT,
|
|
15
|
-
hoverable: false,
|
|
16
|
-
};
|
|
17
|
-
const StatusPanel = (props) => {
|
|
18
|
-
const { variant = defaultStatusPanelProps.variant, hoverable = defaultStatusPanelProps.hoverable, className, children, ...rest } = props;
|
|
19
|
-
return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "wrapper" }), className) }, rest),
|
|
20
|
-
react_1.default.createElement(Box_1.Box, { className: classnames_1.default(bem_1.bem(cn), hoverable && bem_1.bem(cn, { m: "hoverable" }), bem_1.bem(cn, { m: variant })) }, children),
|
|
21
|
-
react_1.default.createElement(Box_1.Box, { className: classnames_1.default(bem_1.bem(cn, { e: "accent" }), bem_1.bem(cn, { e: "accent", m: variant })) })));
|
|
22
|
-
};
|
|
23
|
-
exports.StatusPanel = StatusPanel;
|
|
24
|
-
StatusPanel.defaultProps = defaultStatusPanelProps;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./StatusPanel";
|
|
@@ -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("./StatusPanel"), 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.Sticky = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Sticky = (props) => {
|
|
11
|
-
const { className, ...rest } = props;
|
|
12
|
-
return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("sticky", className) }, rest));
|
|
13
|
-
};
|
|
14
|
-
exports.Sticky = Sticky;
|
|
@@ -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 Sticky_1 = require("./Sticky");
|
|
10
|
-
const stories = react_2.storiesOf("Components/Positioning/Sticky", module);
|
|
11
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Sticky" },
|
|
12
|
-
react_1.default.createElement(Sticky_1.Sticky, null, "This is the Sticky component"))));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Sticky } from "./Sticky";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const react_2 = require("@storybook/react");
|
|
8
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
9
|
-
const tokens_1 = require("../../tokens");
|
|
10
|
-
const Svg_1 = require("./Svg");
|
|
11
|
-
const stories = react_2.storiesOf("Components/Images/Svg", module);
|
|
12
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Svg" },
|
|
13
|
-
react_1.default.createElement(Svg_1.Svg, { viewBox: "0 0 300 100", fill: tokens_1.colors.gray["900"] },
|
|
14
|
-
react_1.default.createElement("circle", { cx: "50", cy: "50", r: "40" })))));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,31 +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
|
-
const React = __importStar(require("react"));
|
|
26
|
-
const react_1 = require("@storybook/react");
|
|
27
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
28
|
-
const Text_1 = require("./Text");
|
|
29
|
-
const stories = react_1.storiesOf("Components/Typography/Text", module);
|
|
30
|
-
stories.add("Default", () => (React.createElement(Story_1.default, { title: "Text" },
|
|
31
|
-
React.createElement(Text_1.Text, null, "This is the Text component"))));
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
import { BoxProps } from "../Box";
|
|
3
|
-
export interface TopBarProps extends BoxProps {
|
|
4
|
-
leftSlot: ReactNode;
|
|
5
|
-
middleSlot?: ReactNode;
|
|
6
|
-
rightSlot?: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
declare const TopBar: {
|
|
9
|
-
({ leftSlot, middleSlot, rightSlot, className, ...rest }: TopBarProps): JSX.Element;
|
|
10
|
-
SubNav: (props: BoxProps) => JSX.Element;
|
|
11
|
-
SubNavItem: (props: import("./TopBarSubNavItem").SubNavItemProps) => JSX.Element;
|
|
12
|
-
Breadcrumbs: (props: import("./TopBarBreadcrumbs").BreadcrumbsProps) => JSX.Element;
|
|
13
|
-
};
|
|
14
|
-
export { TopBar };
|
|
@@ -1,24 +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.TopBar = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Flex_1 = require("../Flex");
|
|
10
|
-
const bem_1 = require("../../utilities/bem");
|
|
11
|
-
const TopBarSubNavItem_1 = require("./TopBarSubNavItem");
|
|
12
|
-
const TopBarSubNav_1 = require("./TopBarSubNav");
|
|
13
|
-
const TopBarBreadcrumbs_1 = require("./TopBarBreadcrumbs");
|
|
14
|
-
const b = bem_1.bemHOF("TopBar");
|
|
15
|
-
const TopBar = ({ leftSlot, middleSlot, rightSlot, className, ...rest }) => {
|
|
16
|
-
return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(b(), className) }, rest),
|
|
17
|
-
react_1.default.createElement(Flex_1.Flex, { className: b({ e: "left-slot" }) }, leftSlot),
|
|
18
|
-
middleSlot && (react_1.default.createElement(Flex_1.Flex, { className: b({ e: "middle-slot" }) }, middleSlot)),
|
|
19
|
-
rightSlot && react_1.default.createElement(Flex_1.Flex, { className: b({ e: "right-slot" }) }, rightSlot)));
|
|
20
|
-
};
|
|
21
|
-
exports.TopBar = TopBar;
|
|
22
|
-
TopBar.SubNav = TopBarSubNav_1.TopBarSubNav;
|
|
23
|
-
TopBar.SubNavItem = TopBarSubNavItem_1.TopBarSubNavItem;
|
|
24
|
-
TopBar.Breadcrumbs = TopBarBreadcrumbs_1.TopBarBreadcrumbs;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from "../Box";
|
|
2
|
-
import { LinkProps } from "../Link";
|
|
3
|
-
export interface BreadcrumbsProps extends BoxProps {
|
|
4
|
-
currentPageTitle: string;
|
|
5
|
-
currentPageSubtitle?: string;
|
|
6
|
-
parentTitle?: string;
|
|
7
|
-
parentLinkTitle?: string;
|
|
8
|
-
parentLinkProps?: LinkProps;
|
|
9
|
-
}
|
|
10
|
-
export declare const TopBarBreadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
|
|
@@ -1,34 +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.TopBarBreadcrumbs = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Box_1 = require("../Box");
|
|
10
|
-
const Link_1 = require("../Link");
|
|
11
|
-
const bem_1 = require("../../utilities/bem");
|
|
12
|
-
const Icon_1 = require("../Icon");
|
|
13
|
-
const Flex_1 = require("../Flex");
|
|
14
|
-
const Text_1 = require("../Text");
|
|
15
|
-
const b = bem_1.bemHOF("TopBar");
|
|
16
|
-
const TopBarBreadcrumbs = (props) => {
|
|
17
|
-
const { className, currentPageTitle, currentPageSubtitle, parentTitle, parentLinkTitle, parentLinkProps, ...rest } = props;
|
|
18
|
-
let parentElement = null;
|
|
19
|
-
if (parentLinkTitle) {
|
|
20
|
-
const propsClasses = parentLinkProps !== undefined ? parentLinkProps.className : undefined;
|
|
21
|
-
const linkClasses = classnames_1.default(b({ e: "bc-parent" }), b({ e: "bc-parent", m: "link" }), propsClasses);
|
|
22
|
-
parentElement = (react_1.default.createElement(Link_1.Link, Object.assign({ noStyles: true }, parentLinkProps, { className: linkClasses }),
|
|
23
|
-
react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.LEVEL_UP_ALT, flip: "horizontal", className: b({ e: "bc-parent-link-icon" }) }),
|
|
24
|
-
parentLinkTitle));
|
|
25
|
-
}
|
|
26
|
-
if (parentTitle) {
|
|
27
|
-
parentElement = (react_1.default.createElement(Box_1.Box, { className: classnames_1.default(b({ e: "bc-parent" }), b({ e: "bc-parent", m: "title" })) }, parentTitle));
|
|
28
|
-
}
|
|
29
|
-
return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(b({ e: "bc" }), className) }, rest),
|
|
30
|
-
parentElement,
|
|
31
|
-
react_1.default.createElement(Text_1.Text, { as: "span", className: b({ e: "bc-page-title" }) }, currentPageTitle),
|
|
32
|
-
currentPageSubtitle && (react_1.default.createElement(Text_1.Text, { as: "span", className: b({ e: "bc-page-subtitle" }) }, currentPageSubtitle))));
|
|
33
|
-
};
|
|
34
|
-
exports.TopBarBreadcrumbs = TopBarBreadcrumbs;
|
|
@@ -1,16 +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.TopBarSubNav = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Flex_1 = require("../Flex");
|
|
10
|
-
const bem_1 = require("../../utilities/bem");
|
|
11
|
-
const b = bem_1.bemHOF("TopBar");
|
|
12
|
-
const TopBarSubNav = (props) => {
|
|
13
|
-
const { className, ...rest } = props;
|
|
14
|
-
return (react_1.default.createElement(Flex_1.Flex, Object.assign({ as: "nav", className: classnames_1.default(b({ e: "subnav" }), className) }, rest)));
|
|
15
|
-
};
|
|
16
|
-
exports.TopBarSubNav = TopBarSubNav;
|
|
@@ -1,17 +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.TopBarSubNavItem = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const Link_1 = require("../Link");
|
|
10
|
-
const bem_1 = require("../../utilities/bem");
|
|
11
|
-
const b = bem_1.bemHOF("TopBar");
|
|
12
|
-
const TopBarSubNavItem = (props) => {
|
|
13
|
-
const { isActive = false, className, ...rest } = props;
|
|
14
|
-
const classes = classnames_1.default(b({ e: "subnav-item" }), { [b({ e: "subnav-item", m: "isActive" })]: isActive }, className);
|
|
15
|
-
return react_1.default.createElement(Link_1.Link, Object.assign({ className: classes, noStyles: true }, rest));
|
|
16
|
-
};
|
|
17
|
-
exports.TopBarSubNavItem = TopBarSubNavItem;
|