feat(TextInput): add autocomplete props to textinput

kronostechnologies · May 19, 2021 · fdafb51 · fdafb51
1 parent 12dd133
commit fdafb51
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/packages/react/src/components/card/card.test.tsx.snap b/packages/react/src/components/card/card.test.tsx.snap
diff --git a/packages/react/src/components/card/card.tsx b/packages/react/src/components/card/card.tsx
@@ -4,7 +4,7 @@ const Card = styled.div`
     background: ${(props) => props.theme.greys.white};
     border: 1px solid ${(props) => props.theme.greys['light-grey']};
     border-radius: var(--border-radius);
-    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
     box-sizing: border-box;
     margin-bottom: var(--spacing-3x);
     padding: var(--spacing-4x);

diff --git a/packages/react/src/components/text-input/text-input.tsx b/packages/react/src/components/text-input/text-input.tsx
@@ -21,7 +21,7 @@ const Input = styled.input`
 `;
 
 type PartialInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,
-    'inputMode' | 'name' | 'value'>;
+    'inputMode' | 'name' | 'value' | 'autoComplete'>;
 
 interface TextInputProps extends PartialInputProps {
     className?: string;
@@ -61,6 +61,7 @@ export const TextInput = forwardRef(({
     type,
     validationErrorMessage,
     value,
+    autoComplete,
     onBlur,
     onChange,
     onFocus,
@@ -100,6 +101,7 @@ export const TextInput = forwardRef(({
             hint={hint}
         >
             <Input
+                autoComplete={autoComplete}
                 defaultValue={defaultValue}
                 disabled={disabled}
                 id={id}