@channel.io/bezier-react 1.6.2 → 1.7.0
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/dist/cjs/components/Forms/Slider/Slider.js +73 -51
- package/dist/cjs/components/Forms/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/Forms/Slider/Slider.styled.js +24 -83
- package/dist/cjs/components/Forms/Slider/Slider.styled.js.map +1 -1
- package/dist/cjs/components/Help/Help.js +10 -7
- package/dist/cjs/components/Help/Help.js.map +1 -1
- package/dist/cjs/components/Help/Help.styled.js +4 -5
- package/dist/cjs/components/Help/Help.styled.js.map +1 -1
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.js +2 -9
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.js.map +1 -1
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.styled.js +3 -20
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.styled.js.map +1 -1
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js +101 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js.map +1 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.styled.js +41 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.styled.js.map +1 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.types.js +20 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.types.js.map +1 -0
- package/dist/cjs/components/{Tooltip/TooltipContent.js → LegacyTooltip/LegacyTooltipContent.js} +9 -12
- package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js.map +1 -0
- package/dist/cjs/components/{Tooltip → LegacyTooltip}/utils.js +33 -33
- package/dist/cjs/components/LegacyTooltip/utils.js.map +1 -0
- package/dist/cjs/components/ListItem/ListItem.styled.js +1 -1
- package/dist/cjs/components/ListMenuTitle/ListMenuTitle.js +11 -10
- package/dist/cjs/components/ListMenuTitle/ListMenuTitle.js.map +1 -1
- package/dist/cjs/components/Modals/Modal/Modal.types.js.map +1 -1
- package/dist/cjs/components/Navigator/NavGroup/NavGroup.js +10 -11
- package/dist/cjs/components/Navigator/NavGroup/NavGroup.js.map +1 -1
- package/dist/cjs/components/Navigator/NavItem/NavItem.js +10 -10
- package/dist/cjs/components/Navigator/NavItem/NavItem.js.map +1 -1
- package/dist/cjs/components/SectionLabel/SectionLabel.js +10 -17
- package/dist/cjs/components/SectionLabel/SectionLabel.js.map +1 -1
- package/dist/cjs/components/SectionLabel/SectionLabel.styled.js +4 -4
- package/dist/cjs/components/SectionLabel/SectionLabel.styled.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js +10 -7
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.styled.js +1 -1
- package/dist/cjs/components/Spinner/Spinner.types.js.map +1 -1
- package/dist/cjs/components/Stack/Stack/Stack.styled.js +1 -1
- package/dist/cjs/components/TagBadge/Badge/Badge.js +9 -8
- package/dist/cjs/components/TagBadge/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/TagBadge/Tag/Tag.js +4 -3
- package/dist/cjs/components/TagBadge/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/Text/Text.styled.js +1 -1
- package/dist/cjs/components/Toast/Toast.types.js +2 -1
- package/dist/cjs/components/Toast/Toast.types.js.map +1 -1
- package/dist/cjs/components/Toast/ToastElement.js +5 -6
- package/dist/cjs/components/Toast/ToastElement.js.map +1 -1
- package/dist/cjs/components/Toast/ToastProvider.js +2 -2
- package/dist/cjs/components/Toast/ToastProvider.js.map +1 -1
- package/dist/cjs/components/Toast/utils.js +6 -5
- package/dist/cjs/components/Toast/utils.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +211 -83
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.styled.js +96 -25
- package/dist/cjs/components/Tooltip/Tooltip.styled.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.types.js +3 -0
- package/dist/cjs/components/Tooltip/Tooltip.types.js.map +1 -1
- package/dist/cjs/index.js +15 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node_modules/@floating-ui/core/dist/floating-ui.core.js +886 -0
- package/dist/cjs/node_modules/@floating-ui/core/dist/floating-ui.core.js.map +1 -0
- package/dist/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +691 -0
- package/dist/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js.map +1 -0
- package/dist/cjs/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js +296 -0
- package/dist/cjs/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js.map +1 -0
- package/dist/cjs/node_modules/@radix-ui/react-popper/dist/index.js +265 -0
- package/dist/cjs/node_modules/@radix-ui/react-popper/dist/index.js.map +1 -0
- package/dist/cjs/node_modules/@radix-ui/react-slider/dist/index.js +21 -21
- package/dist/cjs/node_modules/@radix-ui/react-tooltip/dist/index.js +521 -0
- package/dist/cjs/node_modules/@radix-ui/react-tooltip/dist/index.js.map +1 -0
- package/dist/cjs/providers/BezierProvider.js +3 -2
- package/dist/cjs/providers/BezierProvider.js.map +1 -1
- package/dist/esm/components/Forms/Slider/Slider.mjs +76 -53
- package/dist/esm/components/Forms/Slider/Slider.mjs.map +1 -1
- package/dist/esm/components/Forms/Slider/Slider.styled.mjs +22 -82
- package/dist/esm/components/Forms/Slider/Slider.styled.mjs.map +1 -1
- package/dist/esm/components/Help/Help.mjs +11 -8
- package/dist/esm/components/Help/Help.mjs.map +1 -1
- package/dist/esm/components/Help/Help.styled.mjs +4 -5
- package/dist/esm/components/Help/Help.styled.mjs.map +1 -1
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.mjs +3 -10
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.mjs.map +1 -1
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.styled.mjs +4 -19
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.styled.mjs.map +1 -1
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs +97 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs.map +1 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.styled.mjs +36 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.styled.mjs.map +1 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.types.mjs +18 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.types.mjs.map +1 -0
- package/dist/esm/components/{Tooltip/TooltipContent.mjs → LegacyTooltip/LegacyTooltipContent.mjs} +8 -9
- package/dist/esm/components/LegacyTooltip/LegacyTooltipContent.mjs.map +1 -0
- package/dist/esm/components/{Tooltip → LegacyTooltip}/utils.mjs +33 -33
- package/dist/esm/components/LegacyTooltip/utils.mjs.map +1 -0
- package/dist/esm/components/ListItem/ListItem.styled.mjs +1 -1
- package/dist/esm/components/ListMenuTitle/ListMenuTitle.mjs +12 -11
- package/dist/esm/components/ListMenuTitle/ListMenuTitle.mjs.map +1 -1
- package/dist/esm/components/Modals/Modal/Modal.types.mjs.map +1 -1
- package/dist/esm/components/Navigator/NavGroup/NavGroup.mjs +11 -12
- package/dist/esm/components/Navigator/NavGroup/NavGroup.mjs.map +1 -1
- package/dist/esm/components/Navigator/NavItem/NavItem.mjs +11 -11
- package/dist/esm/components/Navigator/NavItem/NavItem.mjs.map +1 -1
- package/dist/esm/components/Overlay/Overlay.mjs +2 -2
- package/dist/esm/components/Overlay/Overlay.mjs.map +1 -1
- package/dist/esm/components/SectionLabel/SectionLabel.mjs +11 -17
- package/dist/esm/components/SectionLabel/SectionLabel.mjs.map +1 -1
- package/dist/esm/components/SectionLabel/SectionLabel.styled.mjs +4 -4
- package/dist/esm/components/SectionLabel/SectionLabel.styled.mjs.map +1 -1
- package/dist/esm/components/Spinner/Spinner.mjs +11 -8
- package/dist/esm/components/Spinner/Spinner.mjs.map +1 -1
- package/dist/esm/components/Spinner/Spinner.styled.mjs +1 -1
- package/dist/esm/components/Spinner/Spinner.types.mjs.map +1 -1
- package/dist/esm/components/Stack/Stack/Stack.styled.mjs +1 -1
- package/dist/esm/components/TagBadge/Badge/Badge.mjs +10 -9
- package/dist/esm/components/TagBadge/Badge/Badge.mjs.map +1 -1
- package/dist/esm/components/TagBadge/Tag/Tag.mjs +5 -4
- package/dist/esm/components/TagBadge/Tag/Tag.mjs.map +1 -1
- package/dist/esm/components/Text/Text.styled.mjs +1 -1
- package/dist/esm/components/Toast/Toast.types.mjs +2 -1
- package/dist/esm/components/Toast/Toast.types.mjs.map +1 -1
- package/dist/esm/components/Toast/ToastElement.mjs +5 -6
- package/dist/esm/components/Toast/ToastElement.mjs.map +1 -1
- package/dist/esm/components/Toast/ToastProvider.mjs +2 -2
- package/dist/esm/components/Toast/ToastProvider.mjs.map +1 -1
- package/dist/esm/components/Toast/utils.mjs +6 -5
- package/dist/esm/components/Toast/utils.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.mjs +213 -82
- package/dist/esm/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.styled.mjs +93 -23
- package/dist/esm/components/Tooltip/Tooltip.styled.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.types.mjs +3 -0
- package/dist/esm/components/Tooltip/Tooltip.types.mjs.map +1 -1
- package/dist/esm/index.mjs +7 -5
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/node_modules/@floating-ui/core/dist/floating-ui.core.mjs +875 -0
- package/dist/esm/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.map +1 -0
- package/dist/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs +679 -0
- package/dist/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.map +1 -0
- package/dist/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.mjs +265 -0
- package/dist/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.mjs.map +1 -0
- package/dist/esm/node_modules/@radix-ui/react-popper/dist/index.mjs +257 -0
- package/dist/esm/node_modules/@radix-ui/react-popper/dist/index.mjs.map +1 -0
- package/dist/esm/node_modules/@radix-ui/react-portal/dist/index.mjs +2 -2
- package/dist/esm/node_modules/@radix-ui/react-slider/dist/index.mjs +1 -1
- package/dist/esm/node_modules/@radix-ui/react-tooltip/dist/index.mjs +509 -0
- package/dist/esm/node_modules/@radix-ui/react-tooltip/dist/index.mjs.map +1 -0
- package/dist/esm/providers/BezierProvider.mjs +3 -2
- package/dist/esm/providers/BezierProvider.mjs.map +1 -1
- package/dist/types/components/Forms/Slider/Slider.d.ts +18 -2
- package/dist/types/components/Forms/Slider/Slider.d.ts.map +1 -1
- package/dist/types/components/Forms/Slider/Slider.styled.d.ts +14 -24
- package/dist/types/components/Forms/Slider/Slider.styled.d.ts.map +1 -1
- package/dist/types/components/Forms/Slider/Slider.types.d.ts +52 -13
- package/dist/types/components/Forms/Slider/Slider.types.d.ts.map +1 -1
- package/dist/types/components/Help/Help.d.ts +1 -4
- package/dist/types/components/Help/Help.d.ts.map +1 -1
- package/dist/types/components/Help/Help.styled.d.ts +1 -1
- package/dist/types/components/Help/Help.styled.d.ts.map +1 -1
- package/dist/types/components/Help/Help.types.d.ts +1 -1
- package/dist/types/components/Help/Help.types.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.styled.d.ts +1 -7
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.styled.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.types.d.ts +3 -3
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.types.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/KeyItem/KeyItem.types.d.ts +2 -2
- package/dist/types/components/KeyValueListItem/common/KeyItem/KeyItem.types.d.ts.map +1 -1
- package/dist/types/components/LegacyTooltip/LegacyTooltip.d.ts +6 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.styled.d.ts +18 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.styled.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.types.d.ts +40 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.types.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltipContent.d.ts +4 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltipContent.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/index.d.ts +4 -0
- package/dist/types/components/LegacyTooltip/index.d.ts.map +1 -0
- package/dist/types/components/{Tooltip → LegacyTooltip}/utils.d.ts +2 -2
- package/dist/types/components/LegacyTooltip/utils.d.ts.map +1 -0
- package/dist/types/components/ListMenuTitle/ListMenuTitle.d.ts +1 -1
- package/dist/types/components/ListMenuTitle/ListMenuTitle.d.ts.map +1 -1
- package/dist/types/components/ListMenuTitle/ListMenuTitle.types.d.ts +1 -2
- package/dist/types/components/ListMenuTitle/ListMenuTitle.types.d.ts.map +1 -1
- package/dist/types/components/Modals/Modal/Modal.types.d.ts +2 -2
- package/dist/types/components/Modals/Modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavGroup/NavGroup.d.ts +1 -2
- package/dist/types/components/Navigator/NavGroup/NavGroup.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavGroup/NavGroup.types.d.ts +3 -3
- package/dist/types/components/Navigator/NavGroup/NavGroup.types.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavItem/NavItem.d.ts +1 -2
- package/dist/types/components/Navigator/NavItem/NavItem.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavItem/NavItem.types.d.ts +3 -3
- package/dist/types/components/Navigator/NavItem/NavItem.types.d.ts.map +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.d.ts +1 -2
- package/dist/types/components/SectionLabel/SectionLabel.d.ts.map +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.styled.d.ts +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.styled.d.ts.map +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.types.d.ts +2 -7
- package/dist/types/components/SectionLabel/SectionLabel.types.d.ts.map +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/types/components/Spinner/Spinner.types.d.ts +2 -1
- package/dist/types/components/Spinner/Spinner.types.d.ts.map +1 -1
- package/dist/types/components/TagBadge/Badge/Badge.d.ts +1 -1
- package/dist/types/components/TagBadge/Badge/Badge.d.ts.map +1 -1
- package/dist/types/components/TagBadge/Badge/Badge.types.d.ts +2 -2
- package/dist/types/components/TagBadge/Badge/Badge.types.d.ts.map +1 -1
- package/dist/types/components/TagBadge/Tag/Tag.d.ts +1 -1
- package/dist/types/components/TagBadge/Tag/Tag.d.ts.map +1 -1
- package/dist/types/components/Toast/Toast.types.d.ts +4 -4
- package/dist/types/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/types/components/Toast/ToastElement.d.ts.map +1 -1
- package/dist/types/components/Toast/utils.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +31 -5
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.styled.d.ts +22 -12
- package/dist/types/components/Tooltip/Tooltip.styled.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.types.d.ts +105 -24
- package/dist/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/types/components/Tooltip/index.d.ts +3 -5
- package/dist/types/components/Tooltip/index.d.ts.map +1 -1
- package/dist/types/components/VisuallyHidden/VisuallyHidden.types.d.ts +2 -1
- package/dist/types/components/VisuallyHidden/VisuallyHidden.types.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/providers/BezierProvider.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/components/Avatars/AvatarGroup/__snapshots__/AvatarGroup.test.tsx.snap +17 -17
- package/src/components/Button/__snapshots__/Button.test.tsx.snap +15 -15
- package/src/components/Forms/FormControl/__snapshots__/FormControl.test.tsx.snap +119 -119
- package/src/components/Forms/Slider/Slider.stories.tsx +10 -63
- package/src/components/Forms/Slider/Slider.styled.ts +46 -95
- package/src/components/Forms/Slider/Slider.test.tsx +130 -97
- package/src/components/Forms/Slider/Slider.tsx +117 -96
- package/src/components/Forms/Slider/Slider.types.ts +55 -17
- package/src/components/Forms/Slider/__snapshots__/Slider.test.tsx.snap +156 -0
- package/src/components/Help/Help.styled.ts +4 -7
- package/src/components/Help/Help.tsx +19 -12
- package/src/components/Help/Help.types.ts +1 -1
- package/src/components/KeyValueListItem/KeyValueListItem.test.tsx +10 -6
- package/src/components/KeyValueListItem/__snapshots__/KeyValueListItem.test.tsx.snap +13 -13
- package/src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.ts +5 -15
- package/src/components/KeyValueListItem/common/ItemActions/ItemAction.tsx +6 -13
- package/src/components/KeyValueListItem/common/ItemActions/ItemAction.types.ts +3 -6
- package/src/components/KeyValueListItem/common/KeyItem/KeyItem.types.ts +2 -5
- package/src/components/LegacyTooltip/LegacyTooltip.stories.tsx +105 -0
- package/src/components/LegacyTooltip/LegacyTooltip.styled.ts +46 -0
- package/src/components/LegacyTooltip/LegacyTooltip.test.tsx +100 -0
- package/src/components/LegacyTooltip/LegacyTooltip.tsx +152 -0
- package/src/components/LegacyTooltip/LegacyTooltip.types.ts +69 -0
- package/src/components/{Tooltip/TooltipContent.test.tsx → LegacyTooltip/LegacyTooltipContent.test.tsx} +9 -8
- package/src/components/{Tooltip/TooltipContent.tsx → LegacyTooltip/LegacyTooltipContent.tsx} +6 -7
- package/src/components/LegacyTooltip/index.ts +5 -0
- package/src/components/{Tooltip → LegacyTooltip}/utils.ts +35 -35
- package/src/components/ListMenuTitle/ListMenuTitle.tsx +10 -6
- package/src/components/ListMenuTitle/ListMenuTitle.types.ts +1 -1
- package/src/components/Modals/Modal/Modal.types.ts +2 -2
- package/src/components/Navigator/NavGroup/NavGroup.stories.tsx +5 -2
- package/src/components/Navigator/NavGroup/NavGroup.test.tsx +1 -1
- package/src/components/Navigator/NavGroup/NavGroup.tsx +13 -16
- package/src/components/Navigator/NavGroup/NavGroup.types.ts +3 -2
- package/src/components/Navigator/NavItem/NavItem.test.tsx +3 -1
- package/src/components/Navigator/NavItem/NavItem.tsx +13 -12
- package/src/components/Navigator/NavItem/NavItem.types.ts +3 -2
- package/src/components/SectionLabel/SectionLabel.stories.tsx +1 -1
- package/src/components/SectionLabel/SectionLabel.styled.ts +2 -4
- package/src/components/SectionLabel/SectionLabel.test.tsx +5 -25
- package/src/components/SectionLabel/SectionLabel.tsx +11 -17
- package/src/components/SectionLabel/SectionLabel.types.ts +2 -8
- package/src/components/Spinner/Spinner.tsx +7 -4
- package/src/components/Spinner/Spinner.types.ts +2 -1
- package/src/components/TagBadge/Badge/Badge.stories.tsx +2 -1
- package/src/components/TagBadge/Badge/Badge.tsx +15 -10
- package/src/components/TagBadge/Badge/Badge.types.ts +2 -2
- package/src/components/TagBadge/Tag/Tag.tsx +9 -4
- package/src/components/TagBadge/TagBadge.mdx +1 -1
- package/src/components/TagBadge/TagBadge.stories.tsx +48 -33
- package/src/components/Toast/Toast.stories.tsx +9 -8
- package/src/components/Toast/Toast.types.ts +8 -5
- package/src/components/Toast/ToastElement.tsx +4 -5
- package/src/components/Toast/ToastProvider.tsx +2 -2
- package/src/components/Toast/ToastService.test.ts +3 -1
- package/src/components/Toast/useToastContextValues.test.tsx +5 -4
- package/src/components/Toast/utils.ts +13 -5
- package/src/components/Tooltip/Tooltip.stories.tsx +28 -67
- package/src/components/Tooltip/Tooltip.styled.ts +109 -19
- package/src/components/Tooltip/Tooltip.test.tsx +136 -63
- package/src/components/Tooltip/Tooltip.tsx +262 -120
- package/src/components/Tooltip/Tooltip.types.ts +111 -47
- package/src/components/Tooltip/index.ts +8 -8
- package/src/components/VisuallyHidden/VisuallyHidden.types.ts +1 -1
- package/src/index.ts +1 -0
- package/src/providers/BezierProvider.tsx +10 -6
- package/dist/cjs/components/Tooltip/TooltipContent.js.map +0 -1
- package/dist/cjs/components/Tooltip/utils.js.map +0 -1
- package/dist/esm/components/Tooltip/TooltipContent.mjs.map +0 -1
- package/dist/esm/components/Tooltip/utils.mjs.map +0 -1
- package/dist/types/components/Tooltip/TooltipContent.d.ts +0 -5
- package/dist/types/components/Tooltip/TooltipContent.d.ts.map +0 -1
- package/dist/types/components/Tooltip/utils.d.ts.map +0 -1
- /package/src/components/{Tooltip/__snapshots__/Tooltip.test.tsx.snap → LegacyTooltip/__snapshots__/LegacyTooltip.test.tsx.snap} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBadge/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBadge/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAA;AAmBd,OAAO,KAAK,UAAU,MAAM,eAAe,CAAA;AAG3C,eAAO,MAAM,aAAa,uBAAuB,CAAA;AAEjD,eAAO,MAAM,KAAK,8GAkDf,CAAA"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type
|
|
2
|
+
import { type BezierIcon } from '@channel.io/bezier-icons';
|
|
3
3
|
import { type BezierComponentProps, type ChildrenProps, type SizeProps, type VariantProps } from "../../../types/ComponentProps";
|
|
4
4
|
import { type TagBadgeSize, type TagBadgeVariant } from "..";
|
|
5
5
|
interface BadgeOptions {
|
|
6
6
|
/**
|
|
7
7
|
* Icon to be shown on the left side of the badge.
|
|
8
8
|
*/
|
|
9
|
-
|
|
9
|
+
icon?: BezierIcon;
|
|
10
10
|
}
|
|
11
11
|
interface BadgeProps extends BezierComponentProps, ChildrenProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, SizeProps<TagBadgeSize>, VariantProps<TagBadgeVariant>, BadgeOptions {
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBadge/Badge/Badge.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBadge/Badge/Badge.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,YAAY,EAClB,sCAAkC;AAEnC,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,WAAiC;AAElC,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,UAAU,UAAW,SACnB,oBAAoB,EACpB,aAAa,EACb,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACnD,SAAS,CAAC,YAAY,CAAC,EACvB,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY;CAAG;AAEjB,eAAe,UAAU,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type TagProps from './Tag.types';
|
|
3
3
|
export declare const TAG_TEST_ID = "bezier-react-tag";
|
|
4
|
-
export declare const Tag: React.
|
|
4
|
+
export declare const Tag: React.MemoExoticComponent<React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>>;
|
|
5
5
|
//# sourceMappingURL=Tag.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBadge/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBadge/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAA;AAsBd,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAA;AAKvC,eAAO,MAAM,WAAW,qBAAqB,CAAA;AAE7C,eAAO,MAAM,GAAG,4GAqDb,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ComponentType, type ReactNode } from 'react';
|
|
2
2
|
import type React from 'react';
|
|
3
|
-
import { type
|
|
3
|
+
import { type BezierIcon } from '@channel.io/bezier-icons';
|
|
4
4
|
import { type TransitionDuration } from "../../foundation";
|
|
5
5
|
import { type BezierComponentProps, type ContentProps } from "../../types/ComponentProps";
|
|
6
6
|
import { type InjectedInterpolation } from "../../types/Foundation";
|
|
@@ -29,12 +29,12 @@ export declare enum ToastPreset {
|
|
|
29
29
|
}
|
|
30
30
|
export interface ToastPresetType {
|
|
31
31
|
appearance: ToastAppearance;
|
|
32
|
-
|
|
32
|
+
icon: BezierIcon;
|
|
33
33
|
}
|
|
34
34
|
interface ToastElementOptions {
|
|
35
35
|
preset?: ToastPreset;
|
|
36
36
|
appearance?: ToastAppearance;
|
|
37
|
-
|
|
37
|
+
icon?: BezierIcon;
|
|
38
38
|
/**
|
|
39
39
|
* @deprecated use React.ReactNode content props instead.
|
|
40
40
|
*/
|
|
@@ -57,7 +57,7 @@ export type ToastId = string;
|
|
|
57
57
|
export type OnDismissCallback = (id: ToastId) => void;
|
|
58
58
|
export type ToastOptions = {
|
|
59
59
|
preset?: ToastPreset;
|
|
60
|
-
|
|
60
|
+
icon?: BezierIcon;
|
|
61
61
|
appearance?: ToastAppearance;
|
|
62
62
|
actionContent?: string;
|
|
63
63
|
autoDismiss?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,
|
|
1
|
+
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,UAAU,MAAM,eAAe,CAAA;AAc3C,eAAO,MAAM,aAAa,uBAAuB,CAAA;;AAyFjD,wBAAuC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/utils.ts"],"names":[],"mappings":"AAUA,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,eAAe,CAAA;AAQtB,iBAAS,YAAY,CAAC,UAAU,EAAE,eAAe,GAAG,cAAc,CAYjE;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,cAAc,0DAc9C;AAED,QAAA,MAAM,0BAA0B,wDAAmC,CAAA;AAEnE,QAAA,MAAM,YAAY,eAAgB,cAAc,2DAS/C,CAAA;AAED,QAAA,MAAM,cAAc,WAAY,WAAW,KAAG,eA6B7C,CAAA;AAED,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,0BAA0B,EAC1B,cAAc,GACf,CAAA"}
|
|
@@ -1,7 +1,33 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type TooltipProps from './Tooltip.types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
import { type TooltipProps, type TooltipProviderProps } from './Tooltip.types';
|
|
3
|
+
/**
|
|
4
|
+
* `TooltipProvider` is used to globally provide props to child tooltips.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
*
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <TooltipProvider allowHover delayShow={1000}>
|
|
10
|
+
* <Tooltip />
|
|
11
|
+
* </TooltipProvider>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
export declare function TooltipProvider({ children, allowHover, delayShow, delayHide, skipDelayShow, }: TooltipProviderProps): React.JSX.Element;
|
|
15
|
+
/**
|
|
16
|
+
* `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
*
|
|
20
|
+
* ```tsx
|
|
21
|
+
* // Anatomy of the Tooltip
|
|
22
|
+
* <TooltipProvider>
|
|
23
|
+
* <Tooltip />
|
|
24
|
+
* </TooltipProvider>
|
|
25
|
+
*
|
|
26
|
+
* // Example of a Tooltip with a button
|
|
27
|
+
* <Tooltip content="Ta-da!">
|
|
28
|
+
* <button>Hover me</button>
|
|
29
|
+
* </Tooltip>
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
33
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAOd,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAC1B,MAAM,iBAAiB,CAAA;AA6GxB;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAkB,EAClB,SAAa,EACb,SAAa,EACb,aAAiB,GAClB,EAAE,oBAAoB,qBAgBtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,qFAmHlB,CAAA"}
|
|
@@ -1,18 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconSize } from "../Icon";
|
|
3
|
+
import { type TooltipProps } from './Tooltip.types';
|
|
4
|
+
export declare const TooltipContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../AlphaStack").AlphaStackProps & import("react").RefAttributes<HTMLElement>>, import("../../foundation").Foundation, {
|
|
5
|
+
foundation?: import("../../foundation").Foundation | undefined;
|
|
6
|
+
} & {
|
|
7
|
+
direction: "horizontal";
|
|
8
|
+
spacing: 4;
|
|
9
|
+
} & TooltipProps, "direction" | "spacing">;
|
|
10
|
+
export declare const TextContainer: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
|
|
6
11
|
foundation?: import("../../foundation").Foundation | undefined;
|
|
7
12
|
}, never>;
|
|
8
|
-
export declare const
|
|
13
|
+
export declare const Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../foundation").Foundation, {
|
|
9
14
|
foundation?: import("../../foundation").Foundation | undefined;
|
|
10
|
-
} &
|
|
11
|
-
|
|
15
|
+
} & {
|
|
16
|
+
typo: import("styled-components").FlattenSimpleInterpolation;
|
|
17
|
+
}, "typo">;
|
|
18
|
+
export declare const Description: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("../../foundation").Foundation, {
|
|
12
19
|
foundation?: import("../../foundation").Foundation | undefined;
|
|
13
|
-
} &
|
|
14
|
-
|
|
20
|
+
} & {
|
|
21
|
+
typo: import("styled-components").FlattenSimpleInterpolation;
|
|
22
|
+
}, "typo">;
|
|
23
|
+
export declare const Icon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("../../foundation").Foundation, {
|
|
15
24
|
foundation?: import("../../foundation").Foundation | undefined;
|
|
16
|
-
}
|
|
17
|
-
|
|
25
|
+
} & {
|
|
26
|
+
size: IconSize.XS;
|
|
27
|
+
}, "size">;
|
|
18
28
|
//# sourceMappingURL=Tooltip.styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.styled.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.styled.ts"],"names":[],"mappings":";AAaA,OAAO,EAEL,QAAQ,EACT,gBAA6B;AAG9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AA4DnD,eAAO,MAAM,cAAc;;;;;0CAkC1B,CAAA;AAED,eAAO,MAAM,aAAa;;SAEzB,CAAA;AAED,eAAO,MAAM,OAAO;;;;UAKnB,CAAA;AAED,eAAO,MAAM,WAAW;;;;UAEvB,CAAA;AAED,eAAO,MAAM,IAAI;;;;UAKhB,CAAA"}
|
|
@@ -1,27 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import { type
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
allowHover?: boolean;
|
|
8
|
-
delayShow?: number;
|
|
9
|
-
delayHide?: number;
|
|
10
|
-
contentTestId?: string;
|
|
11
|
-
lazy?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export default interface TooltipProps extends BezierComponentProps, ChildrenProps, ContentProps, DisableProps, AdditionalStylableProps<'content' | 'contentWrapper'>, Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps>, TooltipOptions {
|
|
14
|
-
}
|
|
15
|
-
export interface TooltipContentProps extends Pick<TooltipOptions, 'keepInContainer' | 'placement' | 'offset' | 'allowHover'>, RenderConfigProps, ContentProps, AdditionalStylableProps<'content' | 'contentWrapper'>, DisableProps {
|
|
16
|
-
tooltipContainer: HTMLDivElement | null;
|
|
17
|
-
forwardedRef: Ref<HTMLDivElement>;
|
|
18
|
-
}
|
|
19
|
-
export interface GetTooltipStyle extends Required<Pick<TooltipOptions, 'placement' | 'offset' | 'allowHover'>> {
|
|
20
|
-
tooltipContainer: HTMLDivElement;
|
|
21
|
-
}
|
|
22
|
-
export interface GetReplacement extends Required<Pick<TooltipOptions, 'placement' | 'keepInContainer'>> {
|
|
23
|
-
tooltip: HTMLDivElement;
|
|
24
|
-
}
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type BezierIcon } from '@channel.io/bezier-icons';
|
|
3
|
+
import { type BezierComponentProps, type ChildrenProps, type ContentProps, type DisableProps } from "../../types/ComponentProps";
|
|
4
|
+
/**
|
|
5
|
+
* An enumeration that determines the position of `Tooltip`.
|
|
6
|
+
*/
|
|
25
7
|
export declare enum TooltipPosition {
|
|
26
8
|
TopCenter = "topCenter",
|
|
27
9
|
TopLeft = "topLeft",
|
|
@@ -36,5 +18,104 @@ export declare enum TooltipPosition {
|
|
|
36
18
|
LeftTop = "leftTop",
|
|
37
19
|
LeftBottom = "leftBottom"
|
|
38
20
|
}
|
|
21
|
+
interface TooltipProviderOptions {
|
|
22
|
+
/**
|
|
23
|
+
* Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
allowHover?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* The delay from when the mouse enters a tooltip trigger until the tooltip opens.
|
|
29
|
+
* @default 0
|
|
30
|
+
*/
|
|
31
|
+
delayShow?: number;
|
|
32
|
+
/**
|
|
33
|
+
* The delay from when the mouse leaves a tooltip content until the tooltip hides.
|
|
34
|
+
* @default 0
|
|
35
|
+
*/
|
|
36
|
+
delayHide?: number;
|
|
37
|
+
/**
|
|
38
|
+
* How much time a user has to enter another trigger without incurring a delay again.
|
|
39
|
+
* @default 0
|
|
40
|
+
*/
|
|
41
|
+
skipDelayShow?: number;
|
|
42
|
+
}
|
|
43
|
+
interface TooltipOptions {
|
|
44
|
+
/**
|
|
45
|
+
* The open state of the tooltip when it is initially rendered.
|
|
46
|
+
*/
|
|
47
|
+
defaultShow?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* An element that sits below the tooltip content.
|
|
50
|
+
*/
|
|
51
|
+
description?: React.ReactNode;
|
|
52
|
+
/**
|
|
53
|
+
* A decorative icon that sits right of the tooltip content.
|
|
54
|
+
*/
|
|
55
|
+
icon?: BezierIcon;
|
|
56
|
+
/**
|
|
57
|
+
* Options to determine the location from the trigger.
|
|
58
|
+
* @default TooltipPosition.BottomCenter
|
|
59
|
+
*/
|
|
60
|
+
placement?: TooltipPosition;
|
|
61
|
+
/**
|
|
62
|
+
* The distance in pixels from the trigger.
|
|
63
|
+
* @default 4
|
|
64
|
+
*/
|
|
65
|
+
offset?: number;
|
|
66
|
+
/**
|
|
67
|
+
* Specify a container element to portal the content into.
|
|
68
|
+
* @default document.body
|
|
69
|
+
*/
|
|
70
|
+
container?: HTMLElement | null;
|
|
71
|
+
/**
|
|
72
|
+
* When `true`, overrides the `position` of the tooltip
|
|
73
|
+
* to prevent collisions with boundary edges.
|
|
74
|
+
* @default true
|
|
75
|
+
*/
|
|
76
|
+
keepInContainer?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.
|
|
79
|
+
* Inherits from the nearest `TooltipProvider`.
|
|
80
|
+
* @default false
|
|
81
|
+
*/
|
|
82
|
+
allowHover?: boolean;
|
|
83
|
+
/**
|
|
84
|
+
* The delay from when the mouse enters a tooltip trigger until the tooltip opens.
|
|
85
|
+
* Inherits from the nearest `TooltipProvider`.
|
|
86
|
+
* @default 0
|
|
87
|
+
*/
|
|
88
|
+
delayShow?: number;
|
|
89
|
+
/**
|
|
90
|
+
* The delay from when the mouse leaves a tooltip content until the tooltip hides.
|
|
91
|
+
* Inherits from the nearest `TooltipProvider`.
|
|
92
|
+
* @default 0
|
|
93
|
+
*/
|
|
94
|
+
delayHide?: number;
|
|
95
|
+
/**
|
|
96
|
+
* Callback function to be called when the tooltip is opened.
|
|
97
|
+
*/
|
|
98
|
+
onShow?: () => void;
|
|
99
|
+
/**
|
|
100
|
+
* Callback function to be called when the tooltip is closed.
|
|
101
|
+
*/
|
|
102
|
+
onHide?: () => void;
|
|
103
|
+
/**
|
|
104
|
+
* Event handler called when the escape key is down.
|
|
105
|
+
* It can be prevented by calling `event.preventDefault`.
|
|
106
|
+
*/
|
|
107
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
108
|
+
/**
|
|
109
|
+
* Event handler called when a pointer event occurs outside the bounds of the component.
|
|
110
|
+
* It can be prevented by calling `event.preventDefault`.
|
|
111
|
+
*/
|
|
112
|
+
onPointerDownOutside?: (event: CustomEvent<{
|
|
113
|
+
originalEvent: PointerEvent;
|
|
114
|
+
}>) => void;
|
|
115
|
+
}
|
|
116
|
+
export interface TooltipProviderProps extends ChildrenProps, TooltipProviderOptions {
|
|
117
|
+
}
|
|
118
|
+
export interface TooltipProps extends BezierComponentProps, ChildrenProps<React.ReactElement>, ContentProps, DisableProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>, TooltipOptions {
|
|
119
|
+
}
|
|
39
120
|
export {};
|
|
40
121
|
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,mCAAkC;AAEnC;;GAEG;AACH,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B;AAED,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,UAAU,cAAc;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,aAAa,EAAE,YAAY,CAAA;KAAE,CAAC,KAAK,IAAI,CAAA;CACrF;AAED,MAAM,WAAW,oBAAqB,SACpC,aAAa,EACb,sBAAsB;CAAG;AAE3B,MAAM,WAAW,YAAa,SAC5B,oBAAoB,EACpB,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,EACpF,cAAc;CAAG"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export type { TooltipProps, };
|
|
5
|
-
export { Tooltip, TooltipPosition, };
|
|
1
|
+
export { Tooltip, TooltipProvider, } from './Tooltip';
|
|
2
|
+
export { TooltipPosition } from './Tooltip.types';
|
|
3
|
+
export type { TooltipProps, TooltipProviderProps, } from './Tooltip.types';
|
|
6
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,GAChB,MAAM,WAAW,CAAA;AAElB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,YAAY,EACV,YAAY,EACZ,oBAAoB,GACrB,MAAM,iBAAiB,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { type ChildrenProps } from "../../types/ComponentProps";
|
|
2
|
-
export interface VisuallyHiddenProps extends ChildrenProps {
|
|
3
|
+
export interface VisuallyHiddenProps extends ChildrenProps<React.ReactElement> {
|
|
3
4
|
}
|
|
4
5
|
//# sourceMappingURL=VisuallyHidden.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisuallyHidden.types.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,mCAAkC;AAE/D,MAAM,WAAW,mBAAoB,SACnC,aAAa;CAAG"}
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.types.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,mCAAkC;AAE/D,MAAM,WAAW,mBAAoB,SACnC,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;CAAG"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -49,6 +49,7 @@ export * from "./components/AlphaStack";
|
|
|
49
49
|
export * from "./components/AlphaSmoothCornersBox";
|
|
50
50
|
export * from "./components/LegacyIcon";
|
|
51
51
|
export * from "./components/LegacyRadio";
|
|
52
|
+
export * from "./components/LegacyTooltip";
|
|
52
53
|
export * from "./components/LegacySegmentedControl";
|
|
53
54
|
export { default as useToast } from "./components/Toast/useToast";
|
|
54
55
|
export * from "./types/ComponentProps";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mCAAsC;AAG1E,6BAAgC;AAGhC,uCAA0C;AAC1C,4CAA+C;AAC/C,iDAAoD;AACpD,qDAAwD;AACxD,oCAAuC;AACvC,oCAAuC;AACvC,yCAA4C;AAC5C,qCAAwC;AACxC,mCAAsC;AACtC,mCAAsC;AACtC,4CAA+C;AAC/C,+CAAkD;AAClD,6CAAgD;AAChD,kDAAqD;AACrD,6CAAgD;AAChD,iDAAoD;AACpD,iDAAoD;AACpD,mDAAsD;AACtD,oDAAuD;AACvD,8CAAiD;AACjD,oDAAuD;AACvD,0CAA6C;AAC7C,0CAA6C;AAC7C,kCAAqC;AACrC,kCAAqC;AACrC,8CAAiD;AACjD,sCAAyC;AACzC,2CAA8C;AAC9C,oCAAuC;AACvC,gDAAmD;AACnD,+CAAkD;AAClD,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,kCAAqC;AACrC,sCAAyC;AACzC,kCAAqC;AACrC,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAE/C,yCAA4C;AAC5C,wCAA2C;AAC3C,mDAAsD;AAEtD,wCAA2C;AAC3C,yCAA4C;AAC5C,oDAAuD;AAGvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,oCAAuC;AAGrE,uCAA0C;AAC1C,mCAAsC;AACtC,8BAAiC;AAGjC,OAAO,EAAE,MAAM,EAAE,2BAA8B;AAG/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,gCAAmC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,6BAAgC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,sBAAyB;AAGpD,OAAO,EAAE,cAAc,EAAE,yBAA4B;AACrD,OAAO,KAAK,UAAU,2BAA8B;AACpD,OAAO,KAAK,WAAW,4BAA+B;AAGtD,2BAA8B"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mCAAsC;AAG1E,6BAAgC;AAGhC,uCAA0C;AAC1C,4CAA+C;AAC/C,iDAAoD;AACpD,qDAAwD;AACxD,oCAAuC;AACvC,oCAAuC;AACvC,yCAA4C;AAC5C,qCAAwC;AACxC,mCAAsC;AACtC,mCAAsC;AACtC,4CAA+C;AAC/C,+CAAkD;AAClD,6CAAgD;AAChD,kDAAqD;AACrD,6CAAgD;AAChD,iDAAoD;AACpD,iDAAoD;AACpD,mDAAsD;AACtD,oDAAuD;AACvD,8CAAiD;AACjD,oDAAuD;AACvD,0CAA6C;AAC7C,0CAA6C;AAC7C,kCAAqC;AACrC,kCAAqC;AACrC,8CAAiD;AACjD,sCAAyC;AACzC,2CAA8C;AAC9C,oCAAuC;AACvC,gDAAmD;AACnD,+CAAkD;AAClD,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,kCAAqC;AACrC,sCAAyC;AACzC,kCAAqC;AACrC,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAE/C,yCAA4C;AAC5C,wCAA2C;AAC3C,mDAAsD;AAEtD,wCAA2C;AAC3C,yCAA4C;AAC5C,2CAA8C;AAC9C,oDAAuD;AAGvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,oCAAuC;AAGrE,uCAA0C;AAC1C,mCAAsC;AACtC,8BAAiC;AAGjC,OAAO,EAAE,MAAM,EAAE,2BAA8B;AAG/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,gCAAmC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,6BAAgC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,sBAAyB;AAGpD,OAAO,EAAE,cAAc,EAAE,yBAA4B;AACrD,OAAO,KAAK,UAAU,2BAA8B;AACpD,OAAO,KAAK,WAAW,4BAA+B;AAGtD,2BAA8B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BezierProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/BezierProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,UAAU,EAGf,KAAK,eAAe,EAEpB,KAAK,uBAAuB,EAC7B,sBAAwB;
|
|
1
|
+
{"version":3,"file":"BezierProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/BezierProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,UAAU,EAGf,KAAK,eAAe,EAEpB,KAAK,uBAAuB,EAC7B,sBAAwB;AAIzB,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,GAAG,eAAe,CAAA;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;CAClD;AAED,iBAAS,cAAc,CAAC,EACtB,UAAU,EACV,QAAQ,EACR,cAAc,GACf,EAAE,mBAAmB,qBAarB;AAED,eAAe,cAAc,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@channel.io/bezier-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"description": "React components library that implements Bezier design system.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@babel/preset-env": "^7.22.5",
|
|
65
65
|
"@babel/preset-react": "^7.22.5",
|
|
66
66
|
"@babel/preset-typescript": "^7.22.5",
|
|
67
|
-
"@channel.io/bezier-icons": "^0.
|
|
67
|
+
"@channel.io/bezier-icons": "^0.4.0",
|
|
68
68
|
"@channel.io/react-docgen-typescript-plugin": "^1.0.0",
|
|
69
69
|
"@mdx-js/react": "^1.6.22",
|
|
70
70
|
"@rollup/plugin-alias": "^5.0.0",
|
|
@@ -140,6 +140,7 @@
|
|
|
140
140
|
"@radix-ui/react-switch": "^1.0.3",
|
|
141
141
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
142
142
|
"@radix-ui/react-toolbar": "^1.0.4",
|
|
143
|
+
"@radix-ui/react-tooltip": "^1.0.6",
|
|
143
144
|
"@radix-ui/react-visually-hidden": "^1.0.3",
|
|
144
145
|
"classnames": "^2.3.2",
|
|
145
146
|
"react-resize-detector": "^9.1.0",
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`AvatarGroup Ellipsis type - Count Snapshot 1`] = `
|
|
4
|
+
.c5 {
|
|
5
|
+
font-size: 1.3rem;
|
|
6
|
+
line-height: 1.8rem;
|
|
7
|
+
margin: 0px 0px 0px 0px;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
font-weight: normal;
|
|
10
|
+
color: inherit;
|
|
11
|
+
-webkit-transition-delay: 0ms;
|
|
12
|
+
transition-delay: 0ms;
|
|
13
|
+
-webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
|
|
14
|
+
transition-timing-function: cubic-bezier(.3,0,0,1);
|
|
15
|
+
-webkit-transition-duration: 150ms;
|
|
16
|
+
transition-duration: 150ms;
|
|
17
|
+
-webkit-transition-property: color;
|
|
18
|
+
transition-property: color;
|
|
19
|
+
}
|
|
20
|
+
|
|
4
21
|
.c2 {
|
|
5
22
|
--bezier-alpha-smooth-corners-box-border-radius: 0;
|
|
6
23
|
--bezier-alpha-smooth-corners-box-shadow-offset-x: 0;
|
|
@@ -106,23 +123,6 @@ exports[`AvatarGroup Ellipsis type - Count Snapshot 1`] = `
|
|
|
106
123
|
--bezier-avatar-computed-status-gap: calc(var(--bezier-avatar-status-gap) + (2 * var(--bezier-alpha-smooth-corners-box-shadow-spread-radius)));
|
|
107
124
|
}
|
|
108
125
|
|
|
109
|
-
.c5 {
|
|
110
|
-
font-size: 1.3rem;
|
|
111
|
-
line-height: 1.8rem;
|
|
112
|
-
margin: 0px 0px 0px 0px;
|
|
113
|
-
font-style: normal;
|
|
114
|
-
font-weight: normal;
|
|
115
|
-
color: inherit;
|
|
116
|
-
-webkit-transition-delay: 0ms;
|
|
117
|
-
transition-delay: 0ms;
|
|
118
|
-
-webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
|
|
119
|
-
transition-timing-function: cubic-bezier(.3,0,0,1);
|
|
120
|
-
-webkit-transition-duration: 150ms;
|
|
121
|
-
transition-duration: 150ms;
|
|
122
|
-
-webkit-transition-property: color;
|
|
123
|
-
transition-property: color;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
126
|
.c6 {
|
|
127
127
|
position: relative;
|
|
128
128
|
display: -webkit-box;
|
|
@@ -213,21 +213,6 @@ exports[`Button Test > Disabled Test > Button can have disabled attribute 1`] =
|
|
|
213
213
|
`;
|
|
214
214
|
|
|
215
215
|
exports[`Button Test > Loading Test > Active prop change Button to hover style 1`] = `
|
|
216
|
-
.c5 {
|
|
217
|
-
display: inline-block;
|
|
218
|
-
width: 16px;
|
|
219
|
-
height: 16px;
|
|
220
|
-
border-style: solid;
|
|
221
|
-
border-width: 2px;
|
|
222
|
-
border-top-color: transparent;
|
|
223
|
-
border-right-color: inherit;
|
|
224
|
-
border-bottom-color: inherit;
|
|
225
|
-
border-left-color: inherit;
|
|
226
|
-
border-radius: 50%;
|
|
227
|
-
-webkit-animation: epmXAj 1s infinite linear;
|
|
228
|
-
animation: epmXAj 1s infinite linear;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
216
|
.c2 {
|
|
232
217
|
font-size: 1.4rem;
|
|
233
218
|
line-height: 1.8rem;
|
|
@@ -245,6 +230,21 @@ exports[`Button Test > Loading Test > Active prop change Button to hover style 1
|
|
|
245
230
|
transition-property: color;
|
|
246
231
|
}
|
|
247
232
|
|
|
233
|
+
.c5 {
|
|
234
|
+
display: inline-block;
|
|
235
|
+
width: 16px;
|
|
236
|
+
height: 16px;
|
|
237
|
+
border-style: solid;
|
|
238
|
+
border-width: 2px;
|
|
239
|
+
border-top-color: transparent;
|
|
240
|
+
border-right-color: inherit;
|
|
241
|
+
border-bottom-color: inherit;
|
|
242
|
+
border-left-color: inherit;
|
|
243
|
+
border-radius: 50%;
|
|
244
|
+
-webkit-animation: epmXAj 1s infinite linear;
|
|
245
|
+
animation: epmXAj 1s infinite linear;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
248
|
.c1 {
|
|
249
249
|
display: -webkit-box;
|
|
250
250
|
display: -webkit-flex;
|