mantine-v7 icon indicating copy to clipboard operation
mantine-v7 copied to clipboard

PasswordInput classNames attribute type error

Open SinaShateri opened this issue 2 years ago • 1 comments

What package has an issue

@mantine/core

Describe the bug

i get error on setting classNames object key my code: <PasswordInput label="New password" radius="md" classNames={{ input: 'focus:!border-gray-800 !font-normal', label: '!text-gray-600', error: '!font-medium', }} required {...form.getInputProps('password')} />

error: `Type '{ input: string; label: string; error: string; }' is not assignable to type 'Partial<Record<PasswordInputStylesNames, string>> | ((theme: MantineTheme, props: PasswordInputProps, ctx: unknown) => Partial<...>) | undefined'. Object literal may only specify known properties, and 'input' does not exist in type 'Partial<Record<PasswordInputStylesNames, string>> | ((theme: MantineTheme, props: PasswordInputProps, ctx: unknown) => Partial<...>)'.ts(2322)

styles-api.types.d.ts(30, 5): The expected type comes from property 'classNames' which is declared here on type 'IntrinsicAttributes & PasswordInputProps & RefAttributes<HTMLInputElement>'`

What version of @mantine/hooks page do you have in package.json?

7.0.0-alpha.20

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

No

Possible fix

No response

SinaShateri avatar Aug 05 '23 15:08 SinaShateri

I also get this error when using v7.0.0-alpha.20. Upgrading to 7.0.0-alpha.22 does not show this error.

plbstl avatar Aug 14 '23 17:08 plbstl