@bitrise/bitkit 10.29.0-alpha-input.1 → 10.30.0-alpha-input.1

package/package.json

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

package/src/Components/Fade/Fade.stories.tsx

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import Fade from './Fade';
+
+export default { component: Fade, args: { children: 'test content', in: false } } as ComponentMeta<typeof Fade>;
+export const Default = {};

package/src/Components/Fade/Fade.tsx

@@ -0,0 +1,4 @@
+import { Fade, FadeProps } from '@chakra-ui/react';
+
+export type { FadeProps };
+export default Fade;

package/src/Components/Form/FormHelperText/FormHelperText.tsx

@@ -0,0 +1,9 @@
+import { FormHelperText as ChakraFormHelperText, HelpTextProps, forwardRef } from '@chakra-ui/react';
+
+const FormHelperText = forwardRef<HelpTextProps, 'div'>((props, ref) => {
+  return <ChakraFormHelperText {...props} ref={ref} />;
+});
+
+export type { HelpTextProps };
+
+export default FormHelperText;

package/src/Components/Form/Input/Input.tsx

@@ -3,8 +3,6 @@ import {
   FormControl,
   FormControlProps,
   FormErrorMessage,
-  FormHelperText,
-  FormLabel,
   Input as ChakraInput,
   InputProps as ChakraInputProps,
   forwardRef,
@@ -13,6 +11,8 @@ import {
   InputRightElement,
 } from '@chakra-ui/react';
 import Icon, { TypeIconName } from '../../Icon/Icon';
+import FormLabel from '../FormLabel/FormLabel';
+import FormHelperText from '../FormHelperText/FormHelperText';
 
 type UsedFormControlProps = Omit<FormControlProps, 'label' | 'onBlur' | 'onChange'>;
 type UsedChakraInputProps = Pick<

package/src/Components/Form/Textarea/Textarea.tsx

@@ -3,12 +3,12 @@ import {
   FormControl,
   FormControlProps,
   FormErrorMessage,
-  FormHelperText,
-  FormLabel,
   Textarea as ChakraTextarea,
   TextareaProps as ChakraTextareaProps,
   forwardRef,
 } from '@chakra-ui/react';
+import FormLabel from '../FormLabel/FormLabel';
+import FormHelperText from '../FormHelperText/FormHelperText';
 
 export interface TextareaProps extends Omit<FormControlProps, 'label' | 'onBlur' | 'onChange'> {
   'data-testid'?: string;

package/src/Components/Select/Select.tsx

@@ -3,14 +3,14 @@ import {
   FormControl,
   FormControlProps,
   FormErrorMessage,
-  FormHelperText,
-  FormLabel,
   forwardRef,
   Select as ChakraSelect,
   SelectProps as ChakraSelectProps,
   Spinner,
 } from '@chakra-ui/react';
 import Icon from '../Icon/Icon';
+import FormLabel from '../Form/FormLabel/FormLabel';
+import FormHelperText from '../Form/FormHelperText/FormHelperText';
 
 export interface SelectProps extends Omit<FormControlProps, 'label' | 'onBlur' | 'onChange'> {
   'data-testid'?: string;

package/src/Components/Toggle/Toggle.tsx

@@ -3,8 +3,6 @@ import {
   FormControl,
   FormControlProps,
   FormErrorMessage,
-  FormHelperText,
-  FormLabel,
   Spinner,
   Switch,
   SwitchProps,
@@ -12,6 +10,8 @@ import {
   useMultiStyleConfig,
 } from '@chakra-ui/react';
 import Box from '../Box/Box';
+import FormLabel from '../Form/FormLabel/FormLabel';
+import FormHelperText from '../Form/FormHelperText/FormHelperText';
 
 export interface ToggleProps extends Omit<FormControlProps, 'label' | 'onBlur' | 'onChange'> {
   'data-testid'?: string;

package/src/index.ts

@@ -202,8 +202,14 @@ export { default as Collapse } from './Components/Collapse/Collapse';
 export type { TextareaProps } from './Components/Form/Textarea/Textarea';
 export { default as Textarea } from './Components/Form/Textarea/Textarea';
 
+export type { FadeProps } from './Components/Fade/Fade';
+export { default as Fade } from './Components/Fade/Fade';
+
 export type { InputProps } from './Components/Form/Input/Input';
 export { default as Input } from './Components/Form/Input/Input';
 
 export type { FormLabelProps } from './Components/Form/FormLabel/FormLabel';
 export { default as FormLabel } from './Components/Form/FormLabel/FormLabel';
+
+export type { HelpTextProps as FormHelperTextProps } from './Components/Form/FormHelperText/FormHelperText';
+export { default as FormHelperText } from './Components/Form/FormHelperText/FormHelperText';

package/src/old.ts

@@ -18,18 +18,6 @@ export { default as DatePicker } from './Old/DatePicker/DatePicker';
 export type { Props as FlexProps } from './Old/Flex/Flex';
 export { default as Flex } from './Old/Flex/Flex';
 
-export type { Props as InputContainerProps } from './Old/Input/InputContainer';
-export { default as InputContainer } from './Old/Input/InputContainer';
-
-export type { Props as InputContentProps } from './Old/Input/InputContent';
-export { default as InputContent } from './Old/Input/InputContent';
-
-export type { Props as InputInlineHelpProps } from './Old/Input/InputInlineHelp';
-export { default as InputInlineHelp } from './Old/Input/InputInlineHelp';
-
-export type { Props as InputLabelProps } from './Old/Input/InputLabel';
-export { default as InputLabel } from './Old/Input/InputLabel';
-
 export type { Props as ProgressBarProps } from './Old/Progress/ProgressBar';
 export { default as ProgressBar } from './Old/Progress/ProgressBar';
 
@@ -44,9 +32,3 @@ export { default as Skeleton } from './Old/Skeleton/Skeleton';
 
 export type { Props as SkeletonBoxProps } from './Old/Skeleton/SkeletonBox';
 export { default as SkeletonBox } from './Old/Skeleton/SkeletonBox';
-
-export type { Props as VisibilityProps } from './Old/Visibility/Visibility';
-export { default as Visibility } from './Old/Visibility/Visibility';
-
-export type { Props as VisibilityContainerProps } from './Old/Visibility/VisibilityContainer';
-export { default as VisibilityContainer } from './Old/Visibility/VisibilityContainer';