open-index/open-npm huggingface dataset:
npm package: @luehrsenheinrich/postcss-wp-global-styles
Description: PostCSS plugin to render WordPress global styles from a theme.json file.
Author: Hendrik Luehrsen
Latest version: 0.2.2

# postcss-wp-global-styles

[PostCSS] plugin to render WordPress global styles from a [theme.json] file and inline them.

As of now it only supports preset styles.

[PostCSS]: https://github.com/postcss/postcss
[theme.json]: https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/

## Usage
Add this keyword to one of the CSS files processed by PostCSS.

`css/input.css`:
```css
@wp-global-styles;

body {
  background: black;
}
```
will give you
```css
/* ... result of the rendered WordPress global styles inlined into the CSS file */

body {
  background: black;
}
```

### Options

#### `themeJson`

Type: `String`

Default: `./theme.json`

The location where the theme.json will be loaded from.

#### `colorPaletteGenerator`

Type: `Function`

Default: [defaultMetadataGenerator]

The function to generate the AST representation of the generated CSS classes for the color palette.

#### `colorGradientGenerator`

Type: `Function`

Default: [defaultMetadataGenerator]

The function to generate the AST representation of the generated CSS classes for color gradients.

#### `typographyFontSizesGenerator`

Type: `Function`

Default: [defaultMetadataGenerator]

The function to generate the AST representation of the generated CSS classes for the font sizes.

#### `typographyFontFamiliesGenerator`

Type: `Function`

Default: [defaultMetadataGenerator]

The function to generate the AST representation of the generated CSS classes for the font families.

[defaultMetadataGenerator]: https://github.com/luehrsenheinrich/postcss-wp-global-styles/blob/96026b5d9970589630345347db07a0ccce4f955a/lib/defaultGeneratorFunctions.js#L11

## Installation

**Step 1:** Install plugin:

```sh
npm install --save-dev postcss postcss-wp-global-styles
```

**Step 2:** Check you project for existed PostCSS config: `postcss.config.js`
in the project root, `"postcss"` section in `package.json`
or `postcss` in bundle config.

If you do not use PostCSS, add it according to [official docs]
and set this plugin in settings.

**Step 3:** Add the plugin to plugins list:

```diff
module.exports = {
  plugins: [
+   require('postcss-wp-global-styles'),
    require('autoprefixer')
  ]
}
```

[official docs]: https://github.com/postcss/postcss#usage
npm package: @lueton/react-sparklines
Description: Awesome Sparklines for React
Author: Leon Lüttger
Latest version: 2.2.0

# React Sparklines

![GitHub Release](https://img.shields.io/github/v/release/Lueton/react-sparklines)
![NPM Version](https://img.shields.io/npm/v/%40lueton%2Freact-sparklines)
[![License](https://img.shields.io/badge/License-MIT-blue)](#license)

### [**Documentation**](https://lueton.github.io/react-sparklines/) • [**Installation**](https://lueton.github.io/react-sparklines/getting-started/installation) • [**Quickstart**](https://lueton.github.io/react-sparklines//getting-started/quick-start) • [**Roadmap**](https://lueton.github.io/react-sparklines/roadmap)

![React Sparklines Header Image](react-sparklines-header.png)

## Installation

```bash [npm]
npm install @lueton/react-sparklines

pnpm add @lueton/react-sparklines

yarn add @lueton/react-sparklines
```

## Quickstart

```jsx
const data = [1, 5, 3, 8, 4, 7, 2, 8, 3, 4];
<SparklinesLine data={data} />

<SparklinesBar data={data} />

<SparklinesComposed data={data}>
  <Bar />
  <Line />
</SparklinesComposed>
```

## License

Released under [MIT](/LICENSE) by [@Lueton](https://github.com/Lueton).