open-index/open-npm huggingface dataset:
npm package: @jhdev96/ozone-colors
Description: Defined colors for Ozone
Author: John Henry
Latest version: 1.0.1

# Ozone Colors

This package contains color definitions for Ozone.

```bash static
npm install @jhdev96/ozone
```

## Usage
Colors are grouped into three categories: 
- `Grayscale` - (A collection of black, gray and white colors)
- `Core` - (Used to highlight important UI element)
- `Extended` - (Tints and shades for the prior colors)


```js static
import Colors from @jhdev96/colors

const blueCore = Colors.core.BLUE;
```
npm package: @jhdev96/ozone-icons
Description: Icons for ozone
Author: John Henry
Latest version: 1.0.1

# Ozone Icons

This package contains React components representing UI icons.

```bash static
npm install @jhdev96/ozone-icons
```

## Usage

```js static
import { Success } from '@jhdev96/icons';
```

The following props can be passed to an icon component:
- color `string` - A hexcode to which will be assigned to the SVG.
- direction `"up" | "right" | "down" | "left"` - used to rotate the SVG (Arrow icon only)
- size `"sm" | "md" | "lg"` - sets the size of the icon.
- className `string` - Adds custom css classes to the icon.
- dataTestId `string` - A selector to use in testing environments.

> All of the above props are optional