open-index/open-npm huggingface dataset:
npm package: @styled/modern-normalize
Description: Modern normalize for styled-components CSS-in-JS library
Author: Sergey Sova
Latest version: 1.0.1

# @styled/modern-normalize

CSS-normalize library for [styled-components][].

The original `modern-normalize.css` is pulled from [sindresorhus/modern-normalize][], and parsed into styled ready format.


## Usage

```sh
npm install --save @styled/modern-normalize
```

### Readme

Read styled-components [createGlobalStyle][] documentation

> This is just example

```js
import React from 'react'
import { Normalize } from '@styled/modern-normalize'

import { App } from './app'

const Root = () => (
  <React.Fragment>
    <Normalize />
    <App />
  </React.Fragment>
)
```

> For older version of styled-components this API renders to `null`

You can also use named imports:

```js
// ES Modules
import { Normalize } from '@styled/modern-normalize'

// CommonJS
const { Normalize } = require('@styled/modern-normalize')
```

You can also import [css] without Component API:

```js
import { normalize } from '@styled/modern-normalize'
// Different from `Normalize`

// Example usage:
injectGlobal`
  ${normalize}
`
```

## License

The [MIT License](LICENSE)

[sindresorhus/modern-normalize]: https://github.com/sindresorhus/modern-normalize
[styled-components]: https://styled-components.com/
[createGlobalStyle]: https://www.styled-components.com/docs/api#createglobalstyle
[css]: https://www.styled-components.com/docs/api#css
npm package: @styledux/adapter-default
Description: Default adapter for styledux that support server-side rendering and client-side rendering.
Author: Bin Hou
Latest version: 0.0.9
Deprecated: Please use styledux instead.

# @styledux/adapter-default

Default adapter for styledux.

@see [styledux#@styledux/adapter-default](../../README.md##@styledux/adapter-default)
npm package: @stylegator/stylegator
Description: styleguide static generator for html and js
Author: Faris Mustafa
Latest version: 0.5.2

# Stylegator [![npm version](https://badge.fury.io/js/stylegator.svg)](https://badge.fury.io/js/stylegator)

### Getting Started

```sh
# Create a new project

mkdir my-app && cd my-app

# Install Stylegator

yarn add stylegator
npm install stylegator

# Start the stylegator dev server

stylegator dev

# Build the static site for production

stylegator build
```

### Configuration

Project configuration is available through an `stylegator.config.js` file:

```js
{
  "template": "src/index.html",
  "title": "My App"
}
```

### Contributing

Ideas and code contributions are welcome! In lieu of a styleguide, this project uses [prettier](https://github.com/prettier/prettier), [husky](https://github.com/typicode/husky), and [lint-staged](https://github.com/okonet/lint-staged) to maintain code style. If you have any questions, just ask.

### Related projects

- [react-styleguidist](https://github.com/styleguidist/react-styleguidist)
- [catalog](https://github.com/interactivethings/catalog)
npm package: @styleglide/kit-view-provider
Description: A React component that allows your app to integrate with StyleGlide when rendered in the kit view.
Latest version: 0.0.8

# @styleglide/kit-view-provider

A React component that allows your app to integrate with StyleGlide when rendered in the kit view.

## Installation

```bash
npm install @styleglide/kit-view-provider
# or
yarn add @styleglide/kit-view-provider
# or
pnpm add @styleglide/kit-view-provider
```

### Prerequisites

This package requires the following peer dependencies:

```bash
npm install next-themes react react-dom
# or
yarn add next-themes react react-dom
# or
pnpm add next-themes react react-dom
```

## Usage

First, make sure to set up `next-themes` in your application:

```jsx
// In your app layout or provider component
import { ThemeProvider } from "next-themes";

function MyApp({ Component, pageProps }) {
  return (
    <ThemeProvider>
      <Component {...pageProps} />
    </ThemeProvider>
  );
}

export default MyApp;
```

Then, add the StyleGlide `KitViewProvider` as a child of `ThemeProvider`:

```jsx
// In your app layout or provider component
import { ThemeProvider } from "next-themes";
import { KitViewProvider } from "@styleglide/kit-view-provider";

function MyApp({ Component, pageProps }) {
  return (
    <ThemeProvider>
      <KitViewProvider />
      <Component {...pageProps} />
    </ThemeProvider>
  );
}

export default MyApp;
```

## Features

- Automatically listens for theme updates from StyleGlide
- Applies CSS variables to your app
- Handles light/dark mode switching
- Provides hotkey support for StyleGlide commands

## License

MIT