Skip to content

Commit 58e4b75

Browse files
authored
fix(emcn): remove brand-accent focus ring from TagInput default variant (#5696)
1 parent 54b35a4 commit 58e4b75

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

packages/emcn/src/components/tag-input/tag-input.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,8 +50,10 @@ import { Tooltip } from '../tooltip/tooltip'
5050
*
5151
* @remarks
5252
* - `default` matches the standard Input component styling for consistent height.
53+
* Like `ChipInput`, it shows no focus ring — the surface stays calm and the
54+
* caret carries focus.
5355
* - `block` matches the multi-row "Description" textarea pattern: larger radius,
54-
* top-aligned items, taller min-height, and no focus ring — for use inside
56+
* top-aligned items, and taller min-height — for use inside
5557
* form sections where the tag input visually pairs with textarea fields.
5658
* Uses `content-start` so wrapped flex lines pack tightly at `h-5` (20px) row
5759
* pitch instead of being stretched by the `min-h-[112px]` floor; unused
@@ -64,7 +66,7 @@ const tagInputVariants = cva(
6466
variants: {
6567
variant: {
6668
default:
67-
'items-center rounded-sm py-1.5 focus-within:outline-none focus-within:ring-1 focus-within:ring-[var(--brand-accent)] dark:bg-[var(--surface-5)]',
69+
'items-center rounded-sm py-1.5 focus-within:outline-none dark:bg-[var(--surface-5)]',
6870
block:
6971
'min-h-[112px] content-start items-start rounded-lg py-2 focus-within:outline-none dark:bg-[var(--surface-4)]',
7072
},

0 commit comments

Comments
 (0)