@bitrise/bitkit 12.12.0 → 12.12.1

package/package.json

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

package/src/Components/ContentSwitcher/ContentSwitcher.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useMultiStyleConfig, useRadioGroup, UseRadioGroupProps } from '@chakra-ui/react';
+import { useMultiStyleConfig, useRadioGroup, UseRadioGroupProps, forwardRef } from '@chakra-ui/react';
 import Box, { BoxProps } from '../Box/Box';
 import { ContentSwitcherContext, ContentSwitcherContextType } from './ContentSwitcher.context';
 
@@ -8,7 +8,7 @@ export type ContentSwitcherProps = BoxProps & UseRadioGroupProps;
 /**
  * This is a custom radio button group, based on: https://chakra-ui.com/docs/components/radio/usage#custom-radio-buttons.
  */
-const ContentSwitcher = (props: ContentSwitcherProps) => {
+const ContentSwitcher = forwardRef<ContentSwitcherProps, 'div'>((props) => {
   const { defaultValue, isDisabled, name, onChange, value, ...rest } = props;
 
   const { getRootProps, getRadioProps } = useRadioGroup({
@@ -35,6 +35,6 @@ const ContentSwitcher = (props: ContentSwitcherProps) => {
       <Box __css={theme.container} {...group} {...rest} />
     </ContentSwitcherContext>
   );
-};
+});
 
 export default ContentSwitcher;