From 2ccc3b60fbe11704b4e7c482da406260131054ee Mon Sep 17 00:00:00 2001 From: Diego Gaspar Date: Mon, 28 Oct 2024 09:29:18 -0300 Subject: [PATCH 1/2] fix: displays placeholder correctly in outlined variant --- src/components/TextInput/styles.tsx | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/components/TextInput/styles.tsx b/src/components/TextInput/styles.tsx index 8a58ee5..25116fe 100644 --- a/src/components/TextInput/styles.tsx +++ b/src/components/TextInput/styles.tsx @@ -236,6 +236,16 @@ export const InputWrapper = styled.div` ${$isDisabled && `opacity: 0.5`}; + ${$hasFocus && + css` + input { + &::placeholder { + color: ${textMain}; + opacity: 0.5; + } + } + `} + &:hover { border-color: ${hasError(dangerMain, primaryMain)}; ${$isDisabled && `border-color: #10141633`}; From c3fac600aa2b98e214367fcd82c046051d9e8798 Mon Sep 17 00:00:00 2001 From: Diego Gaspar Date: Mon, 28 Oct 2024 10:17:49 -0300 Subject: [PATCH 2/2] chore: update version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 42389e4..53b94ab 100644 --- 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": [