- Theme Variables, collaboration, presence, and provider status states\n- Expose semantic default, resizing, following, connection, and tone attributes\n- Remove the final dynamic-state allowlist and document enforced Vue template rules
20 lines
448 B
TypeScript
20 lines
448 B
TypeScript
const statusTheme = {
|
|
slots: {
|
|
text: 'text-[10px] leading-snug'
|
|
},
|
|
variants: {
|
|
tone: {
|
|
neutral: { text: 'text-muted' },
|
|
success: { text: 'text-[var(--color-success)]' },
|
|
warning: { text: 'text-[var(--color-warning-text)]' },
|
|
error: { text: 'text-[var(--color-error)]' }
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
tone: 'neutral' as const
|
|
}
|
|
}
|
|
|
|
export type StatusTheme = typeof statusTheme
|
|
export default statusTheme
|