chore: replace old classNames (#8372)
This commit is contained in:
parent
9b90fbf5aa
commit
88f4d8253d
58 changed files with 66 additions and 68 deletions
|
|
@ -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,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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
|
||||
)}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue