open-index/open-npm huggingface dataset:
npm package: @oddbird/css-toggles
Description: Polyfill for the proposed CSS Toggles syntax
Author: OddBird
Latest version: 1.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# CSS Toggles preview

- [Demo](https://toggles.oddbird.net)
- [Explainer](https://css.oddbird.net/toggles/explainer/)
- [Draft Spec](https://tabatkins.github.io/css-toggle/)

## Polyfill Installation

### Download a copy

The simplest, recommended way to install the polyfill is to copy it into your
project.

Download `css-toggles.min.js` [from
unpkg.com](https://unpkg.com/browse/@oddbird/css-toggles/dist/) and add it to
the appropriate directory in your project. Then, include it where necessary with
a `<script>` tag:

```html
<script src="/path/to/css-toggles.min.js" type="module"></script>
```

You can also use an
[IIFE](https://developer.mozilla.org/en-US/docs/Glossary/IIFE) version if your
target browsers require it:

```html
<script src="/path/to/css-toggles.iife.min.js"></script>
```

### With npm

For more advanced configuration, you can install with
[npm](https://www.npmjs.com/):

```sh
npm install @oddbird/css-toggles
```

After installing, you’ll need to use appropriate tooling to use `node_modules/@oddbird/css-toggles/dist/css-toggles.js` (or `.min.js`).

### Via CDN

For prototyping or testing, you can use the npm package via a Content Delivery
Network. Avoid using JavaScript CDN’s in production, for [many good
reasons](https://blog.wesleyac.com/posts/why-not-javascript-cdn) such as
performance and robustness.

```html
<script
  src="https://cdn.jsdelivr.net/npm/@oddbird/css-toggles@latest"
  crossorigin="anonymous"
  defer
></script>
```

## Usage

After installation the polyfill will automatically parse all stylesheets present
in the HTML document (both inline and linked) for the proposed CSS Toggles
syntax. Once the styles are parsed the toggling behavior will be polyfilled with
JavaScript.

## Contributing

Visit our [contribution guidelines](https://github.com/oddbird/css-toggles/blob/main/CONTRIBUTING.md).
npm package: @oddbird/popup-polyfill
Description: Popup Polyfill
Author: OddBird
Latest version: 0.0.2
Deprecated: WARNING: This project has been renamed to @oddbird/popover-polyfill. Install using @oddbird/popover-polyfill instead.

# popup polyfill

[Explainer](https://open-ui.org/components/popup.research.explainer#nearest-open-ancestral-pop-up)

This polyfills the HTML `popUp` attribute and `showPopUp`/`hidePopUp` methods onto HTMLElement.

## Polyfill Installation

### Download a copy

The simplest, recommended way to install the polyfill is to copy it into your
project.

Download `popup.iife.min.js` [from
unpkg.com](https://unpkg.com/browse/@oddbird/popup-polyfill/dist/) and add it
to the appropriate directory in your project. Then, include it where necessary
with a `<script>` tag:

```html
<script src="/path/to/popup.iife.min.js" type="module"></script>
```

You will also likely need the CSS file, which supplies some default styles.
Download the `popup.css` [from
unpkg.com](https://unpkg.com/browse/@oddbird/popup-polyfill/dist/) and add it
to the appropriate directory in your project. Then, include it where necessary
with a `<link rel=stylesheet>` tag:

```html
<link rel="stylesheet" src="/path/to/popup.css" />
```

### With npm

For more advanced configuration, you can install with
[npm](https://www.npmjs.com/):

```sh
npm install @oddbird/popup-polyfill
```

After installing, you’ll need to use appropriate tooling to use
`node_modules/@oddbird/popup-polyfill/dist/index.js` (or `.min.js`).

You will also likely need to include the CSS stylesheet which is found in
`node_modules/@oddbird/popup-polyfill/dist/popup.css`.

If you want to manually apply the polyfill, you can also import the
`isSupported` and `apply` functions from
`node_modules/@oddbird/popup-polyfill/dist/popup.js` file.

### Via CDN

For prototyping or testing, you can use the npm package via a Content Delivery
Network. Avoid using JavaScript CDNs in production, for [many good
reasons](https://blog.wesleyac.com/posts/why-not-javascript-cdn) such as
performance and robustness.

```html
<script
  src="https://cdn.jsdelivr.net/npm/@oddbird/popup-polyfill@latest"
  crossorigin="anonymous"
  defer
></script>
```

## Usage

After installation the polyfill will automatically add the correct methods and
attributes to the HTMLElement class.

## Contributing

Visit our [contribution guidelines](https://github.com/oddbird/popup-polyfill/blob/main/CONTRIBUTING.md).