openpencil/src/theme/variable-table.ts
Danila Poyarkov 0abbb839cb refactor(app): finish visual state theming
- 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
2026-07-18 00:23:38 +03:00

25 lines
633 B
TypeScript

const variableTableTheme = {
slots: {
modeLabel: 'cursor-default',
resizeHandle: 'absolute top-0 right-0 h-full w-1 cursor-col-resize touch-none select-none',
row: 'group border-b border-border/30 hover:bg-hover/50'
},
variants: {
defaultMode: {
true: { modeLabel: 'text-surface' },
false: {}
},
resizing: {
true: { resizeHandle: 'bg-accent' },
false: { resizeHandle: 'bg-transparent hover:bg-border' }
}
},
defaultVariants: {
defaultMode: false,
resizing: false
}
}
export type VariableTableTheme = typeof variableTableTheme
export default variableTableTheme