@bitrise/bitkit 13.349.0 → 13.351.0

package/package.json

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

package/src/Components/Menu/MenuItem.tsx

@@ -1,12 +1,12 @@
 import {
   forwardRef,
+  IconProps,
   MenuItem as ChakraMenuItem,
   MenuItemProps as ChakraMenuItemProps,
   SystemStyleObject,
   useMenuStyles,
 } from 'chakra-ui-2--react';
 
-import { TypeColors } from '../../types/bitkit';
 import Box from '../Box/Box';
 import Icon, { TypeIconName } from '../Icon/Icon';
 
@@ -25,9 +25,9 @@ export interface MenuItemProps extends Omit<ChakraMenuItemProps, 'icon'> {
   as?: 'a' | 'button';
   iconName?: TypeIconName;
   isDanger?: boolean;
-  leftIconColor?: TypeColors;
+  leftIconColor?: IconProps['color'];
   leftIconName?: TypeIconName;
-  rightIconColor?: TypeColors;
+  rightIconColor?: IconProps['color'];
   rightIconName?: TypeIconName;
 }
 

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';