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

package/src/Components/Input/Input.theme.ts

@@ -1,20 +0,0 @@
-import { SystemStyleObject } from '@chakra-ui/react';
-
-const InputTheme = {
-  baseStyle: {
-    field: <SystemStyleObject>{
-      height: '48',
-      borderRadius: '4',
-      borderStyle: 'solid',
-      borderColor: 'neutral.90',
-      borderWidth: '1px',
-      boxShadow: 'inner',
-      _focusVisible: {
-        boxShadow: 'outline',
-        outline: 'none',
-      },
-    },
-  },
-};
-
-export default InputTheme;

package/src/Old/Input/InputContainer.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-import './Input.css';
-
-export interface Props extends FlexProps {
-  /** Applies styling to indicate the input is disabled */
-  disabled?: boolean;
-  /** Applies styling to indicate the input is invalid */
-  invalid?: boolean;
-  /** Applies styling to indicate the input is readOnly */
-  readOnly?: boolean;
-}
-
-/**
- * The wrapping container component for the Input and InputContent components.
- * Provides styling such as the border and background.
- */
-const InputContainer: React.FunctionComponent<Props> = (props: Props) => {
-  const { disabled, invalid, readOnly, ...rest } = props;
-  const classes = classnames('Input__container', {
-    'Input__container--disabled': disabled,
-    'Input__container--invalid': invalid,
-    'Input__container--readonly': readOnly,
-  });
-
-  return <Flex {...rest} Component="label" className={classes} direction="horizontal" />;
-};
-
-export default InputContainer;

package/src/Old/Input/InputContent.tsx

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-import './Input.css';
-
-export interface Props extends FlexProps {
-  /** Sets specific styling for if the content appears inside or
-   * outside the input element.
-   */
-  outside?: boolean;
-}
-
-/**
- * The content component that holds input content like the Input element
- * or icons.
- */
-const InputContent: React.FunctionComponent<Props> = (props: Props) => {
-  const { outside, ...rest } = props;
-  const classes = classnames('Input__content', {
-    'Input__content--outside': outside,
-  });
-
-  return (
-    <Flex
-      {...rest}
-      alignChildrenVertical="middle"
-      className={classes}
-      direction="horizontal"
-      gap="x2"
-      grow={!outside}
-    />
-  );
-};
-
-export default InputContent;

package/src/Old/Input/InputLabel.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import Text, { TextProps } from '../../Components/Text/Text';
-
-export type Props = {
-  htmlFor?: string | undefined;
-} & TextProps;
-
-/**
- * Provides specific styling for a label that accompanies an
- * input.
- */
-const InputLabel: React.FunctionComponent<Props> = (props: Props) => {
-  return <Text as="label" marginY="4" size="3" color="purple.10" fontWeight="bold" {...props} />;
-};
-
-export default InputLabel;