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

# @oinpanel/meteor-prettier-config

A shared prettier config for shopware projects.

## Installation

With npm:

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

With pnpm:

```bash
pnpm i -D @oinpanel/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": "@oinpanel/meteor-prettier-config",
}
```

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

```js
import meteorPrettierConfig from "@oinpanel/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 "@oinpanel/meteor-prettier-config";

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

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

## Installation

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

## Usage

This packages exposes a handful of files to consume:

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

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

Import the CSS files that contain the corresponding tokens.

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

// If you want to support dark mode
import '@oinpanel/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

Shopware 6 is completely free and released under the [MIT License](./LICENSE.md).
npm package: @oinpanel/stylelint-plugin-meteor
Description: The stylelint plugin for the Meteor Design System
Latest version: 2.0.0

# stylelint-plugin-meteor

This stylelint plugin adds a handful of rules for the Meteor Design System.

## Installation

Add this package to your project:

```sh
npm i -D @oinpanel/stylelint-plugin-meteor
```

Add this package to your stylelint config.

```json
{
  "plugins": ["@oinpanel/stylelint-plugin-meteor"],
  "rules": {
    "meteor/prefer-sizing-token": [
      true,
      {
        "severity": "warning"
      }
    ]
  }
}
```

# Rules

- `meteor/no-primitive-token`
- `meteor/prefer-background-token`
- `meteor/prefer-border-token`
- `meteor/prefer-color-token`
- `meteor/prefer-font-token`
- `meteor/prefer-sizing-token`