open-index/open-npm huggingface dataset:
npm package: @mousse-finance/mousse-uikit
Description: Set of UI components for mousse projects
Latest version: 0.11.7

# 🥞 Pancake UIkit

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

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

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/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://pancakeswap.github.io/pancake-uikit/)
npm package: @mousse-finance/mousse-uikitv2
Description: Set of UI components for mousse projects
Latest version: 0.1.3

# 🥞 Pancake UIkit

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

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

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/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://pancakeswap.github.io/pancake-uikit/)
npm package: @moustaouisalah/smart-logger
Description: this is smart package
Author: Salaheddine Moustaoui
Latest version: 1.0.2

# @moustaouisalah/smart-logger

[![npm version](https://img.shields.io/npm/v/smart-logger.svg?style=flat-square)](https://github.com/moustaouiSalaheddine/smart-logger)
[![License](https://img.shields.io/npm/l/smart-logger.svg?style=flat-square)](https://github.com/moustaouiSalaheddine/smart-logger/blob/main/LICENSE)

**@moustaouisalah/smart-logger** is a smart logging package for JavaScript applications.

### Example 

<img width="986" alt="Screenshot 2024-05-02 at 15 17 51" src="https://github.com/moustaouiSalaheddine/smart-logger/assets/43854957/b2c0ebc5-ea8f-465e-9619-a2134bf4e5fc">

## Installation

You can install the package via npm:

```bash
npm install @moustaouisalah/smart-logger
```

## USAGE

### Using import

```
import logger from '@moustaouisalah/smart-logger';

logger.log('This is a log message');
logger.info('This is an informational message');
logger.warning('This is a warning message');
logger.error('This is an error message');
logger.critical('This is a critical message');
```
### Using require

```
const logger = require('@moustaouisalah/smart-logger');

logger.log('This is a log message');
logger.info('This is an informational message');
logger.warning('This is a warning message');
logger.error('This is an error message');
logger.critical('This is a critical message');
```

## Log Levels

The logger supports the following log levels:

- `log`: General log message
- `info`: Informational message
- `warning` or `warn`: Warning message
- `error`: Error message
- `critical`: Critical error message

In addition, the logger also supports the following levels with specific styling:

- `debug`: Debug message (styled with '\x1b[37m' - yellow)
- `exception`: Exception message (styled with '\x1b[31m' - red)
- `success`: Success message (styled with '\x1b[32m' - green)
- `dir`: Directory message (styled with '\x1b[34m' - blue)

## License

This package is open-source and licensed under the [MIT License](https://github.com/moustaouiSalaheddine/smart-logger/blob/main/LICENSE).

## Author

- `name`: Salaheddine Moustaoui
- `email`: moustaoui.salaheddine@gmail.com
- `github`: [moustaouiSalaheddine](https://github.com/moustaouiSalaheddine)
- `linkedin`: [SALAHEDDINE MOUSTAOUI](https://www.linkedin.com/in/salaheddine-moustaoui-570709159/)
- `location`: Morocco