@bitrise/bitkit 9.28.2 → 9.29.0

package/package.json

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

package/src/Components/Dot/Dot.stories.tsx

@@ -0,0 +1,15 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import Dot from './Dot';
+
+export default {
+  title: 'Components/Dot',
+  component: Dot,
+} as ComponentMeta<typeof Dot>;
+
+const Template: ComponentStory<typeof Dot> = ({ ...props }) => <Dot {...props} />;
+
+export const WithProps = Template.bind({});
+WithProps.args = {
+  size: 32,
+  backgroundColor: 'green.50',
+};

package/src/Components/Dot/Dot.tsx

@@ -0,0 +1,14 @@
+import { BoxProps, forwardRef } from '@chakra-ui/react';
+import Box from '../Box/Box';
+
+export interface DotProps extends BoxProps {
+  size: BoxProps['width'];
+}
+
+const Dot = forwardRef<DotProps, 'div'>((props, ref) => {
+  const { size, ...rest } = props;
+
+  return <Box ref={ref} width={size} height={size} borderRadius="50%" aria-hidden {...rest} />;
+});
+
+export default Dot;

package/src/index.ts

@@ -81,6 +81,9 @@ export { default as MenuItem } from './Components/Menu/MenuItem';
 export type { MenuListProps } from './Components/Menu/MenuList';
 export { default as MenuList } from './Components/Menu/MenuList';
 
+export type { DotProps } from './Components/Dot/Dot';
+export { default as Dot } from './Components/Dot/Dot';
+
 export { default as useToast } from './Components/Toast/Toast';
 
 export type { EmptyStateProps } from './Components/EmptyState/EmptyState';

package/src/old.ts

@@ -52,9 +52,6 @@ export { default as Checkbox } from './Old/Checkbox/Checkbox';
 export type { Props as DatePickerProps } from './Old/DatePicker/DatePicker';
 export { default as DatePicker } from './Old/DatePicker/DatePicker';
 
-export type { Props as DotProps } from './Old/Dot/Dot';
-export { default as Dot } from './Old/Dot/Dot';
-
 export type { Props as DropdownProps } from './Old/Dropdown/Dropdown';
 export { default as Dropdown } from './Old/Dropdown/Dropdown';