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

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

@@ -1,9 +0,0 @@
-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/FormLabel/FormLabel.tsx

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

package/src/Old/Input/Input.css

@@ -1,82 +0,0 @@
-:root {
-  --Input--border: 0.0625rem;
-}
-
-.Input {
-  min-width: 0;
-  padding: calc(var(--size--x3) - var(--Input--border)) 0;
-  border: 0;
-  background-color: transparent;
-  color: inherit;
-  text-overflow: ellipsis;
-  line-height: inherit;
-  appearance: none;
-}
-
-.Input:focus { outline: none; }
-.Input::placeholder { color: var(--color-gray--7); }
-
-.Input__container {
-  border: var(--Input--border) solid var(--color-gray--3);
-  border-radius: var(--size--x1);
-  box-shadow: inset 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1);
-  background-color: var(--color-white);
-  overflow: hidden;
-  transition-property: border-color, box-shadow;
-  transition-duration: var(--transition-duration--base);
-  transition-timing-function: var(--transition-timing-function);
-}
-
-.Input__content {
-  padding: 0 var(--size--x3);
-  border-right: var(--Input--border) solid var(--color-gray--3);
-  color: var(--color-grape--5);
-  transition-property: border-color, color;
-  transition-duration: var(--transition-duration--base);
-  transition-timing-function: var(--transition-timing-function);
-}
-
-.Input__content:last-child {
-  border-right: 0;
-}
-
-.Input__content--outside {
-  background-color: var(--color-white);
-}
-
-.Input__content--outside:first-child {
-  border-top-left-radius: var(--size--x1);
-  border-bottom-left-radius: var(--size--x1);
-}
-
-.Input__content--outside:last-child {
-  border-top-right-radius: var(--size--x1);
-  border-bottom-right-radius: var(--size--x1);
-}
-
-.Input__container--disabled,
-.Input__container--readonly {
-  box-shadow: none;
-  background-color: var(--color-gray--1);
-}
-
-.Input__container--invalid,
-.Input__container--invalid .Input__content,
-.Input__container--invalid .Input::placeholder {
-  border-color: var(--color-red--3);
-  color: var(--color-red--3);
-}
-
-.Input__container:focus-within {
-  border-color: var(--color-grape--3);
-  box-shadow: inset 0 0 0 0.125rem rgba(118, 15, 195, 0.3);
-}
-
-.Input__container:focus-within .Input__content {
-  border-color: var(--color-grape--3);
-  color: var(--color-grape--5);
-}
-
-.Input__content .Input {
-  box-shadow: none;
-}

package/src/Old/Input/Input.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-
-export type Props = FlexProps;
-
-/**
- * Flex enabled input element component. Should be used in conjunction
- * with the Container and Content components for styling.
- */
-const Input: React.FunctionComponent<Props> = (props: Props) => {
-  return <Flex {...props} Component="input" className="Input" grow />;
-};
-
-export default Input;

package/src/Old/Input/InputInlineHelp.tsx

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import Text, { TextProps } from '../../Components/Text/Text';
-
-export type Props = TextProps;
-
-/** Provides specific styling for an inline input label */
-const InputInlineHelp: React.FunctionComponent<Props> = (props: Props) => {
-  return <Text marginY="8" size="2" color="neutral.50" {...props} />;
-};
-
-export default InputInlineHelp;