From 099bfaad4e3b7ee857d8e37ddfd4b16d0b2f5bda Mon Sep 17 00:00:00 2001 From: Dominik Zborowski Date: Tue, 16 Jun 2026 12:04:24 +0200 Subject: [PATCH] fix: Restore bg-neutral-100 to input base slot to prevent missing background on non-white surfaces --- src/components/lukso-input-date-picker/index.ts | 4 ++-- src/components/lukso-input/index.ts | 9 +++------ 2 files changed, 5 insertions(+), 8 deletions(-) diff --git a/src/components/lukso-input-date-picker/index.ts b/src/components/lukso-input-date-picker/index.ts index 12a4d1c8..44549f5d 100644 --- a/src/components/lukso-input-date-picker/index.ts +++ b/src/components/lukso-input-date-picker/index.ts @@ -179,7 +179,7 @@ export class LuksoInputDatePicker extends TailwindStyledElement(style) { }) private inputStyles = tv({ - base: `border border-solid select-none + base: `bg-neutral-100 border border-solid select-none outline-none transition-all duration-150 text-neutral-20 cursor-pointer border-neutral-90 group-hover:border-neutral-35 flex items-center w-full`, variants: { @@ -200,7 +200,7 @@ export class LuksoInputDatePicker extends TailwindStyledElement(style) { 'h-17 px-5 py-5 pr-14 paragraph-inter-16-regular rounded-[14px]', }, variant: { - default: 'bg-neutral-100', + default: '', subtle: 'bg-neutral-97', }, }, diff --git a/src/components/lukso-input/index.ts b/src/components/lukso-input/index.ts index c226a80b..6f4c97a8 100644 --- a/src/components/lukso-input/index.ts +++ b/src/components/lukso-input/index.ts @@ -117,9 +117,9 @@ export class LuksoInput extends TailwindStyledElement(style) { private inputStyles = tv({ slots: { wrapper: 'group flex', - input: `border-solid placeholder:text-neutral-70 w-full + input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full outline-none transition transition-all duration-150 appearance-none`, - unit: `text-neutral-60 flex items-center relative border-solid transition + unit: `bg-neutral-100 text-neutral-60 flex items-center relative border-solid transition transition-all duration-150 before:bg-neutral-90 before:absolute before:left-0 before:w-[1px] whitespace-nowrap`, rightIcon: 'absolute top-1/2 transform -translate-y-1/2', @@ -194,10 +194,7 @@ export class LuksoInput extends TailwindStyledElement(style) { true: { unit: 'cursor-pointer' }, }, variant: { - default: { - input: 'bg-neutral-100', - unit: 'bg-neutral-100', - }, + default: {}, subtle: { input: 'bg-neutral-97', unit: 'bg-neutral-97',