open-index/open-npm huggingface dataset:
npm package: @onlishop/meteor-prettier-config
Description: Prettier configuration for Onlishop projects
Latest version: 1.0.0

# @onlishop/meteor-prettier-config

A shared prettier config for onlishop projects.

## Installation

With npm:

```bash
npm i -D @onlishop/meteor-prettier-config
```

With pnpm:

```bash
pnpm i -D @onlishop/meteor-prettier-config
```

# Usage

There are two ways to use this new config:

1. By configuring prettier inside your `package.json` file:

```jsonc
{
  "name": "my-package",
  "devDependencies": {
    "prettier": "^3.0.0",
  },
  // ↓ This is the important part ↓
  "prettier": "@onlishop/meteor-prettier-config",
}
```

2. Or you can use a `.prettierrc.js` file:

```js
import meteorPrettierConfig from "@onlishop/meteor-prettier-config";

export default meteorPrettierConfig;
```

For a full guide you can read the [prettier configuration](https://prettier.io/docs/sharing-configurations#extending-a-sharable-config).

## Using single quotes

We strongly advise to keep the configuration as is. The pre-defined config, aswell as prettier exist to avoid unnecessary discussions about things that do not matter.

However, if you _really_ dislike using double quotes, you can override
that setting like so:

```js
// filename: .prettierrc.js
import meteorPrettierConfig from "@onlishop/meteor-prettier-config";

export default {
  ...meteorPrettierConfig,
  singleQuote: true,
};
```
npm package: @onlishop/meteor-tokens
Description: Design Tokens for the Meteor Design System used at onlishop
Author: onlishop AG
Latest version: 1.3.0

This repository contains the Design Tokens for the Meteor Design System at onlishop.

## Installation

```sh
npm install @onlishop/meteor-tokens
```

## Usage

This packages exposes a handful of files to consume:

- Primitive tokens
- Tokens for the Onlishop 6 Administration (light & dark)

As an example we'll show you how to make use of the tokens
for the Onlishop 6 Administration.

Import the CSS files that contain the corresponding tokens.

```js
import '@onlishop/meteor-tokens/administration/light.css';

// If you want to support dark mode
import '@onlishop/meteor-tokens/administration/dark.css';
```

Now, you're able to make use of the Design Tokens trough
CSS custom properties, like this:

```css
.sw-button {
  background-color: var(--color-interaction-primary-default);
}
```

To switch to the dark mode add the attribute `data-theme="dark"` to
a DOM element as far up in the DOM tree as possible.

```html
<body data-theme="dark">
  <!-- Your application -->
</body>
```

## License

Onlishop 6 is completely free and released under the [MIT License](./LICENSE.md).