# @buffetjs/styles

> Buffetjs Styles - The styling solution of Buffetjs

Latest version **3.3.8** (published 2021-07-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install @buffetjs/styles
pnpm add @buffetjs/styles
yarn add @buffetjs/styles
bun add @buffetjs/styles
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.3.8 |
| Published | 2021-07-19 |
| First published | 2019-10-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Unpacked size | 21.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 538 |
| Author | Strapi Team |
| Maintainers | lauriejim, soupette, alexandrebodin, hichamelbsi |
| Keywords | styled-components, buffetjs, react, styles |

## Links

- npm: https://www.npmjs.com/package/@buffetjs/styles
- Repository: https://github.com/strapi/buffet
- Homepage: https://github.com/strapi/buffet#readme
- Issues: https://github.com/strapi/buffet/issues
- npm.io page: https://npm.io/package/@buffetjs/styles

## Dependencies (8)

- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [react-dates](https://npm.io/package/react-dates.md) ^21.1.0
- [react-tooltip](https://npm.io/package/react-tooltip.md) ^4.2.11
- [@fortawesome/fontawesome-free](https://npm.io/package/@fortawesome/fontawesome-free.md) ^5.12.0
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.1.4
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^1.2.22
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^5.10.2
- [@fortawesome/free-regular-svg-icons](https://npm.io/package/@fortawesome/free-regular-svg-icons.md) ^5.10.2

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 3.3.8 (latest) — 2021-07-19
- 3.3.7-next.1 (next) — 2021-07-19
- 3.3.2-rc.0 (rc) — 2020-12-11
- 3.3.7 — 2021-07-19
- 3.3.6 — 2021-05-10
- 3.3.5 — 2021-04-16
- 3.3.5-next.3 — 2021-03-31
- 3.3.5-next.2 — 2021-03-30
- 3.3.5-next.1 — 2021-03-04
- 3.3.5-next.0 — 2021-03-04
- 3.3.4 — 2021-02-01
- 3.3.4-next.0 — 2021-02-01
- 3.3.3-next.3 — 2021-01-07
- 3.3.3-next.2 — 2021-01-04
- 3.3.3-next.1 — 2020-12-24
- … 61 more at https://npm.io/package/@buffetjs/styles/versions

## README

# Buffetjs Styles

## Getting Started

### Installation

Using yarn

```bash
yarn add @buffetjs/styles
# Install the required dependencies
yarn add prop-types react styled-components
```

or npm

```bash
npm install @buffetjs/styles --save
# Install the required dependencies
npm install prop-types react styled-components --save
```

### Available commands

- **build**<br/>
  Builds the library for production
- **build:analyze**<br/>
  Analyse the generated build
- **build:watch**<br/>
  Whatch the files with webpack
- **build:watch:esm**<br/>
  Whatch the files with babel
- **create:index**<br/>
  Create the `build/index.js` file
- **test**<br/>
  Runs the entire set of test: lint, style and jest
- **test:jest**<br/>
  Runs the unit tests
- **test:jest:watch**<br/>
  Runs the unit tests in watch mode
- **test:lint**<br/>
  Runs the lint tests
- **test:lint:quiet**<br/>
  Runs the lint tests without displaying the warnings
- **test:style**<br/>
  Runs the stylelint tests
- **test:style:quiet**<br/>
  Runs the stylelint tests without displaying the warnings
- **lint:fix**<br/>
  Fixes the lint

---
_Source: https://npm.io/package/@buffetjs/styles · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._