2026-02-25 10:00:36 +03:00
|
|
|
/**
|
|
|
|
|
* Shared config.
|
|
|
|
|
* Import from here in each component to keep maps DRY.
|
|
|
|
|
*/
|
|
|
|
|
|
2026-04-17 08:55:10 +03:00
|
|
|
export type LabelFont = 'mono' | 'primary';
|
|
|
|
|
|
2026-02-25 10:00:36 +03:00
|
|
|
export type LabelVariant =
|
|
|
|
|
| 'default'
|
|
|
|
|
| 'accent'
|
|
|
|
|
| 'muted'
|
|
|
|
|
| 'success'
|
|
|
|
|
| 'warning'
|
|
|
|
|
| 'error';
|
|
|
|
|
|
2026-03-02 22:19:35 +03:00
|
|
|
export type LabelSize = 'xs' | 'sm' | 'md' | 'lg';
|
2026-02-25 10:00:36 +03:00
|
|
|
|
|
|
|
|
export const labelSizeConfig: Record<LabelSize, string> = {
|
2026-04-17 09:40:53 +03:00
|
|
|
xs: 'text-4xs',
|
|
|
|
|
sm: 'text-3xs md:text-2xs',
|
|
|
|
|
md: 'text-2xs md:text-xs',
|
|
|
|
|
lg: 'text-sm',
|
2026-02-25 10:00:36 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const labelVariantConfig: Record<LabelVariant, string> = {
|
|
|
|
|
default: 'text-neutral-900 dark:text-neutral-100',
|
|
|
|
|
accent: 'text-brand',
|
|
|
|
|
muted: 'text-neutral-400 dark:text-neutral-500',
|
|
|
|
|
success: 'text-green-600 dark:text-green-400',
|
|
|
|
|
warning: 'text-yellow-600 dark:text-yellow-400',
|
|
|
|
|
error: 'text-brand',
|
|
|
|
|
};
|