@bitrise/bitkit 9.21.0-alpha-chakra.1 → 9.21.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.21.0-alpha-chakra.1",
+  "version": "9.21.0",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/IconButton/IconButton.tsx

@@ -9,6 +9,7 @@ export interface IconButtonProps extends ChakraIconButtonProps {
   isDanger?: boolean;
   label?: string;
   size?: 'small' | 'medium';
+  tooltipCloseDelay?: number;
   variant?: 'primary' | 'secondary' | 'tertiary';
 }
 
@@ -16,7 +17,7 @@ export interface IconButtonProps extends ChakraIconButtonProps {
  * IconButton composes the `Button` component except that it renders only an icon.
  */
 const IconButton = forwardRef<IconButtonProps, 'button'>((props, ref) => {
-  const { as, iconName, isDanger, isDisabled, label, variant, ...rest } = props;
+  const { as, iconName, isDanger, isDisabled, label, tooltipCloseDelay, variant, ...rest } = props;
   const properties: ChakraIconButtonProps = {
     as: isDisabled ? 'button' : as,
     icon: <Icon name={iconName} />,
@@ -25,7 +26,7 @@ const IconButton = forwardRef<IconButtonProps, 'button'>((props, ref) => {
     ...rest,
   };
   return (
-    <Tooltip label={label || rest['aria-label']} shouldWrapChildren={isDisabled}>
+    <Tooltip closeDelay={tooltipCloseDelay} label={label || rest['aria-label']} shouldWrapChildren={isDisabled}>
       <ChakraIconButton {...properties} ref={ref} />
     </Tooltip>
   );
@@ -34,6 +35,7 @@ const IconButton = forwardRef<IconButtonProps, 'button'>((props, ref) => {
 IconButton.defaultProps = {
   as: 'button',
   size: 'medium',
+  tooltipCloseDelay: 0,
   variant: 'primary',
 } as IconButtonProps;
 

package/src/Components/Tooltip/Tooltip.tsx

@@ -13,6 +13,7 @@ const Tooltip = forwardRef<TooltipProps, 'div'>((props, ref) => {
     bg: 'neutral.10',
     children,
     hasArrow: true,
+    placement: 'top',
     ...rest,
   };
   if (shouldWrapChildren) {

package/src/index.ts

@@ -62,3 +62,6 @@ export { default as Badge } from './Components/Badge/Badge';
 
 export type { IconButtonProps } from './Components/IconButton/IconButton';
 export { default as IconButton } from './Components/IconButton/IconButton';
+
+export type { TooltipProps } from './Components/Tooltip/Tooltip';
+export { default as Tooltip } from './Components/Tooltip/Tooltip';

package/src/old.ts

@@ -225,9 +225,6 @@ export { default as Textarea } from './Old/Textarea/Textarea';
 export type { Props as ToggleProps } from './Old/Toggle/Toggle';
 export { default as Toggle } from './Old/Toggle/Toggle';
 
-export type { Props as TooltipProps } from './Old/Tooltip/Tooltip';
-export { default as Tooltip } from './Old/Tooltip/Tooltip';
-
 export type { Props as VisibilityProps } from './Old/Visibility/Visibility';
 export { default as Visibility } from './Old/Visibility/Visibility';