open-index/open-npm huggingface dataset:
npm package: @gsystem/ds
Description: Design system of GstudioApp
Author: Thiago Capelo
Latest version: 0.1.5

[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://objective-panini-639144.netlify.app)
[![Netlify Status](https://api.netlify.com/api/v1/badges/4f72c65f-47f7-4f73-8a1e-1ea9afdd17cc/deploy-status)](https://app.netlify.com/sites/objective-panini-639144/deploys)

# @gsystem/ds

React UI component library

## Steps to install

1. Clone this repo

```bash
git clone git@github.com:gstudioapp/gsystem.git
```

2. Run `nvm install` ([what is nvm?](https://github.com/nvm-sh/nvm))
3. Run `nvm use`
4. Run `yarn` - please, do not use `npm` in this project!

## Running

1. Run dev in the terminal

> Tip: Run each command below in the each terminal tab!

```bash
### Storybook
yarn workspace @gsystem/ds run storybook
### Typecheck
yarn workspace @gsystem/ds run typecheck:dev
### Test
yarn workspace @gsystem/ds run test:watch
### Compile
yarn workspace @gsystem/ds run compile:dev
#
## or
#
### Storybook
lerna exec yarn storybook --scope=@gsystem/ds
### Typecheck
lerna exec yarn typecheck:dev --scope=@gsystem/ds
### Test
lerna exec yarn test:watch --scope=@gsystem/ds
### Compile
lerna exec yarn compile:dev --scope=@gsystem/ds
```

## Scaffolding

```bash
./packages/ds/src
├── assets
│   └── images
├── components
│   ├── Button
│   ├── Card
│   ├── Heading
│   ├── Icon
│   ├── Input
│   ├── Logo
│   ├── MenuSelect
│   ├── Text
│   ├── ThemeProvider
│   └── index.ts
├── index.d.ts
├── test-utils.tsx
├── theme
│   ├── components
│   ├── foundations
│   ├── index.ts
│   ├── styles
│   ├── theme.tsx
│   └── utils
└── types
    ├── components
    ├── index.ts
    └── theme
```

## Github Actions

- Workflows
  - [ds-pull-request.yml](.github/workflows/ds-pull-request.yml)
  -
npm package: @gsystem/protocols
Description: Protocols of gsystem/components
Latest version: 0.1.0-beta.0

[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://objective-panini-639144.netlify.app)
 [![Netlify Status](https://api.netlify.com/api/v1/badges/4f72c65f-47f7-4f73-8a1e-1ea9afdd17cc/deploy-status)](https://app.netlify.com/sites/objective-panini-639144/deploys) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/15771a8c22dd44b6a16283e09cdb977f)](https://app.codacy.com/gh/gstudioapp/gsystem?utm_source=github.com&utm_medium=referral&utm_content=gstudioapp/gsystem&utm_campaign=Badge_Grade_Dashboard) [![Codacy Badge](https://app.codacy.com/project/badge/Coverage/5a71ae4db894401399637dd07f254ca6)](https://www.codacy.com/gh/gstudioapp/gsystem?utm_source=github.com&utm_medium=referral&utm_content=gstudioapp/gsystem&utm_campaign=Badge_Coverage) 

# @gsystem/protocols

Contract of gsystem components

```bash
// with npm
npm install @gsystem/protocols

// with yarn
yarn add @gsystem/protocols
```
npm package: @gsystem/tokens
Description: [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://objective-panini-639144.netlify.app)  [![Netlify Status](https://api.netlify.com/api/v1/badges/4f72c65f-47f7-4f73-8a1e-1ea9afdd17cc/deploy-status)](http
Latest version: 0.0.7

[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://objective-panini-639144.netlify.app)
 [![Netlify Status](https://api.netlify.com/api/v1/badges/4f72c65f-47f7-4f73-8a1e-1ea9afdd17cc/deploy-status)](https://app.netlify.com/sites/objective-panini-639144/deploys) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/15771a8c22dd44b6a16283e09cdb977f)](https://app.codacy.com/gh/gstudioapp/gsystem?utm_source=github.com&utm_medium=referral&utm_content=gstudioapp/gsystem&utm_campaign=Badge_Grade_Dashboard) [![Codacy Badge](https://app.codacy.com/project/badge/Coverage/5a71ae4db894401399637dd07f254ca6)](https://www.codacy.com/gh/gstudioapp/gsystem?utm_source=github.com&utm_medium=referral&utm_content=gstudioapp/gsystem&utm_campaign=Badge_Coverage) 

# @gsystem/tokens

Design tokens