_ButtonPrimaryOutline

Composition primitive, consumed by leaf keys via composes.

Source: client/lib/theme/vueda-tailwind/controls/index.js

The primary neutral-chip recipe: a DPR-aware --primary hairline and --primary text over the --background fill (dark mode keeps the outline-family bg-input/30 rest tint), with the shadow-vueda-control micro-shadow. The inset hairline avoids layout-width drift against fill buttons and uses the same saturated-edge fringing mitigation as inputs. Hover and active wash a low-alpha --primary tint behind the label (/10 then /15). The secondary-CTA treatment: it reads as accented without the full weight of a filled _ButtonDefault, so it can sit beside the primary fill as the "other" emphasized action.

Slot	Default classes	Description
root	2 classes	The primary neutral-chip recipe: a DPR-aware --primary hairline and --primary text over the --background fill (dark mode keeps the outline-family bg-input/30 rest tint), with the shadow-vueda-control micro-shadow. The inset hairline avoids layout-width drift against fill buttons and uses the same saturated-edge fringing mitigation as inputs. Hover and active wash a low-alpha --primary tint behind the label (/10 then /15). The secondary-CTA treatment: it reads as accented without the full weight of a filled _ButtonDefault, so it can sit beside the primary fill as the "other" emphasized action.

root

The primary neutral-chip recipe: a DPR-aware --primary hairline and --primary text over the --background fill (dark mode keeps the outline-family bg-input/30 rest tint), with the shadow-vueda-control micro-shadow. The inset hairline avoids layout-width drift against fill buttons and uses the same saturated-edge fringing mitigation as inputs. Hover and active wash a low-alpha --primary tint behind the label (/10 then /15). The secondary-CTA treatment: it reads as accented without the full weight of a filled _ButtonDefault, so it can sit beside the primary fill as the "other" emphasized action.

Default classes:

hairline hairline-primary bg-background text-primary shadow-vueda-control dark:bg-input/30
hover:bg-primary/10 active:bg-primary/15

Source: client/lib/theme/vueda-tailwind/controls/_ButtonPrimitives.theme.js:142