@bitrise/bitkit 12.39.1 → 12.40.0

package/package.json

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

package/src/Components/IconButton/IconButton.tsx

@@ -1,11 +1,12 @@
 import { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps, forwardRef } from '@chakra-ui/react';
-import Icon, { TypeIconName } from '../Icon/Icon';
+import Icon, { IconProps, TypeIconName } from '../Icon/Icon';
 import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
 
 export interface IconButtonProps extends ChakraIconButtonProps {
   as?: 'a' | 'button';
   iconName: TypeIconName;
   isDanger?: boolean;
+  iconSize?: IconProps['size'];
   isTooltipDisabled?: boolean;
   label?: string;
   size?: 'small' | 'medium';
@@ -21,6 +22,7 @@ const IconButton = forwardRef<IconButtonProps, 'button'>((props, ref) => {
   const {
     as,
     iconName,
+    iconSize,
     isDanger,
     isDisabled,
     isTooltipDisabled,
@@ -33,7 +35,7 @@ const IconButton = forwardRef<IconButtonProps, 'button'>((props, ref) => {
   } = props;
   const properties: ChakraIconButtonProps = {
     as: isDisabled ? 'button' : as,
-    icon: <Icon name={iconName} size={size === 'small' ? '16' : '24'} />,
+    icon: <Icon name={iconName} size={iconSize || (size === 'small' ? '16' : '24')} />,
     isDisabled,
     size,
     variant: isDanger ? `${variant}--danger` : variant,

package/src/Components/Table/TableIconButton.tsx

@@ -0,0 +1,10 @@
+import { forwardRef } from '@chakra-ui/react';
+import IconButton, { IconButtonProps } from '../IconButton/IconButton';
+
+export type TableIconButtonProps = Omit<IconButtonProps, 'iconSize' | 'size' | 'variant'>;
+
+const TableIconButton = forwardRef<TableIconButtonProps, 'button'>((props, ref) => (
+  <IconButton {...props} iconSize="24" size="small" variant="tertiary" ref={ref} />
+));
+
+export default TableIconButton;

package/src/index.ts

@@ -295,3 +295,6 @@ export { default as LinkBox } from './Components/LinkBox/LinkBox';
 
 export type { LinkOverlayProps } from './Components/LinkOverlay/LinkOverlay';
 export { default as LinkOverlay } from './Components/LinkOverlay/LinkOverlay';
+
+export type { TableIconButtonProps } from './Components/Table/TableIconButton';
+export { default as TableIconButton } from './Components/Table/TableIconButton';