Defines and exports a single shared Tailwind CSS class string for chip-density action buttons used across the empty-state chip's action row and the `` popover. ## Key Components - **`CHIP_ACTION_BUTTON_CLASS`** — A frozen CSS utility string combining text, background, border, spacing, and focus-ring styles for sub-`small` density action buttons (Recent / Search / Find / Display / Submit / Cancel). ## Usage Example ```typescript import { CHIP_ACTION_BUTTON_CLASS } from './chip-action-class' // Apply to a native button element Recent // Or spread into a component's class prop Search ``` ## Design Notes | Property | Value / Intent | |---|---| | Font size | `text-h6` (~11px) — below UI-Kit `Button size="small"` | | Padding | `px-2 py-1` — chip-density, not standard button sizing | | Colors | ODS semantic tokens (`ods-text-*`, `ods-card-hover`, `ods-border`) | | Focus ring | `focus-visible:ring-2` with `ods-focus` token — keyboard accessible | | Background | `bg-transparent` base, `ods-card-hover` on hover | The constant prevents Tailwind class strings from drifting independently across the two call sites. Any styling change is made once here and propagates uniformly. **Source:** [`chip-action-class.ts`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/chip-action-class.ts)