From 93c68e36c93ac73f2eeb3763b428171a05be7eca Mon Sep 17 00:00:00 2001 From: Dennis Torres Date: Wed, 24 Apr 2024 19:40:36 -0400 Subject: [PATCH] Prevent input text from overflowing into ComboBox icoin --- .changeset/strange-apes-smell.md | 5 +++++ packages/ui/src/components/combo-box/combo-box.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/strange-apes-smell.md diff --git a/.changeset/strange-apes-smell.md b/.changeset/strange-apes-smell.md new file mode 100644 index 00000000..abb244a3 --- /dev/null +++ b/.changeset/strange-apes-smell.md @@ -0,0 +1,5 @@ +--- +"@spear-ai/ui": patch +--- + +Prevented input text from overflowing into the ComboBox icon. diff --git a/packages/ui/src/components/combo-box/combo-box.tsx b/packages/ui/src/components/combo-box/combo-box.tsx index 47b7be6e..db7d3daf 100644 --- a/packages/ui/src/components/combo-box/combo-box.tsx +++ b/packages/ui/src/components/combo-box/combo-box.tsx @@ -83,7 +83,7 @@ export const ComboBoxInput = forwardRef< ComponentPropsWithoutRef & { className?: string | undefined } >(({ className, ...properties }, reference) => { const mergedClassName = cx( - "theme-galapago::group-disabled:bg-neutral-a-3 group inline-flex h-9 w-full select-none rounded-lg border border-transparent bg-white-a-3 pe-2 ps-3.5 text-base leading-none text-neutral-12 shadow outline -outline-offset-1 outline-neutral-a-7 placeholder:text-neutral-10 theme-dfs:bg-canvas-1 theme-galapago:bg-white entering:outline-2 entering:outline-primary-a-8 group-invalid:outline-x-negative-a-7 focus-visible:outline-primary-a-8 group-disabled:pointer-events-none group-disabled:bg-neutral-a-3 group-disabled:outline-neutral-a-6 theme-dfs:group-disabled:bg-neutral-a-3 theme-forerunner:group-disabled:bg-neutral-a-3 group-invalid:group-disabled:outline-x-negative-a-6 theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm", + "theme-galapago::group-disabled:bg-neutral-a-3 group inline-flex h-9 w-full select-none rounded-lg border border-transparent bg-white-a-3 pe-8 ps-3.5 text-base leading-none text-neutral-12 shadow outline -outline-offset-1 outline-neutral-a-7 placeholder:text-neutral-10 theme-dfs:bg-canvas-1 theme-galapago:bg-white entering:outline-2 entering:outline-primary-a-8 group-invalid:outline-x-negative-a-7 focus-visible:outline-primary-a-8 group-disabled:pointer-events-none group-disabled:bg-neutral-a-3 group-disabled:outline-neutral-a-6 theme-dfs:group-disabled:bg-neutral-a-3 theme-forerunner:group-disabled:bg-neutral-a-3 group-invalid:group-disabled:outline-x-negative-a-6 theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm", className, ); return ;