open-index/open-npm huggingface dataset:
npm package: @hadermania/components
Description: This was configurated in base to this guide https://www.grzegorowski.com/react-typescript-library-rollup-jest-initialization
Author: Hader Cardona
Latest version: 1.0.17

This was configurated in base to this guide
https://www.grzegorowski.com/react-typescript-library-rollup-jest-initialization

# components

publish package

https://docs.npmjs.com/cli/v7/commands/npm-version

`npm version [<newversion> | major | minor | patch | premajor | preminor | prepatch | prerelease [--preid=<prerelease-id>] | from-git]`

`yarn run dev`

`npm publish --access public`
npm package: @hadesfarm/uikit
Description: Set of UI components for The HadesFarm project
Latest version: 1.0.3

# The Seed Farm UIkit

[![Version](https://img.shields.io/npm/v/@theseedfarm/uikit)](https://www.npmjs.com/package/@theseedfarm/uikit) [![Size](https://img.shields.io/bundlephobia/min/@theseedfarm/uikit)](https://www.npmjs.com/package/@theseedfarm/uikit)

The Seed Farm UIkit is a set of React components and hooks used to build pages on The Seed Farm apps.

It also contains a theme file for dark and light mode.

## Install

`yarn add @theseedfarm/uikit`

## npm

https://www.npmjs.com/package/@theseedfarm/uikit

## Setup

### Theme

Before using The Seed Farm UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@theseedfarm/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@theseedfarm/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://theseedfarm.github.io/theseedfarm-uikit/)