@bitrise/bitkit 13.349.0 → 13.350.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.349.0",
+  "version": "13.350.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/OverflowTooltip/OverflowTooltip.tsx

@@ -0,0 +1,30 @@
+import { forwardRef, Tooltip as ChakraTooltip, TooltipProps as ChakraTooltipProps } from 'chakra-ui-2--react';
+
+export interface OverflowTooltipProps extends Omit<ChakraTooltipProps, 'children'> {
+  label: string;
+  children: React.ReactNode;
+}
+
+const OverflowTooltip = forwardRef<OverflowTooltipProps, 'div'>((props, ref) => {
+  const { children, ...rest } = props;
+
+  const properties: Omit<ChakraTooltipProps, 'children'> = {
+    bg: 'background/tertiary',
+    color: 'text/body',
+    textStyle: 'body/sm/regular',
+    borderRadius: '4',
+    paddingX: '8',
+    paddingY: '4',
+    maxWidth: '800',
+    placement: 'top',
+    ...rest,
+  };
+
+  return (
+    <ChakraTooltip {...properties} ref={ref}>
+      {children}
+    </ChakraTooltip>
+  );
+});
+
+export default OverflowTooltip;

package/src/index.ts

@@ -139,6 +139,8 @@ export type { OverflowMenuProps } from './Components/OverflowMenu/OverflowMenu';
 export { default as OverflowMenu } from './Components/OverflowMenu/OverflowMenu';
 export type { OverflowMenuItemProps } from './Components/OverflowMenu/OverflowMenuItem';
 export { default as OverflowMenuItem } from './Components/OverflowMenu/OverflowMenuItem';
+export type { OverflowTooltipProps } from './Components/OverflowTooltip/OverflowTooltip';
+export { default as OverflowTooltip } from './Components/OverflowTooltip/OverflowTooltip';
 export type { PaginationProps } from './Components/Pagination/Pagination';
 export { default as Pagination } from './Components/Pagination/Pagination';
 export type { PaginationLoadMoreProps } from './Components/PaginationLoadMore/PaginationLoadMore';