open-index/open-npm huggingface dataset:
npm package: @nova-design-systems/tokens
Description: Nova Design System foundation tokens for colors, typography, spacing, and borders
Author: Nova Design Systems
Latest version: 1.0.2

# Nova Design Tokens

A collection of design tokens for the Nova Design System, including colors, typography, spacing, and radius values.

## Installation

```bash
npm install nova-design-tokens
```

## Usage

You can import the tokens in your CSS file:

```css
@import 'nova-design-tokens';
```

Or in your JavaScript/TypeScript file if you're using a bundler that supports CSS imports:

```javascript
import 'nova-design-tokens';
```

## Available Tokens

### Colors

The color tokens are organized into several categories:

- Core Colors (Midnight Black, Morning Fog, Nova Rage, Lilac Haze)
- Semantic Colors
- Action Colors (Primary, Secondary, Tertiary, Alternate)
- Input Colors
- Typography Colors
- Icon Colors
- Background Colors

Example usage:
```css
.my-element {
  background-color: var(--nova-rage-600);
  color: var(--type-primary);
}
```

### Typography

Typography tokens for font sizes, weights, and line heights.

Example usage:
```css
.my-text {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}
```

### Spacing

Consistent spacing values for margins, padding, and layout.

Example usage:
```css
.my-container {
  padding: var(--spacing-4);
  gap: var(--spacing-2);
}
```

### Border Radius

Border radius tokens for consistent corner rounding.

Example usage:
```css
.my-card {
  border-radius: var(--radius-md);
}
```

## License

MIT
npm package: @nova-design/icons
Description: Icon library for Nova Design
Latest version: 1.5.2

# Nova Icons
Nova Icons是基于Vue3的一款开源图标库，Nova Icons包含400+个SVG图标，它允许你改变图标的粗细、颜色、渐变、尺寸，还内置了路径动画。
### 安装方式

```shell
安装方式：
npm install @nova-design/icons
或
yarn add @nova-design/icons
或
pnpm add @nova-design/icons
```

### 引入方式
```
// main.ts
// 引入Nova图标库
import * as novaIcons from '@nova-design/icons'

// 注册全部图标
Object.keys(novaIcons).forEach(key => {
  app.component(key, (novaIcons as any)[key])
})

// 或者单独引入
import { TwoAirplay, TwoSearch } from '@nova-design/icons'

// 在页面中调用
<nova-icon>
  <two-search />
</nova-icon>
```