Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements
This commit is contained in:
Jeff 2025-06-24 00:04:36 -07:00 committed by GitHub
parent bea55d48a8
commit c1330d92b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
473 changed files with 12469 additions and 11607 deletions

View file

@ -0,0 +1,31 @@
import { Textarea as MantineTextarea, TextareaProps as MantineTextareaProps } from '@mantine/core';
import { CSSProperties, forwardRef } from 'react';
import styles from './textarea.module.css';
export interface TextareaProps extends MantineTextareaProps {
maxWidth?: CSSProperties['maxWidth'];
width?: CSSProperties['width'];
}
export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
({ children, classNames, maxWidth, style, width, ...props }: TextareaProps, ref) => {
return (
<MantineTextarea
classNames={{
input: styles.input,
label: styles.label,
required: styles.required,
root: styles.root,
wrapper: styles.wrapper,
...classNames,
}}
ref={ref}
style={{ maxWidth, width, ...style }}
{...props}
>
{children}
</MantineTextarea>
);
},
);