f525c0f4fb
- Introduce Nuxt UI-style Tailwind Variants themes and 26px panel primitives\n- Align section and field action rails across labeled property rows\n- Add Storybook with dark/light states, accessibility tooling, and CI build coverage\n- Standardize UI acronym casing across app and Vue SDK types
23 lines
638 B
TypeScript
23 lines
638 B
TypeScript
import { panelIconButtonBase } from './panel/field'
|
|
|
|
export default {
|
|
base: 'flex cursor-pointer items-center justify-center bg-transparent text-muted outline-none hover:bg-hover hover:text-surface focus-visible:border-panel-focus',
|
|
variants: {
|
|
size: {
|
|
sm: 'size-5 rounded border-none text-sm leading-none',
|
|
md: panelIconButtonBase
|
|
},
|
|
active: {
|
|
true: 'border-accent text-accent'
|
|
},
|
|
disabled: {
|
|
true: 'cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted'
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
size: 'sm' as const,
|
|
active: false as const,
|
|
disabled: false as const
|
|
}
|
|
}
|