Styles Guide
The styles package is the visual contract for ABC Def. React and Vue components render semantic selectors that this CSS package styles.
CSS entrypoint
Import `@line/abc-def-styles/css` from CSS processed by Tailwind CSS v4. This entrypoint includes semantic variables and component styles.
@import "tailwindcss";
@import "@line/abc-def-styles/css";Component tokens
Component tokens are CSS custom properties grouped by component slug. Override tokens at a suitable scope to theme one area without changing component markup.
:root {
--button-bg-primary: var(--primary);
--button-fg-primary: var(--primary-foreground);
}Public styling surface
Documented CSS entrypoints, semantic selectors, utility selectors, and token names are part of the protected public API. Internal source file paths are not public API unless they are also exported.