chore: replace font-name with variable

This commit is contained in:
Ilia Mashkov
2026-02-25 09:56:59 +03:00
parent 560eda6ac2
commit 2a65cedd0a
3 changed files with 4 additions and 4 deletions

View File

@@ -90,7 +90,7 @@ const cfg = $derived(sizeConfig[size]);
const styles = $derived(variantConfig[variant]); const styles = $derived(variantConfig[variant]);
const inputClasses = $derived(cn( const inputClasses = $derived(cn(
"font-['Space_Grotesk'] rounded-none outline-none transition-all duration-200", 'font-primary rounded-none outline-none transition-all duration-200',
'text-neutral-900 dark:text-neutral-100', 'text-neutral-900 dark:text-neutral-100',
'placeholder:text-neutral-400 dark:placeholder:text-neutral-600', 'placeholder:text-neutral-400 dark:placeholder:text-neutral-600',
'disabled:opacity-50 disabled:cursor-not-allowed', 'disabled:opacity-50 disabled:cursor-not-allowed',
@@ -147,7 +147,7 @@ const inputClasses = $derived(cn(
{#if helperText} {#if helperText}
<span <span
class={cn( class={cn(
"text-[0.625rem] font-['Space_Mono'] tracking-wide px-1", 'text-[0.625rem] font-mono tracking-wide px-1',
error ? 'text-brand ' : 'text-neutral-500 dark:text-neutral-400', error ? 'text-brand ' : 'text-neutral-500 dark:text-neutral-400',
)} )}
> >

View File

@@ -37,7 +37,7 @@ let {
<span <span
class={cn( class={cn(
"font-['Space_Mono'] tracking-widest leading-none", 'font-mono tracking-widest leading-none',
'inline-flex items-center gap-1.5', 'inline-flex items-center gap-1.5',
labelSizeConfig[size], labelSizeConfig[size],
labelVariantConfig[variant], labelVariantConfig[variant],

View File

@@ -31,7 +31,7 @@ let {
<div class="flex items-baseline gap-1"> <div class="flex items-baseline gap-1">
<span <span
class={cn( class={cn(
"font-['Space_Mono'] text-2xl font-bold tabular-nums", 'font-mono text-2xl font-bold tabular-nums',
labelVariantConfig[variant], labelVariantConfig[variant],
)} )}
> >