@bitrise/bitkit 9.8.1-alpha-chakra.1 → 9.8.2-alpha-chakra.1

package/package.json

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

package/src/Components/Box/Box.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Box as ChakraBox, BoxProps } from '@chakra-ui/react';
 
 /**

package/src/Components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, HTMLAttributeAnchorTarget } from 'react';
+import React, { forwardRef, HTMLAttributeAnchorTarget } from 'react';
 import { Button as ChakraButton, ButtonProps as ChackraButtonProps } from '@chakra-ui/react';
 import Icon from '../../Old/Icon/Icon';
 import { TypeIconName } from '../../Old/Icon/tsx';

package/src/Components/Card/Card.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Radii } from '../../Foundations/Radii/Radii';
 import { Shadows } from '../../Foundations/Shadows/Shadows';
 import { Sizes } from '../../Foundations/Sizes/Sizes';

package/src/Components/Divider/Divider.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Divider as ChakraDivider, DividerProps as ChakraDividerProps } from '@chakra-ui/react';
 
 export interface DividerProps extends ChakraDividerProps {

package/src/Components/IconButton/IconButton.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { IconButton as ChakraIconButton, IconButtonProps } from '@chakra-ui/react';
 import Icon from '../../Old/Icon/Icon';
 import { TypeIconName } from '../../Old/Icon/tsx';

package/src/Components/Link/Link.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributeAnchorTarget } from 'react';
+import React, { HTMLAttributeAnchorTarget } from 'react';
 import { Link as ChakraLink, LinkProps as ChakraLinkProps } from '@chakra-ui/react';
 import { TextSizes } from '../../Foundations/Typography/Typography';
 

package/src/Components/Menu/Menu.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Menu as ChakraMenu, MenuProps as ChakraMenuProps } from '@chakra-ui/react';
 
 export type MenuProps = ChakraMenuProps;

package/src/Components/Menu/MenuItem.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MenuItem as ChakraMenuItem, MenuItemProps } from '@chakra-ui/react';
 import { Icon, TypeIconName } from '@bitrise/bitkit';
 

package/src/Components/OverflowMenu/OverflowMenu.tsx

@@ -1,13 +1,14 @@
+import React from 'react';
 import { MenuButton, MenuList, MenuListProps } from '@chakra-ui/react';
 import IconButton from '../IconButton/IconButton';
 import Menu from '../Menu/Menu';
 
-export interface Props {
+export interface OverflowMenuProps {
   children: MenuListProps['children'];
   triggerLabel?: string;
 }
 
-const OverflowMenu = ({ children, triggerLabel }: Props) => {
+const OverflowMenu = ({ children, triggerLabel }: OverflowMenuProps) => {
   return (
     <Menu isLazy>
       <MenuButton aria-label={triggerLabel} as={IconButton} iconName="MoreVertical" size="small" variant="tertiary" />

package/src/Components/OverflowMenu/OverflowMenuItem.tsx

@@ -1,10 +1,11 @@
+import React from 'react';
 import MenuItem, { Props as MenuItemProps } from '../Menu/MenuItem';
 
-export interface Props extends MenuItemProps {
+export interface OverflowMenuItemProps extends MenuItemProps {
   children: MenuItemProps['children'];
 }
 
-const OverflowMenuItem = (props: Props) => {
+const OverflowMenuItem = (props: OverflowMenuItemProps) => {
   return <MenuItem {...props} />;
 };
 

package/src/Components/Text/Text.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Text as ChakraText, TextProps as ChakraTextProps } from '@chakra-ui/react';
 import { TextSizes } from '../../Foundations/Typography/Typography';
 

package/src/index.ts

@@ -79,9 +79,6 @@ 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 DividerProps } from './Old/Divider/Divider';
-export { default as Divider } from './Old/Divider/Divider';
-
 export type { Props as DropdownProps } from './Old/Dropdown/Dropdown';
 export { default as Dropdown } from './Old/Dropdown/Dropdown';
 
@@ -289,8 +286,11 @@ export { default as VisibilityContainer } from './Old/Visibility/VisibilityConta
 export { default as Provider } from './Components/Provider/Provider';
 export { default as theme } from './theme';
 
-export type { Props as OverflowMenuProps } from './Components/OverflowMenu/OverflowMenu';
+export type { OverflowMenuProps } from './Components/OverflowMenu/OverflowMenu';
 export { default as OverflowMenu } from './Components/OverflowMenu/OverflowMenu';
 
-export type { Props as OverflowMenuItemProps } from './Components/OverflowMenu/OverflowMenuItem';
+export type { OverflowMenuItemProps } from './Components/OverflowMenu/OverflowMenuItem';
 export { default as OverflowMenuItem } from './Components/OverflowMenu/OverflowMenuItem';
+
+export type { DividerProps } from './Components/Divider/Divider';
+export { default as Divider } from './Components/Divider/Divider';