https://github.com/channel-io/bezier-react

React components library that implements Bezier design system.
https://github.com/channel-io/bezier-react

bezier-react component-library design-system figma figma-plugin icons react react-components storybook typescript

Last synced: 1 day ago
JSON representation

React components library that implements Bezier design system.

• Host: GitHub
• URL: https://github.com/channel-io/bezier-react
• Owner: channel-io
• License: apache-2.0
• Created: 2020-05-11T08:37:56.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T08:09:32.000Z (3 months ago)
• Last Synced: 2024-10-29T09:25:44.421Z (3 months ago)
• Topics: bezier-react, component-library, design-system, figma, figma-plugin, icons, react, react-components, storybook, typescript
• Language: TypeScript
• Homepage: https://main--62bead1508281287d3c94d25.chromatic.com
• Size: 38.6 MB
• Stars: 222
• Watchers: 9
• Forks: 47
• Open Issues: 54
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# Bezier React

[![storybook](https://shields.io/badge/storybook-white?logo=storybook&style=flat)](https://main--62bead1508281287d3c94d25.chromatic.com) ![version](https://img.shields.io/github/package-json/v/channel-io/bezier-react?filename=packages%2Fbezier-react%2Fpackage.json) [![CircleCI](https://dl.circleci.com/status-badge/img/gh/channel-io/bezier-react/tree/main.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/gh/channel-io/bezier-react/tree/main) [![codecov](https://codecov.io/gh/channel-io/bezier-react/branch/main/graph/badge.svg?token=bwCtdh41fD)](https://codecov.io/gh/channel-io/bezier-react)

> Monorepo for [bezier-react](packages/bezier-react) and related packages.

## About this repo

| Name                                                | Description                                                                   |

| --------------------------------------------------- | ----------------------------------------------------------------------------- |

| [bezier-react](packages/bezier-react)               | React components library that implements Bezier design system.                |

| [bezier-icons](packages/bezier-icons)               | Icon library that implements Bezier design system.                            |

| [bezier-codemod](packages/bezier-codemod)           | Codemod transformations to help upgrade app using Bezier design system.       |

| [bezier-figma-plugin](packages/bezier-figma-plugin) | Figma plugin that helps build Bezier design system and increase productivity. |

| [bezier-tokens](packages/bezier-tokens)             | Design token library for Bezier design system.                                |

| [bezier-vscode](packages/bezier-vscode)             | VS Code extension for Bezier design system.                                   |

| [stylelint-bezier](packages/stylelint-bezier)       | Stylelint configuration for Bezier design system.                             |

## Commands

### Install dependencies

```bash

yarn install

```

### Build workspaces

```bash

yarn build

```

### Build a specific workspace

```bash

yarn build --filter=

```

### Run Storybook

```bash

yarn dev

```

### Other Commands

| Command                | Description                             |

| ---------------------- | --------------------------------------- |

| `yarn test`            | Tests all workspaces                    |

| `yarn lint`            | Lints all workspaces                    |

| `yarn typecheck`       | Type checks all workspaces              |

| `yarn clean`           | Remove generated files                  |

| `yarn update-snapshot` | Update test snapshots of `bezier-react` |

## Contributing

See [contribution guide](./.github/CONTRIBUTING.md).

## Maintainers

This package is mainly contributed by Channel Corp. Although feel free to contribution, or raise concerns!