feat(Label): add font prop to purge custom classes
This commit is contained in:
@@ -6,6 +6,7 @@
|
||||
import { cn } from '$shared/shadcn/utils/shadcn-utils';
|
||||
import type { Snippet } from 'svelte';
|
||||
import {
|
||||
type LabelFont,
|
||||
type LabelSize,
|
||||
type LabelVariant,
|
||||
labelSizeConfig,
|
||||
@@ -28,6 +29,11 @@ interface Props {
|
||||
* @default true
|
||||
*/
|
||||
uppercase?: boolean;
|
||||
/**
|
||||
* Font family
|
||||
* @default 'mono'
|
||||
*/
|
||||
font?: LabelFont;
|
||||
/**
|
||||
* Bold text
|
||||
* @default false
|
||||
@@ -55,6 +61,7 @@ interface Props {
|
||||
let {
|
||||
variant = 'default',
|
||||
size = 'sm',
|
||||
font = 'mono',
|
||||
uppercase = true,
|
||||
bold = false,
|
||||
icon,
|
||||
@@ -68,6 +75,7 @@ let {
|
||||
class={cn(
|
||||
'font-mono tracking-widest leading-none',
|
||||
'inline-flex items-center gap-1.5',
|
||||
font === 'primary' && 'font-primary tracking-tight',
|
||||
labelSizeConfig[size],
|
||||
labelVariantConfig[variant],
|
||||
uppercase && 'uppercase',
|
||||
|
||||
@@ -3,6 +3,8 @@
|
||||
* Import from here in each component to keep maps DRY.
|
||||
*/
|
||||
|
||||
export type LabelFont = 'mono' | 'primary';
|
||||
|
||||
export type LabelVariant =
|
||||
| 'default'
|
||||
| 'accent'
|
||||
|
||||
Reference in New Issue
Block a user