@bitrise/bitkit 9.39.1 → 9.40.0

package/package.json

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

package/src/Components/Image/Image.stories.tsx

@@ -0,0 +1,15 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import Image from './Image';
+
+export default {
+  title: 'Components/Image',
+  component: Image,
+} as ComponentMeta<typeof Image>;
+
+const Template: ComponentStory<typeof Image> = (props) => <Image {...props} />;
+
+export const WithProps = Template.bind({});
+WithProps.args = {
+  alt: 'Bitrise office',
+  src: 'bitrise_office.jpg',
+};

package/src/Components/Image/Image.tsx

@@ -0,0 +1,12 @@
+import { Image as ChakraImage, ImageProps, forwardRef } from '@chakra-ui/react';
+
+/**
+ * The Image component is used to display images with support for fallback. (Default callback not implemented yet)
+ */
+const Image = forwardRef<ImageProps, 'img'>((props, ref) => {
+  return <ChakraImage {...props} ref={ref} />;
+});
+
+export type { ImageProps };
+
+export default Image;

package/src/index.ts

@@ -129,3 +129,6 @@ export { default as Radio } from './Components/Form/Radio/Radio';
 
 export type { RadioGroupProps } from './Components/Form/Radio/RadioGroup';
 export { default as RadioGroup } from './Components/Form/Radio/RadioGroup';
+
+export type { ImageProps } from './Components/Image/Image';
+export { default as Image } from './Components/Image/Image';

package/src/old.ts

@@ -79,9 +79,6 @@ export { default as Grid } from './Old/Grid/Grid';
 export type { Props as HamburgerProps } from './Old/Hamburger/Hamburger';
 export { default as Hamburger } from './Old/Hamburger/Hamburger';
 
-export type { Props as ImageProps } from './Old/Image/Image';
-export { default as Image } from './Old/Image/Image';
-
 export type { Props as InputProps } from './Old/Input/Input';
 export { default as Input } from './Old/Input/Input';