open-index/open-npm huggingface dataset:
npm package: @mwvalen/stylis-plugin-rtl
Description: Fork of stylis-rtl, uses cssjanus under the hood to flip style orientations for RTL
Author: Jop de Klein
Latest version: 2.1.3

# stylis-plugin-rtl

Stylis RTL plugin based on CSSJanus

> NOTE! Use v1 of this plugin for styled-components v5, NOT v2 (v2 is for libraries that have upgraded to stylis v4, which s-c has not yet. At the moment only emotion 11 is updated.)

## Installation

### v1

```shell
yarn add stylis-plugin-rtl@^1
```

### v2

```shell
yarn add stylis-plugin-rtl stylis
```

## Usage with styled-components v5+

```javascript
import styled, { StyleSheetManager } from "styled-components";
import rtlPlugin from "stylis-plugin-rtl";

const Box = styled.div`
  padding-left: 10px;
`;

function MakeItRTL() {
  return (
    <StyleSheetManager stylisPlugins={[rtlPlugin]}>
      <Box>My padding will be on the right!</Box>
    </StyleSheetManager>
  );
}
```

#### NOTE: Preventing flipping

Because minification removes all comments from your CSS before it passes to `<StyleSheetManager>`, `/* @noflip */` comment won't work. 
You will have to either:
- add an exclamation mark at the beginning of the comment, like this  `/*! @noflip */`, to prevent it from being removed
- disable minification entirely by setting `minify` to `false` in `.babelrc` (see [styled-components documentation](https://styled-components.com/docs/tooling#minification)).

<small>This is a fork of `stylis-rtl` for use with styled-components v5+</small>
npm package: @mwvd/zooming
Description: Image zoom that makes sense.
Author: Desmond Ding
Latest version: 2.1.2

# Zooming [![npm](https://img.shields.io/npm/v/zooming.svg?style=flat-square)](https://www.npmjs.com/package/zooming) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/zooming.svg?style=flat-square)](https://bundlephobia.com/result?p=zooming)

Image zoom that makes sense.

-   Pure JavaScript & built with mobile in mind.
-   Smooth animations with intuitive gestures.
-   Zoom into a hi-res image if supplied.
-   Easy to integrate & customizable.

## What is this fork?

Adds the class "`zoom-overlay`" to the overlay element, that can then be targeted with CSS.

## Get Started

Try [Demo](https://kingdido999.github.io/zooming/) or play with [codepen](https://codepen.io/kingdido999/pen/rpYrKV).

Please see [Documentation](https://kingdido999.github.io/zooming/docs) for detailed guide.

## Build

```bash
yarn
yarn start
```