@bitrise/bitkit 9.24.0 → 9.24.3

package/package.json

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

package/src/Components/CloseButton/CloseButton.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import {
   forwardRef,
   CloseButton as ChakraCloseButton,

package/src/Components/Menu/Menu.theme.ts

@@ -21,8 +21,8 @@ const MenuTheme: SystemStyleObject = {
     },
     item: {
       color: 'purple.10',
-      padding: '12',
-      paddingRight: '16',
+      paddingY: '12',
+      paddingX: '16',
       _focus: {
         backgroundColor: 'neutral.93',
         boxShadow: 'none',

package/src/Components/Notification/Notification.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo } from 'react';
+import React, { createContext, useContext, useMemo } from 'react';
 import {
   Alert as ChakraAlert,
   AlertTitle as NotificationTitle,

package/src/Components/Toast/Toast.tsx

@@ -1,4 +1,5 @@
-import { useToast as useChakraToast, ToastOptions as ChakraToastOptions } from '@chakra-ui/react';
+import React from 'react';
+import { useToast as useChakraToast, UseToastOptions } from '@chakra-ui/react';
 import { DateTime } from 'luxon';
 import Notification, {
   ActionProps,
@@ -13,8 +14,8 @@ export interface ToastOptions {
   description: React.ReactNode;
   status: NotificationProps['status'];
   action?: ActionProps;
-  duration?: ChakraToastOptions['duration'];
-  position?: ChakraToastOptions['position'];
+  duration?: UseToastOptions['duration'];
+  position?: UseToastOptions['position'];
   isClosable?: boolean;
   showTimestamp?: boolean;
 }
@@ -29,7 +30,7 @@ const useToast = () => {
     toast({
       isClosable: opts.isClosable,
       duration: opts.duration,
-      position: opts.position,
+      position: opts.position || 'bottom',
       render: ({ onClose }) => (
         <Notification
           boxShadow="large"