# @real-system/theme-library

> theming for real system

Latest version **0.0.23** (published 2022-05-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @real-system/theme-library
pnpm add @real-system/theme-library
yarn add @real-system/theme-library
bun add @real-system/theme-library
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.23 |
| Published | 2022-05-16 |
| First published | 2022-01-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 200.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Mike Wolf |
| Maintainers | bigwoof91 |
| Keywords | real-system, styles, components |

## Links

- npm: https://www.npmjs.com/package/@real-system/theme-library
- Repository: https://github.com/bigwoof91/real-system
- Homepage: https://github.com/bigwoof91/real-system#readme
- Issues: https://github.com/bigwoof91/real-system/issues
- npm.io page: https://npm.io/package/@real-system/theme-library

## Recent versions

- 0.0.23 (latest) — 2022-05-16
- 0.0.0-20220130051114 (snapshot) — 2022-01-30
- 0.0.0-next-20220129231735 (next) — 2022-01-30
- 0.0.22 — 2022-05-15
- 0.0.21 — 2022-05-15
- 0.0.20 — 2022-04-21
- 0.0.19 — 2022-04-19
- 0.0.18 — 2022-04-02
- 0.0.17 — 2022-04-02
- 0.0.16 — 2022-03-27
- 0.0.15 — 2022-03-26
- 0.0.14 — 2022-03-21
- 0.0.13 — 2022-03-13
- 0.0.11 — 2022-03-07
- 0.0.10 — 2022-02-15
- … 16 more at https://npm.io/package/@real-system/theme-library/versions

## README

<h1 align="center">@real-system/theme-library</h1>
<p align="center">Real System's theming components and helpers.</p>
<p align="center">
<a href="https://www.npmjs.com/package/@real-system/theme-library"><img src="https://badgen.net/npm/v/@real-system/theme-library?label=&icon=npm&color=blue" alt="npm version" height="18"/></a>
</p>

## Usage

### Installation

```bash
# install peer dependencies

# npm
$ npm install --save @real-system/styling-library react react-dom
# yarn
$ yarn add @real-system/styling-library react react-dom

# install theme

# npm
$ npm install --save @real-system/theme-library
# yarn
$ yarn add @real-system/theme-library
```

### Code Example

```jsx
import { ThemeProvider, useTokens } from '@real-system/theme-library';

const OtherComponent = () => {
  const [bgColor, textColor] = useToken({
    colors: 'white',
    colors: 'gray-500'
  });
  return (
    <div style={{ backgroundColor: bgColor, color: textColor }}>...</div>
  );
};

const MyComponent = () => {
  return (
    <ThemeProvider>
      <OtherComponent />
    </ThemeProvider>
  );
};

```

---
_Source: https://npm.io/package/@real-system/theme-library · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._