open-index/open-npm huggingface dataset:
npm package: @primo/browserlist-config
Description: Browserlist config for Primo Design System
Author: Richard McCartney
Latest version: 1.0.5

# @primo/browserlist-config

[![NPM version](https://badgen.net/npm/v/@primo/browserlist-config)](https://www.npmjs.org/package/@primo/browserlist-config)

> Browserlist configuration for Primo

## Getting started

To install `@primo/browserlist-config` in your project, you will need to run the
following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/browserlist-config
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @primo/browserlist-config
```

## Supported Browsers

| Browser                     | Version |
|-----------------------------|---------|
| Chrome & Chrome for Android | Current |
| Edge                        | Current |
| Firefox                     | Current |
| Internet Explorer           | 10 & 11 |
| Safari                      | Current |
| iOS                         | >= 12   |

## Usage

You can use `@primo/browserlist-config` in your project by extending it in your
`browserlist` configuration. For example, if we had an `.browserlistrc` file:

```
extends @primo/browserslist-config
```

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/commitlint-config
Description: Commitlint config for Primo Design System
Author: Richard McCartney
Latest version: 1.0.5

# @primo/commitlint-config

[![NPM version](https://badgen.net/npm/v/@primo/commitlint-config)](https://www.npmjs.org/package/@primo/commitlint-config)

> Commitlint configuration for Primo

## Getting started

To install `@primo/commitlint-config` in your project, you will need to run the
following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/commitlint-config
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @primo/commitlint-config
```

## Usage

You can use `@primo/commitlint-config` in your project by extending it in your
`commitlint` configuration. For example, if we had an `.commitlintrc` file:

```json
{
  "extends": ["@primo/commitlint-config"]
}
```

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/components
Description: Primo component CSS styles
Author: Richard McCartney
Latest version: 2.1.0

# @primo/components

[![NPM version](https://badgen.net/npm/v/@primo/components)](https://www.npmjs.org/package/@primo/components)

> Component styles for the Primo Design System

## Getting started

To install `@primo/components` to your new or exsisting project, you will
need to run the following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/components
```

If you use [Yarn](https://yarnpkg.com/en/), use the following command instead:

```bash
yarn add @primo/components
```

This package requires [Dart Sass](http://npmjs.com/package/sass) in order to
compile.

If you're new to Sass, or are wondering how to configure Sass for your project,
we recommend checking out the following resources and links:

- [Sass Basics](https://sass-lang.com/guide)
- [Webpack with Sass](https://webpack.js.org/loaders/sass-loader/)
- [Next.js with Sass](https://nextjs.org/docs/basic-features/built-in-css-support#sass-support)
- [Create React App with Sass](https://create-react-app.dev/docs/adding-a-sass-stylesheet/)
- [Parcel with Sass](https://v2.parceljs.org/languages/sass/)
- [Vite with Sass](https://vitejs.dev/guide/features.html#css-pre-processors)
- [Snowpack with Sass](https://www.snowpack.dev/guides/sass/)

Once you get Sass up and running in your project, make sure to configure Sass to
include `node_modules` in its `includePaths` option.

## Usage

You can bring in all the components for the Primo Design System by including
`@primo/components` in your Sass files. For example:

```scss
@use '@primo/components';
```

## Public Storybook

If you wish to see our components live, and the most recent version and changes please visit here: [@primo/components - Storybook](https://main--6377d93d014d80f32c7cdf2a.chromatic.com)


## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/eslint-config
Description: ESLint config for Primo Design System
Author: Richard McCartney
Latest version: 1.0.4

# @primo/eslint-config

[![NPM version](https://badgen.net/npm/v/@primo/eslint-config)](https://www.npmjs.org/package/@primo/eslint-config)

> ESLint configuration for Primo

## Getting started

To install `@primo/eslint-config` in your project, you will need to run the
following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/eslint-config
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @primo/eslint-config
```

## Usage

You can use `@primo/eslint-config` in your project by extending it in your
`eslint` configuration. For example, if we had an `.eslintrc` file:

```json
{
  "extends": ["@primo/eslint-config"]
}
```

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/postcss-config
Description: PostCSS config for Primo Design System
Author: Richard McCartney
Latest version: 1.0.8

# @primo/postcss-config

[![NPM version](https://badgen.net/npm/v/@primo/postcss-config)](https://www.npmjs.org/package/@primo/postcss-config)

> PostCSS configuration for Primo

## Getting started

To install `@primo/postcss-config` in your project, you will need to run the
following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/postcss-config
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @primo/postcss-config
```

## Usage

You can use `@primo/postcss-config` in your project by extending it in your
`postcss` configuration. For example, if we had an `.postcssrc` file:

```json
{
  "extends": ["@primo/postcss-config"]
}
```

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/prettier-config
Description: Prettier config for Primo Design System
Author: Richard McCartney
Latest version: 1.0.4

# @primo/prettier-config

[![NPM version](https://badgen.net/npm/v/@primo/prettier-config)](https://www.npmjs.org/package/@primo/prettier-config)

> Prettier configuration for Primo

## Getting started

To install `@primo/prettier-config` in your project, you will need to run the
following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/prettier-config
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @primo/prettier-config
```

## Usage

You can use `@primo/prettier-config` in your project by extending it in your
`prettier.config.js` file config in the root of your project. For example, if we had an `.prettierrc` file:

```js
'use strict';

const prettierConfig = require('@primo/prettier-config');
module.exports = prettierConfig;
```

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/react
Description: Primo React Components
Author: Richard McCartney
Latest version: 1.1.0

# @primo/react

[![NPM version](https://badgen.net/npm/v/@primo/react)](https://www.npmjs.org/package/@primo/react)


> The Primo Design System components built with [React](https://reactjs.org/)

## Getting started

To install `@primo/react` to your new or exsisting project, you will
need to run the following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/react
```

If you use [Yarn](https://yarnpkg.com/en/), use the following command instead:

```bash
yarn add @primo/react
```

This package requires [React](https://www.npmjs.com/package/react) in order to
compile.

## Usage

```js
import { Button } from '@primo/react';

function HelloWorld() {
  return <Button>Example button</Button>;
}
```

## Public Storybook

If you wish to see our react components live, and the most recent version and changes please visit here: [@primo/react - Storybook](https://main--6377ddcc97779b50d34d4241.chromatic.com)

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/stylelint-config
Description: Stylelint for Primo Design System
Author: Richard McCartney
Latest version: 1.1.4

# @primo/stylelint-config

[![NPM version](https://badgen.net/npm/v/@primo/stylelint-config)](https://www.npmjs.org/package/@primo/stylelint-config)

> Stylelint configuration for Primo

## Getting started

To install `@primo/stylelint-config` in your project, you will need to run the
following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/stylelint-config
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @primo/stylelint-config
```

## Usage

You can use `@primo/stylelint-config` in your project by extending it in your
`stylelint` configuration. For example, if we had an `.stylelintrc` file:

```json
{
  "extends": ["@primo/stylelint-config"]
}
```

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/styles
Description: Primo base CSS styles
Author: Richard McCartney
Latest version: 1.3.0

# @primo/styles

[![NPM version](https://badgen.net/npm/v/@primo/styles)](https://www.npmjs.org/package/@primo/styles)

> Styles for the Primo Design System

## Getting started

To install `@primo/styles` to your new or exsisting project, you will
need to run the following command using [npm](https://www.npmjs.com/):

```bash
npm install -S @primo/styles
```

If you use [Yarn](https://yarnpkg.com/en/), use the following command instead:

```bash
yarn add @primo/styles
```

This package requires [Dart Sass](http://npmjs.com/package/sass) in order to
compile.

If you're new to Sass, or are wondering how to configure Sass for your project,
we recommend checking out the following resources and links:

- [Sass Basics](https://sass-lang.com/guide)
- [Webpack with Sass](https://webpack.js.org/loaders/sass-loader/)
- [Next.js with Sass](https://nextjs.org/docs/basic-features/built-in-css-support#sass-support)
- [Create React App with Sass](https://create-react-app.dev/docs/adding-a-sass-stylesheet/)
- [Parcel with Sass](https://v2.parceljs.org/languages/sass/)
- [Vite with Sass](https://vitejs.dev/guide/features.html#css-pre-processors)
- [Snowpack with Sass](https://www.snowpack.dev/guides/sass/)

Once you get Sass up and running in your project, make sure to configure Sass to
include `node_modules` in its `includePaths` option.

## Usage

You can bring in all the styles for the Primo Design System by including
`@primo/styles` in your Sass files. For example:

```scss
@use '@primo/styles';
```

## Public Storybook

If you wish to see our styles components live, and the most recent version and changes please visit here: [@primo/styles - Storybook](https://main--6377de0c8a29e4b5116a392b.chromatic.com)

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).
npm package: @primo/tokens
Description: Design tokens for web and platform products using Primo
Author: Richard McCartney
Latest version: 1.3.0

# @primo/tokens

[![NPM version](https://badgen.net/npm/v/@primo/tokens)](https://www.npmjs.org/package/@primo/tokens)

> Tokens for digital and software products using the Primo Design System

## Getting started

To install `@primo/tokens` in your project, you will need to run the following
commands:

```bash
npm install -S @primo/tokens
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @primo/tokens
```

## ✍️ Feedback

Please ask any questions on this project, you can do so by
[creating a new issue](https://github.com/primo-design-system/primo/issues/new/choose). Or contributing to any [active issues](https://github.com/primo-design-system/primo/issues).

If you wish to get in contact, please don't hesitate via twitter [@Rich_McCartney](https://twitter.com/rich_mccartney).

## 📝 Licence

Licensed under standard
[MIT license](https://github.com/primo-design-system/primo/blob/main/LICENSE).