From 0ab33f55dd521affa8b75f7bb6a9a019720c3334 Mon Sep 17 00:00:00 2001 From: Tim Zadorozhny Date: Thu, 30 Oct 2025 10:28:54 +0100 Subject: [PATCH 1/3] input styling --- src/components/Input/Input.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx index 6788346..7b9c0fc 100644 --- a/src/components/Input/Input.tsx +++ b/src/components/Input/Input.tsx @@ -5,10 +5,10 @@ import { cn } from "../../utilities"; export const inputVariants = cva( cn([ "transition-all duration-200 rounded-md bg-theme-surface-primary", - "border-[#D0D5DD] border", + "border-border-moderate border", "text-theme-text-primary", "placeholder:text-theme-text-secondary", - "focus:border-neutral-500 focus:outline-none focus:shadow-sm", + "focus:border-primary-400 focus:outline-none focus:shadow-none focus:ring-[3px] ring-primary-25", "disabled:bg-neutral-100 disabled:text-neutral-400" ]), { From 48b2f7be27e511be876ca8440b93febfa8a5b2a1 Mon Sep 17 00:00:00 2001 From: Tim Zadorozhny Date: Thu, 30 Oct 2025 10:30:26 +0100 Subject: [PATCH 2/3] patch --- .changeset/dull-socks-prove.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/dull-socks-prove.md diff --git a/.changeset/dull-socks-prove.md b/.changeset/dull-socks-prove.md new file mode 100644 index 0000000..1a2cf3a --- /dev/null +++ b/.changeset/dull-socks-prove.md @@ -0,0 +1,5 @@ +--- +"@zenml-io/react-component-library": minor +--- + +Update input styling From 2c3c161b4e8ddd30b91a9c28ef5f4886c2f571f3 Mon Sep 17 00:00:00 2001 From: Tim Zadorozhny Date: Thu, 30 Oct 2025 10:32:46 +0100 Subject: [PATCH 3/3] rm-shadow-none --- src/components/Input/Input.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx index 7b9c0fc..528d604 100644 --- a/src/components/Input/Input.tsx +++ b/src/components/Input/Input.tsx @@ -8,7 +8,7 @@ export const inputVariants = cva( "border-border-moderate border", "text-theme-text-primary", "placeholder:text-theme-text-secondary", - "focus:border-primary-400 focus:outline-none focus:shadow-none focus:ring-[3px] ring-primary-25", + "focus:border-primary-400 focus:outline-none focus:ring-[3px] ring-primary-25", "disabled:bg-neutral-100 disabled:text-neutral-400" ]), {