├── .eslintignore ├── .flowconfig ├── .gitignore ├── .npmignore ├── .travis.yml ├── CHANGELOG.md ├── Makefile ├── README.md ├── examples ├── css-extraction │ ├── .babelrc │ ├── index.html │ ├── index.js │ ├── package.json │ ├── styles.react.css │ └── webpack.config.js ├── postcss │ ├── .babelrc │ ├── index.html │ ├── index.js │ ├── package.json │ ├── styles.react.css │ └── webpack.config.js ├── sass │ ├── .babelrc │ ├── index.html │ ├── index.js │ ├── package.json │ ├── styles.react.scss │ └── webpack.config.js ├── simple │ ├── .babelrc │ ├── index.html │ ├── index.js │ ├── package.json │ ├── styles.react.css │ └── webpack.config.js └── webpack.config.js ├── package.json ├── src ├── CSSPseudoClassList.js ├── ComponentRef.js ├── HTMLTagList.js ├── __tests__ │ ├── fixtures │ │ ├── complex-selector.css │ │ ├── complex-selector.js │ │ ├── complex-selector.react.css │ │ ├── custom-base.css │ │ ├── custom-base.js │ │ ├── custom-base.react.css │ │ ├── custom-variant-complex.css │ │ ├── custom-variant-complex.js │ │ ├── custom-variant-complex.react.css │ │ ├── custom-variant-pseudo.css │ │ ├── custom-variant-pseudo.js │ │ ├── custom-variant-pseudo.react.css │ │ ├── custom-variant-with-dash.css │ │ ├── custom-variant-with-dash.js │ │ ├── custom-variant-with-dash.react.css │ │ ├── custom-variant.css │ │ ├── custom-variant.js │ │ ├── custom-variant.react.css │ │ ├── imported-base-named.css │ │ ├── imported-base-named.js │ │ ├── imported-base-named.react.css │ │ ├── imported-base.css │ │ ├── imported-base.js │ │ ├── imported-base.react.css │ │ ├── only-pseudo.css │ │ ├── only-pseudo.js │ │ ├── only-pseudo.react.css │ │ ├── prop-condition.css │ │ ├── prop-condition.js │ │ ├── prop-condition.react.css │ │ ├── pseudo.css │ │ ├── pseudo.js │ │ ├── pseudo.react.css │ │ ├── separate-pseduo.css │ │ ├── separate-pseduo.js │ │ ├── separate-pseduo.react.css │ │ ├── simple.css │ │ ├── simple.js │ │ ├── simple.react.css │ │ ├── within-media.css │ │ ├── within-media.js │ │ └── within-media.react.css │ └── index-test.js └── index.js └── webpack.js /.eslintignore: -------------------------------------------------------------------------------- 1 | **/fixtures/*.js 2 | -------------------------------------------------------------------------------- /.flowconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/.flowconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | src/ 2 | npm-debug.log 3 | .nyc_output/ 4 | coverage/ 5 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/.travis.yml -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/Makefile -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/README.md -------------------------------------------------------------------------------- /examples/css-extraction/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } 4 | -------------------------------------------------------------------------------- /examples/css-extraction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/css-extraction/index.html -------------------------------------------------------------------------------- /examples/css-extraction/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/css-extraction/index.js -------------------------------------------------------------------------------- /examples/css-extraction/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/css-extraction/package.json -------------------------------------------------------------------------------- /examples/css-extraction/styles.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/css-extraction/styles.react.css -------------------------------------------------------------------------------- /examples/css-extraction/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/css-extraction/webpack.config.js -------------------------------------------------------------------------------- /examples/postcss/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } 4 | -------------------------------------------------------------------------------- /examples/postcss/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/postcss/index.html -------------------------------------------------------------------------------- /examples/postcss/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/postcss/index.js -------------------------------------------------------------------------------- /examples/postcss/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/postcss/package.json -------------------------------------------------------------------------------- /examples/postcss/styles.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/postcss/styles.react.css -------------------------------------------------------------------------------- /examples/postcss/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/postcss/webpack.config.js -------------------------------------------------------------------------------- /examples/sass/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } 4 | -------------------------------------------------------------------------------- /examples/sass/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/sass/index.html -------------------------------------------------------------------------------- /examples/sass/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/sass/index.js -------------------------------------------------------------------------------- /examples/sass/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/sass/package.json -------------------------------------------------------------------------------- /examples/sass/styles.react.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/sass/styles.react.scss -------------------------------------------------------------------------------- /examples/sass/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/sass/webpack.config.js -------------------------------------------------------------------------------- /examples/simple/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } 4 | -------------------------------------------------------------------------------- /examples/simple/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/simple/index.html -------------------------------------------------------------------------------- /examples/simple/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/simple/index.js -------------------------------------------------------------------------------- /examples/simple/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/simple/package.json -------------------------------------------------------------------------------- /examples/simple/styles.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/simple/styles.react.css -------------------------------------------------------------------------------- /examples/simple/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/simple/webpack.config.js -------------------------------------------------------------------------------- /examples/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/examples/webpack.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/package.json -------------------------------------------------------------------------------- /src/CSSPseudoClassList.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/CSSPseudoClassList.js -------------------------------------------------------------------------------- /src/ComponentRef.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/ComponentRef.js -------------------------------------------------------------------------------- /src/HTMLTagList.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/HTMLTagList.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/complex-selector.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/complex-selector.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/complex-selector.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/complex-selector.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/complex-selector.react.css: -------------------------------------------------------------------------------- 1 | Label > Hint, Paragraph, X:hover { 2 | color: red; 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-base.css: -------------------------------------------------------------------------------- 1 | .Label { 2 | color: red 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-base.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/custom-base.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-base.react.css: -------------------------------------------------------------------------------- 1 | Label { 2 | base: span; 3 | color: red; 4 | } 5 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-complex.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/custom-variant-complex.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-complex.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/custom-variant-complex.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-complex.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/custom-variant-complex.react.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-pseudo.css: -------------------------------------------------------------------------------- 1 | .Label__custom:hover { 2 | color: red 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-pseudo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/custom-variant-pseudo.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-pseudo.react.css: -------------------------------------------------------------------------------- 1 | Label:custom:hover { 2 | color: red; 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-with-dash.css: -------------------------------------------------------------------------------- 1 | .Label__veryLargeText { 2 | font-size: 3em 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-with-dash.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/custom-variant-with-dash.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant-with-dash.react.css: -------------------------------------------------------------------------------- 1 | Label:very-large-text { 2 | font-size: 3em; 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant.css: -------------------------------------------------------------------------------- 1 | .Label__important { 2 | color: red 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/custom-variant.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/custom-variant.react.css: -------------------------------------------------------------------------------- 1 | Label:important { 2 | color: red; 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/imported-base-named.css: -------------------------------------------------------------------------------- 1 | .Label { 2 | color: red 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/imported-base-named.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/imported-base-named.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/imported-base-named.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/imported-base-named.react.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/imported-base.css: -------------------------------------------------------------------------------- 1 | .Label { 2 | color: red 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/imported-base.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/imported-base.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/imported-base.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/imported-base.react.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/only-pseudo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/only-pseudo.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/only-pseudo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/only-pseudo.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/only-pseudo.react.css: -------------------------------------------------------------------------------- 1 | Label:hover { 2 | color: red; 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/prop-condition.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/prop-condition.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/prop-condition.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/prop-condition.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/prop-condition.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/prop-condition.react.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/pseudo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/pseudo.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/pseudo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/pseudo.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/pseudo.react.css: -------------------------------------------------------------------------------- 1 | Label:first-child { 2 | color: red; 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/separate-pseduo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/separate-pseduo.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/separate-pseduo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/separate-pseduo.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/separate-pseduo.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/separate-pseduo.react.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/simple.css: -------------------------------------------------------------------------------- 1 | .Label { 2 | color: red 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/simple.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/simple.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/simple.react.css: -------------------------------------------------------------------------------- 1 | Label { 2 | color: red; 3 | } 4 | -------------------------------------------------------------------------------- /src/__tests__/fixtures/within-media.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/within-media.css -------------------------------------------------------------------------------- /src/__tests__/fixtures/within-media.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/within-media.js -------------------------------------------------------------------------------- /src/__tests__/fixtures/within-media.react.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/fixtures/within-media.react.css -------------------------------------------------------------------------------- /src/__tests__/index-test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/__tests__/index-test.js -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/src/index.js -------------------------------------------------------------------------------- /webpack.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreypopp/react-css-components/HEAD/webpack.js --------------------------------------------------------------------------------