@bitrise/bitkit 12.44.0 → 12.44.1

package/package.json

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

package/src/Components/Toggletip/Toggletip.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FlexboxProps, useMultiStyleConfig } from '@chakra-ui/react';
+import { BoxProps, FlexboxProps, useMultiStyleConfig } from '@chakra-ui/react';
 import Popover, { PopoverProps } from '../Popover/Popover';
 import PopoverContent from '../Popover/PopoverContent';
 import PopoverTrigger from '../Popover/PopoverTrigger';
@@ -9,7 +9,7 @@ import Link from '../Link/Link';
 import { ButtonProps } from '../Button/Button';
 import ColorButton, { ColorButtonProps } from '../ColorButton/ColorButton';
 
-export type ToggleTooltipProps = Omit<PopoverProps, 'children'> & {
+export type ToggletipProps = Omit<PopoverProps, 'children'> & {
   children: ReactNode;
   label: string;
   learnMoreUrl?: string;
@@ -18,10 +18,11 @@ export type ToggleTooltipProps = Omit<PopoverProps, 'children'> & {
     href?: string;
     label: string;
   };
+  popoverTrigger?: Omit<BoxProps, 'children'>;
 };
 
-const Toggletip = (props: ToggleTooltipProps) => {
-  const { children, label, learnMoreUrl, button, ...rest } = props;
+const Toggletip = (props: ToggletipProps) => {
+  const { children, label, learnMoreUrl, button, popoverTrigger, ...rest } = props;
 
   const style = useMultiStyleConfig('Toggletip');
 
@@ -46,7 +47,9 @@ const Toggletip = (props: ToggleTooltipProps) => {
   return (
     <Popover placement="top" variant="dark" withArrow {...rest}>
       <PopoverTrigger>
-        <Box as="button">{children}</Box>
+        <Box as="button" {...(popoverTrigger || {})}>
+          {children}
+        </Box>
       </PopoverTrigger>
       <PopoverContent sx={style.content}>
         <Text>{label}</Text>

package/src/index.ts

@@ -304,3 +304,6 @@ export { default as ExpandableCard } from './Components/ExpandableCard/Expandabl
 
 export type { FileInputProps } from './Components/Form/FileInput/FileInput';
 export { default as FileInput } from './Components/Form/FileInput/FileInput';
+
+export type { ToggletipProps as ToggleTooltipProps } from './Components/Toggletip/Toggletip';
+export { default as Toggletip } from './Components/Toggletip/Toggletip';