chore: replace old classNames (#8372)

This commit is contained in:
Aaryan Khandelwal 2025-12-18 13:08:38 +05:30 committed by GitHub
parent 9b90fbf5aa
commit 88f4d8253d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
58 changed files with 66 additions and 68 deletions

View file

@ -124,7 +124,7 @@ export const CustomLinkExtension = Mark.create<LinkOptions, CustomLinkStorage>({
target: "_blank",
rel: "noopener noreferrer nofollow",
class:
"text-accent-secondary underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
"text-accent-secondary underline underline-offset-[3px] hover:text-accent-primary transition-colors cursor-pointer",
},
validate: (url: string) => isValidHttpUrl(url).isValid,
};

View file

@ -107,7 +107,7 @@ const EmojiReactionButton = React.forwardRef(function EmojiReactionButton(
"inline-flex items-center justify-center rounded-full border border-dashed border-strong",
"bg-surface-1 text-placeholder transition-all duration-200",
"hover:border-accent-strong hover:text-accent-primary hover:bg-accent-primary/5",
"focus:outline-none focus:ring-2 focus:ring-custom-primary-100/20 focus:ring-offset-1",
"focus:outline-none focus:ring-2 focus:ring-accent-strong/20 focus:ring-offset-1",
"h-6 w-6",
className
)}

View file

@ -142,7 +142,7 @@ const ToolbarSubmitButton = React.forwardRef(function ToolbarSubmitButton(
ref={ref}
className={cn(
"inline-flex items-center justify-center gap-2 rounded-md px-2.5 py-1.5 text-11 font-medium transition-colors duration-200",
"focus:outline-none focus:ring-2 focus:ring-custom-primary-100/20 focus:ring-offset-2",
"focus:outline-none focus:ring-2 focus:ring-accent-strong/20 focus:ring-offset-2",
"disabled:opacity-50 disabled:pointer-events-none",
buttonVariants[variant],
className

View file

@ -30,7 +30,7 @@ const Checkbox = React.forwardRef(function Checkbox(props: CheckboxProps, ref: R
name={name}
checked={checked}
className={cn(
"appearance-none shrink-0 size-4 border rounded-[3px] focus:outline-1 focus:outline-offset-4 focus:outline-custom-primary-50 cursor-pointer",
"appearance-none shrink-0 size-4 border rounded-[3px] focus:outline-1 focus:outline-offset-4 focus:outline-accent-strong cursor-pointer",
{
"border-subtle bg-layer-1 cursor-not-allowed": disabled,
"border-strong hover:border-strong-1 bg-transparent": !disabled,

View file

@ -33,7 +33,7 @@ const Input = React.forwardRef(function Input(props: InputProps, ref: React.Forw
"block rounded-md bg-layer-transparent text-13 placeholder-tertiary border-subtle-1 focus:outline-none",
{
"rounded-md border-[0.5px]": mode === "primary",
"rounded-sm border-none bg-transparent ring-0 transition-all focus:ring-1 focus:ring-custom-primary":
"rounded-sm border-none bg-transparent ring-0 transition-all focus:ring-1 focus:ring-accent-strong":
mode === "transparent",
"rounded-sm border-none bg-transparent ring-0": mode === "true-transparent",
"border-red-500": hasError,

View file

@ -51,7 +51,7 @@ export function ModalCore(props: Props) {
>
<Dialog.Panel
className={cn(
"relative transform rounded-lg bg-surface-1 text-left shadow-custom-shadow-md transition-all w-full",
"relative transform rounded-lg bg-surface-1 text-left shadow-raised-200 transition-all w-full",
width,
className
)}