@mercury-fx/ui

The Mercury design system's React component library — token-driven, presentational components styled through enum props (variant / size / tone).

Install

npm i @mercury-fx/ui
npm i react react-dom             # peer dependencies

@mercury-fx/core comes along transitively.

Use

import "@mercury-fx/ui/styles.css";       // required — components are class-driven
import { Button, Card } from "@mercury-fx/ui";

export function App() {
  return (
    <Card>
      <Button variant="primary">Ship it</Button>
    </Card>
  );
}

Styles

Components carry no inline CSS — import the bundle once at your app root:

import "@mercury-fx/ui/styles.css";   // the full component CSS
import "@mercury-fx/ui/tokens.css";   // …or just the design tokens

A dark-theme class on any ancestor flips every token.

License

MIT