Correção do placeholder na variant "outlined" (#187)

* fix: displays placeholder correctly in outlined variant * chore: update version
platformbuilders · Oct 28, 2024 · 46e76d2 · 46e76d2
1 parent f0fe236
commit 46e76d2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@platformbuilders/fluid-react",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "private": false,
   "description": "Builders React for Fluid Design System",
   "keywords": [

diff --git a/src/components/TextInput/styles.tsx b/src/components/TextInput/styles.tsx
@@ -236,6 +236,16 @@ export const InputWrapper = styled.div<InputWrapperProps>`
 
       ${$isDisabled && `opacity: 0.5`};
 
+      ${$hasFocus &&
+      css`
+        input {
+          &::placeholder {
+            color: ${textMain};
+            opacity: 0.5;
+          }
+        }
+      `}
+
       &:hover {
         border-color: ${hasError(dangerMain, primaryMain)};
         ${$isDisabled && `border-color: #10141633`};