@olundot/ui

Shared OLUN React UI components.

pnpm add @olundot/ui @olundot/tokens

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/preflight.css" layer(base);
@import "tailwindcss/utilities.css" layer(utilities);

/* 컴포넌트 utility 생성을 위해 ui dist 스캔 — 빠지면 컴포넌트가 무스타일.
   경로는 프로젝트 node_modules 위치에 맞게 조정. */
@source "../node_modules/@olundot/ui/dist";

@import "@olundot/ui/tokens.css";

import { Button, Card, Input } from "@olundot/ui";

export function Example() {
  return (
    <Card>
      <Input aria-label="Name" />
      <Button>Continue</Button>
    </Card>
  );
}

This beta package is extracted from the OLUN CBT/LMS shared UI implementation. API names are usable, but still considered beta until the consumer integration cycle is complete.

Accent Contract

Primary and default buttons are monochrome: pair --primary for the background and border with --primary-fg for text and icons. Brand and opt-in accent fills use the canonical --accent-pop + --accent-on-fill pair. The pre-v0.14 names --accent-solid and --accent-on-solid remain deprecated compatibility aliases and must not be used in new component source.