open-index/open-npm huggingface dataset:
npm package: @papidefi/sdk
Description: 🛠 An SDK for building applications on top of papiswap.
Latest version: 0.0.1

# Pancakeswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/pancakeswap/pancakeswap-sdk/workflows/CI/badge.svg)](https://github.com/pancakeswap/pancakeswap-sdk)
[![npm version](https://img.shields.io/npm/v/@pancakeswap-lib/sdk/latest.svg)](https://www.npmjs.com/package/@pancakeswap-lib/sdk/v/latest)

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/pancakeswap/pancakeswap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @papidefi/uikit
Description: Set of UI components for pancake projects
Latest version: 0.1.0

# 🥞 PapiDefi UIkit

[![Version](https://img.shields.io/npm/v/@papidefi/uikit)](https://www.npmjs.com/package/@papidefi/uikit) [![Size](https://img.shields.io/bundlephobia/min/@papidefi/uikit)](https://www.npmjs.com/package/@papidefi/uikit)

PapiDefi UIkit is a set of React components and hooks used to build pages on PapiDefi's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @papidefi/uikit`

## Setup

### Theme

Before using PapiDefi UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@papidefi/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@papidefi/uikit'
...
<ResetCSS />
```