feat(12-02): add bg-surface-container text-on-surface to select element in FieldRenderer
- Added bg-surface-container and text-on-surface semantic token classes to select element className - Fixes select dropdown invisible text in dark mode (browser-applied white background) - 204 tests pass, zero regressions
This commit is contained in:
@@ -67,7 +67,7 @@ export function FieldRenderer({ field, register, error }: FieldRendererProps) {
|
|||||||
<select
|
<select
|
||||||
id={field.key}
|
id={field.key}
|
||||||
className={[
|
className={[
|
||||||
'w-full rounded-md border px-3 py-2 text-sm focus:outline-none focus-visible:ring-2',
|
'w-full rounded-md border px-3 py-2 text-sm bg-surface-container text-on-surface focus:outline-none focus-visible:ring-2',
|
||||||
error ? 'border-error focus:ring-error/50' : 'border-outline focus:ring-primary/50',
|
error ? 'border-error focus:ring-error/50' : 'border-outline focus:ring-primary/50',
|
||||||
].join(' ')}
|
].join(' ')}
|
||||||
{...register(field.key)}
|
{...register(field.key)}
|
||||||
|
|||||||
Reference in New Issue
Block a user