@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,73 +0,0 @@
|
|
|
1
|
-
import React, { KeyboardEvent, ReactNode } from "react";
|
|
2
|
-
import { OptionInterface } from "./useSelect";
|
|
3
|
-
export declare const cn = "Combobox";
|
|
4
|
-
export declare const selectInputCn: string;
|
|
5
|
-
export declare const surfaceClassName: string;
|
|
6
|
-
export declare const surfaceMultiClassName: string;
|
|
7
|
-
export declare const defaultPopperModifiers: {
|
|
8
|
-
offset: {
|
|
9
|
-
offset: string;
|
|
10
|
-
};
|
|
11
|
-
preventOverflow: {
|
|
12
|
-
enabled: boolean;
|
|
13
|
-
};
|
|
14
|
-
hide: {
|
|
15
|
-
enabled: boolean;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export interface ComboboxSharedProps {
|
|
19
|
-
options: OptionInterface[];
|
|
20
|
-
defaultValue?: OptionInterface;
|
|
21
|
-
placeholder?: string;
|
|
22
|
-
isCreatable?: boolean;
|
|
23
|
-
isClearable?: boolean;
|
|
24
|
-
isSearchable?: boolean;
|
|
25
|
-
onCreate?: (v: OptionInterface) => any;
|
|
26
|
-
onChange?: (v: OptionInterface | OptionInterface[]) => any;
|
|
27
|
-
className?: string;
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
}
|
|
30
|
-
interface NoOptionsProps {
|
|
31
|
-
canCreate: boolean;
|
|
32
|
-
searchValue: string;
|
|
33
|
-
create: (v: OptionInterface) => any;
|
|
34
|
-
}
|
|
35
|
-
interface OptionProps {
|
|
36
|
-
onClick: () => void;
|
|
37
|
-
children: ReactNode;
|
|
38
|
-
isHover: boolean;
|
|
39
|
-
isSelected: boolean;
|
|
40
|
-
hover?: () => void;
|
|
41
|
-
id?: string;
|
|
42
|
-
}
|
|
43
|
-
export declare const Option: ({ children, onClick, isHover, isSelected, hover, id, }: OptionProps) => JSX.Element;
|
|
44
|
-
export declare const NoOptions: ({ canCreate, searchValue, create, }: NoOptionsProps) => JSX.Element;
|
|
45
|
-
interface ListboxProps {
|
|
46
|
-
children: ReactNode;
|
|
47
|
-
top: number;
|
|
48
|
-
left: number;
|
|
49
|
-
width?: string | number;
|
|
50
|
-
}
|
|
51
|
-
export declare const Listbox: ({ children, top, left, width, }: ListboxProps) => JSX.Element;
|
|
52
|
-
interface TagProps {
|
|
53
|
-
children: ReactNode;
|
|
54
|
-
onRemove: () => void;
|
|
55
|
-
}
|
|
56
|
-
export declare const Tag: ({ children, onRemove }: TagProps) => JSX.Element;
|
|
57
|
-
interface ContainerProps {
|
|
58
|
-
isOpen: boolean;
|
|
59
|
-
children: ReactNode;
|
|
60
|
-
close: () => void;
|
|
61
|
-
selectedId?: string;
|
|
62
|
-
className?: string;
|
|
63
|
-
disabled?: boolean;
|
|
64
|
-
onKeyDown?: (event: KeyboardEvent) => void;
|
|
65
|
-
}
|
|
66
|
-
export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<unknown>>;
|
|
67
|
-
export declare const Arrow: () => JSX.Element;
|
|
68
|
-
interface ClearButtonProps {
|
|
69
|
-
canClear: boolean;
|
|
70
|
-
clear: () => void;
|
|
71
|
-
}
|
|
72
|
-
export declare const ClearButton: ({ canClear, clear }: ClearButtonProps) => JSX.Element | null;
|
|
73
|
-
export {};
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.ClearButton = exports.Arrow = exports.Container = exports.Tag = exports.Listbox = exports.NoOptions = exports.Option = exports.defaultPopperModifiers = exports.surfaceMultiClassName = exports.surfaceClassName = exports.selectInputCn = exports.cn = void 0;
|
|
26
|
-
const react_1 = __importStar(require("react"));
|
|
27
|
-
const portal_1 = __importDefault(require("@reach/portal"));
|
|
28
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
29
|
-
const bem_1 = require("../../utilities/bem");
|
|
30
|
-
const Box_1 = require("../Box");
|
|
31
|
-
const CloseButton_1 = require("../CloseButton");
|
|
32
|
-
const Icon_1 = require("../Icon");
|
|
33
|
-
const Token_1 = require("../Token");
|
|
34
|
-
exports.cn = "Combobox";
|
|
35
|
-
exports.selectInputCn = bem_1.bem(exports.cn, { e: "input" });
|
|
36
|
-
exports.surfaceClassName = classnames_1.default([
|
|
37
|
-
bem_1.bem(exports.cn, { e: "surface" }),
|
|
38
|
-
`${bem_1.bem("TextInput")}`,
|
|
39
|
-
`${bem_1.bem("TextInput", { m: "default" })}`,
|
|
40
|
-
]);
|
|
41
|
-
exports.surfaceMultiClassName = bem_1.bem(exports.cn, { e: "surface", m: "multi" });
|
|
42
|
-
exports.defaultPopperModifiers = {
|
|
43
|
-
offset: {
|
|
44
|
-
offset: "0, 4px",
|
|
45
|
-
},
|
|
46
|
-
preventOverflow: {
|
|
47
|
-
enabled: false,
|
|
48
|
-
},
|
|
49
|
-
hide: {
|
|
50
|
-
enabled: false,
|
|
51
|
-
},
|
|
52
|
-
};
|
|
53
|
-
const Option = ({ children, onClick, isHover = false, isSelected = false, hover = () => { }, id, }) => {
|
|
54
|
-
return (react_1.default.createElement(Box_1.Box, { onClick: onClick, onMouseEnter: () => hover(), className: classnames_1.default([
|
|
55
|
-
bem_1.bem(exports.cn, { e: "option" }),
|
|
56
|
-
isHover && bem_1.bem(exports.cn, { e: "option", m: "isHover" }),
|
|
57
|
-
isSelected && bem_1.bem(exports.cn, { e: "option", m: "isSelected" }),
|
|
58
|
-
]), id: id, "aria-selected": isSelected, role: "option" }, children));
|
|
59
|
-
};
|
|
60
|
-
exports.Option = Option;
|
|
61
|
-
const NoOptions = ({ canCreate, searchValue, create, }) => {
|
|
62
|
-
return canCreate ? (react_1.default.createElement(exports.Option, { onClick: () => create({ value: searchValue }), id: searchValue, isHover: true, isSelected: true },
|
|
63
|
-
"Create \"",
|
|
64
|
-
searchValue,
|
|
65
|
-
"\"")) : (react_1.default.createElement(Box_1.Box, { className: bem_1.bem(exports.cn, { e: "noOptions" }) }, "No options"));
|
|
66
|
-
};
|
|
67
|
-
exports.NoOptions = NoOptions;
|
|
68
|
-
const Listbox = ({ children, top = 0, left = 0, width = "100%", }) => {
|
|
69
|
-
return (react_1.default.createElement(portal_1.default, null,
|
|
70
|
-
react_1.default.createElement(Box_1.Box, { role: "listbox", style: { position: "absolute", top, left, width }, className: bem_1.bem(exports.cn, { e: "listbox" }) }, children)));
|
|
71
|
-
};
|
|
72
|
-
exports.Listbox = Listbox;
|
|
73
|
-
const Tag = ({ children, onRemove }) => {
|
|
74
|
-
const onClick = (event) => {
|
|
75
|
-
event.stopPropagation();
|
|
76
|
-
onRemove();
|
|
77
|
-
};
|
|
78
|
-
return (react_1.default.createElement(Token_1.Token, { className: bem_1.bem(exports.cn, { e: "tag" }), onRemove: onClick, removable: true }, children));
|
|
79
|
-
};
|
|
80
|
-
exports.Tag = Tag;
|
|
81
|
-
exports.Container = react_1.forwardRef(({ children, selectedId, className, disabled, onKeyDown = () => { }, close, isOpen, }, ref) => {
|
|
82
|
-
return (react_1.default.createElement(Box_1.Box, { ref: ref, className: classnames_1.default([
|
|
83
|
-
bem_1.bem(exports.cn),
|
|
84
|
-
disabled && bem_1.bem(exports.cn, { m: "disabled" }),
|
|
85
|
-
className,
|
|
86
|
-
]), "aria-activedescendant": selectedId, role: "combobox", onKeyDown: onKeyDown, tabIndex: 0 }, children));
|
|
87
|
-
});
|
|
88
|
-
const Arrow = () => (react_1.default.createElement(Icon_1.Icon, { className: "text-gray-700", icon: Icon_1.ICON_TYPE.CARET_DOWN }));
|
|
89
|
-
exports.Arrow = Arrow;
|
|
90
|
-
const ClearButton = ({ canClear, clear }) => {
|
|
91
|
-
const onClick = (event) => {
|
|
92
|
-
event.stopPropagation();
|
|
93
|
-
clear();
|
|
94
|
-
};
|
|
95
|
-
return canClear ? react_1.default.createElement(CloseButton_1.CloseButton, { onClick: onClick }) : null;
|
|
96
|
-
};
|
|
97
|
-
exports.ClearButton = ClearButton;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { KeyboardEvent, RefObject } from "react";
|
|
2
|
-
export interface OptionInterface {
|
|
3
|
-
value: string;
|
|
4
|
-
label?: string;
|
|
5
|
-
}
|
|
6
|
-
export interface SelectState<S = OptionInterface | OptionInterface[]> {
|
|
7
|
-
value: S;
|
|
8
|
-
isOpen: boolean;
|
|
9
|
-
searchValue: string;
|
|
10
|
-
hoverIndex: number;
|
|
11
|
-
}
|
|
12
|
-
export interface UseSelect<S = OptionInterface | OptionInterface[]> {
|
|
13
|
-
options: OptionInterface[];
|
|
14
|
-
reducer: (s: SelectState<S>, a: any) => SelectState<S>;
|
|
15
|
-
initialState: SelectState<S>;
|
|
16
|
-
filterOptions?: (state: SelectState<S>, options: OptionInterface[]) => OptionInterface[];
|
|
17
|
-
onChange?: (s: S) => any;
|
|
18
|
-
onCreate?: (s: OptionInterface) => any;
|
|
19
|
-
}
|
|
20
|
-
interface Action<S = any> {
|
|
21
|
-
type: string;
|
|
22
|
-
payload: S;
|
|
23
|
-
}
|
|
24
|
-
export declare function createBaseReducer<S>(initialState: SelectState<S>): (state: SelectState<S>, action: Action) => SelectState<S>;
|
|
25
|
-
export declare function searchReducer<S>(state: SelectState<S>, action: Action): SelectState<S>;
|
|
26
|
-
export declare function createSingleValueReducer(initialState: SelectState<OptionInterface>): (state: SelectState<OptionInterface>, action: Action<OptionInterface>) => SelectState<OptionInterface>;
|
|
27
|
-
export declare function multiValueReducer(state: SelectState<OptionInterface[]>, action: Action<OptionInterface>): SelectState<OptionInterface[]>;
|
|
28
|
-
export declare type Reducer<S> = (s: SelectState<S>, action: any) => SelectState<S>;
|
|
29
|
-
export declare const combineReducers: <S>(reducers: Reducer<S>[]) => (state: SelectState<S>, action: any) => SelectState<S>;
|
|
30
|
-
interface UseSelectPosition {
|
|
31
|
-
listboxStyles: {
|
|
32
|
-
top: number;
|
|
33
|
-
left: number;
|
|
34
|
-
width: string;
|
|
35
|
-
};
|
|
36
|
-
comboboxRef: RefObject<HTMLDivElement>;
|
|
37
|
-
}
|
|
38
|
-
export declare const useSelectPosition: () => UseSelectPosition;
|
|
39
|
-
export declare const useSelect: <S = OptionInterface | OptionInterface[]>({ options, reducer, initialState, filterOptions, onChange, onCreate, }: UseSelect<S>) => {
|
|
40
|
-
state: SelectState<S>;
|
|
41
|
-
open: () => void;
|
|
42
|
-
add: (value: OptionInterface) => void;
|
|
43
|
-
select: (value: OptionInterface) => void;
|
|
44
|
-
remove: (value: OptionInterface) => void;
|
|
45
|
-
search: (query: string) => void;
|
|
46
|
-
availableOptions: OptionInterface[];
|
|
47
|
-
ref: RefObject<HTMLInputElement>;
|
|
48
|
-
close: () => void;
|
|
49
|
-
hover: (index: number | undefined) => void;
|
|
50
|
-
create: (item: OptionInterface) => void;
|
|
51
|
-
onKeyPress: (event: KeyboardEvent) => void;
|
|
52
|
-
clear: () => void;
|
|
53
|
-
listboxStyles: {
|
|
54
|
-
top: number;
|
|
55
|
-
left: number;
|
|
56
|
-
width: string;
|
|
57
|
-
};
|
|
58
|
-
comboboxRef: RefObject<HTMLDivElement>;
|
|
59
|
-
};
|
|
60
|
-
export {};
|
|
@@ -1,239 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useSelect = exports.useSelectPosition = exports.combineReducers = exports.multiValueReducer = exports.createSingleValueReducer = exports.searchReducer = exports.createBaseReducer = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const types_1 = require("../../types");
|
|
6
|
-
function createBaseReducer(initialState) {
|
|
7
|
-
return function baseReducer(state, action) {
|
|
8
|
-
switch (action.type) {
|
|
9
|
-
case "close":
|
|
10
|
-
return { ...state, isOpen: false };
|
|
11
|
-
case "toggle":
|
|
12
|
-
return { ...state, isOpen: !state.isOpen };
|
|
13
|
-
case "hover":
|
|
14
|
-
return { ...state, hoverIndex: action.payload };
|
|
15
|
-
case "clear":
|
|
16
|
-
return { ...initialState };
|
|
17
|
-
default:
|
|
18
|
-
return state;
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
exports.createBaseReducer = createBaseReducer;
|
|
23
|
-
function searchReducer(state, action) {
|
|
24
|
-
switch (action.type) {
|
|
25
|
-
case "search":
|
|
26
|
-
return { ...state, searchValue: action.payload, hoverIndex: 0 };
|
|
27
|
-
default:
|
|
28
|
-
return state;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
exports.searchReducer = searchReducer;
|
|
32
|
-
function createSingleValueReducer(initialState) {
|
|
33
|
-
return function singleValueReducer(state, action) {
|
|
34
|
-
switch (action.type) {
|
|
35
|
-
case "add": {
|
|
36
|
-
return { ...state, value: action.payload, searchValue: "" };
|
|
37
|
-
}
|
|
38
|
-
case "remove": {
|
|
39
|
-
return { ...state, value: initialState.value };
|
|
40
|
-
}
|
|
41
|
-
default:
|
|
42
|
-
return state;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
exports.createSingleValueReducer = createSingleValueReducer;
|
|
47
|
-
function multiValueReducer(state, action) {
|
|
48
|
-
switch (action.type) {
|
|
49
|
-
case "add": {
|
|
50
|
-
const value = [...state.value, action.payload];
|
|
51
|
-
return { ...state, value, searchValue: "" };
|
|
52
|
-
}
|
|
53
|
-
case "remove": {
|
|
54
|
-
const rmValue = action.payload;
|
|
55
|
-
const value = [...state.value];
|
|
56
|
-
const index = value.findIndex((v) => v === rmValue);
|
|
57
|
-
if (index >= 0) {
|
|
58
|
-
value.splice(index, 1);
|
|
59
|
-
}
|
|
60
|
-
return { ...state, value, isOpen: false };
|
|
61
|
-
}
|
|
62
|
-
default:
|
|
63
|
-
return state;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
exports.multiValueReducer = multiValueReducer;
|
|
67
|
-
const combineReducers = (reducers) => (state, action) => {
|
|
68
|
-
const nextState = reducers.reduce((prev, r) => {
|
|
69
|
-
return r(prev, action);
|
|
70
|
-
}, state);
|
|
71
|
-
return nextState;
|
|
72
|
-
};
|
|
73
|
-
exports.combineReducers = combineReducers;
|
|
74
|
-
const setSearch = (payload) => ({ type: "search", payload });
|
|
75
|
-
function defaultFilterOptions({ value, searchValue }, options) {
|
|
76
|
-
let opts = options;
|
|
77
|
-
if (Array.isArray(value) && value.length > 0) {
|
|
78
|
-
opts = options.filter((opt) => value.find((v) => v.value !== opt.value));
|
|
79
|
-
}
|
|
80
|
-
if (searchValue) {
|
|
81
|
-
return opts.filter((opt) => opt.value
|
|
82
|
-
.toLocaleLowerCase()
|
|
83
|
-
.indexOf(searchValue.toLocaleLowerCase()) >= 0);
|
|
84
|
-
}
|
|
85
|
-
return opts;
|
|
86
|
-
}
|
|
87
|
-
const useSelectPosition = () => {
|
|
88
|
-
const comboboxRef = react_1.useRef(null);
|
|
89
|
-
const [listboxStyles, setListboxStyles] = react_1.useState({
|
|
90
|
-
top: 0,
|
|
91
|
-
left: 0,
|
|
92
|
-
width: "100%",
|
|
93
|
-
});
|
|
94
|
-
const position = () => {
|
|
95
|
-
if (comboboxRef.current) {
|
|
96
|
-
const cur = comboboxRef.current.getBoundingClientRect();
|
|
97
|
-
setListboxStyles({ top: cur.y, left: cur.x, width: `${cur.width}px` });
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
react_1.useLayoutEffect(() => {
|
|
101
|
-
position();
|
|
102
|
-
}, [comboboxRef]);
|
|
103
|
-
react_1.useLayoutEffect(() => {
|
|
104
|
-
window.addEventListener("resize", position);
|
|
105
|
-
return () => window.removeEventListener("resize", position);
|
|
106
|
-
}, []);
|
|
107
|
-
return { comboboxRef, listboxStyles };
|
|
108
|
-
};
|
|
109
|
-
exports.useSelectPosition = useSelectPosition;
|
|
110
|
-
const useSelect = ({ options, reducer, initialState, filterOptions = defaultFilterOptions, onChange = () => { }, onCreate = () => { }, }) => {
|
|
111
|
-
const [state, dispatch] = react_1.useReducer(reducer, initialState);
|
|
112
|
-
const inputEl = react_1.useRef(null);
|
|
113
|
-
const availableOptions = react_1.useMemo(() => filterOptions(state, options), [
|
|
114
|
-
state,
|
|
115
|
-
options,
|
|
116
|
-
filterOptions,
|
|
117
|
-
]);
|
|
118
|
-
const hasItem = (item) => {
|
|
119
|
-
if (Array.isArray(state.value)) {
|
|
120
|
-
return state.value.findIndex((i) => i.value === item.value) >= 0;
|
|
121
|
-
}
|
|
122
|
-
return false;
|
|
123
|
-
};
|
|
124
|
-
const focus = () => {
|
|
125
|
-
setTimeout(() => {
|
|
126
|
-
if (inputEl && inputEl.current) {
|
|
127
|
-
inputEl.current.focus();
|
|
128
|
-
}
|
|
129
|
-
}, 100);
|
|
130
|
-
};
|
|
131
|
-
const hover = (index) => {
|
|
132
|
-
if (typeof index === "undefined")
|
|
133
|
-
return;
|
|
134
|
-
dispatch({ type: "hover", payload: index });
|
|
135
|
-
};
|
|
136
|
-
const open = () => {
|
|
137
|
-
hover(0);
|
|
138
|
-
dispatch({ type: "toggle" });
|
|
139
|
-
focus();
|
|
140
|
-
};
|
|
141
|
-
const closeDropdown = () => dispatch({ type: "close" });
|
|
142
|
-
const addItem = (value) => {
|
|
143
|
-
if (!hasItem(value)) {
|
|
144
|
-
dispatch({ type: "add", payload: value });
|
|
145
|
-
}
|
|
146
|
-
closeDropdown();
|
|
147
|
-
focus();
|
|
148
|
-
};
|
|
149
|
-
const removeItem = (value) => {
|
|
150
|
-
if (Array.isArray(state.value) && !hasItem(value)) {
|
|
151
|
-
return;
|
|
152
|
-
}
|
|
153
|
-
dispatch({ type: "remove", payload: value });
|
|
154
|
-
};
|
|
155
|
-
const search = (query) => {
|
|
156
|
-
dispatch(setSearch(query));
|
|
157
|
-
if (!state.isOpen) {
|
|
158
|
-
open();
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
const create = (item) => {
|
|
162
|
-
const found = options.findIndex((o) => o.value === item.value);
|
|
163
|
-
if (found >= 0) {
|
|
164
|
-
dispatch(setSearch(""));
|
|
165
|
-
return;
|
|
166
|
-
}
|
|
167
|
-
addItem(item);
|
|
168
|
-
onCreate(item);
|
|
169
|
-
};
|
|
170
|
-
const onKeyPress = (event) => {
|
|
171
|
-
const limit = availableOptions.length;
|
|
172
|
-
if (event.keyCode === types_1.KEY_CODE.ESCAPE) {
|
|
173
|
-
if (state.isOpen) {
|
|
174
|
-
closeDropdown();
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
else if (event.keyCode === types_1.KEY_CODE.ENTER) {
|
|
178
|
-
if (!state.isOpen) {
|
|
179
|
-
open();
|
|
180
|
-
return;
|
|
181
|
-
}
|
|
182
|
-
const res = availableOptions[state.hoverIndex];
|
|
183
|
-
if (res) {
|
|
184
|
-
addItem(res);
|
|
185
|
-
}
|
|
186
|
-
else if (state.searchValue) {
|
|
187
|
-
create({
|
|
188
|
-
value: state.searchValue,
|
|
189
|
-
});
|
|
190
|
-
}
|
|
191
|
-
closeDropdown();
|
|
192
|
-
}
|
|
193
|
-
else if (event.keyCode === types_1.KEY_CODE.DOWN) {
|
|
194
|
-
const nextHover = state.hoverIndex + 1;
|
|
195
|
-
const next = nextHover === limit ? 0 : nextHover;
|
|
196
|
-
hover(next);
|
|
197
|
-
}
|
|
198
|
-
else if (event.keyCode === types_1.KEY_CODE.UP) {
|
|
199
|
-
const prevHover = state.hoverIndex - 1;
|
|
200
|
-
const prev = prevHover === -1 ? limit - 1 : prevHover;
|
|
201
|
-
hover(prev);
|
|
202
|
-
}
|
|
203
|
-
else if (event.keyCode === types_1.KEY_CODE.HOME) {
|
|
204
|
-
hover(0);
|
|
205
|
-
}
|
|
206
|
-
else if (event.keyCode === types_1.KEY_CODE.END) {
|
|
207
|
-
hover(limit - 1);
|
|
208
|
-
}
|
|
209
|
-
else if (event.keyCode === types_1.KEY_CODE.BACKSPACE) {
|
|
210
|
-
if (Array.isArray(state.value)) {
|
|
211
|
-
if (state.value.length > 0) {
|
|
212
|
-
removeItem(state.value[state.value.length - 1]);
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
};
|
|
217
|
-
react_1.useEffect(() => {
|
|
218
|
-
onChange(state.value);
|
|
219
|
-
}, [state, onChange]);
|
|
220
|
-
const { listboxStyles, comboboxRef } = exports.useSelectPosition();
|
|
221
|
-
return {
|
|
222
|
-
state,
|
|
223
|
-
open,
|
|
224
|
-
add: addItem,
|
|
225
|
-
select: addItem,
|
|
226
|
-
remove: removeItem,
|
|
227
|
-
search,
|
|
228
|
-
availableOptions,
|
|
229
|
-
ref: inputEl,
|
|
230
|
-
close: closeDropdown,
|
|
231
|
-
hover,
|
|
232
|
-
create,
|
|
233
|
-
onKeyPress,
|
|
234
|
-
clear: () => dispatch({ type: "clear" }),
|
|
235
|
-
listboxStyles,
|
|
236
|
-
comboboxRef,
|
|
237
|
-
};
|
|
238
|
-
};
|
|
239
|
-
exports.useSelect = useSelect;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const react_2 = require("@storybook/react");
|
|
8
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
9
|
-
const Fixed_1 = require("./Fixed");
|
|
10
|
-
const stories = react_2.storiesOf("Components/Positioning/Fixed", module);
|
|
11
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Fixed" },
|
|
12
|
-
react_1.default.createElement(Fixed_1.Fixed, null, "This is the Fixed component"))));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Fixed } from "./Fixed";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const react_2 = require("@storybook/react");
|
|
8
|
-
const Story_1 = __importDefault(require("../../storybook-components/Story"));
|
|
9
|
-
const Flex_1 = require("./Flex");
|
|
10
|
-
const stories = react_2.storiesOf("Components/Layout/Flex", module);
|
|
11
|
-
stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Flex" },
|
|
12
|
-
react_1.default.createElement(Flex_1.Flex, null, "This is the Flex component"))));
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SvgProps } from "../Svg";
|
|
2
|
-
export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "events-api", "gcp", "github", "gitlab", "gsuite", "jamf", "jira", "jumpcloud", "okta", "onelogin", "salesforce", "slack", "zoom"];
|
|
3
|
-
export declare type IntegrationLogoName = typeof integrationLogoNames[number];
|
|
4
|
-
export interface IntegrationLogoProps extends SvgProps {
|
|
5
|
-
logo?: IntegrationLogoName | string;
|
|
6
|
-
color?: string;
|
|
7
|
-
square?: boolean;
|
|
8
|
-
size?: number;
|
|
9
|
-
}
|
|
10
|
-
export declare const IntegrationLogo: ({ logo, size, ...rest }: IntegrationLogoProps) => JSX.Element;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.IntegrationLogo = exports.integrationLogoNames = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const IntegrationLogoSvg_1 = __importDefault(require("./IntegrationLogoSvg"));
|
|
9
|
-
exports.integrationLogoNames = [
|
|
10
|
-
"addigy",
|
|
11
|
-
"aws",
|
|
12
|
-
"bamboohr",
|
|
13
|
-
"bitbucket",
|
|
14
|
-
"conveyor",
|
|
15
|
-
"deploy",
|
|
16
|
-
"events-api",
|
|
17
|
-
"gcp",
|
|
18
|
-
"github",
|
|
19
|
-
"gitlab",
|
|
20
|
-
"gsuite",
|
|
21
|
-
"jamf",
|
|
22
|
-
"jira",
|
|
23
|
-
"jumpcloud",
|
|
24
|
-
"okta",
|
|
25
|
-
"onelogin",
|
|
26
|
-
"salesforce",
|
|
27
|
-
"slack",
|
|
28
|
-
"zoom",
|
|
29
|
-
];
|
|
30
|
-
const IntegrationLogo = ({ logo, size = 24, ...rest }) => {
|
|
31
|
-
return react_1.default.createElement(IntegrationLogoSvg_1.default, Object.assign({ logo: logo, size: size }, rest));
|
|
32
|
-
};
|
|
33
|
-
exports.IntegrationLogo = IntegrationLogo;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { SvgProps } from "../Svg";
|
|
2
|
-
interface IntegrationLogoSvgProps extends SvgProps {
|
|
3
|
-
logo?: string;
|
|
4
|
-
color?: string;
|
|
5
|
-
square?: boolean;
|
|
6
|
-
size?: number;
|
|
7
|
-
}
|
|
8
|
-
declare const IntegrationLogoSvg: ({ logo, ...rest }: IntegrationLogoSvgProps) => JSX.Element;
|
|
9
|
-
export default IntegrationLogoSvg;
|
|
@@ -1,52 +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 svg_1 = require("./svg");
|
|
8
|
-
const IntegrationLogoSvg = ({ logo, ...rest }) => {
|
|
9
|
-
switch (logo) {
|
|
10
|
-
case "addigy":
|
|
11
|
-
return react_1.default.createElement(svg_1.AddigySvg, Object.assign({}, rest));
|
|
12
|
-
case "aws":
|
|
13
|
-
return react_1.default.createElement(svg_1.AwsSvg, Object.assign({}, rest));
|
|
14
|
-
case "bamboohr":
|
|
15
|
-
return react_1.default.createElement(svg_1.BambooHrSvg, Object.assign({}, rest));
|
|
16
|
-
case "bitbucket":
|
|
17
|
-
return react_1.default.createElement(svg_1.BitbucketSvg, Object.assign({}, rest));
|
|
18
|
-
case "conveyor":
|
|
19
|
-
return react_1.default.createElement(svg_1.ConveyorSvg, Object.assign({}, rest));
|
|
20
|
-
case "deploy":
|
|
21
|
-
return react_1.default.createElement(svg_1.DeploySvg, Object.assign({}, rest));
|
|
22
|
-
case "events-api":
|
|
23
|
-
return react_1.default.createElement(svg_1.EventsAPI, Object.assign({}, rest));
|
|
24
|
-
case "gcp":
|
|
25
|
-
return react_1.default.createElement(svg_1.GcpSvg, Object.assign({}, rest));
|
|
26
|
-
case "github":
|
|
27
|
-
return react_1.default.createElement(svg_1.GithubSvg, Object.assign({}, rest));
|
|
28
|
-
case "gitlab":
|
|
29
|
-
return react_1.default.createElement(svg_1.GitlabSvg, Object.assign({}, rest));
|
|
30
|
-
case "gsuite":
|
|
31
|
-
return react_1.default.createElement(svg_1.GsuiteSvg, Object.assign({}, rest));
|
|
32
|
-
case "jamf":
|
|
33
|
-
return react_1.default.createElement(svg_1.JamfSvg, Object.assign({}, rest));
|
|
34
|
-
case "jira":
|
|
35
|
-
return react_1.default.createElement(svg_1.JiraSvg, Object.assign({}, rest));
|
|
36
|
-
case "jumpcloud":
|
|
37
|
-
return react_1.default.createElement(svg_1.JumpcloudSvg, Object.assign({}, rest));
|
|
38
|
-
case "okta":
|
|
39
|
-
return react_1.default.createElement(svg_1.OktaSvg, Object.assign({}, rest));
|
|
40
|
-
case "onelogin":
|
|
41
|
-
return react_1.default.createElement(svg_1.OneLoginSvg, Object.assign({}, rest));
|
|
42
|
-
case "salesforce":
|
|
43
|
-
return react_1.default.createElement(svg_1.SalesforceSvg, Object.assign({}, rest));
|
|
44
|
-
case "slack":
|
|
45
|
-
return react_1.default.createElement(svg_1.SlackSvg, Object.assign({}, rest));
|
|
46
|
-
case "zoom":
|
|
47
|
-
return react_1.default.createElement(svg_1.ZoomSvg, Object.assign({}, rest));
|
|
48
|
-
default:
|
|
49
|
-
return react_1.default.createElement(svg_1.DefaultSvg, Object.assign({}, rest));
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
exports.default = IntegrationLogoSvg;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./IntegrationLogo";
|
|
@@ -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("./IntegrationLogo"), exports);
|
|
@@ -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.AddigySvg = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const wrapper_1 = require("./wrapper");
|
|
9
|
-
const AddigySvg = ({ color, square, ...rest }) => {
|
|
10
|
-
const viewBox = "0 0 32 32";
|
|
11
|
-
const path = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
-
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.4246 22.7281L15.2402 7.84787L21.3036 5.93106L28.8469 15.9669L26.4246 22.7281ZM0 27.96H30.3571L32 15.7831L22.3505 3L6.8423 4.40076L22.71 25.5118L20.162 23.3718H12.8786L16.1671 20.0166L13.3872 17.6819L0 27.96Z", fill: color || "#53bdcd" })));
|
|
13
|
-
return (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, Object.assign({ viewBox: viewBox }, rest),
|
|
14
|
-
react_1.default.createElement("title", null, "Addigy integration logo"),
|
|
15
|
-
path));
|
|
16
|
-
};
|
|
17
|
-
exports.AddigySvg = AddigySvg;
|