diff --git a/packages/components/chip/src/use-chip.ts b/packages/components/chip/src/use-chip.ts index 65c6db0872..376f631c8e 100644 --- a/packages/components/chip/src/use-chip.ts +++ b/packages/components/chip/src/use-chip.ts @@ -99,6 +99,7 @@ export function useChip(originalProps: UseChipProps) { hasStartContent, hasEndContent, isOneChar, + isCloseable, isCloseButtonFocusVisible, }), [ @@ -107,6 +108,7 @@ export function useChip(originalProps: UseChipProps) { hasStartContent, hasEndContent, isOneChar, + isCloseable, ], ); diff --git a/packages/core/theme/src/components/chip.ts b/packages/core/theme/src/components/chip.ts index d7b1bbc8d6..fc1590657a 100644 --- a/packages/core/theme/src/components/chip.ts +++ b/packages/core/theme/src/components/chip.ts @@ -120,12 +120,6 @@ const chip = tv({ hasEndContent: { true: {}, }, - isOneChar: { - true: { - base: "px-0 justify-center", - content: "px-0 flex-none", - }, - }, isDisabled: { true: {base: "opacity-disabled pointer-events-none"}, }, @@ -423,6 +417,22 @@ const chip = tv({ base: "w-7 h-7 min-w-unit-7 min-h-7", }, }, + // isOneChar / isCloseable + { + isOneChar: true, + isCloseable: false, + class: { + base: "px-0 justify-center", + content: "px-0 flex-none", + } + }, + { + isOneChar: true, + isCloseable: true, + class: { + base: "w-auto", + } + }, // hasStartContent / size { hasStartContent: true,