@nexus-cross/tokens-domains

NEXUS Design System — 프로젝트별 도메인 토큰 (Prediction 등).

상승/하락(bullish/bearish), 차트 시리즈, 액센트 등 도메인-특화 토큰을 Light/Dark 테마로 제공합니다. @nexus-cross/tokens의 Company 토큰을 상속합니다.

💡 UI 컴포넌트도 같이 쓰시나요?

@nexus-cross/design-system v2.0부터 이 패키지를 dependency로 흡수했습니다. UI를 함께 쓰는 경우엔 design-system 1개만 install 하세요 — 도메인 토큰까지 sub-path로 자동 노출됩니다.

# UI + 토큰 + 도메인 토큰 = 단일 install
npm install @nexus-cross/design-system

/* sub-path로 도메인 토큰 import */
@import '@nexus-cross/design-system/tokens-domains/prediction.css';
@import '@nexus-cross/design-system/tokens-domains/prediction-vars.css';

import { getPredictionTheme } from '@nexus-cross/design-system/tokens-domains';

이 패키지는 UI 없이 도메인 토큰만 단독으로 쓰는 경우에만 직접 install 하세요.

설치 (단독 사용)

npm install @nexus-cross/tokens @nexus-cross/tokens-domains

postinstall에서 nexus-domains-setup CLI가 자동 실행되어 .cursor/rules/nexus-domains.mdc를 설치합니다 (Cursor AI가 도메인 토큰을 자동 인식).

수동 실행:

npx nexus-domains-setup

design-system을 함께 install 하면 design-system의 nexus-ds-setup이 이 작업을 모두 포함하므로 별도 호출 불필요.

사용

Tailwind v4

@import "tailwindcss";
@import "@nexus-cross/tokens/company.css";
@import "@nexus-cross/tokens-domains/prediction.css";

Tailwind v3

// tailwind.config.js
module.exports = {
  presets: [require("@nexus-cross/tokens-domains/tailwind")],
};

순수 CSS (Tailwind 미사용)

@import "@nexus-cross/tokens-domains/prediction-vars.css";

JS/TS API

import { getPredictionTheme } from "@nexus-cross/tokens-domains";
const { domain } = getPredictionTheme("dark");
// domain['domain-market'].bullish.base

Export 경로

| 경로 | 설명 | |---|---| | @nexus-cross/tokens-domains | JS/TS API | | @nexus-cross/tokens-domains/data | Raw JSON 데이터 | | @nexus-cross/tokens-domains/tailwind | Tailwind v3 Preset (tokens 상속) | | @nexus-cross/tokens-domains/prediction.css | Tailwind v4 CSS (@theme) | | @nexus-cross/tokens-domains/prediction-vars.css | 순수 CSS (:root) |

라이선스

ISC