_ButtonGhost
Composition primitive, consumed by leaf keys via composes.
Source: client/lib/theme/vueda-tailwind/controls/index.js
The transparent-at-rest recipe: no fill or edge until hover, when
--accentpaints the background, with an--accent-activepressed step (dark mode: half-strengthaccent/50hover, fullaccentactive). Shared by CalendarCellTrigger.root and RangeCalendarCellTrigger.root so day buttons in a calendar grid keep one consistent hover and press affordance; dark-mode hover is half-strength accent so the day button does not over-saturate the popover surface.
| Slot | Default classes | Description |
|---|---|---|
| root | 2 classes | The transparent-at-rest recipe: no fill or edge until hover, when --accent paints the background, with an --accent-active pressed step (dark mode: half-strength accent/50 hover, full accent active). Shared by CalendarCellTrigger.root and RangeCalendarCellTrigger.root so day buttons in a calendar grid keep one consistent hover and press affordance; dark-mode hover is half-strength accent so the day button does not over-saturate the popover surface. |
root
The transparent-at-rest recipe: no fill or edge until hover, when
--accentpaints the background, with an--accent-activepressed step (dark mode: half-strengthaccent/50hover, fullaccentactive). Shared by CalendarCellTrigger.root and RangeCalendarCellTrigger.root so day buttons in a calendar grid keep one consistent hover and press affordance; dark-mode hover is half-strength accent so the day button does not over-saturate the popover surface.
Default classes:
hover:bg-accent hover:text-accent-foreground active:bg-accent-active
dark:hover:bg-accent/50 dark:active:bg-accentSource: client/lib/theme/vueda-tailwind/controls/_ButtonPrimitives.theme.js:115