npmpackage.info

Gathering detailed insights and metrics for @graasp/stylis-plugin-rtl

@graasp/stylis-plugin-rtl - 2.2.0 | npmpackage.info

@graasp/stylis-plugin-rtl

↔️ stylis RTL plugin based on CSSJanus

2.2.0

MIT

TypeScript

12.87 kB

3.1

Installations

npm install @graasp/stylis-plugin-rtl

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

20.16.0

NPM Version

10.8.2 Pull Requests

Open

4

Total

21

Closed

5

Merged

12

Issues

Open

15

Total

27

Closed

12

Releases

2.1.1

Updated on Oct 19, 2021

2.1.0

Updated on May 05, 2021

2.0.2

Updated on Mar 19, 2021

2.0.1

Updated on Dec 01, 2020

2.0.0

Updated on Aug 30, 2020

1.1.0

Updated on Aug 28, 2020

View All 6 releases

Languages

TypeScript

JavaScript

TypeScript (99.15%)

JavaScript (0.85%)

Developer

styled-components

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

36 Stars

37 Commits

19 Forks

1 Watchers

4 Branches

99 Contributors

Updated on Feb 11, 2025

Maintainers

View All 99 Contributors

Package Meta Information

Latest Version

2.2.0

Package Id

@graasp/stylis-plugin-rtl@2.2.0

Unpacked Size

12.87 kB

Size

3.99 kB

File Count

NPM Version

10.8.2

Node Version

20.16.0

Published on

Aug 28, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

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

1yarn add stylis-plugin-rtl@^1

v2

1yarn add stylis-plugin-rtl stylis

Usage with styled-components v5+

1import styled, { StyleSheetManager } from "styled-components";
2import rtlPlugin from "stylis-plugin-rtl";
3
4const Box = styled.div`
5  padding-left: 10px;
6`;
7
8function MakeItRTL() {
9  return (
10    <StyleSheetManager stylisPlugins={[rtlPlugin]}>
11      <Box>My padding will be on the right!</Box>
12    </StyleSheetManager>
13  );
14}

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).

This is a fork of stylis-rtl for use with styled-components v5+

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

7

SAST

Determines if the project uses static code analysis.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.1

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@graasp/stylis-plugin-rtl

Installations

Developer Guide

Yes

ESM

20.16.0

10.8.2

Pull Requests

4

21

5

12

Issues

15

27

12

Releases

Languages

Developer

styled-components

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

stylis-plugin-rtl

Installation

v1

v2

Usage with styled-components v5+

NOTE: Preventing flipping

10

10

10

7

2

0

0

0

0

0

0

0

0

3.1

/10