Installations

npm install react-with-styles-interface-css

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.9.1

NPM Version

6.9.0 Score

90.7

Supply Chain

71.1

Quality

81.5

Maintenance

100

Vulnerability

100

License

Releases

Unable to fetch releases

Contributors

5

Love this project? Help keep it running — sponsor us today! 🚀

Download Statistics

Total Downloads

136,223,109

Last Day

77,954

Last Week

391,736

Last Month

1,677,112

Last Year

21,335,000

Bundle Size

47.35 kB

Minified

13.19 kB

Minified + Gzipped

Bundlephobia

Maintainers

5

Package Meta Information

Latest Version

6.0.0

Package Id

react-with-styles-interface-css@6.0.0

Size

5.83 kB

NPM Version

6.9.0

Node Version

8.9.1

Published on

Sep 09, 2019

Total Downloads

Cumulative downloads

Total Downloads

136,223,109

Last Day

0.1%

77,954

Compared to previous day

Last Week

-2.1%

391,736

Compared to previous week

Last Month

42.3%

1,677,112

Compared to previous month

Last Year

-26.4%

21,335,000

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

2

array.prototype.flat global-cache

Peer Dependencies

2

@babel/runtime react-with-styles

Dev Dependencies

14

@babel/cli @babel/core @babel/runtime babel-jest babel-preset-airbnb chai eslint eslint-config-airbnb-base eslint-plugin-import in-publish jest object.entries rimraf safe-publish-latest

react-with-styles-interface-css

Interface for react-with-styles that compiles CSS-in-js styles to static CSS classes with deterministic and human-friendly class names whose styles can be easily overridden.

Usage

Interface

A react-with-styles interface which is to be used along with react-with-styles.

1import ThemedStyleSheet from 'react-with-styles/lib/ThemedStyleSheet';
2import CSSInterface, { registerCSSInterfaceNamespace } from 'react-with-styles-interface-css';
3
4ThemedStyleSheet.registerInterface(CSSInterface);
5
6// Optional: Prefix all class names in the output with 'MyPackageName__'
7const namespace = 'MyPackageName';
8registerCSSInterfaceNamespace(namespace);

Styles

When writing styles, all classes throughout a project should be given unique names. Otherwise, class name collisions may result in unexpected and unwanted behavior.

Overriding styles

The styles for a class can be overridden using the same name with which the class was defined. If the optional class name prefix was configured, the prefix should be used when overriding a class.

Note: In order to provide compatibility with aphrodite, the CSS output by this interface uses specifiers with varying levels of specificity. This allows for style resolution to be sensitive to the ordering of styles in calls to css(...). However, these extra specifiers should not be overridden.

Compile

The styles passed to withStyles in the source code are compiled to static CSS by the react-with-styles-interface-css-compiler package.

No vulnerabilities found.

No security vulnerabilities found.

npmpackage.info

Other packages similar to react-with-styles-interface-css

react-with-styles-interface-css

Installations

Developer Guide

No

CommonJS

8.9.1

6.9.0

Score

Releases

Unable to fetch releases

Contributors

Download Statistics

Bundle Size

47.35 kB

13.19 kB

Maintainers

Package Meta Information

Total Downloads

136,223,109

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-with-styles-interface-css

Usage

Interface

Styles

Overriding styles

Compile