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 diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx index 6788346..528d604 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:ring-[3px] ring-primary-25", "disabled:bg-neutral-100 disabled:text-neutral-400" ]), {