# @availity/design-tokens

> Framework agnostic set of design tokens. Used internally by `@availity/theme` and `@availity/theme-provider`.

[![Version](https://img.shields.io/npm/v/@availity/design-tokens.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/design-tokens)
[![NPM Downloads](https://img.shields.io/npm/dt/@availity/design-tokens.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/design-tokens)
[![Dependency Status](https://img.shields.io/librariesio/release/npm/@availity/design-tokens?style=for-the-badge)](https://github.com/Availity/element/blob/main/packages/design-tokens/package.json)

## Installation

### NPM

```bash
npm install @availity/design-tokens
```

### Yarn

```bash
yarn add @availity/design-tokens
```

## Raw token lists

- legacy tokens: [legacytokens.js](https://github.com/Availity/element/blob/main/packages/design-tokens/src/generated/legacytokens.js)
- light theme tokens: [tokens.js](https://github.com/Availity/element/blob/main/packages/design-tokens/src/generated/tokens.js)