open-index/open-npm huggingface dataset:
npm package: @g123jp/g123-internal-ui
Description: This library is a Design System in building consists of a series of terms, styles, components and functions, that when combined make intuitive, appealing and systemic solution.
Author: yan of ctw
Latest version: 1.1.100
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

![banner](https://user-images.githubusercontent.com/48427014/182789802-e7ced467-6d13-4b04-9f2d-db36d8aaefd0.gif)

# G123 Design System

This library is a Design System in building consists of a series of terms, styles, components and functions, that when combined make intuitive, appealing and systemic solution.

The design is aiming to support the experimentation and incubation of new services, as well as the refactor and iteration of existing products.

## Getting started

To use it in your project, you will need to run the following command using **Yarn**:

`yarn add @g123jp/g123-internal-ui`

Use the following command instead if you prefer **npm**:

`npm install -S @g123jp/g123-internal-ui`

## Documentation

Check our [Storybook](https://g123-internal-ui.g123.jp/index.html) to see the design in real.
npm package: @g123jp/recoil-observer
Description: A simple recoil dev tool to observe the state changes.
Author: ibarapascal
Latest version: 0.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# recoil-observer

A simple recoil dev tool to observe the state changes.

- log the state once changed.
- post message to other dev tool like a chrome-extension.
- optional to do nothing in production environment.

## 1. install

```
yarn add recoil-observer
```

with

- recoil (>=0.6)

```
yarn add recoil
```

### 2. usage

```ts
import { RecoilObserver } from 'recoil-observer';
```

```ts
return (
  <RecoilRoot>
    <RecoilObserver />
    ...
  </RecoilRoot>
);
```

### 3. API

| props          | description                            | default value | type    |
| -------------- | -------------------------------------- | ------------- | ------- |
| checkInitState | whether check the default state or not | true          | boolean |
| log            | console.log the state KV               | true          | boolean |
| useDevTools    | post the message to other devTools     | false         | boolean |