feat: add TextInput size

victordev13 · May 6, 2023 · 013c092 · 013c092
1 parent f38f85c
commit 013c092
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 5 deletions.
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @victordev-ignite-ui/react
 
+## 2.0.4
+
+### Patch Changes
+
+- add TextInput size
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,11 +1,14 @@
 {
   "name": "@victordev-ignite-ui/react",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "author": "victordev",
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "scripts": {
     "build": "tsup src/index.tsx --format esm,cjs --dts --external react",

diff --git a/packages/react/src/components/TextInput/index.tsx b/packages/react/src/components/TextInput/index.tsx
@@ -1,14 +1,16 @@
 import { ComponentProps, ElementRef, forwardRef } from 'react'
 import { Input, Prefix, TextInputContainer } from './styles'
 
-export interface TextInputProps extends ComponentProps<typeof Input> {
+export interface TextInputProps
+  extends Omit<ComponentProps<typeof Input>, 'size'> {
   prefix?: string
+  size?: ComponentProps<typeof TextInputContainer>['size']
 }
 
 export const TextInput = forwardRef<ElementRef<typeof Input>, TextInputProps>(
-  ({ prefix, ...props }, ref) => {
+  ({ prefix, size, ...props }, ref) => {
     return (
-      <TextInputContainer>
+      <TextInputContainer size={size}>
         {!!prefix && <Prefix>{prefix}</Prefix>}
         <Input ref={ref} {...props} />
       </TextInputContainer>

diff --git a/packages/react/src/components/TextInput/styles.ts b/packages/react/src/components/TextInput/styles.ts
@@ -58,6 +58,6 @@ export const Input = styled('input', {
   },
 
   '&::placeholder': {
-    color: '$gray400',
+    color: '$gray500',
   },
 })