@conveyorhq/arrow-ds 2.0.0-beta.1 → 2.0.0-beta.10
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 +34 -25
- package/public/components/Accordion/Accordion.d.ts +36 -17
- package/public/components/Accordion/Accordion.js +93 -55
- package/public/components/Accordion/context.d.ts +14 -0
- package/public/components/Accordion/context.js +33 -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 +18 -0
- package/public/components/Accordion/types.js +2 -0
- package/public/components/Avatar/Avatar.d.ts +2 -1
- package/public/components/Avatar/Avatar.js +28 -23
- 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/Checkbox/Checkbox.js +2 -20
- package/public/components/CloseButton/CloseButton.d.ts +1 -2
- package/public/components/ConveyorLogo/ConveyorLogo.d.ts +2 -1
- package/public/components/ConveyorLogo/ConveyorLogo.js +8 -8
- package/public/components/DatePicker/DatePicker.js +41 -9
- package/public/components/DateRangePicker/CustomDateRangeInput.js +3 -2
- 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/FileUpload/FileUpload.d.ts +4 -1
- package/public/components/FileUpload/FileUpload.js +4 -4
- package/public/components/FileUpload/FileUploadDnD.d.ts +3 -0
- package/public/components/FileUpload/FileUploadDnD.js +6 -3
- 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 +24 -1
- package/public/components/Icon/Icon.js +52 -3
- package/public/components/Icon/svg/ArrowToBottom.d.ts +2 -0
- package/public/components/Icon/svg/ArrowToBottom.js +14 -0
- package/public/components/Icon/svg/BadgeCheck.d.ts +2 -0
- package/public/components/Icon/svg/BadgeCheck.js +13 -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/Folders.d.ts +2 -0
- package/public/components/Icon/svg/Folders.js +13 -0
- package/public/components/Icon/svg/index.d.ts +4 -0
- package/public/components/Icon/svg/index.js +4 -0
- package/public/components/Input/Input.d.ts +3 -2
- package/public/components/Input/Input.js +7 -6
- package/public/components/Kbd/Kbd.d.ts +3 -0
- package/public/components/{Fixed/Fixed.js → Kbd/Kbd.js} +6 -6
- package/public/components/Kbd/index.d.ts +1 -0
- package/public/components/{Aside → Kbd}/index.js +1 -1
- 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 +4 -3
- package/public/components/MarkdownEditor/MarkdownEditor.js +1 -2
- package/public/components/MarkdownEditor/MarkdownHelp.js +4 -7
- package/public/components/MenuRenderer/MenuRenderer.js +2 -2
- 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/Popover/Popover.js +4 -4
- package/public/components/Reference/Reference.d.ts +2 -2
- package/public/components/ScrollSpy/ScrollSpy.d.ts +92 -0
- package/public/components/ScrollSpy/ScrollSpy.js +224 -0
- package/public/components/ScrollSpy/actions.d.ts +5 -0
- package/public/components/ScrollSpy/actions.js +11 -0
- package/public/components/ScrollSpy/index.d.ts +2 -0
- package/public/components/{Appbar → ScrollSpy}/index.js +2 -1
- package/public/components/ScrollSpy/reducers.d.ts +6 -0
- package/public/components/ScrollSpy/reducers.js +23 -0
- package/public/components/ScrollSpy/selectors.d.ts +3 -0
- package/public/components/ScrollSpy/selectors.js +7 -0
- package/public/components/ScrollSpy/types.d.ts +11 -0
- package/public/components/ScrollSpy/types.js +7 -0
- package/public/components/Select/Select.d.ts +3 -1
- package/public/components/Select/Select.js +20 -15
- package/public/components/Select/SelectPopover.d.ts +7 -1
- package/public/components/Select/SelectPopover.js +25 -13
- 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/SelectNew/hooks/useSelectLayout.js +2 -2
- 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/Stack/Stack.js +1 -1
- package/public/components/Svg/Svg.d.ts +3 -3
- package/public/components/Svg/Svg.js +1 -2
- package/public/components/Tab/Tab.js +1 -1
- package/public/components/Table/FilterDropdown.js +4 -4
- 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.d.ts +8 -4
- package/public/components/Tooltip/Tooltip.js +96 -72
- package/public/components/Tooltip/context.d.ts +7 -0
- package/public/components/Tooltip/context.js +15 -0
- package/public/components/Tooltip/index.d.ts +1 -0
- package/public/components/Tooltip/index.js +1 -0
- package/public/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
- package/public/components/VisuallyHidden/VisuallyHidden.js +3 -5
- package/public/css/styles.css +3400 -32484
- package/public/css/styles.min.css +1 -1
- package/public/css/styles.min.css.map +1 -1
- package/public/hooks/index.d.ts +5 -0
- package/public/hooks/index.js +11 -1
- package/public/hooks/useCopyToClipboard.d.ts +1 -0
- package/public/hooks/useCopyToClipboard.js +49 -0
- package/public/hooks/useIntersection.d.ts +8 -0
- package/public/hooks/useIntersection.js +26 -0
- 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 +3 -22
- package/public/index.js +4 -23
- 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 +10 -9
- 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 -18
- package/public/types/index.js +3 -24
- 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 +229 -22
- package/src/components/Accordion/Accordion.tsx +294 -113
- package/src/components/Accordion/context.ts +65 -0
- package/src/components/Accordion/index.css +25 -15
- package/src/components/Accordion/index.ts +1 -0
- package/src/components/Accordion/types.ts +59 -0
- package/src/components/Avatar/Avatar.story.mdx +60 -0
- package/src/components/Avatar/Avatar.tsx +62 -58
- package/src/components/Avatar/AvatarGroup.tsx +11 -9
- package/src/components/Avatar/index.css +10 -2
- package/src/components/Banner/Banner.story.mdx +4 -12
- package/src/components/Button/Button.story.mdx +116 -1
- package/src/components/Button/Button.tsx +13 -7
- package/src/components/Button/index.css +12 -6
- package/src/components/Button/product.css +12 -0
- package/src/components/Card/Card.story.mdx +56 -73
- package/src/components/Card/index.css +2 -2
- package/src/components/Checkbox/Checkbox.tsx +4 -24
- package/src/components/Checkbox/index.css +4 -3
- package/src/components/CloseButton/CloseButton.tsx +1 -1
- package/src/components/CloseButton/index.css +0 -5
- package/src/components/ConveyorLogo/ConveyorLogo.story.mdx +31 -0
- package/src/components/ConveyorLogo/ConveyorLogo.tsx +9 -6
- package/src/components/DatePicker/DatePicker.story.mdx +21 -0
- package/src/components/DatePicker/DatePicker.tsx +83 -14
- package/src/components/DatePicker/index.css +52 -8
- package/src/components/DateRangePicker/CustomDateRangeInput.tsx +25 -32
- package/src/components/DateRangePicker/index.css +1 -12
- 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/FileUpload/FileUpload.story.mdx +27 -1
- package/src/components/FileUpload/FileUpload.tsx +13 -6
- package/src/components/FileUpload/FileUploadDnD.tsx +21 -6
- package/src/components/FileUpload/index.css +2 -3
- 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 +93 -9
- package/src/components/Icon/svg/ArrowToBottom.tsx +17 -0
- package/src/components/Icon/svg/BadgeCheck.tsx +13 -0
- package/src/components/Icon/svg/CommentAltCheck.tsx +13 -0
- package/src/components/Icon/svg/Folders.tsx +13 -0
- package/src/components/Icon/svg/index.ts +4 -0
- package/src/components/Input/Input.story.mdx +199 -13
- package/src/components/Input/Input.tsx +39 -6
- package/src/components/Input/brand.css +6 -12
- package/src/components/Input/index.css +14 -0
- package/src/components/Input/product.css +10 -52
- package/src/components/Kbd/Kbd.story.mdx +44 -0
- package/src/components/Kbd/Kbd.tsx +11 -0
- package/src/components/Kbd/index.css +17 -0
- package/src/components/Kbd/index.ts +1 -0
- package/src/components/Link/index.css +4 -14
- 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 +5 -2
- package/src/components/Markdown/index.css +8 -11
- 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/Menu/index.css +2 -6
- package/src/components/MenuRenderer/MenuRenderer.story.mdx +1 -1
- package/src/components/MenuRenderer/MenuRenderer.tsx +1 -1
- package/src/components/Modal/Modal.story.mdx +83 -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 +16 -4
- 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/Popover.tsx +1 -1
- package/src/components/Popover/index.css +5 -6
- package/src/components/Radio/index.css +3 -6
- package/src/components/Reference/Reference.tsx +2 -2
- package/src/components/Reference/index.css +1 -7
- package/src/components/ScrollSpy/ScrollSpy.story.mdx +14 -0
- package/src/components/ScrollSpy/ScrollSpy.tsx +407 -0
- package/src/components/ScrollSpy/actions.ts +8 -0
- package/src/components/ScrollSpy/index.css +7 -0
- package/src/components/ScrollSpy/index.ts +2 -0
- package/src/components/ScrollSpy/reducers.ts +24 -0
- package/src/components/ScrollSpy/selectors.ts +5 -0
- package/src/components/ScrollSpy/types.ts +13 -0
- package/src/components/Select/Select.story.mdx +54 -12
- package/src/components/Select/Select.tsx +51 -13
- package/src/components/Select/SelectPopover.tsx +68 -25
- package/src/components/Select/index.css +6 -0
- package/src/components/Select/index.ts +14 -0
- package/src/components/Select/theme.ts +22 -22
- package/src/components/SelectNew/hooks/useSelectLayout.ts +1 -1
- 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.css +2 -12
- 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/Stack/Stack.tsx +1 -1
- package/src/components/Stack/index.css +0 -416
- package/src/components/Svg/Svg.story.mdx +36 -0
- package/src/components/Svg/Svg.tsx +6 -4
- package/src/components/Tab/Tab.tsx +2 -2
- package/src/components/Tab/index.css +4 -10
- package/src/components/Table/FilterDropdown.tsx +1 -1
- 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 -20
- package/src/components/Table/index.ts +3 -0
- package/src/components/Tag/Tag.story.mdx +1 -1
- package/src/components/Tag/Tag.tsx +2 -2
- package/src/components/Tag/index.css +6 -17
- 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 -7
- package/src/components/Toggle/index.css +2 -16
- package/src/components/Token/Token.story.mdx +2 -2
- package/src/components/Token/index.css +2 -9
- package/src/components/Tooltip/Tooltip.story.mdx +350 -118
- package/src/components/Tooltip/Tooltip.tsx +198 -83
- package/src/components/Tooltip/context.ts +21 -0
- package/src/components/Tooltip/index.css +22 -14
- package/src/components/Tooltip/index.ts +1 -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 +29 -0
- package/src/css/components.css +7 -13
- package/src/css/fonts.css +13 -10
- package/src/css/styles.css +1 -13
- package/src/css/utilities/animations.css +13 -0
- package/src/css/utilities.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 +5 -0
- package/src/hooks/useCopyToClipboard.ts +61 -0
- package/src/hooks/useIntersection.ts +45 -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 +3 -22
- 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 +20 -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 +15 -9
- 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 -24
- 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 -61
- package/public/components/Appbar/Appbar.js +0 -44
- 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 -31
- package/public/components/Appbar/AppbarOrganization.d.ts +0 -17
- package/public/components/Appbar/AppbarOrganization.js +0 -35
- package/public/components/Appbar/AppbarProductMenu.d.ts +0 -13
- package/public/components/Appbar/AppbarProductMenu.js +0 -67
- 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/AptibleLogo/AptibleLogo.d.ts +0 -7
- package/public/components/AptibleLogo/AptibleLogo.js +0 -25
- package/public/components/AptibleLogo/AptibleLogo.story.d.ts +0 -1
- package/public/components/AptibleLogo/AptibleLogo.story.js +0 -37
- package/public/components/AptibleLogo/index.d.ts +0 -1
- package/public/components/AptibleLogo/index.js +0 -5
- 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/Combobox/Combobox.d.ts +0 -2
- package/public/components/Combobox/Combobox.js +0 -75
- package/public/components/Combobox/ComboboxMulti.d.ts +0 -2
- package/public/components/Combobox/ComboboxMulti.js +0 -57
- package/public/components/Combobox/index.d.ts +0 -2
- package/public/components/Combobox/index.js +0 -14
- package/public/components/Combobox/ui.d.ts +0 -73
- package/public/components/Combobox/ui.js +0 -97
- package/public/components/Combobox/useSelect.d.ts +0 -60
- package/public/components/Combobox/useSelect.js +0 -239
- package/public/components/Fixed/Fixed.d.ts +0 -2
- 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/Pagination/Pagination.d.ts +0 -9
- package/public/components/Pagination/Pagination.js +0 -36
- package/public/components/Pagination/Pagination.story.d.ts +0 -1
- package/public/components/Pagination/Pagination.story.js +0 -37
- package/public/components/Pagination/index.d.ts +0 -1
- package/public/components/Pagination/index.js +0 -13
- package/public/components/ProductIcon/ProductIcon.d.ts +0 -7
- package/public/components/ProductIcon/ProductIcon.js +0 -31
- package/public/components/ProductIcon/ProductIcon.story.d.ts +0 -1
- package/public/components/ProductIcon/ProductIcon.story.js +0 -20
- package/public/components/ProductIcon/ProductIconComply.d.ts +0 -2
- package/public/components/ProductIcon/ProductIconComply.js +0 -11
- package/public/components/ProductIcon/ProductIconDeploy.d.ts +0 -2
- package/public/components/ProductIcon/ProductIconDeploy.js +0 -11
- package/public/components/ProductIcon/ProductIconExchange.d.ts +0 -2
- package/public/components/ProductIcon/ProductIconExchange.js +0 -11
- package/public/components/ProductIcon/ProductIconTrustCenter.d.ts +0 -2
- package/public/components/ProductIcon/ProductIconTrustCenter.js +0 -11
- package/public/components/ProductIcon/index.d.ts +0 -1
- package/public/components/ProductIcon/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/SearchFilter/SearchFilter.d.ts +0 -17
- package/public/components/SearchFilter/SearchFilter.js +0 -103
- package/public/components/SearchFilter/index.d.ts +0 -1
- package/public/components/SearchFilter/index.js +0 -13
- 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 -201
- package/src/components/Appbar/Appbar.tsx +0 -124
- 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 -43
- package/src/components/Appbar/AppbarOrganization.tsx +0 -96
- package/src/components/Appbar/AppbarProductMenu.tsx +0 -125
- 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/AptibleLogo/AptibleLogo.story.tsx +0 -22
- package/src/components/AptibleLogo/AptibleLogo.tsx +0 -42
- package/src/components/AptibleLogo/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/Combobox/Combobox.story.mdx +0 -199
- package/src/components/Combobox/Combobox.tsx +0 -162
- package/src/components/Combobox/ComboboxMulti.tsx +0 -169
- package/src/components/Combobox/TODO.md +0 -33
- package/src/components/Combobox/index.css +0 -97
- package/src/components/Combobox/index.ts +0 -2
- package/src/components/Combobox/ui.tsx +0 -211
- package/src/components/Combobox/useSelect.ts +0 -347
- 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/Pagination/Pagination.story.tsx +0 -25
- package/src/components/Pagination/Pagination.tsx +0 -78
- package/src/components/Pagination/index.css +0 -46
- package/src/components/Pagination/index.ts +0 -1
- package/src/components/ProductIcon/ProductIcon.md +0 -22
- package/src/components/ProductIcon/ProductIcon.story.tsx +0 -26
- package/src/components/ProductIcon/ProductIcon.tsx +0 -45
- package/src/components/ProductIcon/ProductIconComply.tsx +0 -17
- package/src/components/ProductIcon/ProductIconDeploy.tsx +0 -17
- package/src/components/ProductIcon/ProductIconExchange.tsx +0 -17
- package/src/components/ProductIcon/ProductIconTrustCenter.tsx +0 -17
- package/src/components/ProductIcon/index.css +0 -13
- package/src/components/ProductIcon/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/SearchFilter/SearchFilter.md +0 -17
- package/src/components/SearchFilter/SearchFilter.story.mdx +0 -186
- package/src/components/SearchFilter/SearchFilter.tsx +0 -187
- package/src/components/SearchFilter/index.css +0 -83
- package/src/components/SearchFilter/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/recipes/TopBarNavigation.story.mdx +0 -114
- package/src/storybook-components/TailwindPropertyClasses.tsx +0 -285
- package/src/tailwind.config.ts +0 -6
- package/src/templates/Index.story.mdx +0 -177
- package/src/tokens/_tailwind-config.ts +0 -69
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { storiesOf } from "@storybook/react";
|
|
3
|
-
import Story from "../../storybook-components/Story";
|
|
4
|
-
import { Overlay } from "./Overlay";
|
|
5
|
-
|
|
6
|
-
const stories = storiesOf("Components/Layout/Overlay", module);
|
|
7
|
-
|
|
8
|
-
stories.add("Default", () => (
|
|
9
|
-
<Story title="Overlay">
|
|
10
|
-
<Overlay />
|
|
11
|
-
</Story>
|
|
12
|
-
));
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
2
|
-
import { storiesOf } from "@storybook/react";
|
|
3
|
-
import Story from "../../storybook-components/Story";
|
|
4
|
-
import { Pagination } from "./Pagination";
|
|
5
|
-
|
|
6
|
-
const stories = storiesOf("Deprecated/Pagination", module);
|
|
7
|
-
|
|
8
|
-
stories.add("Default", () => {
|
|
9
|
-
const [page, setPage] = useState(1);
|
|
10
|
-
|
|
11
|
-
const handlePageChange = (newPage: number) => {
|
|
12
|
-
setPage(newPage);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<Story title="Pagination">
|
|
17
|
-
<Pagination
|
|
18
|
-
currentPageNumber={page}
|
|
19
|
-
itemsPerPage={14}
|
|
20
|
-
totalItems={144}
|
|
21
|
-
onPageChange={handlePageChange}
|
|
22
|
-
/>
|
|
23
|
-
</Story>
|
|
24
|
-
);
|
|
25
|
-
});
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { BoxProps } from "../Box";
|
|
4
|
-
import { Flex } from "../Flex";
|
|
5
|
-
import { Text } from "../Text";
|
|
6
|
-
import { bem } from "../../utilities/bem";
|
|
7
|
-
|
|
8
|
-
const cn = "Pagination";
|
|
9
|
-
|
|
10
|
-
export interface PaginationProps extends BoxProps {
|
|
11
|
-
onPageChange: (pageNumber: number) => any;
|
|
12
|
-
currentPageNumber: number;
|
|
13
|
-
itemsPerPage: number;
|
|
14
|
-
totalItems: number;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
interface PageButtonProps {
|
|
18
|
-
children: ReactNode;
|
|
19
|
-
onClick: () => void;
|
|
20
|
-
className?: string;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const PageButton = ({ className, ...rest }: PageButtonProps) => {
|
|
24
|
-
return <button className={className} type="button" {...rest} />;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
const Pagination = (props: PaginationProps) => {
|
|
28
|
-
const {
|
|
29
|
-
currentPageNumber,
|
|
30
|
-
itemsPerPage,
|
|
31
|
-
totalItems,
|
|
32
|
-
onPageChange,
|
|
33
|
-
className,
|
|
34
|
-
...rest
|
|
35
|
-
} = props;
|
|
36
|
-
|
|
37
|
-
const numPages = Math.ceil(totalItems / itemsPerPage);
|
|
38
|
-
const pageList = new Array(numPages).fill(0);
|
|
39
|
-
|
|
40
|
-
const handleClick = (newPageNumber: number) => {
|
|
41
|
-
if (newPageNumber > 0 && newPageNumber <= pageList.length) {
|
|
42
|
-
onPageChange(newPageNumber);
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
const visibileItems =
|
|
47
|
-
currentPageNumber === numPages
|
|
48
|
-
? totalItems - (numPages - 1) * itemsPerPage
|
|
49
|
-
: itemsPerPage;
|
|
50
|
-
|
|
51
|
-
return (
|
|
52
|
-
<Flex className={classNames([bem(cn), className])} {...rest}>
|
|
53
|
-
{pageList.map((_, index) => {
|
|
54
|
-
const pageNum = index + 1;
|
|
55
|
-
|
|
56
|
-
return (
|
|
57
|
-
<PageButton
|
|
58
|
-
key={pageNum}
|
|
59
|
-
onClick={() => handleClick(pageNum)}
|
|
60
|
-
className={classNames(
|
|
61
|
-
bem(cn, { e: "page" }),
|
|
62
|
-
pageNum === currentPageNumber &&
|
|
63
|
-
bem(cn, { e: "page", m: "active" }),
|
|
64
|
-
)}
|
|
65
|
-
>
|
|
66
|
-
{pageNum}
|
|
67
|
-
</PageButton>
|
|
68
|
-
);
|
|
69
|
-
})}
|
|
70
|
-
|
|
71
|
-
<Text as="span" className={bem(cn, { e: "text" })}>
|
|
72
|
-
{`Showing ${visibileItems} of ${totalItems} results`}
|
|
73
|
-
</Text>
|
|
74
|
-
</Flex>
|
|
75
|
-
);
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
export { Pagination };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
.ads-Pagination {
|
|
2
|
-
@apply flex-wrap;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.ads-Pagination-page {
|
|
6
|
-
@apply flex
|
|
7
|
-
min-h-5
|
|
8
|
-
min-w-5
|
|
9
|
-
px-1
|
|
10
|
-
bg-transparent
|
|
11
|
-
justify-center
|
|
12
|
-
items-center
|
|
13
|
-
rounded
|
|
14
|
-
font-medium
|
|
15
|
-
transition-colors;
|
|
16
|
-
|
|
17
|
-
margin-right: 2px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.ads-Pagination-page:focus {
|
|
21
|
-
@apply outline-none
|
|
22
|
-
shadow-focus;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.ads-Pagination-page--active {
|
|
26
|
-
@apply bg-gray-400;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.ads-Pagination-page:not(.ads-Pagination-page--active) {
|
|
30
|
-
@apply text-blue-400;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.ads-Pagination-page:not(.ads-Pagination-page--active):hover,
|
|
34
|
-
.ads-Pagination-page:not(.ads-Pagination-page--active):active,
|
|
35
|
-
.ads-Pagination-page:not(.ads-Pagination-page--active):focus {
|
|
36
|
-
@apply bg-gray-200;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.ads-Pagination-text {
|
|
40
|
-
@apply flex
|
|
41
|
-
items-center
|
|
42
|
-
text-bodySm
|
|
43
|
-
text-gray-700
|
|
44
|
-
font-medium
|
|
45
|
-
ml-2;
|
|
46
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Pagination";
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
# Usage
|
|
2
|
-
|
|
3
|
-
`<ProductIcon />` renders an icon for a given product
|
|
4
|
-
|
|
5
|
-
`import { ProductIcon } from "@conveyorhq/arrow-ds"`
|
|
6
|
-
|
|
7
|
-
```jsx
|
|
8
|
-
<ProductIcon productId="comply" />
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
| Prop | Type | Required | Default Value | Description |
|
|
14
|
-
|:--- |:--- |:--- |:--- |:--- |
|
|
15
|
-
| product | `Product` | Yes | null | Name of product
|
|
16
|
-
| className | `ClassName` | No | null | Optional CSS class name(s) applied to containing Box
|
|
17
|
-
|
|
18
|
-
| Product |
|
|
19
|
-
|:--- |
|
|
20
|
-
| comply |
|
|
21
|
-
| deploy |
|
|
22
|
-
| trustCenter |
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { storiesOf } from "@storybook/react";
|
|
3
|
-
import Examples from "../../storybook-components/Examples";
|
|
4
|
-
import Story from "../../storybook-components/Story";
|
|
5
|
-
import { PRODUCT_ID } from "../../types";
|
|
6
|
-
import { Box } from "../Box";
|
|
7
|
-
import { Flex } from "../Flex";
|
|
8
|
-
import { ProductIcon } from "./ProductIcon";
|
|
9
|
-
|
|
10
|
-
const stories = storiesOf("Deprecated/Product Icon", module);
|
|
11
|
-
const products = Object.values(PRODUCT_ID);
|
|
12
|
-
|
|
13
|
-
stories.add("Default", () => (
|
|
14
|
-
<Story title="ProductIcon">
|
|
15
|
-
<Examples>
|
|
16
|
-
{products.map((product) => (
|
|
17
|
-
<Flex className="items-center" key={product}>
|
|
18
|
-
<ProductIcon productId={product} />
|
|
19
|
-
<Box className="ml-4 text-gray-700">
|
|
20
|
-
<code>{product}</code>
|
|
21
|
-
</Box>
|
|
22
|
-
</Flex>
|
|
23
|
-
))}
|
|
24
|
-
</Examples>
|
|
25
|
-
</Story>
|
|
26
|
-
));
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { PRODUCT_ID } from "../../types";
|
|
4
|
-
import { Box, BoxProps } from "../Box";
|
|
5
|
-
import { ProductIconComply } from "./ProductIconComply";
|
|
6
|
-
import { ProductIconDeploy } from "./ProductIconDeploy";
|
|
7
|
-
import { ProductIconTrustCenter } from "./ProductIconTrustCenter";
|
|
8
|
-
import { bem } from "../../utilities/bem";
|
|
9
|
-
import { ProductIconExchange } from "./ProductIconExchange";
|
|
10
|
-
|
|
11
|
-
const cn = "ProductIcon";
|
|
12
|
-
|
|
13
|
-
interface ProductIconProps extends BoxProps {
|
|
14
|
-
productId: PRODUCT_ID;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
interface IconProps {
|
|
18
|
-
className: string;
|
|
19
|
-
focusable: boolean | "true" | "false" | "auto";
|
|
20
|
-
role: string;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const iconProps: IconProps = {
|
|
24
|
-
className: bem(cn, { e: "icon" }),
|
|
25
|
-
focusable: "false",
|
|
26
|
-
role: "img",
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const icon = (productId: PRODUCT_ID) =>
|
|
30
|
-
({
|
|
31
|
-
exchange: <ProductIconExchange {...iconProps} />,
|
|
32
|
-
comply: <ProductIconComply {...iconProps} />,
|
|
33
|
-
deploy: <ProductIconDeploy {...iconProps} />,
|
|
34
|
-
trustCenter: <ProductIconTrustCenter {...iconProps} />,
|
|
35
|
-
}[productId]);
|
|
36
|
-
|
|
37
|
-
export const ProductIcon = (props: ProductIconProps) => {
|
|
38
|
-
const { productId, className, ...rest } = props;
|
|
39
|
-
|
|
40
|
-
return (
|
|
41
|
-
<Box className={classNames(bem(cn), className)} {...rest}>
|
|
42
|
-
{icon(productId)}
|
|
43
|
-
</Box>
|
|
44
|
-
);
|
|
45
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Svg, SvgProps } from "../Svg";
|
|
3
|
-
|
|
4
|
-
export const ProductIconComply = (props: SvgProps) => (
|
|
5
|
-
<Svg
|
|
6
|
-
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
7
|
-
width="80"
|
|
8
|
-
height="80"
|
|
9
|
-
{...props}
|
|
10
|
-
>
|
|
11
|
-
<image
|
|
12
|
-
xlinkHref="data:image/png;base64,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"
|
|
13
|
-
height="80"
|
|
14
|
-
width="80"
|
|
15
|
-
/>
|
|
16
|
-
</Svg>
|
|
17
|
-
);
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Svg, SvgProps } from "../Svg";
|
|
3
|
-
|
|
4
|
-
export const ProductIconDeploy = (props: SvgProps) => (
|
|
5
|
-
<Svg
|
|
6
|
-
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
7
|
-
width="80"
|
|
8
|
-
height="80"
|
|
9
|
-
{...props}
|
|
10
|
-
>
|
|
11
|
-
<image
|
|
12
|
-
xlinkHref="data:image/png;base64,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"
|
|
13
|
-
height="80"
|
|
14
|
-
width="80"
|
|
15
|
-
/>
|
|
16
|
-
</Svg>
|
|
17
|
-
);
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Svg, SvgProps } from "../Svg";
|
|
3
|
-
|
|
4
|
-
export const ProductIconExchange = (props: SvgProps) => (
|
|
5
|
-
<Svg
|
|
6
|
-
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
7
|
-
width="80"
|
|
8
|
-
height="80"
|
|
9
|
-
{...props}
|
|
10
|
-
>
|
|
11
|
-
<image
|
|
12
|
-
xlinkHref="data:image/png;base64,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"
|
|
13
|
-
height="80"
|
|
14
|
-
width="80"
|
|
15
|
-
/>
|
|
16
|
-
</Svg>
|
|
17
|
-
);
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Svg, SvgProps } from "../Svg";
|
|
3
|
-
|
|
4
|
-
export const ProductIconTrustCenter = (props: SvgProps) => (
|
|
5
|
-
<Svg
|
|
6
|
-
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
7
|
-
width="80"
|
|
8
|
-
height="80"
|
|
9
|
-
{...props}
|
|
10
|
-
>
|
|
11
|
-
<image
|
|
12
|
-
xlinkHref="data:image/png;base64,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"
|
|
13
|
-
height="80"
|
|
14
|
-
width="80"
|
|
15
|
-
/>
|
|
16
|
-
</Svg>
|
|
17
|
-
);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ProductIcon } from "./ProductIcon";
|
|
@@ -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
|
-
));
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { Box, BoxProps } from "../Box";
|
|
4
|
-
|
|
5
|
-
export const Relative = (props: BoxProps) => {
|
|
6
|
-
const { className, ...rest } = props;
|
|
7
|
-
|
|
8
|
-
return <Box className={classNames("relative", className)} {...rest} />;
|
|
9
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Relative } from "./Relative";
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
# Usage
|
|
2
|
-
|
|
3
|
-
`<SearchInput />` …
|
|
4
|
-
|
|
5
|
-
`import { SearchInput } from "@conveyorhq/arrow-ds"`
|
|
6
|
-
|
|
7
|
-
```jsx
|
|
8
|
-
<SearchInput>{...}</SearchInput>
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
| Prop | Type | Required | Default Value | Description |
|
|
14
|
-
|:--- |:--- |:--- |:--- |:--- |
|
|
15
|
-
| direction | SEARCH_FILTER_DIRECTION | No | LEFT | Direction the search input should slide out relative to the search icon
|
|
16
|
-
| placeholder | string | No | undefined | Placeholder text for search input
|
|
17
|
-
| onSearch | function | Yes | undefined | Callback to execute when user completes a search
|